@protonradio/proton-ui 0.12.14 → 0.13.1

package/dist/components/Waveform/WaveformBar.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"WaveformBar.cjs.js","sources":["../../../src/components/Waveform/WaveformBar.tsx"],"sourcesContent":["import { csx } from \"../../utils\";\n\ninterface WaveformBarProps {\n  amplitude: number;\n  isDisabled: boolean;\n  isPlayed: boolean;\n  isHovered: boolean;\n  isVisible: boolean;\n  hasAnimated: boolean;\n  resolution: number;\n  spacing: number;\n  index: number;\n}\n\nexport function WaveformBar({\n  amplitude,\n  isDisabled,\n  isPlayed,\n  isHovered,\n  isVisible,\n  hasAnimated,\n  resolution,\n  spacing,\n  index,\n}: WaveformBarProps) {\n  const barHeight = isVisible ? `${Math.max(amplitude * 100, 4)}%` : \"0%\";\n\n  return (\n    <div\n      className={csx(\"proton-Waveform__bar-wrapper\")}\n      style={{\n        width: `${resolution}px`,\n        marginRight: `${spacing}px`,\n      }}\n    >\n      <div\n        className={csx(\n          \"proton-Waveform__bar\",\n          \"proton-Waveform__bar--upper\",\n          isDisabled && \"proton-Waveform__bar--disabled\",\n          isPlayed && \"proton-Waveform__bar--played\",\n          isVisible && \"proton-Waveform__bar--visible\",\n          hasAnimated && \"proton-Waveform__bar--animated\"\n        )}\n        style={\n          {\n            \"--target-height\": `calc(${barHeight} / 2)`,\n            \"--index\": index,\n          } as React.CSSProperties\n        }\n      />\n      <div\n        className={csx(\n          \"proton-Waveform__bar\",\n          \"proton-Waveform__bar--lower\",\n          isDisabled && \"proton-Waveform__bar--disabled\",\n          isPlayed && \"proton-Waveform__bar--played\",\n          isVisible && \"proton-Waveform__bar--visible\",\n          hasAnimated && \"proton-Waveform__bar--animated\"\n        )}\n        style={\n          {\n            \"--target-height\": `calc(${barHeight} / 2)`,\n            \"--index\": index,\n          } as React.CSSProperties\n        }\n      />\n      {isHovered && !isDisabled && !isPlayed && (\n        <div\n          className=\"proton-Waveform__bar--hover\"\n          style={\n            {\n              \"--hover-height\": barHeight,\n            } as React.CSSProperties\n          }\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["WaveformBar","amplitude","isDisabled","isPlayed","isHovered","isVisible","hasAnimated","resolution","spacing","index","barHeight","jsxs","csx","jsx"],"mappings":"sLAcO,SAASA,EAAY,CAC1B,UAAAC,EACA,WAAAC,EACA,SAAAC,EACA,UAAAC,EACA,UAAAC,EACA,YAAAC,EACA,WAAAC,EACA,QAAAC,EACA,MAAAC,CACF,EAAqB,CACnB,MAAMC,EAAYL,EAAY,GAAG,KAAK,IAAIJ,EAAY,IAAK,CAAC,CAAC,IAAM,KAEnE,OACEU,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,IAAI,8BAA8B,EAC7C,MAAO,CACL,MAAO,GAAGL,CAAU,KACpB,YAAa,GAAGC,CAAO,IAAA,EAGzB,SAAA,CAAAK,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWD,EAAAA,IACT,uBACA,8BACAV,GAAc,iCACdC,GAAY,+BACZE,GAAa,gCACbC,GAAe,gCAAA,EAEjB,MACE,CACE,kBAAmB,QAAQI,CAAS,QACpC,UAAWD,CAAA,CACb,CAAA,EAGJI,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWD,EAAAA,IACT,uBACA,8BACAV,GAAc,iCACdC,GAAY,+BACZE,GAAa,gCACbC,GAAe,gCAAA,EAEjB,MACE,CACE,kBAAmB,QAAQI,CAAS,QACpC,UAAWD,CAAA,CACb,CAAA,EAGHL,GAAa,CAACF,GAAc,CAACC,GAC5BU,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAU,8BACV,MACE,CACE,iBAAkBH,CAAA,CACpB,CAAA,CAEJ,CAAA,CAAA,CAIR"}
+{"version":3,"file":"WaveformBar.cjs.js","sources":["../../../src/components/Waveform/WaveformBar.tsx"],"sourcesContent":["import { csx } from \"../../utils\";\n\ninterface WaveformBarProps {\n  amplitude: number;\n  isDisabled: boolean;\n  isPlayed: boolean;\n  isHovered: boolean;\n  isVisible: boolean;\n  hasAnimated: boolean;\n  resolution: number;\n  spacing: number;\n  index: number;\n}\n\nexport function WaveformBar({\n  amplitude,\n  isDisabled,\n  isPlayed,\n  isHovered,\n  isVisible,\n  hasAnimated,\n  resolution,\n  spacing,\n  index,\n}: WaveformBarProps) {\n  const barHeight = isVisible ? `${Math.max(amplitude * 100, 4)}%` : \"0%\";\n\n  return (\n    <div\n      className={csx(\"proton-Waveform__bar-wrapper\")}\n      style={{\n        width: `${resolution}px`,\n        marginRight: `${spacing}px`,\n      }}\n    >\n      <div\n        className={csx(\n          \"proton-Waveform__bar\",\n          \"proton-Waveform__bar--upper\",\n          isDisabled && \"proton-Waveform__bar--disabled\",\n          isPlayed && \"proton-Waveform__bar--played\",\n          isVisible && \"proton-Waveform__bar--visible\",\n          hasAnimated && \"proton-Waveform__bar--animated\"\n        )}\n        style={\n          {\n            \"--target-height\": `calc(${barHeight} / 2)`,\n            \"--index\": index,\n          } as React.CSSProperties\n        }\n      />\n      <div\n        className={csx(\n          \"proton-Waveform__bar\",\n          \"proton-Waveform__bar--lower\",\n          isDisabled && \"proton-Waveform__bar--disabled\",\n          isPlayed && \"proton-Waveform__bar--played\",\n          isVisible && \"proton-Waveform__bar--visible\",\n          hasAnimated && \"proton-Waveform__bar--animated\"\n        )}\n        style={\n          {\n            \"--target-height\": `calc(${barHeight} / 2)`,\n            \"--index\": index,\n          } as React.CSSProperties\n        }\n      />\n      {isHovered && !isDisabled && !isPlayed && (\n        <div\n          className=\"proton-Waveform__bar--hover\"\n          style={\n            {\n              \"--hover-height\": barHeight,\n            } as React.CSSProperties\n          }\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["WaveformBar","amplitude","isDisabled","isPlayed","isHovered","isVisible","hasAnimated","resolution","spacing","index","barHeight","jsxs","csx","jsx"],"mappings":"4JAcO,SAASA,EAAY,CAC1B,UAAAC,EACA,WAAAC,EACA,SAAAC,EACA,UAAAC,EACA,UAAAC,EACA,YAAAC,EACA,WAAAC,EACA,QAAAC,EACA,MAAAC,CACF,EAAqB,CACnB,MAAMC,EAAYL,EAAY,GAAG,KAAK,IAAIJ,EAAY,IAAK,CAAC,CAAC,IAAM,KAEnE,OACEU,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,IAAI,8BAA8B,EAC7C,MAAO,CACL,MAAO,GAAGL,CAAU,KACpB,YAAa,GAAGC,CAAO,IAAA,EAGzB,SAAA,CAAAK,EAAAA,IAAC,MAAA,CACC,UAAWD,EAAAA,IACT,uBACA,8BACAV,GAAc,iCACdC,GAAY,+BACZE,GAAa,gCACbC,GAAe,gCAAA,EAEjB,MACE,CACE,kBAAmB,QAAQI,CAAS,QACpC,UAAWD,CAAA,CACb,CAAA,EAGJI,EAAAA,IAAC,MAAA,CACC,UAAWD,EAAAA,IACT,uBACA,8BACAV,GAAc,iCACdC,GAAY,+BACZE,GAAa,gCACbC,GAAe,gCAAA,EAEjB,MACE,CACE,kBAAmB,QAAQI,CAAS,QACpC,UAAWD,CAAA,CACb,CAAA,EAGHL,GAAa,CAACF,GAAc,CAACC,GAC5BU,EAAAA,IAAC,MAAA,CACC,UAAU,8BACV,MACE,CACE,iBAAkBH,CAAA,CACpB,CAAA,CAEJ,CAAA,CAAA,CAIR"}

package/dist/components/Waveform/WaveformBar.es.js

@@ -1,18 +1,18 @@
-import { j as r } from "../../node_modules/react/jsx-runtime.es.js";
+import { jsxs as W, jsx as t } from "react/jsx-runtime";
 import { csx as _ } from "../../utils/string.es.js";
-function c({
-  amplitude: n,
-  isDisabled: o,
-  isPlayed: a,
-  isHovered: v,
-  isVisible: e,
+function l({
+  amplitude: v,
+  isDisabled: r,
+  isPlayed: o,
+  isHovered: n,
+  isVisible: a,
   hasAnimated: m,
   resolution: f,
   spacing: b,
   index: p
 }) {
-  const t = e ? `${Math.max(n * 100, 4)}%` : "0%";
-  return /* @__PURE__ */ r.jsxs(
+  const e = a ? `${Math.max(v * 100, 4)}%` : "0%";
+  return /* @__PURE__ */ W(
     "div",
     {
       className: _("proton-Waveform__bar-wrapper"),
@@ -21,46 +21,46 @@ function c({
         marginRight: `${b}px`
       },
       children: [
-        /* @__PURE__ */ r.jsx(
+        /* @__PURE__ */ t(
           "div",
           {
             className: _(
               "proton-Waveform__bar",
               "proton-Waveform__bar--upper",
-              o && "proton-Waveform__bar--disabled",
-              a && "proton-Waveform__bar--played",
-              e && "proton-Waveform__bar--visible",
+              r && "proton-Waveform__bar--disabled",
+              o && "proton-Waveform__bar--played",
+              a && "proton-Waveform__bar--visible",
               m && "proton-Waveform__bar--animated"
             ),
             style: {
-              "--target-height": `calc(${t} / 2)`,
+              "--target-height": `calc(${e} / 2)`,
               "--index": p
             }
           }
         ),
-        /* @__PURE__ */ r.jsx(
+        /* @__PURE__ */ t(
           "div",
           {
             className: _(
               "proton-Waveform__bar",
               "proton-Waveform__bar--lower",
-              o && "proton-Waveform__bar--disabled",
-              a && "proton-Waveform__bar--played",
-              e && "proton-Waveform__bar--visible",
+              r && "proton-Waveform__bar--disabled",
+              o && "proton-Waveform__bar--played",
+              a && "proton-Waveform__bar--visible",
               m && "proton-Waveform__bar--animated"
             ),
             style: {
-              "--target-height": `calc(${t} / 2)`,
+              "--target-height": `calc(${e} / 2)`,
               "--index": p
             }
           }
         ),
-        v && !o && !a && /* @__PURE__ */ r.jsx(
+        n && !r && !o && /* @__PURE__ */ t(
           "div",
           {
             className: "proton-Waveform__bar--hover",
             style: {
-              "--hover-height": t
+              "--hover-height": e
             }
           }
         )
@@ -69,6 +69,6 @@ function c({
   );
 }
 export {
-  c as WaveformBar
+  l as WaveformBar
 };
 //# sourceMappingURL=WaveformBar.es.js.map

package/dist/components/Waveform/WaveformBar.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"WaveformBar.es.js","sources":["../../../src/components/Waveform/WaveformBar.tsx"],"sourcesContent":["import { csx } from \"../../utils\";\n\ninterface WaveformBarProps {\n  amplitude: number;\n  isDisabled: boolean;\n  isPlayed: boolean;\n  isHovered: boolean;\n  isVisible: boolean;\n  hasAnimated: boolean;\n  resolution: number;\n  spacing: number;\n  index: number;\n}\n\nexport function WaveformBar({\n  amplitude,\n  isDisabled,\n  isPlayed,\n  isHovered,\n  isVisible,\n  hasAnimated,\n  resolution,\n  spacing,\n  index,\n}: WaveformBarProps) {\n  const barHeight = isVisible ? `${Math.max(amplitude * 100, 4)}%` : \"0%\";\n\n  return (\n    <div\n      className={csx(\"proton-Waveform__bar-wrapper\")}\n      style={{\n        width: `${resolution}px`,\n        marginRight: `${spacing}px`,\n      }}\n    >\n      <div\n        className={csx(\n          \"proton-Waveform__bar\",\n          \"proton-Waveform__bar--upper\",\n          isDisabled && \"proton-Waveform__bar--disabled\",\n          isPlayed && \"proton-Waveform__bar--played\",\n          isVisible && \"proton-Waveform__bar--visible\",\n          hasAnimated && \"proton-Waveform__bar--animated\"\n        )}\n        style={\n          {\n            \"--target-height\": `calc(${barHeight} / 2)`,\n            \"--index\": index,\n          } as React.CSSProperties\n        }\n      />\n      <div\n        className={csx(\n          \"proton-Waveform__bar\",\n          \"proton-Waveform__bar--lower\",\n          isDisabled && \"proton-Waveform__bar--disabled\",\n          isPlayed && \"proton-Waveform__bar--played\",\n          isVisible && \"proton-Waveform__bar--visible\",\n          hasAnimated && \"proton-Waveform__bar--animated\"\n        )}\n        style={\n          {\n            \"--target-height\": `calc(${barHeight} / 2)`,\n            \"--index\": index,\n          } as React.CSSProperties\n        }\n      />\n      {isHovered && !isDisabled && !isPlayed && (\n        <div\n          className=\"proton-Waveform__bar--hover\"\n          style={\n            {\n              \"--hover-height\": barHeight,\n            } as React.CSSProperties\n          }\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["WaveformBar","amplitude","isDisabled","isPlayed","isHovered","isVisible","hasAnimated","resolution","spacing","index","barHeight","jsxs","csx","jsx"],"mappings":";;AAcO,SAASA,EAAY;AAAA,EAC1B,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AACF,GAAqB;AACnB,QAAMC,IAAYL,IAAY,GAAG,KAAK,IAAIJ,IAAY,KAAK,CAAC,CAAC,MAAM;AAEnE,SACEU,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAI,8BAA8B;AAAA,MAC7C,OAAO;AAAA,QACL,OAAO,GAAGL,CAAU;AAAA,QACpB,aAAa,GAAGC,CAAO;AAAA,MAAA;AAAA,MAGzB,UAAA;AAAA,QAAAK,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACA;AAAA,cACAV,KAAc;AAAA,cACdC,KAAY;AAAA,cACZE,KAAa;AAAA,cACbC,KAAe;AAAA,YAAA;AAAA,YAEjB,OACE;AAAA,cACE,mBAAmB,QAAQI,CAAS;AAAA,cACpC,WAAWD;AAAA,YAAA;AAAA,UACb;AAAA,QAAA;AAAA,QAGJI,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACA;AAAA,cACAV,KAAc;AAAA,cACdC,KAAY;AAAA,cACZE,KAAa;AAAA,cACbC,KAAe;AAAA,YAAA;AAAA,YAEjB,OACE;AAAA,cACE,mBAAmB,QAAQI,CAAS;AAAA,cACpC,WAAWD;AAAA,YAAA;AAAA,UACb;AAAA,QAAA;AAAA,QAGHL,KAAa,CAACF,KAAc,CAACC,KAC5BU,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OACE;AAAA,cACE,kBAAkBH;AAAA,YAAA;AAAA,UACpB;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"WaveformBar.es.js","sources":["../../../src/components/Waveform/WaveformBar.tsx"],"sourcesContent":["import { csx } from \"../../utils\";\n\ninterface WaveformBarProps {\n  amplitude: number;\n  isDisabled: boolean;\n  isPlayed: boolean;\n  isHovered: boolean;\n  isVisible: boolean;\n  hasAnimated: boolean;\n  resolution: number;\n  spacing: number;\n  index: number;\n}\n\nexport function WaveformBar({\n  amplitude,\n  isDisabled,\n  isPlayed,\n  isHovered,\n  isVisible,\n  hasAnimated,\n  resolution,\n  spacing,\n  index,\n}: WaveformBarProps) {\n  const barHeight = isVisible ? `${Math.max(amplitude * 100, 4)}%` : \"0%\";\n\n  return (\n    <div\n      className={csx(\"proton-Waveform__bar-wrapper\")}\n      style={{\n        width: `${resolution}px`,\n        marginRight: `${spacing}px`,\n      }}\n    >\n      <div\n        className={csx(\n          \"proton-Waveform__bar\",\n          \"proton-Waveform__bar--upper\",\n          isDisabled && \"proton-Waveform__bar--disabled\",\n          isPlayed && \"proton-Waveform__bar--played\",\n          isVisible && \"proton-Waveform__bar--visible\",\n          hasAnimated && \"proton-Waveform__bar--animated\"\n        )}\n        style={\n          {\n            \"--target-height\": `calc(${barHeight} / 2)`,\n            \"--index\": index,\n          } as React.CSSProperties\n        }\n      />\n      <div\n        className={csx(\n          \"proton-Waveform__bar\",\n          \"proton-Waveform__bar--lower\",\n          isDisabled && \"proton-Waveform__bar--disabled\",\n          isPlayed && \"proton-Waveform__bar--played\",\n          isVisible && \"proton-Waveform__bar--visible\",\n          hasAnimated && \"proton-Waveform__bar--animated\"\n        )}\n        style={\n          {\n            \"--target-height\": `calc(${barHeight} / 2)`,\n            \"--index\": index,\n          } as React.CSSProperties\n        }\n      />\n      {isHovered && !isDisabled && !isPlayed && (\n        <div\n          className=\"proton-Waveform__bar--hover\"\n          style={\n            {\n              \"--hover-height\": barHeight,\n            } as React.CSSProperties\n          }\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["WaveformBar","amplitude","isDisabled","isPlayed","isHovered","isVisible","hasAnimated","resolution","spacing","index","barHeight","jsxs","csx","jsx"],"mappings":";;AAcO,SAASA,EAAY;AAAA,EAC1B,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AACF,GAAqB;AACnB,QAAMC,IAAYL,IAAY,GAAG,KAAK,IAAIJ,IAAY,KAAK,CAAC,CAAC,MAAM;AAEnE,SACE,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAI,8BAA8B;AAAA,MAC7C,OAAO;AAAA,QACL,OAAO,GAAGL,CAAU;AAAA,QACpB,aAAa,GAAGC,CAAO;AAAA,MAAA;AAAA,MAGzB,UAAA;AAAA,QAAA,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACA;AAAA,cACAV,KAAc;AAAA,cACdC,KAAY;AAAA,cACZE,KAAa;AAAA,cACbC,KAAe;AAAA,YAAA;AAAA,YAEjB,OACE;AAAA,cACE,mBAAmB,QAAQI,CAAS;AAAA,cACpC,WAAWD;AAAA,YAAA;AAAA,UACb;AAAA,QAAA;AAAA,QAGJ,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACA;AAAA,cACAV,KAAc;AAAA,cACdC,KAAY;AAAA,cACZE,KAAa;AAAA,cACbC,KAAe;AAAA,YAAA;AAAA,YAEjB,OACE;AAAA,cACE,mBAAmB,QAAQI,CAAS;AAAA,cACpC,WAAWD;AAAA,YAAA;AAAA,UACb;AAAA,QAAA;AAAA,QAGHL,KAAa,CAACF,KAAc,CAACC,KAC5B,gBAAAU;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OACE;AAAA,cACE,kBAAkBH;AAAA,YAAA;AAAA,UACpB;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/hooks/useBreakpoint.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function i(n,r="down"){const e=r==="down"?`(max-width: ${n}px)`:`(min-width: ${n}px)`,a=t.useCallback(s=>{const o=window.matchMedia(e);return o.addEventListener("change",s),()=>o.removeEventListener("change",s)},[e]),u=t.useCallback(()=>window.matchMedia(e).matches,[e]);return t.useSyncExternalStore(a,u,()=>r==="up")}exports.useBreakpoint=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function u(n,s="down"){const e=s==="down"?`(max-width: ${n}px)`:`(min-width: ${n}px)`,r=t.useCallback(a=>{const o=window.matchMedia(e);return o.addEventListener("change",a),()=>o.removeEventListener("change",a)},[e]),c=t.useCallback(()=>window.matchMedia(e).matches,[e]);return t.useSyncExternalStore(r,c,()=>s==="up")}exports.useBreakpoint=u;
 //# sourceMappingURL=useBreakpoint.cjs.js.map

package/dist/hooks/useIsClosing.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react");function g({duration:i=200,onClose:t,overlayRef:e}){const[r,c]=s.useState(!1),[u,n]=s.useState(),a=s.useCallback(()=>{if(i<=0){console.warn("useIsClosing: Duration must be positive. Executing onClose immediately."),t==null||t();return}c(!0),e!=null&&e.current&&e.current.classList.add("proton-ScreenOverlay__fade-out");const d=setTimeout(()=>{t==null||t(),c(!1)},i);n(d)},[i,t,e]);return s.useEffect(()=>()=>{u&&clearTimeout(u)},[u]),{isClosing:r,handleClose:a}}exports.useIsClosing=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react");function g({duration:i=200,onClose:t,overlayRef:e}){const[n,c]=s.useState(!1),[u,r]=s.useState(),a=s.useCallback(()=>{if(i<=0){console.warn("useIsClosing: Duration must be positive. Executing onClose immediately."),t==null||t();return}c(!0),e!=null&&e.current&&e.current.classList.add("proton-ScreenOverlay__fade-out");const d=setTimeout(()=>{t==null||t(),c(!1)},i);r(d)},[i,t,e]);return s.useEffect(()=>()=>{u&&clearTimeout(u)},[u]),{isClosing:n,handleClose:a}}exports.useIsClosing=g;
 //# sourceMappingURL=useIsClosing.cjs.js.map

package/dist/hooks/useMergedRef.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function i(t,e){return r.useCallback(u=>{t.current=u,typeof e=="function"?e(u):e!=null&&(e.current=u)},[t,e])}exports.useMergedRef=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react");function c(t,e){return n.useCallback(u=>{t.current=u,typeof e=="function"?e(u):e!=null&&(e.current=u)},[t,e])}exports.useMergedRef=c;
 //# sourceMappingURL=useMergedRef.cjs.js.map

package/dist/hooks/usePalette.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../design/darkTheme/colors.cjs.js"),r=require("../design/lightTheme/colors.cjs.js"),o=require("react"),u=require("../utils/image.cjs.js"),P=require("../utils/palette.cjs.js"),T=require("../design/theme.cjs.js"),E=(e,n)=>{const[l,s]=o.useState(r.LIGHT_PALETTE),a=o.useCallback(async()=>{if(!e)return r.LIGHT_PALETTE;try{const t=await u.getDominantColor(e);return P.generatePalette(t)}catch(t){return console.error("Failed to generate palette:",t),r.LIGHT_PALETTE}},[e]);return o.useEffect(()=>{(async()=>{if(e){const c=await a();s(c);return}if(n===T.THEMES.DARK){s(i.DARK_PALETTE);return}s(r.LIGHT_PALETTE)})()},[e,n,a]),o.useMemo(()=>l,[l])};exports.usePalette=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../design/darkTheme/colors.cjs.js"),r=require("../design/lightTheme/colors.cjs.js"),o=require("react"),u=require("../utils/image.cjs.js"),P=require("../utils/palette.cjs.js"),T=require("../design/theme.cjs.js"),E=(e,n)=>{const[a,s]=o.useState(r.LIGHT_PALETTE),l=o.useCallback(async()=>{if(!e)return r.LIGHT_PALETTE;try{const t=await u.getDominantColor(e);return P.generatePalette(t)}catch(t){return console.error("Failed to generate palette:",t),r.LIGHT_PALETTE}},[e]);return o.useEffect(()=>{(async()=>{if(e){const c=await l();s(c);return}if(n===T.THEMES.DARK){s(i.DARK_PALETTE);return}s(r.LIGHT_PALETTE)})()},[e,n,l]),o.useMemo(()=>a,[a])};exports.usePalette=E;
 //# sourceMappingURL=usePalette.cjs.js.map

package/dist/icons.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/Icon/IconComponents/AlertCircle.cjs.js"),o=require("./components/Icon/IconComponents/AmazonMusicLogo.cjs.js"),r=require("./components/Icon/IconComponents/AppleLogo.cjs.js"),n=require("./components/Icon/IconComponents/AppleMusicLogo.cjs.js"),i=require("./components/Icon/IconComponents/Archive.cjs.js"),t=require("./components/Icon/IconComponents/ArrowLeft.cjs.js"),c=require("./components/Icon/IconComponents/ArrowRight.cjs.js"),s=require("./components/Icon/IconComponents/BandcampLogo.cjs.js"),a=require("./components/Icon/IconComponents/Bank.cjs.js"),u=require("./components/Icon/IconComponents/BeatportLogo.cjs.js"),g=require("./components/Icon/IconComponents/Bell.cjs.js"),L=require("./components/Icon/IconComponents/Box.cjs.js"),q=require("./components/Icon/IconComponents/Calendar.cjs.js"),l=require("./components/Icon/IconComponents/Camera.cjs.js"),h=require("./components/Icon/IconComponents/CaretDown.cjs.js"),C=require("./components/Icon/IconComponents/CaretRight.cjs.js"),p=require("./components/Icon/IconComponents/Chart.cjs.js"),k=require("./components/Icon/IconComponents/Chatboxes.cjs.js"),d=require("./components/Icon/IconComponents/CheckCircle.cjs.js"),m=require("./components/Icon/IconComponents/Checkmark.cjs.js"),T=require("./components/Icon/IconComponents/ChevronDown.cjs.js"),S=require("./components/Icon/IconComponents/ChevronLeft.cjs.js"),D=require("./components/Icon/IconComponents/ChevronRight.cjs.js"),b=require("./components/Icon/IconComponents/ChevronSquareDown.cjs.js"),P=require("./components/Icon/IconComponents/ChevronUp.cjs.js"),y=require("./components/Icon/IconComponents/Close.cjs.js"),v=require("./components/Icon/IconComponents/Cog.cjs.js"),A=require("./components/Icon/IconComponents/Comment.cjs.js"),w=require("./components/Icon/IconComponents/Connections.cjs.js"),f=require("./components/Icon/IconComponents/Copy.cjs.js"),M=require("./components/Icon/IconComponents/DangerCircle.cjs.js"),x=require("./components/Icon/IconComponents/Dashboard.cjs.js"),B=require("./components/Icon/IconComponents/DeezerLogo.cjs.js"),R=require("./components/Icon/IconComponents/Download.cjs.js"),U=require("./components/Icon/IconComponents/DragHandle.cjs.js"),E=require("./components/Icon/IconComponents/DropboxLogo.cjs.js"),H=require("./components/Icon/IconComponents/Edit.cjs.js"),I=require("./components/Icon/IconComponents/Ellipsis.cjs.js"),W=require("./components/Icon/IconComponents/EmailThick.cjs.js"),O=require("./components/Icon/IconComponents/EmailThin.cjs.js"),G=require("./components/Icon/IconComponents/ExternalLink.cjs.js"),z=require("./components/Icon/IconComponents/FacebookLogo.cjs.js"),F=require("./components/Icon/IconComponents/Filter.cjs.js"),Y=require("./components/Icon/IconComponents/GitHubLogo.cjs.js"),N=require("./components/Icon/IconComponents/Globe.cjs.js"),Q=require("./components/Icon/IconComponents/GoogleDriveLogo.cjs.js"),V=require("./components/Icon/IconComponents/Hamburger.cjs.js"),X=require("./components/Icon/IconComponents/Heartbeat.cjs.js"),j=require("./components/Icon/IconComponents/Info.cjs.js"),J=require("./components/Icon/IconComponents/InfoOutline.cjs.js"),K=require("./components/Icon/IconComponents/InstagramLogo.cjs.js"),Z=require("./components/Icon/IconComponents/IntercomLogo.cjs.js"),_=require("./components/Icon/IconComponents/Label.cjs.js"),$=require("./components/Icon/IconComponents/Lightning.cjs.js"),ee=require("./components/Icon/IconComponents/Link.cjs.js"),oe=require("./components/Icon/IconComponents/List.cjs.js"),re=require("./components/Icon/IconComponents/Lock.cjs.js"),ne=require("./components/Icon/IconComponents/MessengerLogo.cjs.js"),ie=require("./components/Icon/IconComponents/Money.cjs.js"),te=require("./components/Icon/IconComponents/MoneyOutline.cjs.js"),ce=require("./components/Icon/IconComponents/MusicNote.cjs.js"),se=require("./components/Icon/IconComponents/PacmanLoader.cjs.js"),ae=require("./components/Icon/IconComponents/Pause.cjs.js"),ue=require("./components/Icon/IconComponents/PayPalLogo.cjs.js"),ge=require("./components/Icon/IconComponents/Pencil.cjs.js"),Le=require("./components/Icon/IconComponents/PhoneThick.cjs.js"),qe=require("./components/Icon/IconComponents/PhoneThin.cjs.js"),le=require("./components/Icon/IconComponents/PiggyBank.cjs.js"),he=require("./components/Icon/IconComponents/Play.cjs.js"),Ce=require("./components/Icon/IconComponents/ProtonLogo.cjs.js"),pe=require("./components/Icon/IconComponents/Quote.cjs.js"),ke=require("./components/Icon/IconComponents/Radio.cjs.js"),de=require("./components/Icon/IconComponents/RemoveCircle.cjs.js"),me=require("./components/Icon/IconComponents/Rocket.cjs.js"),Te=require("./components/Icon/IconComponents/Search.cjs.js"),Se=require("./components/Icon/IconComponents/Share.cjs.js"),De=require("./components/Icon/IconComponents/SignOut.cjs.js"),be=require("./components/Icon/IconComponents/SoundcloudLogo.cjs.js"),Pe=require("./components/Icon/IconComponents/SpotifyLogo.cjs.js"),ye=require("./components/Icon/IconComponents/Spy.cjs.js"),ve=require("./components/Icon/IconComponents/Star.cjs.js"),Ae=require("./components/Icon/IconComponents/StarCircle.cjs.js"),we=require("./components/Icon/IconComponents/SuccessCircle.cjs.js"),fe=require("./components/Icon/IconComponents/TelegramLogo.cjs.js"),Me=require("./components/Icon/IconComponents/TiktokLogo.cjs.js"),xe=require("./components/Icon/IconComponents/Tracklist.cjs.js"),Be=require("./components/Icon/IconComponents/TraxsourceLogo.cjs.js"),Re=require("./components/Icon/IconComponents/TrashCan.cjs.js"),Ue=require("./components/Icon/IconComponents/USDCLogo.cjs.js"),Ee=require("./components/Icon/IconComponents/User.cjs.js"),He=require("./components/Icon/IconComponents/UserAdd.cjs.js"),Ie=require("./components/Icon/IconComponents/Users.cjs.js"),We=require("./components/Icon/IconComponents/Verified.cjs.js"),Oe=require("./components/Icon/IconComponents/WarningTriangle.cjs.js"),Ge=require("./components/Icon/IconComponents/WesternUnionLogo.cjs.js"),ze=require("./components/Icon/IconComponents/WhatsappLogoThick.cjs.js"),Fe=require("./components/Icon/IconComponents/WhatsappLogoThin.cjs.js"),Ye=require("./components/Icon/IconComponents/XTwitterLogo.cjs.js"),Ne=require("./components/Icon/IconComponents/YandexLogo.cjs.js"),Qe=require("./components/Icon/IconComponents/YoutubeLogo.cjs.js");exports.AlertCircle=e.AlertCircle;exports.AmazonMusicLogo=o.AmazonMusicLogo;exports.AppleLogo=r.AppleLogo;exports.AppleMusicLogo=n.AppleMusicLogo;exports.Archive=i.Archive;exports.ArrowLeft=t.ArrowLeft;exports.ArrowRight=c.ArrowRight;exports.BandcampLogo=s.BandcampLogo;exports.Bank=a.Bank;exports.BeatportLogo=u.BeatportLogo;exports.Bell=g.Bell;exports.Box=L.Box;exports.Calendar=q.Calendar;exports.Camera=l.Camera;exports.CaretDown=h.CaretDown;exports.CaretRight=C.CaretRight;exports.Chart=p.Chart;exports.Chatboxes=k.Chatboxes;exports.CheckCircle=d.CheckCircle;exports.Checkmark=m.Checkmark;exports.ChevronDown=T.ChevronDown;exports.ChevronLeft=S.ChevronLeft;exports.ChevronRight=D.ChevronRight;exports.ChevronSquareDown=b.ChevronSquareDown;exports.ChevronUp=P.ChevronUp;exports.Close=y.Close;exports.Cog=v.Cog;exports.Comment=A.Comment;exports.Connections=w.Connections;exports.Copy=f.Copy;exports.DangerCircle=M.DangerCircle;exports.Dashboard=x.Dashboard;exports.DeezerLogo=B.DeezerLogo;exports.Download=R.Download;exports.DragHandle=U.DragHandle;exports.DropboxLogo=E.DropboxLogo;exports.Edit=H.Edit;exports.Ellipsis=I.Ellipsis;exports.EmailThick=W.EmailThick;exports.EmailThin=O.EmailThin;exports.ExternalLink=G.ExternalLink;exports.FacebookLogo=z.FacebookLogo;exports.Filter=F.Filter;exports.GitHubLogo=Y.GitHubLogo;exports.Globe=N.Globe;exports.GoogleDriveLogo=Q.GoogleDriveLogo;exports.Hamburger=V.Hamburger;exports.Heartbeat=X.Heartbeat;exports.Info=j.Info;exports.InfoOutline=J.InfoOutline;exports.InstagramLogo=K.InstagramLogo;exports.IntercomLogo=Z.IntercomLogo;exports.Label=_.Label;exports.Lightning=$.Lightning;exports.Link=ee.Link;exports.List=oe.List;exports.Lock=re.Lock;exports.MessengerLogo=ne.MessengerLogo;exports.Money=ie.Money;exports.MoneyOutline=te.MoneyOutline;exports.MusicNote=ce.MusicNote;exports.PacmanLoader=se.PacmanLoader;exports.Pause=ae.Pause;exports.PayPalLogo=ue.PayPalLogo;exports.Pencil=ge.Pencil;exports.PhoneThick=Le.PhoneThick;exports.PhoneThin=qe.PhoneThin;exports.PiggyBank=le.PiggyBank;exports.Play=he.Play;exports.ProtonLogo=Ce.ProtonLogo;exports.Quote=pe.Quote;exports.Radio=ke.Radio;exports.RemoveCircle=de.RemoveCircle;exports.Rocket=me.Rocket;exports.Search=Te.Search;exports.Share=Se.Share;exports.SignOut=De.SignOut;exports.SoundcloudLogo=be.SoundcloudLogo;exports.SpotifyLogo=Pe.SpotifyLogo;exports.Spy=ye.Spy;exports.Star=ve.Star;exports.StarCircle=Ae.StarCircle;exports.SuccessCircle=we.SuccessCircle;exports.TelegramLogo=fe.TelegramLogo;exports.TiktokLogo=Me.TiktokLogo;exports.Tracklist=xe.Tracklist;exports.TraxsourceLogo=Be.TraxsourceLogo;exports.TrashCan=Re.TrashCan;exports.USDCLogo=Ue.USDCLogo;exports.User=Ee.User;exports.UserAdd=He.UserAdd;exports.Users=Ie.Users;exports.Verified=We.Verified;exports.WarningTriangle=Oe.WarningTriangle;exports.WesternUnionLogo=Ge.WesternUnionLogo;exports.WhatsappLogoThick=ze.WhatsappLogoThick;exports.WhatsappLogoThin=Fe.WhatsappLogoThin;exports.XTwitterLogo=Ye.XTwitterLogo;exports.YandexLogo=Ne.YandexLogo;exports.YoutubeLogo=Qe.YoutubeLogo;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/Icon/IconComponents/AlertCircle.cjs.js"),o=require("./components/Icon/IconComponents/AmazonMusicLogo.cjs.js"),r=require("./components/Icon/IconComponents/AppleLogo.cjs.js"),n=require("./components/Icon/IconComponents/AppleMusicLogo.cjs.js"),i=require("./components/Icon/IconComponents/Archive.cjs.js"),t=require("./components/Icon/IconComponents/ArrowLeft.cjs.js"),c=require("./components/Icon/IconComponents/ArrowRight.cjs.js"),s=require("./components/Icon/IconComponents/BandcampLogo.cjs.js"),a=require("./components/Icon/IconComponents/Bank.cjs.js"),u=require("./components/Icon/IconComponents/BeatportLogo.cjs.js"),g=require("./components/Icon/IconComponents/Bell.cjs.js"),L=require("./components/Icon/IconComponents/Box.cjs.js"),q=require("./components/Icon/IconComponents/Calendar.cjs.js"),l=require("./components/Icon/IconComponents/Camera.cjs.js"),h=require("./components/Icon/IconComponents/CaretDown.cjs.js"),C=require("./components/Icon/IconComponents/CaretRight.cjs.js"),k=require("./components/Icon/IconComponents/Chart.cjs.js"),p=require("./components/Icon/IconComponents/Chatboxes.cjs.js"),d=require("./components/Icon/IconComponents/CheckCircle.cjs.js"),m=require("./components/Icon/IconComponents/Checkmark.cjs.js"),T=require("./components/Icon/IconComponents/CheckmarkThick.cjs.js"),b=require("./components/Icon/IconComponents/ChevronDown.cjs.js"),S=require("./components/Icon/IconComponents/ChevronLeft.cjs.js"),D=require("./components/Icon/IconComponents/ChevronRight.cjs.js"),P=require("./components/Icon/IconComponents/ChevronSquareDown.cjs.js"),y=require("./components/Icon/IconComponents/ChevronUp.cjs.js"),v=require("./components/Icon/IconComponents/Close.cjs.js"),A=require("./components/Icon/IconComponents/Cog.cjs.js"),w=require("./components/Icon/IconComponents/Comment.cjs.js"),f=require("./components/Icon/IconComponents/Connections.cjs.js"),M=require("./components/Icon/IconComponents/Copy.cjs.js"),x=require("./components/Icon/IconComponents/DangerCircle.cjs.js"),B=require("./components/Icon/IconComponents/Dashboard.cjs.js"),R=require("./components/Icon/IconComponents/DeezerLogo.cjs.js"),U=require("./components/Icon/IconComponents/Download.cjs.js"),E=require("./components/Icon/IconComponents/DragHandle.cjs.js"),H=require("./components/Icon/IconComponents/DropboxLogo.cjs.js"),I=require("./components/Icon/IconComponents/Edit.cjs.js"),W=require("./components/Icon/IconComponents/Ellipsis.cjs.js"),O=require("./components/Icon/IconComponents/EmailThick.cjs.js"),G=require("./components/Icon/IconComponents/EmailThin.cjs.js"),z=require("./components/Icon/IconComponents/ExternalLink.cjs.js"),F=require("./components/Icon/IconComponents/FacebookLogo.cjs.js"),Y=require("./components/Icon/IconComponents/Filter.cjs.js"),K=require("./components/Icon/IconComponents/GitHubLogo.cjs.js"),N=require("./components/Icon/IconComponents/Globe.cjs.js"),Q=require("./components/Icon/IconComponents/GoogleDriveLogo.cjs.js"),V=require("./components/Icon/IconComponents/Hamburger.cjs.js"),X=require("./components/Icon/IconComponents/Heartbeat.cjs.js"),j=require("./components/Icon/IconComponents/Info.cjs.js"),J=require("./components/Icon/IconComponents/InfoOutline.cjs.js"),Z=require("./components/Icon/IconComponents/InstagramLogo.cjs.js"),_=require("./components/Icon/IconComponents/IntercomLogo.cjs.js"),$=require("./components/Icon/IconComponents/Keyboard.cjs.js"),ee=require("./components/Icon/IconComponents/Label.cjs.js"),oe=require("./components/Icon/IconComponents/Lightning.cjs.js"),re=require("./components/Icon/IconComponents/Link.cjs.js"),ne=require("./components/Icon/IconComponents/List.cjs.js"),ie=require("./components/Icon/IconComponents/Lock.cjs.js"),te=require("./components/Icon/IconComponents/MessengerLogo.cjs.js"),ce=require("./components/Icon/IconComponents/Money.cjs.js"),se=require("./components/Icon/IconComponents/MoneyOutline.cjs.js"),ae=require("./components/Icon/IconComponents/MusicNote.cjs.js"),ue=require("./components/Icon/IconComponents/PacmanLoader.cjs.js"),ge=require("./components/Icon/IconComponents/Pause.cjs.js"),Le=require("./components/Icon/IconComponents/PayPalLogo.cjs.js"),qe=require("./components/Icon/IconComponents/Pencil.cjs.js"),le=require("./components/Icon/IconComponents/PhoneThick.cjs.js"),he=require("./components/Icon/IconComponents/PhoneThin.cjs.js"),Ce=require("./components/Icon/IconComponents/PiggyBank.cjs.js"),ke=require("./components/Icon/IconComponents/Play.cjs.js"),pe=require("./components/Icon/IconComponents/ProtonLogo.cjs.js"),de=require("./components/Icon/IconComponents/Quote.cjs.js"),me=require("./components/Icon/IconComponents/Radio.cjs.js"),Te=require("./components/Icon/IconComponents/RemoveCircle.cjs.js"),be=require("./components/Icon/IconComponents/Rocket.cjs.js"),Se=require("./components/Icon/IconComponents/Search.cjs.js"),De=require("./components/Icon/IconComponents/Share.cjs.js"),Pe=require("./components/Icon/IconComponents/SignOut.cjs.js"),ye=require("./components/Icon/IconComponents/SoundcloudLogo.cjs.js"),ve=require("./components/Icon/IconComponents/SpotifyLogo.cjs.js"),Ae=require("./components/Icon/IconComponents/Spy.cjs.js"),we=require("./components/Icon/IconComponents/Star.cjs.js"),fe=require("./components/Icon/IconComponents/StarCircle.cjs.js"),Me=require("./components/Icon/IconComponents/SuccessCircle.cjs.js"),xe=require("./components/Icon/IconComponents/TelegramLogo.cjs.js"),Be=require("./components/Icon/IconComponents/TiktokLogo.cjs.js"),Re=require("./components/Icon/IconComponents/Tracklist.cjs.js"),Ue=require("./components/Icon/IconComponents/TraxsourceLogo.cjs.js"),Ee=require("./components/Icon/IconComponents/TrashCan.cjs.js"),He=require("./components/Icon/IconComponents/USDCLogo.cjs.js"),Ie=require("./components/Icon/IconComponents/User.cjs.js"),We=require("./components/Icon/IconComponents/UserAdd.cjs.js"),Oe=require("./components/Icon/IconComponents/Users.cjs.js"),Ge=require("./components/Icon/IconComponents/Verified.cjs.js"),ze=require("./components/Icon/IconComponents/WarningTriangle.cjs.js"),Fe=require("./components/Icon/IconComponents/WesternUnionLogo.cjs.js"),Ye=require("./components/Icon/IconComponents/WhatsappLogo.cjs.js"),Ke=require("./components/Icon/IconComponents/WhatsappLogoThin.cjs.js"),Ne=require("./components/Icon/IconComponents/XTwitterLogo.cjs.js"),Qe=require("./components/Icon/IconComponents/YandexLogo.cjs.js"),Ve=require("./components/Icon/IconComponents/YoutubeLogo.cjs.js");exports.AlertCircle=e.AlertCircle;exports.AmazonMusicLogo=o.AmazonMusicLogo;exports.AppleLogo=r.AppleLogo;exports.AppleMusicLogo=n.AppleMusicLogo;exports.Archive=i.Archive;exports.ArrowLeft=t.ArrowLeft;exports.ArrowRight=c.ArrowRight;exports.BandcampLogo=s.BandcampLogo;exports.Bank=a.Bank;exports.BeatportLogo=u.BeatportLogo;exports.Bell=g.Bell;exports.Box=L.Box;exports.Calendar=q.Calendar;exports.Camera=l.Camera;exports.CaretDown=h.CaretDown;exports.CaretRight=C.CaretRight;exports.Chart=k.Chart;exports.Chatboxes=p.Chatboxes;exports.CheckCircle=d.CheckCircle;exports.Checkmark=m.Checkmark;exports.CheckmarkThick=T.CheckmarkThick;exports.ChevronDown=b.ChevronDown;exports.ChevronLeft=S.ChevronLeft;exports.ChevronRight=D.ChevronRight;exports.ChevronSquareDown=P.ChevronSquareDown;exports.ChevronUp=y.ChevronUp;exports.Close=v.Close;exports.Cog=A.Cog;exports.Comment=w.Comment;exports.Connections=f.Connections;exports.Copy=M.Copy;exports.DangerCircle=x.DangerCircle;exports.Dashboard=B.Dashboard;exports.DeezerLogo=R.DeezerLogo;exports.Download=U.Download;exports.DragHandle=E.DragHandle;exports.DropboxLogo=H.DropboxLogo;exports.Edit=I.Edit;exports.Ellipsis=W.Ellipsis;exports.EmailThick=O.EmailThick;exports.EmailThin=G.EmailThin;exports.ExternalLink=z.ExternalLink;exports.FacebookLogo=F.FacebookLogo;exports.Filter=Y.Filter;exports.GitHubLogo=K.GitHubLogo;exports.Globe=N.Globe;exports.GoogleDriveLogo=Q.GoogleDriveLogo;exports.Hamburger=V.Hamburger;exports.Heartbeat=X.Heartbeat;exports.Info=j.Info;exports.InfoOutline=J.InfoOutline;exports.InstagramLogo=Z.InstagramLogo;exports.IntercomLogo=_.IntercomLogo;exports.Keyboard=$.Keyboard;exports.Label=ee.Label;exports.Lightning=oe.Lightning;exports.Link=re.Link;exports.List=ne.List;exports.Lock=ie.Lock;exports.MessengerLogo=te.MessengerLogo;exports.Money=ce.Money;exports.MoneyOutline=se.MoneyOutline;exports.MusicNote=ae.MusicNote;exports.PacmanLoader=ue.PacmanLoader;exports.Pause=ge.Pause;exports.PayPalLogo=Le.PayPalLogo;exports.Pencil=qe.Pencil;exports.PhoneThick=le.PhoneThick;exports.PhoneThin=he.PhoneThin;exports.PiggyBank=Ce.PiggyBank;exports.Play=ke.Play;exports.ProtonLogo=pe.ProtonLogo;exports.Quote=de.Quote;exports.Radio=me.Radio;exports.RemoveCircle=Te.RemoveCircle;exports.Rocket=be.Rocket;exports.Search=Se.Search;exports.Share=De.Share;exports.SignOut=Pe.SignOut;exports.SoundcloudLogo=ye.SoundcloudLogo;exports.SpotifyLogo=ve.SpotifyLogo;exports.Spy=Ae.Spy;exports.Star=we.Star;exports.StarCircle=fe.StarCircle;exports.SuccessCircle=Me.SuccessCircle;exports.TelegramLogo=xe.TelegramLogo;exports.TiktokLogo=Be.TiktokLogo;exports.Tracklist=Re.Tracklist;exports.TraxsourceLogo=Ue.TraxsourceLogo;exports.TrashCan=Ee.TrashCan;exports.USDCLogo=He.USDCLogo;exports.User=Ie.User;exports.UserAdd=We.UserAdd;exports.Users=Oe.Users;exports.Verified=Ge.Verified;exports.WarningTriangle=ze.WarningTriangle;exports.WesternUnionLogo=Fe.WesternUnionLogo;exports.WhatsappLogo=Ye.WhatsappLogo;exports.WhatsappLogoThin=Ke.WhatsappLogoThin;exports.XTwitterLogo=Ne.XTwitterLogo;exports.YandexLogo=Qe.YandexLogo;exports.YoutubeLogo=Ve.YoutubeLogo;
 //# sourceMappingURL=icons.cjs.js.map

package/dist/icons.d.ts

@@ -140,6 +140,13 @@ export declare namespace Checkmark {
     var displayName: string;
 }
 
+/** Thick filled checkmark icon. {@link IconProps} */
+export declare function CheckmarkThick({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
+
+export declare namespace CheckmarkThick {
+    var displayName: string;
+}
+
 /** Chevron pointing down. {@link IconProps} */
 export declare function ChevronDown({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
@@ -399,6 +406,13 @@ export declare namespace IntercomLogo {
     var displayName: string;
 }
 
+/** Keyboard icon. {@link IconProps} */
+export declare function Keyboard({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
+
+export declare namespace Keyboard {
+    var displayName: string;
+}
+
 /** Record label icon. {@link IconProps} */
 export declare function Label({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
@@ -752,10 +766,10 @@ export declare namespace WesternUnionLogo {
     var displayName: string;
 }
 
-/** WhatsApp brand logo (thick stroke). {@link IconProps} */
-export declare function WhatsappLogoThick({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
+/** WhatsApp brand logo (official WhatsApp glyph, unmodified). {@link IconProps} */
+export declare function WhatsappLogo({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
-export declare namespace WhatsappLogoThick {
+export declare namespace WhatsappLogo {
     var displayName: string;
 }