@music-vine/cadence 2.6.2 → 2.7.0

package/dist/icons/custom/lightning-bolt.js

@@ -1,32 +1,29 @@
 import { jsx } from "react/jsx-runtime";
+import * as React from "react";
 import { cn } from "../..";
-const LightningBolt = ({
-  className,
-  "aria-hidden": ariaHidden = true
-}) => {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className: cn("text-black dark:text-white", className),
-      "aria-hidden": ariaHidden,
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M11.211 1.90927C11.3195 1.63336 11.1196 1.33325 10.8273 1.33325H5.95064C5.77278 1.33325 5.61489 1.44893 5.55865 1.62045L3.35489 8.34076C3.26571 8.61276 3.46486 8.89359 3.74689 8.89359H5.95001C6.21883 8.89359 6.41607 9.15039 6.35087 9.4155L5.18823 14.1427C5.08659 14.556 5.58494 14.8428 5.88127 14.5417L13.2115 7.09053C13.4718 6.82592 13.2875 6.37348 12.9193 6.37348H10.0646C9.77226 6.37348 9.57236 6.07336 9.68095 5.79747L11.211 1.90927Z",
-          stroke: "currentColor",
-          strokeWidth: "1.33",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    }
-  );
-};
+const _LightningBolt = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    className: cn("text-black dark:text-white", className),
+    fill: "none",
+    height: "16",
+    viewBox: "0 0 16 16",
+    width: "16",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M11.211 1.90927C11.3195 1.63336 11.1196 1.33325 10.8273 1.33325H5.95064C5.77278 1.33325 5.61489 1.44893 5.55865 1.62045L3.35489 8.34076C3.26571 8.61276 3.46486 8.89359 3.74689 8.89359H5.95001C6.21883 8.89359 6.41607 9.15039 6.35087 9.4155L5.18823 14.1427C5.08659 14.556 5.58494 14.8428 5.88127 14.5417L13.2115 7.09053C13.4718 6.82592 13.2875 6.37348 12.9193 6.37348H10.0646C9.77226 6.37348 9.57236 6.07336 9.68095 5.79747L11.211 1.90927Z",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "1.33"
+      }
+    )
+  }
+);
+const LightningBolt = React.memo(_LightningBolt);
 export {
   LightningBolt
 };

package/dist/icons/custom/lightning-bolt.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/icons/custom/lightning-bolt.tsx"],
-  "sourcesContent": ["import { cn } from \"../..\";\n\nexport const LightningBolt = ({\n  className,\n  'aria-hidden': ariaHidden = true,\n}: {\n  className?: string;\n  'aria-hidden'?: boolean;\n}) => {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={cn(\"text-black dark:text-white\", className)}\n      aria-hidden={ariaHidden}\n    >\n      <path\n        d=\"M11.211 1.90927C11.3195 1.63336 11.1196 1.33325 10.8273 1.33325H5.95064C5.77278 1.33325 5.61489 1.44893 5.55865 1.62045L3.35489 8.34076C3.26571 8.61276 3.46486 8.89359 3.74689 8.89359H5.95001C6.21883 8.89359 6.41607 9.15039 6.35087 9.4155L5.18823 14.1427C5.08659 14.556 5.58494 14.8428 5.88127 14.5417L13.2115 7.09053C13.4718 6.82592 13.2875 6.37348 12.9193 6.37348H10.0646C9.77226 6.37348 9.57236 6.07336 9.68095 5.79747L11.211 1.90927Z\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.33\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n};\n"],
-  "mappings": "AAmBM;AAnBN,SAAS,UAAU;AAEZ,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA,eAAe,aAAa;AAC9B,MAGM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAW,GAAG,8BAA8B,SAAS;AAAA,MACrD,eAAa;AAAA,MAEb;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA;AAAA,MACjB;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import * as React from \"react\";\nimport { cn } from \"../..\";\nimport type { CustomIconProps } from \"./types\";\n\nconst _LightningBolt = ({ className, ...props }: CustomIconProps) => (\n  <svg\n    className={cn(\"text-black dark:text-white\", className)}\n    fill=\"none\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n    width=\"16\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M11.211 1.90927C11.3195 1.63336 11.1196 1.33325 10.8273 1.33325H5.95064C5.77278 1.33325 5.61489 1.44893 5.55865 1.62045L3.35489 8.34076C3.26571 8.61276 3.46486 8.89359 3.74689 8.89359H5.95001C6.21883 8.89359 6.41607 9.15039 6.35087 9.4155L5.18823 14.1427C5.08659 14.556 5.58494 14.8428 5.88127 14.5417L13.2115 7.09053C13.4718 6.82592 13.2875 6.37348 12.9193 6.37348H10.0646C9.77226 6.37348 9.57236 6.07336 9.68095 5.79747L11.211 1.90927Z\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth=\"1.33\"\n    />\n  </svg>\n);\n\nconst LightningBolt = React.memo(_LightningBolt);\n\nexport { LightningBolt };\n"],
+  "mappings": "AAcI;AAdJ,YAAY,WAAW;AACvB,SAAS,UAAU;AAGnB,MAAM,iBAAiB,CAAC,EAAE,WAAW,GAAG,MAAM,MAC5C;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,GAAG,8BAA8B,SAAS;AAAA,IACrD,MAAK;AAAA,IACL,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAO;AAAA,QACP,eAAc;AAAA,QACd,gBAAe;AAAA,QACf,aAAY;AAAA;AAAA,IACd;AAAA;AACF;AAGF,MAAM,gBAAgB,MAAM,KAAK,cAAc;",
   "names": []
 }

package/dist/icons/custom/music-file.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import type { CustomIconProps } from "./types";
+declare const MusicFile: React.MemoExoticComponent<(props: CustomIconProps) => import("react/jsx-runtime").JSX.Element>;
+export { MusicFile };
+//# sourceMappingURL=music-file.d.ts.map

package/dist/icons/custom/music-file.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"music-file.d.ts","sourceRoot":"","sources":["../../../src/icons/custom/music-file.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAc/C,QAAA,MAAM,SAAS,oCAZY,eAAe,6CAYF,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/icons/custom/music-file.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+const _MusicFile = (props) => /* @__PURE__ */ jsx("svg", { fill: "none", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M10.5 22H18a2 2 0 002-2V7l-5-5H6a2 2 0 00-2 2v8.4M8 18v-7.7L16 9v7m-8 2a2 2 0 11-4 0 2 2 0 014 0zm8-2a2 2 0 11-4 0 2 2 0 014 0z",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2
+  }
+) });
+const MusicFile = React.memo(_MusicFile);
+export {
+  MusicFile
+};
+//# sourceMappingURL=music-file.js.map

package/dist/icons/custom/music-file.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/icons/custom/music-file.tsx"],
+  "sourcesContent": ["import * as React from \"react\";\nimport type { CustomIconProps } from \"./types\";\n\nconst _MusicFile = (props: CustomIconProps) => (\n  <svg fill=\"none\" viewBox=\"0 0 24 24\" {...props}>\n    <path\n      d=\"M10.5 22H18a2 2 0 002-2V7l-5-5H6a2 2 0 00-2 2v8.4M8 18v-7.7L16 9v7m-8 2a2 2 0 11-4 0 2 2 0 014 0zm8-2a2 2 0 11-4 0 2 2 0 014 0z\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n    />\n  </svg>\n);\n\nconst MusicFile = React.memo(_MusicFile);\n\nexport { MusicFile };\n"],
+  "mappings": "AAKI;AALJ,YAAY,WAAW;AAGvB,MAAM,aAAa,CAAC,UAClB,oBAAC,SAAI,MAAK,QAAO,SAAQ,aAAa,GAAG,OACvC;AAAA,EAAC;AAAA;AAAA,IACC,GAAE;AAAA,IACF,QAAO;AAAA,IACP,eAAc;AAAA,IACd,gBAAe;AAAA,IACf,aAAa;AAAA;AACf,GACF;AAGF,MAAM,YAAY,MAAM,KAAK,UAAU;",
+  "names": []
+}

package/dist/icons/custom/pin.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import type { CustomIconProps } from "./types";
+declare const BoardsPin: React.MemoExoticComponent<({ className, ...props }: CustomIconProps) => import("react/jsx-runtime").JSX.Element>;
+export { BoardsPin };
+//# sourceMappingURL=pin.d.ts.map

package/dist/icons/custom/pin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pin.d.ts","sourceRoot":"","sources":["../../../src/icons/custom/pin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAuB/C,QAAA,MAAM,SAAS,sDArB8B,eAAe,6CAqBpB,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/icons/custom/pin.js

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
+import * as React from "react";
 import { cn } from "../../lib/utils";
-const BoardsPin = ({ className }) => /* @__PURE__ */ jsx(
+const _BoardsPin = ({ className, ...props }) => /* @__PURE__ */ jsx(
   "svg",
   {
     "aria-hidden": "true",
@@ -10,6 +11,7 @@ const BoardsPin = ({ className }) => /* @__PURE__ */ jsx(
     viewBox: "0 0 24 24",
     width: "24",
     xmlns: "http://www.w3.org/2000/svg",
+    ...props,
     children: /* @__PURE__ */ jsx(
       "path",
       {
@@ -22,6 +24,7 @@ const BoardsPin = ({ className }) => /* @__PURE__ */ jsx(
     )
   }
 );
+const BoardsPin = React.memo(_BoardsPin);
 export {
   BoardsPin
 };

package/dist/icons/custom/pin.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/icons/custom/pin.tsx"],
-  "sourcesContent": ["import { cn } from \"../../lib/utils\";\n\ninterface BoardsPinProps {\n  className?: string;\n}\n\nconst BoardsPin = ({ className }: BoardsPinProps) => (\n  <svg\n    aria-hidden=\"true\"\n    className={cn(\"text-black dark:text-white\", className)}\n    fill=\"none\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    width=\"24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M3 21L8.22636 15.7736M8.22636 15.7736L12.3615 19.9087C12.4823 20.0294 12.6309 20.1187 12.7942 20.1687C12.9575 20.2187 13.1306 20.2279 13.2983 20.1955C13.466 20.1631 13.6232 20.0901 13.7562 19.9829C13.8892 19.8757 13.9939 19.7375 14.0611 19.5805L16.4182 14.0813C16.4722 13.9551 16.5506 13.8407 16.6489 13.7447C16.7472 13.6488 16.8634 13.5731 16.991 13.5221L20.3432 12.181C20.5037 12.1168 20.6457 12.0137 20.7566 11.8811C20.8675 11.7485 20.9438 11.5904 20.9786 11.421C21.0134 11.2517 21.0057 11.0763 20.9561 10.9107C20.9064 10.7451 20.8165 10.5944 20.6944 10.472L13.528 3.30563C13.4056 3.18347 13.2549 3.09355 13.0893 3.04395C12.9237 2.99434 12.7483 2.98659 12.579 3.0214C12.4096 3.0562 12.2515 3.13247 12.1189 3.24337C11.9863 3.35427 11.8832 3.49633 11.819 3.65684L10.4779 7.00903C10.4269 7.13657 10.3512 7.25281 10.2553 7.35109C10.1593 7.44938 10.0449 7.52779 9.91866 7.58184L4.41948 9.93893C4.26246 10.0061 4.1243 10.1108 4.01709 10.2438C3.90989 10.3768 3.8369 10.534 3.80451 10.7017C3.77213 10.8694 3.78133 11.0425 3.83132 11.2058C3.88131 11.3691 3.97056 11.5177 4.09126 11.6385L8.22636 15.7736Z\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth=\"2\"\n    />\n  </svg>\n);\n\nexport { BoardsPin, type BoardsPinProps };\n"],
-  "mappings": "AAgBI;AAhBJ,SAAS,UAAU;AAMnB,MAAM,YAAY,CAAC,EAAE,UAAU,MAC7B;AAAA,EAAC;AAAA;AAAA,IACC,eAAY;AAAA,IACZ,WAAW,GAAG,8BAA8B,SAAS;AAAA,IACrD,MAAK;AAAA,IACL,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,OAAM;AAAA,IAEN;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAO;AAAA,QACP,eAAc;AAAA,QACd,gBAAe;AAAA,QACf,aAAY;AAAA;AAAA,IACd;AAAA;AACF;",
+  "sourcesContent": ["import * as React from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport type { CustomIconProps } from \"./types\";\n\nconst _BoardsPin = ({ className, ...props }: CustomIconProps) => (\n  <svg\n    aria-hidden=\"true\"\n    className={cn(\"text-black dark:text-white\", className)}\n    fill=\"none\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    width=\"24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M3 21L8.22636 15.7736M8.22636 15.7736L12.3615 19.9087C12.4823 20.0294 12.6309 20.1187 12.7942 20.1687C12.9575 20.2187 13.1306 20.2279 13.2983 20.1955C13.466 20.1631 13.6232 20.0901 13.7562 19.9829C13.8892 19.8757 13.9939 19.7375 14.0611 19.5805L16.4182 14.0813C16.4722 13.9551 16.5506 13.8407 16.6489 13.7447C16.7472 13.6488 16.8634 13.5731 16.991 13.5221L20.3432 12.181C20.5037 12.1168 20.6457 12.0137 20.7566 11.8811C20.8675 11.7485 20.9438 11.5904 20.9786 11.421C21.0134 11.2517 21.0057 11.0763 20.9561 10.9107C20.9064 10.7451 20.8165 10.5944 20.6944 10.472L13.528 3.30563C13.4056 3.18347 13.2549 3.09355 13.0893 3.04395C12.9237 2.99434 12.7483 2.98659 12.579 3.0214C12.4096 3.0562 12.2515 3.13247 12.1189 3.24337C11.9863 3.35427 11.8832 3.49633 11.819 3.65684L10.4779 7.00903C10.4269 7.13657 10.3512 7.25281 10.2553 7.35109C10.1593 7.44938 10.0449 7.52779 9.91866 7.58184L4.41948 9.93893C4.26246 10.0061 4.1243 10.1108 4.01709 10.2438C3.90989 10.3768 3.8369 10.534 3.80451 10.7017C3.77213 10.8694 3.78133 11.0425 3.83132 11.2058C3.88131 11.3691 3.97056 11.5177 4.09126 11.6385L8.22636 15.7736Z\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth=\"2\"\n    />\n  </svg>\n);\n\nconst BoardsPin = React.memo(_BoardsPin);\n\nexport { BoardsPin };\n"],
+  "mappings": "AAeI;AAfJ,YAAY,WAAW;AACvB,SAAS,UAAU;AAGnB,MAAM,aAAa,CAAC,EAAE,WAAW,GAAG,MAAM,MACxC;AAAA,EAAC;AAAA;AAAA,IACC,eAAY;AAAA,IACZ,WAAW,GAAG,8BAA8B,SAAS;AAAA,IACrD,MAAK;AAAA,IACL,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAO;AAAA,QACP,eAAc;AAAA,QACd,gBAAe;AAAA,QACf,aAAY;AAAA;AAAA,IACd;AAAA;AACF;AAGF,MAAM,YAAY,MAAM,KAAK,UAAU;",
   "names": []
 }

package/dist/icons/custom/premium-star.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import type { CustomIconProps } from "./types";
+interface PremiumStarProps extends CustomIconProps {
+    className?: string;
+    hideBorder?: boolean;
+    pulseInfinite?: boolean;
+    showBackground?: boolean;
+}
+declare const PremiumStar: React.MemoExoticComponent<(props: PremiumStarProps) => import("react/jsx-runtime").JSX.Element>;
+export { PremiumStar, type PremiumStarProps };
+//# sourceMappingURL=premium-star.d.ts.map

package/dist/icons/custom/premium-star.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"premium-star.d.ts","sourceRoot":"","sources":["../../../src/icons/custom/premium-star.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,UAAU,gBAAiB,SAAQ,eAAe;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAsLD,QAAA,MAAM,WAAW,oCApLY,gBAAgB,6CAoLD,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,CAAC"}

package/dist/icons/custom/premium-star.js

@@ -1,6 +1,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
 import { cn } from "../../lib/utils";
-const PremiumStar = (props) => {
+const _PremiumStar = (props) => {
   const {
     showBackground = true,
     className,
@@ -185,6 +186,7 @@ const PremiumStar = (props) => {
     }
   );
 };
+const PremiumStar = React.memo(_PremiumStar);
 export {
   PremiumStar
 };

package/dist/icons/custom/premium-star.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/icons/custom/premium-star.tsx"],
-  "sourcesContent": ["import type * as React from \"react\";\nimport { cn } from \"../../lib/utils\";\n\ninterface PremiumStarProps extends React.SVGAttributes<SVGSVGElement> {\n  className?: string;\n  showBackground?: boolean;\n  pulseInfinite?: boolean;\n  hideBorder?: boolean;\n}\n\nconst PremiumStar = (props: PremiumStarProps) => {\n  const {\n    showBackground = true,\n    className,\n    hideBorder,\n    pulseInfinite = false,\n    ...rest\n  } = props;\n\n  return (\n    <div\n      className={cn(\n        \"relative flex aspect-square items-center justify-center rounded-full\",\n        className\n      )}\n    >\n      {!!pulseInfinite && (\n        <>\n          <div className=\"circle circle2\" />\n          <div className=\"circle circle3\" />\n          <style>{`\n            .circle {\n              position: absolute;\n              inset: 0;\n              border-radius: 9999px;\n              background-color: #F23D75;\n              opacity: 0;\n              transform: scale(1);\n              pointer-events: none;\n              z-index: 10;\n            }\n\n            .circle2 {\n              animation: circle2-pulse 1.8s infinite ease-in-out;\n            }\n\n            .circle3 {\n              animation: circle3-pulse 1.8s infinite ease-in-out;\n            }\n\n            @keyframes circle2-pulse {\n              /* Frame 1: Only premium star visible */\n              0%,\n              15% {\n                opacity: 1;\n                transform: scale(1);\n              }\n\n              /* Frame 2: Circle 2 appears at full opacity */\n              20% {\n                opacity: 1;\n                transform: scale(1);\n              }\n              /* As it expands to 50%, opacity gradually reduces */\n              40% {\n                opacity: 0.2;\n                transform: scale(1.5);\n              }\n\n              /* Minimal delay */\n              41% {\n                opacity: 0.2;\n                transform: scale(1.5);\n              }\n\n              /* Frame 3: Circle 2 reaches 100% */\n              60% {\n                opacity: 0.15;\n                transform: scale(2);\n              }\n\n              /* Circle 2 fades out gradually */\n              70% {\n                opacity: 0.05;\n                transform: scale(2);\n              }\n              75%,\n              100% {\n                opacity: 0;\n                transform: scale(2);\n              }\n            }\n\n            @keyframes circle3-pulse {\n              /* Frames 1 & 2: Hidden */\n              0%,\n              40% {\n                opacity: 1;\n                transform: scale(1);\n              }\n\n              /* Minimal delay */\n              41% {\n                opacity: 1;\n                transform: scale(1);\n              }\n\n              /* Circle 3 appears at full opacity */\n              42% {\n                opacity: 1;\n                transform: scale(1);\n              }\n              /* As it expands to 50%, opacity gradually reduces */\n              50% {\n                opacity: 0.2;\n                transform: scale(1.25);\n              }\n              /* Reach 50% expansion with reduced opacity */\n              60% {\n                opacity: 0.2;\n                transform: scale(1.5);\n              }\n\n              /* Continue expansion after circle 2 is done */\n              75% {\n                opacity: 0.15;\n                transform: scale(2);\n              }\n              /* Shorter hold at full size */\n              80% {\n                opacity: 0.15;\n                transform: scale(2);\n              }\n              /* Faster fade out */\n              85% {\n                opacity: 0.05;\n                transform: scale(2);\n              }\n              90%,\n              100% {\n                opacity: 0;\n                transform: scale(2);\n              }\n            }\n          `}</style>\n        </>\n      )}\n      <svg\n        className=\"z-10 size-full fill-pink-500\"\n        fill=\"none\"\n        viewBox=\"0 0 20 20\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...rest}\n        aria-hidden=\"true\"\n      >\n        <path\n          d=\"M10 0.75C15.1086 0.75 19.25 4.89137 19.25 10C19.25 15.1086 15.1086 19.25 10 19.25C4.89137 19.25 0.75 15.1086 0.75 10C0.75 4.89137 4.89137 0.75 10 0.75Z\"\n          fill=\"#F23D75\"\n        />\n        {!hideBorder && (\n          <path\n            className=\"stroke-white dark:stroke-gray-950\"\n            d=\"M10 0.75C15.1086 0.75 19.25 4.89137 19.25 10C19.25 15.1086 15.1086 19.25 10 19.25C4.89137 19.25 0.75 15.1086 0.75 10C0.75 4.89137 4.89137 0.75 10 0.75Z\"\n            strokeWidth=\"1.5\"\n          />\n        )}\n\n        <g clipPath=\"url(#clip0_2353_12663)\">\n          <path\n            d=\"M13.7538 8.69994L11.3842 8.45702L10.4221 6.27828C10.2613 5.91453 9.745 5.91453 9.58417 6.27828L8.62208 8.45702L6.25208 8.70036C5.85667 8.74077 5.69708 9.23161 5.99333 9.49703L7.76792 11.0866L7.26583 13.4141C7.18208 13.8029 7.6 14.1066 7.94375 13.9066L10.0033 12.7079L12.0625 13.9062C12.4063 14.1062 12.8246 13.8029 12.7404 13.4137L12.2379 11.0866L14.0129 9.49703C14.3092 9.23161 14.1496 8.74077 13.7542 8.70036L13.7538 8.69994Z\"\n            fill=\"white\"\n            stroke=\"white\"\n            strokeMiterlimit=\"10\"\n          />\n        </g>\n        <defs>\n          <clipPath id=\"clip0_2353_12663\">\n            <rect\n              fill=\"white\"\n              height=\"10\"\n              transform=\"translate(5 5)\"\n              width=\"10\"\n            />\n          </clipPath>\n        </defs>\n      </svg>\n    </div>\n  );\n};\n\nexport { PremiumStar, type PremiumStarProps };\n"],
-  "mappings": "AA2BQ,mBACE,KADF;AA1BR,SAAS,UAAU;AASnB,MAAM,cAAc,CAAC,UAA4B;AAC/C,QAAM;AAAA,IACJ,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,GAAG;AAAA,EACL,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,SAAC,CAAC,iBACD,iCACE;AAAA,8BAAC,SAAI,WAAU,kBAAiB;AAAA,UAChC,oBAAC,SAAI,WAAU,kBAAiB;AAAA,UAChC,oBAAC,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAkHN;AAAA,WACJ;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,OAAM;AAAA,YACL,GAAG;AAAA,YACJ,eAAY;AAAA,YAEZ;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,GAAE;AAAA,kBACF,MAAK;AAAA;AAAA,cACP;AAAA,cACC,CAAC,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,GAAE;AAAA,kBACF,aAAY;AAAA;AAAA,cACd;AAAA,cAGF,oBAAC,OAAE,UAAS,0BACV;AAAA,gBAAC;AAAA;AAAA,kBACC,GAAE;AAAA,kBACF,MAAK;AAAA,kBACL,QAAO;AAAA,kBACP,kBAAiB;AAAA;AAAA,cACnB,GACF;AAAA,cACA,oBAAC,UACC,8BAAC,cAAS,IAAG,oBACX;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,QAAO;AAAA,kBACP,WAAU;AAAA,kBACV,OAAM;AAAA;AAAA,cACR,GACF,GACF;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import * as React from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport type { CustomIconProps } from \"./types\";\n\ninterface PremiumStarProps extends CustomIconProps {\n  className?: string;\n  hideBorder?: boolean;\n  pulseInfinite?: boolean;\n  showBackground?: boolean;\n}\n\nconst _PremiumStar = (props: PremiumStarProps) => {\n  const {\n    showBackground = true,\n    className,\n    hideBorder,\n    pulseInfinite = false,\n    ...rest\n  } = props;\n\n  return (\n    <div\n      className={cn(\n        \"relative flex aspect-square items-center justify-center rounded-full\",\n        className\n      )}\n    >\n      {!!pulseInfinite && (\n        <>\n          <div className=\"circle circle2\" />\n          <div className=\"circle circle3\" />\n          <style>{`\n            .circle {\n              position: absolute;\n              inset: 0;\n              border-radius: 9999px;\n              background-color: #F23D75;\n              opacity: 0;\n              transform: scale(1);\n              pointer-events: none;\n              z-index: 10;\n            }\n\n            .circle2 {\n              animation: circle2-pulse 1.8s infinite ease-in-out;\n            }\n\n            .circle3 {\n              animation: circle3-pulse 1.8s infinite ease-in-out;\n            }\n\n            @keyframes circle2-pulse {\n              /* Frame 1: Only premium star visible */\n              0%,\n              15% {\n                opacity: 1;\n                transform: scale(1);\n              }\n\n              /* Frame 2: Circle 2 appears at full opacity */\n              20% {\n                opacity: 1;\n                transform: scale(1);\n              }\n              /* As it expands to 50%, opacity gradually reduces */\n              40% {\n                opacity: 0.2;\n                transform: scale(1.5);\n              }\n\n              /* Minimal delay */\n              41% {\n                opacity: 0.2;\n                transform: scale(1.5);\n              }\n\n              /* Frame 3: Circle 2 reaches 100% */\n              60% {\n                opacity: 0.15;\n                transform: scale(2);\n              }\n\n              /* Circle 2 fades out gradually */\n              70% {\n                opacity: 0.05;\n                transform: scale(2);\n              }\n              75%,\n              100% {\n                opacity: 0;\n                transform: scale(2);\n              }\n            }\n\n            @keyframes circle3-pulse {\n              /* Frames 1 & 2: Hidden */\n              0%,\n              40% {\n                opacity: 1;\n                transform: scale(1);\n              }\n\n              /* Minimal delay */\n              41% {\n                opacity: 1;\n                transform: scale(1);\n              }\n\n              /* Circle 3 appears at full opacity */\n              42% {\n                opacity: 1;\n                transform: scale(1);\n              }\n              /* As it expands to 50%, opacity gradually reduces */\n              50% {\n                opacity: 0.2;\n                transform: scale(1.25);\n              }\n              /* Reach 50% expansion with reduced opacity */\n              60% {\n                opacity: 0.2;\n                transform: scale(1.5);\n              }\n\n              /* Continue expansion after circle 2 is done */\n              75% {\n                opacity: 0.15;\n                transform: scale(2);\n              }\n              /* Shorter hold at full size */\n              80% {\n                opacity: 0.15;\n                transform: scale(2);\n              }\n              /* Faster fade out */\n              85% {\n                opacity: 0.05;\n                transform: scale(2);\n              }\n              90%,\n              100% {\n                opacity: 0;\n                transform: scale(2);\n              }\n            }\n          `}</style>\n        </>\n      )}\n      <svg\n        className=\"z-10 size-full fill-pink-500\"\n        fill=\"none\"\n        viewBox=\"0 0 20 20\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...rest}\n        aria-hidden=\"true\"\n      >\n        <path\n          d=\"M10 0.75C15.1086 0.75 19.25 4.89137 19.25 10C19.25 15.1086 15.1086 19.25 10 19.25C4.89137 19.25 0.75 15.1086 0.75 10C0.75 4.89137 4.89137 0.75 10 0.75Z\"\n          fill=\"#F23D75\"\n        />\n        {!hideBorder && (\n          <path\n            className=\"stroke-white dark:stroke-gray-950\"\n            d=\"M10 0.75C15.1086 0.75 19.25 4.89137 19.25 10C19.25 15.1086 15.1086 19.25 10 19.25C4.89137 19.25 0.75 15.1086 0.75 10C0.75 4.89137 4.89137 0.75 10 0.75Z\"\n            strokeWidth=\"1.5\"\n          />\n        )}\n\n        <g clipPath=\"url(#clip0_2353_12663)\">\n          <path\n            d=\"M13.7538 8.69994L11.3842 8.45702L10.4221 6.27828C10.2613 5.91453 9.745 5.91453 9.58417 6.27828L8.62208 8.45702L6.25208 8.70036C5.85667 8.74077 5.69708 9.23161 5.99333 9.49703L7.76792 11.0866L7.26583 13.4141C7.18208 13.8029 7.6 14.1066 7.94375 13.9066L10.0033 12.7079L12.0625 13.9062C12.4063 14.1062 12.8246 13.8029 12.7404 13.4137L12.2379 11.0866L14.0129 9.49703C14.3092 9.23161 14.1496 8.74077 13.7542 8.70036L13.7538 8.69994Z\"\n            fill=\"white\"\n            stroke=\"white\"\n            strokeMiterlimit=\"10\"\n          />\n        </g>\n        <defs>\n          <clipPath id=\"clip0_2353_12663\">\n            <rect\n              fill=\"white\"\n              height=\"10\"\n              transform=\"translate(5 5)\"\n              width=\"10\"\n            />\n          </clipPath>\n        </defs>\n      </svg>\n    </div>\n  );\n};\n\nconst PremiumStar = React.memo(_PremiumStar);\n\nexport { PremiumStar, type PremiumStarProps };\n"],
+  "mappings": "AA4BQ,mBACE,KADF;AA5BR,YAAY,WAAW;AACvB,SAAS,UAAU;AAUnB,MAAM,eAAe,CAAC,UAA4B;AAChD,QAAM;AAAA,IACJ,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,GAAG;AAAA,EACL,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,SAAC,CAAC,iBACD,iCACE;AAAA,8BAAC,SAAI,WAAU,kBAAiB;AAAA,UAChC,oBAAC,SAAI,WAAU,kBAAiB;AAAA,UAChC,oBAAC,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAkHN;AAAA,WACJ;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,OAAM;AAAA,YACL,GAAG;AAAA,YACJ,eAAY;AAAA,YAEZ;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,GAAE;AAAA,kBACF,MAAK;AAAA;AAAA,cACP;AAAA,cACC,CAAC,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,GAAE;AAAA,kBACF,aAAY;AAAA;AAAA,cACd;AAAA,cAGF,oBAAC,OAAE,UAAS,0BACV;AAAA,gBAAC;AAAA;AAAA,kBACC,GAAE;AAAA,kBACF,MAAK;AAAA,kBACL,QAAO;AAAA,kBACP,kBAAiB;AAAA;AAAA,cACnB,GACF;AAAA,cACA,oBAAC,UACC,8BAAC,cAAS,IAAG,oBACX;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,QAAO;AAAA,kBACP,WAAU;AAAA,kBACV,OAAM;AAAA;AAAA,cACR,GACF,GACF;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,cAAc,MAAM,KAAK,YAAY;",
   "names": []
 }

package/dist/icons/custom/social/discord.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import type { CustomIconProps } from "../types";
+declare const Discord: React.MemoExoticComponent<(props: CustomIconProps) => import("react/jsx-runtime").JSX.Element>;
+export { Discord };
+//# sourceMappingURL=discord.d.ts.map

package/dist/icons/custom/social/discord.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"discord.d.ts","sourceRoot":"","sources":["../../../../src/icons/custom/social/discord.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAmBhD,QAAA,MAAM,OAAO,oCAjBY,eAAe,6CAiBJ,CAAC;AAErC,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/icons/custom/social/discord.js

@@ -1,12 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-const Discord = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
+const _Discord = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
     "aria-hidden": "true",
     fill: "none",
     height: "26",
-    ref,
     viewBox: "0 0 34 26",
     width: "34",
     xmlns: "http://www.w3.org/2000/svg",
@@ -19,8 +18,8 @@ const Discord = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
       }
     )
   }
-));
-Discord.displayName = "Discord";
+);
+const Discord = React.memo(_Discord);
 export {
   Discord
 };

package/dist/icons/custom/social/discord.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/icons/custom/social/discord.tsx"],
-  "sourcesContent": ["import * as React from \"react\";\n\nexport interface DiscordProps extends React.SVGProps<SVGSVGElement> {}\n\nconst Discord = React.forwardRef<SVGSVGElement, DiscordProps>((props, ref) => (\n  <svg\n    aria-hidden=\"true\"\n    fill=\"none\"\n    height=\"26\"\n    ref={ref}\n    viewBox=\"0 0 34 26\"\n    width=\"34\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M28.368 2.40564C26.2769 1.44622 24.0356 0.739643 21.6917 0.335103C21.6493 0.326903 21.6069 0.347404 21.5837 0.385671C21.2953 0.898179 20.9755 1.56786 20.7528 2.09266C18.2312 1.71546 15.7234 1.71546 13.2537 2.09266C13.031 1.55556 12.6989 0.898179 12.4105 0.385671C12.3873 0.347404 12.3449 0.32827 12.3025 0.335103C9.96003 0.738276 7.71866 1.44485 5.62626 2.40564C5.60849 2.41247 5.59209 2.42614 5.58253 2.44254C1.33076 8.7949 0.164976 14.9915 0.736251 21.1115C0.738985 21.1416 0.755385 21.1703 0.778619 21.188C3.58443 23.249 6.30141 24.4995 8.96918 25.3277C9.01155 25.3414 9.05665 25.325 9.08398 25.2895C9.71539 24.4284 10.2771 23.5196 10.7595 22.5643C10.7882 22.5083 10.7609 22.4413 10.7021 22.4194C9.80969 22.0805 8.96098 21.6677 8.1437 21.2003C8.07947 21.1621 8.074 21.0705 8.13277 21.0254C8.30497 20.8969 8.47717 20.763 8.64118 20.6277C8.67124 20.6031 8.71224 20.5976 8.74778 20.614C14.1161 23.0645 19.9273 23.0645 25.2314 20.614C25.2669 20.5976 25.3079 20.6017 25.3394 20.6277C25.5034 20.763 25.6756 20.8983 25.8491 21.0268C25.9093 21.0705 25.9052 21.1634 25.8396 21.2017C25.0223 21.6787 24.1736 22.0832 23.2798 22.4194C23.221 22.4413 23.1964 22.5096 23.2237 22.5657C23.7157 23.5196 24.2788 24.4284 24.8979 25.2895C24.9239 25.3264 24.9704 25.3414 25.0127 25.3291C27.6928 24.4995 30.4112 23.249 33.2156 21.1894C33.2402 21.1716 33.2552 21.1443 33.258 21.1142C33.9413 14.0389 32.1127 7.89289 28.409 2.44527C28.4021 2.42614 28.3857 2.41247 28.368 2.40564ZM11.5618 17.3859C9.945 17.3859 8.61384 15.9017 8.61384 14.0799C8.61384 12.2581 9.91903 10.7739 11.5618 10.7739C13.2168 10.7739 14.5357 12.2704 14.5097 14.0799C14.5097 15.903 13.2032 17.3859 11.5618 17.3859ZM22.4611 17.3859C20.8457 17.3859 19.5132 15.9017 19.5132 14.0799C19.5132 12.2581 20.8184 10.7739 22.4611 10.7739C24.1162 10.7739 25.435 12.2704 25.4091 14.0799C25.4091 15.903 24.1162 17.3859 22.4611 17.3859Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n));\n\nDiscord.displayName = \"Discord\";\n\nexport { Discord };\n"],
-  "mappings": "AAeI;AAfJ,YAAY,WAAW;AAIvB,MAAM,UAAU,MAAM,WAAwC,CAAC,OAAO,QACpE;AAAA,EAAC;AAAA;AAAA,IACC,eAAY;AAAA,IACZ,MAAK;AAAA,IACL,QAAO;AAAA,IACP;AAAA,IACA,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA;AACF,CACD;AAED,QAAQ,cAAc;",
+  "sourcesContent": ["import * as React from \"react\";\nimport type { CustomIconProps } from \"../types\";\n\nconst _Discord = (props: CustomIconProps) => (\n  <svg\n    aria-hidden=\"true\"\n    fill=\"none\"\n    height=\"26\"\n    viewBox=\"0 0 34 26\"\n    width=\"34\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M28.368 2.40564C26.2769 1.44622 24.0356 0.739643 21.6917 0.335103C21.6493 0.326903 21.6069 0.347404 21.5837 0.385671C21.2953 0.898179 20.9755 1.56786 20.7528 2.09266C18.2312 1.71546 15.7234 1.71546 13.2537 2.09266C13.031 1.55556 12.6989 0.898179 12.4105 0.385671C12.3873 0.347404 12.3449 0.32827 12.3025 0.335103C9.96003 0.738276 7.71866 1.44485 5.62626 2.40564C5.60849 2.41247 5.59209 2.42614 5.58253 2.44254C1.33076 8.7949 0.164976 14.9915 0.736251 21.1115C0.738985 21.1416 0.755385 21.1703 0.778619 21.188C3.58443 23.249 6.30141 24.4995 8.96918 25.3277C9.01155 25.3414 9.05665 25.325 9.08398 25.2895C9.71539 24.4284 10.2771 23.5196 10.7595 22.5643C10.7882 22.5083 10.7609 22.4413 10.7021 22.4194C9.80969 22.0805 8.96098 21.6677 8.1437 21.2003C8.07947 21.1621 8.074 21.0705 8.13277 21.0254C8.30497 20.8969 8.47717 20.763 8.64118 20.6277C8.67124 20.6031 8.71224 20.5976 8.74778 20.614C14.1161 23.0645 19.9273 23.0645 25.2314 20.614C25.2669 20.5976 25.3079 20.6017 25.3394 20.6277C25.5034 20.763 25.6756 20.8983 25.8491 21.0268C25.9093 21.0705 25.9052 21.1634 25.8396 21.2017C25.0223 21.6787 24.1736 22.0832 23.2798 22.4194C23.221 22.4413 23.1964 22.5096 23.2237 22.5657C23.7157 23.5196 24.2788 24.4284 24.8979 25.2895C24.9239 25.3264 24.9704 25.3414 25.0127 25.3291C27.6928 24.4995 30.4112 23.249 33.2156 21.1894C33.2402 21.1716 33.2552 21.1443 33.258 21.1142C33.9413 14.0389 32.1127 7.89289 28.409 2.44527C28.4021 2.42614 28.3857 2.41247 28.368 2.40564ZM11.5618 17.3859C9.945 17.3859 8.61384 15.9017 8.61384 14.0799C8.61384 12.2581 9.91903 10.7739 11.5618 10.7739C13.2168 10.7739 14.5357 12.2704 14.5097 14.0799C14.5097 15.903 13.2032 17.3859 11.5618 17.3859ZM22.4611 17.3859C20.8457 17.3859 19.5132 15.9017 19.5132 14.0799C19.5132 12.2581 20.8184 10.7739 22.4611 10.7739C24.1162 10.7739 25.435 12.2704 25.4091 14.0799C25.4091 15.903 24.1162 17.3859 22.4611 17.3859Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nconst Discord = React.memo(_Discord);\n\nexport { Discord };\n"],
+  "mappings": "AAaI;AAbJ,YAAY,WAAW;AAGvB,MAAM,WAAW,CAAC,UAChB;AAAA,EAAC;AAAA;AAAA,IACC,eAAY;AAAA,IACZ,MAAK;AAAA,IACL,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA;AACF;AAGF,MAAM,UAAU,MAAM,KAAK,QAAQ;",
   "names": []
 }

package/dist/icons/custom/social/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./discord";
+export * from "./tiktok";
+export * from "./twitter-x";
+//# sourceMappingURL=index.d.ts.map

package/dist/icons/custom/social/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/icons/custom/social/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC"}

package/dist/icons/custom/social/tiktok.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import type { CustomIconProps } from "../types";
+declare const TikTok: React.MemoExoticComponent<(props: CustomIconProps) => import("react/jsx-runtime").JSX.Element>;
+export { TikTok };
+//# sourceMappingURL=tiktok.d.ts.map

package/dist/icons/custom/social/tiktok.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tiktok.d.ts","sourceRoot":"","sources":["../../../../src/icons/custom/social/tiktok.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAmBhD,QAAA,MAAM,MAAM,oCAjBY,eAAe,6CAiBL,CAAC;AAEnC,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/icons/custom/social/tiktok.js

@@ -1,12 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-const TikTok = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
+const _TikTok = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
     "aria-hidden": "true",
     fill: "none",
     height: "30",
-    ref,
     viewBox: "0 0 28 30",
     width: "28",
     xmlns: "http://www.w3.org/2000/svg",
@@ -19,8 +18,8 @@ const TikTok = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
       }
     )
   }
-));
-TikTok.displayName = "TikTok";
+);
+const TikTok = React.memo(_TikTok);
 export {
   TikTok
 };

package/dist/icons/custom/social/tiktok.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/icons/custom/social/tiktok.tsx"],
-  "sourcesContent": ["import * as React from \"react\";\n\nexport interface TikTokProps extends React.SVGProps<SVGSVGElement> {}\n\nconst TikTok = React.forwardRef<SVGSVGElement, TikTokProps>((props, ref) => (\n  <svg\n    aria-hidden=\"true\"\n    fill=\"none\"\n    height=\"30\"\n    ref={ref}\n    viewBox=\"0 0 28 30\"\n    width=\"28\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M23.173 6.01298C21.5571 4.95939 20.3912 3.27306 20.0274 1.30849C19.9488 0.884141 19.9051 0.446988 19.9051 -6.10352e-05H14.7478L14.739 20.6695C14.6529 22.9845 12.7477 24.842 10.4123 24.842C9.68646 24.842 9.00308 24.661 8.40119 24.3437C7.02105 23.6179 6.07631 22.1713 6.07631 20.5071C6.07631 18.1165 8.02167 16.1711 10.4117 16.1711C10.8582 16.1711 11.2861 16.245 11.6906 16.3714V11.1063C11.2715 11.0487 10.846 11.0138 10.4117 11.0138C5.17755 11.0138 0.918945 15.2718 0.918945 20.5071C0.918945 23.7186 2.5232 26.5609 4.97207 28.2793C6.51346 29.3625 8.38955 29.9999 10.4123 29.9999C15.6471 29.9999 19.9051 25.7413 19.9051 20.5071V10.0254C21.9279 11.4771 24.4065 12.3328 27.0812 12.3328V7.17484C25.6405 7.17484 24.2988 6.747 23.173 6.01298Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n));\n\nTikTok.displayName = \"TikTok\";\n\nexport { TikTok };\n"],
-  "mappings": "AAeI;AAfJ,YAAY,WAAW;AAIvB,MAAM,SAAS,MAAM,WAAuC,CAAC,OAAO,QAClE;AAAA,EAAC;AAAA;AAAA,IACC,eAAY;AAAA,IACZ,MAAK;AAAA,IACL,QAAO;AAAA,IACP;AAAA,IACA,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA;AACF,CACD;AAED,OAAO,cAAc;",
+  "sourcesContent": ["import * as React from \"react\";\nimport type { CustomIconProps } from \"../types\";\n\nconst _TikTok = (props: CustomIconProps) => (\n  <svg\n    aria-hidden=\"true\"\n    fill=\"none\"\n    height=\"30\"\n    viewBox=\"0 0 28 30\"\n    width=\"28\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M23.173 6.01298C21.5571 4.95939 20.3912 3.27306 20.0274 1.30849C19.9488 0.884141 19.9051 0.446988 19.9051 -6.10352e-05H14.7478L14.739 20.6695C14.6529 22.9845 12.7477 24.842 10.4123 24.842C9.68646 24.842 9.00308 24.661 8.40119 24.3437C7.02105 23.6179 6.07631 22.1713 6.07631 20.5071C6.07631 18.1165 8.02167 16.1711 10.4117 16.1711C10.8582 16.1711 11.2861 16.245 11.6906 16.3714V11.1063C11.2715 11.0487 10.846 11.0138 10.4117 11.0138C5.17755 11.0138 0.918945 15.2718 0.918945 20.5071C0.918945 23.7186 2.5232 26.5609 4.97207 28.2793C6.51346 29.3625 8.38955 29.9999 10.4123 29.9999C15.6471 29.9999 19.9051 25.7413 19.9051 20.5071V10.0254C21.9279 11.4771 24.4065 12.3328 27.0812 12.3328V7.17484C25.6405 7.17484 24.2988 6.747 23.173 6.01298Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nconst TikTok = React.memo(_TikTok);\n\nexport { TikTok };\n"],
+  "mappings": "AAaI;AAbJ,YAAY,WAAW;AAGvB,MAAM,UAAU,CAAC,UACf;AAAA,EAAC;AAAA;AAAA,IACC,eAAY;AAAA,IACZ,MAAK;AAAA,IACL,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA;AACF;AAGF,MAAM,SAAS,MAAM,KAAK,OAAO;",
   "names": []
 }

package/dist/icons/custom/social/twitter-x.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import type { CustomIconProps } from "../types";
+declare const TwitterX: React.MemoExoticComponent<(props: CustomIconProps) => import("react/jsx-runtime").JSX.Element>;
+export { TwitterX };
+//# sourceMappingURL=twitter-x.d.ts.map

package/dist/icons/custom/social/twitter-x.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"twitter-x.d.ts","sourceRoot":"","sources":["../../../../src/icons/custom/social/twitter-x.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAmBhD,QAAA,MAAM,QAAQ,oCAjBY,eAAe,6CAiBH,CAAC;AAEvC,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/icons/custom/social/twitter-x.js

@@ -1,28 +1,25 @@
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-const TwitterX = React.forwardRef(
-  (props, ref) => /* @__PURE__ */ jsx(
-    "svg",
-    {
-      "aria-hidden": "true",
-      fill: "none",
-      height: "29",
-      ref,
-      viewBox: "0 0 34 29",
-      width: "34",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M26.5034 0.666626H31.5747L20.4983 12.6673L33.5277 29H23.3287L15.3348 19.0967L6.19767 29H1.11813L12.963 16.1608L0.472168 0.666626H10.9301L18.1486 9.7184L26.5034 0.666626ZM24.7225 26.1255H27.5309L9.39992 3.39091H6.3836L24.7225 26.1255Z",
-          fill: "currentColor"
-        }
-      )
-    }
-  )
+const _TwitterX = (props) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    "aria-hidden": "true",
+    fill: "none",
+    height: "29",
+    viewBox: "0 0 34 29",
+    width: "34",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M26.5034 0.666626H31.5747L20.4983 12.6673L33.5277 29H23.3287L15.3348 19.0967L6.19767 29H1.11813L12.963 16.1608L0.472168 0.666626H10.9301L18.1486 9.7184L26.5034 0.666626ZM24.7225 26.1255H27.5309L9.39992 3.39091H6.3836L24.7225 26.1255Z",
+        fill: "currentColor"
+      }
+    )
+  }
 );
-TwitterX.displayName = "TwitterX";
+const TwitterX = React.memo(_TwitterX);
 export {
   TwitterX
 };

package/dist/icons/custom/social/twitter-x.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/icons/custom/social/twitter-x.tsx"],
-  "sourcesContent": ["import * as React from \"react\";\n\nexport interface TwitterXProps extends React.SVGProps<SVGSVGElement> {}\n\nconst TwitterX = React.forwardRef<SVGSVGElement, TwitterXProps>(\n  (props, ref) => (\n    <svg\n      aria-hidden=\"true\"\n      fill=\"none\"\n      height=\"29\"\n      ref={ref}\n      viewBox=\"0 0 34 29\"\n      width=\"34\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        d=\"M26.5034 0.666626H31.5747L20.4983 12.6673L33.5277 29H23.3287L15.3348 19.0967L6.19767 29H1.11813L12.963 16.1608L0.472168 0.666626H10.9301L18.1486 9.7184L26.5034 0.666626ZM24.7225 26.1255H27.5309L9.39992 3.39091H6.3836L24.7225 26.1255Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n);\n\nTwitterX.displayName = \"TwitterX\";\n\nexport { TwitterX };\n"],
-  "mappings": "AAgBM;AAhBN,YAAY,WAAW;AAIvB,MAAM,WAAW,MAAM;AAAA,EACrB,CAAC,OAAO,QACN;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,MAAK;AAAA,MACL,QAAO;AAAA,MACP;AAAA,MACA,SAAQ;AAAA,MACR,OAAM;AAAA,MACN,OAAM;AAAA,MACL,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,cAAc;",
+  "sourcesContent": ["import * as React from \"react\";\nimport type { CustomIconProps } from \"../types\";\n\nconst _TwitterX = (props: CustomIconProps) => (\n  <svg\n    aria-hidden=\"true\"\n    fill=\"none\"\n    height=\"29\"\n    viewBox=\"0 0 34 29\"\n    width=\"34\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M26.5034 0.666626H31.5747L20.4983 12.6673L33.5277 29H23.3287L15.3348 19.0967L6.19767 29H1.11813L12.963 16.1608L0.472168 0.666626H10.9301L18.1486 9.7184L26.5034 0.666626ZM24.7225 26.1255H27.5309L9.39992 3.39091H6.3836L24.7225 26.1255Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nconst TwitterX = React.memo(_TwitterX);\n\nexport { TwitterX };\n"],
+  "mappings": "AAaI;AAbJ,YAAY,WAAW;AAGvB,MAAM,YAAY,CAAC,UACjB;AAAA,EAAC;AAAA;AAAA,IACC,eAAY;AAAA,IACZ,MAAK;AAAA,IACL,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA;AACF;AAGF,MAAM,WAAW,MAAM,KAAK,SAAS;",
   "names": []
 }

package/dist/icons/custom/square-aspect-ratio.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import type { CustomIconProps } from "./types";
+declare const SquareAspectRatio: React.MemoExoticComponent<({ className, ...props }: CustomIconProps) => import("react/jsx-runtime").JSX.Element>;
+export { SquareAspectRatio };
+//# sourceMappingURL=square-aspect-ratio.d.ts.map

package/dist/icons/custom/square-aspect-ratio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"square-aspect-ratio.d.ts","sourceRoot":"","sources":["../../../src/icons/custom/square-aspect-ratio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA0B/C,QAAA,MAAM,iBAAiB,sDAxB8B,eAAe,6CAwBZ,CAAC;AAEzD,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/icons/custom/square-aspect-ratio.js

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
+import * as React from "react";
 import { cn } from "../..";
-const SquareAspectRatio = ({ className }) => /* @__PURE__ */ jsx(
+const _SquareAspectRatio = ({ className, ...props }) => /* @__PURE__ */ jsx(
   "svg",
   {
     "aria-hidden": "true",
@@ -13,6 +14,7 @@ const SquareAspectRatio = ({ className }) => /* @__PURE__ */ jsx(
     viewBox: "0 0 14 14",
     width: "14",
     xmlns: "http://www.w3.org/2000/svg",
+    ...props,
     children: /* @__PURE__ */ jsx(
       "path",
       {
@@ -25,6 +27,7 @@ const SquareAspectRatio = ({ className }) => /* @__PURE__ */ jsx(
     )
   }
 );
+const SquareAspectRatio = React.memo(_SquareAspectRatio);
 export {
   SquareAspectRatio
 };

package/dist/icons/custom/square-aspect-ratio.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/icons/custom/square-aspect-ratio.tsx"],
-  "sourcesContent": ["import { cn } from \"../..\";\n\nexport const SquareAspectRatio = ({ className }: { className?: string }) => (\n  <svg\n    aria-hidden=\"true\"\n    className={cn(\n      \"text-gray-100 stroke-gray-700 dark:text-gray-800 dark:stroke-gray-200\",\n      className\n    )}\n    fill=\"none\"\n    height=\"14\"\n    viewBox=\"0 0 14 14\"\n    width=\"14\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M11.3317 0.665001H1.99837C1.26199 0.665001 0.665039 1.26195 0.665039 1.99833V11.3317C0.665039 12.068 1.26199 12.665 1.99837 12.665H11.3317C12.0681 12.665 12.665 12.068 12.665 11.3317V1.99833C12.665 1.26195 12.0681 0.665001 11.3317 0.665001Z\"\n      fill=\"currentColor\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      stroke-width=\"1.33\"\n    />\n  </svg>\n);\n"],
-  "mappings": "AAeI;AAfJ,SAAS,UAAU;AAEZ,MAAM,oBAAoB,CAAC,EAAE,UAAU,MAC5C;AAAA,EAAC;AAAA;AAAA,IACC,eAAY;AAAA,IACZ,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACA,MAAK;AAAA,IACL,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,OAAM;AAAA,IAEN;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,QACL,kBAAe;AAAA,QACf,mBAAgB;AAAA,QAChB,gBAAa;AAAA;AAAA,IACf;AAAA;AACF;",
+  "sourcesContent": ["import * as React from \"react\";\nimport { cn } from \"../..\";\nimport type { CustomIconProps } from \"./types\";\n\nconst _SquareAspectRatio = ({ className, ...props }: CustomIconProps) => (\n  <svg\n    aria-hidden=\"true\"\n    className={cn(\n      \"text-gray-100 stroke-gray-700 dark:text-gray-800 dark:stroke-gray-200\",\n      className\n    )}\n    fill=\"none\"\n    height=\"14\"\n    viewBox=\"0 0 14 14\"\n    width=\"14\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M11.3317 0.665001H1.99837C1.26199 0.665001 0.665039 1.26195 0.665039 1.99833V11.3317C0.665039 12.068 1.26199 12.665 1.99837 12.665H11.3317C12.0681 12.665 12.665 12.068 12.665 11.3317V1.99833C12.665 1.26195 12.0681 0.665001 11.3317 0.665001Z\"\n      fill=\"currentColor\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      stroke-width=\"1.33\"\n    />\n  </svg>\n);\n\nconst SquareAspectRatio = React.memo(_SquareAspectRatio);\n\nexport { SquareAspectRatio };\n"],
+  "mappings": "AAkBI;AAlBJ,YAAY,WAAW;AACvB,SAAS,UAAU;AAGnB,MAAM,qBAAqB,CAAC,EAAE,WAAW,GAAG,MAAM,MAChD;AAAA,EAAC;AAAA;AAAA,IACC,eAAY;AAAA,IACZ,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACA,MAAK;AAAA,IACL,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,QACL,kBAAe;AAAA,QACf,mBAAgB;AAAA,QAChB,gBAAa;AAAA;AAAA,IACf;AAAA;AACF;AAGF,MAAM,oBAAoB,MAAM,KAAK,kBAAkB;",
   "names": []
 }

package/dist/icons/custom/tick-in-circle.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import type { CustomIconProps } from "./types";
+export interface TickInCircleProps extends CustomIconProps {
+    backgroundFill?: string;
+}
+declare const TickInCircle: React.MemoExoticComponent<({ backgroundFill, ...props }: TickInCircleProps) => import("react/jsx-runtime").JSX.Element>;
+export { TickInCircle };
+//# sourceMappingURL=tick-in-circle.d.ts.map

package/dist/icons/custom/tick-in-circle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tick-in-circle.d.ts","sourceRoot":"","sources":["../../../src/icons/custom/tick-in-circle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAuBD,QAAA,MAAM,YAAY,2DAlBf,iBAAiB,6CAkB0B,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/icons/custom/tick-in-circle.js

@@ -1,31 +1,31 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-const TickInCircle = React.forwardRef(
-  ({ backgroundFill = "#2CAF6E", ...props }, ref) => /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      "aria-hidden": "true",
-      fill: "none",
-      height: "20",
-      ref,
-      viewBox: "0 0 20 20",
-      width: "20",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("rect", { fill: backgroundFill, height: "20", rx: "10", width: "20" }),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M13.8146 7.83087L9.47044 13.1537C9.4498 13.1894 9.4263 13.2236 9.39988 13.256C9.27306 13.4114 9.09666 13.5 8.90802 13.5C8.90197 13.5 8.89594 13.4999 8.88992 13.4997C8.79162 13.5031 8.69276 13.4756 8.60379 13.4174C8.53409 13.377 8.47057 13.3227 8.41616 13.256L6.18545 10.5227C6.05952 10.3684 6 10.1714 6 9.97929C6 9.97324 6.00006 9.96686 6.00018 9.9608C6.00388 9.77459 6.06356 9.58519 6.18544 9.43585C6.31226 9.28046 6.48866 9.19186 6.6773 9.19186C6.86594 9.19186 7.04234 9.28046 7.16916 9.43585L8.90154 11.5585L12.8308 6.74399C12.9577 6.5886 13.1341 6.5 13.3227 6.5C13.3412 6.5 13.3595 6.50085 13.3778 6.50253C13.5403 6.48563 13.7076 6.55339 13.832 6.70581C13.9527 6.8536 14.0083 7.05085 13.999 7.24429C13.9997 7.25868 14 7.27307 14 7.28743C14 7.47954 13.9405 7.67658 13.8146 7.83087Z",
-            fill: "white"
-          }
-        )
-      ]
-    }
-  )
+const _TickInCircle = ({
+  backgroundFill = "#2CAF6E",
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    "aria-hidden": "true",
+    fill: "none",
+    height: "20",
+    viewBox: "0 0 20 20",
+    width: "20",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("rect", { fill: backgroundFill, height: "20", rx: "10", width: "20" }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M13.8146 7.83087L9.47044 13.1537C9.4498 13.1894 9.4263 13.2236 9.39988 13.256C9.27306 13.4114 9.09666 13.5 8.90802 13.5C8.90197 13.5 8.89594 13.4999 8.88992 13.4997C8.79162 13.5031 8.69276 13.4756 8.60379 13.4174C8.53409 13.377 8.47057 13.3227 8.41616 13.256L6.18545 10.5227C6.05952 10.3684 6 10.1714 6 9.97929C6 9.97324 6.00006 9.96686 6.00018 9.9608C6.00388 9.77459 6.06356 9.58519 6.18544 9.43585C6.31226 9.28046 6.48866 9.19186 6.6773 9.19186C6.86594 9.19186 7.04234 9.28046 7.16916 9.43585L8.90154 11.5585L12.8308 6.74399C12.9577 6.5886 13.1341 6.5 13.3227 6.5C13.3412 6.5 13.3595 6.50085 13.3778 6.50253C13.5403 6.48563 13.7076 6.55339 13.832 6.70581C13.9527 6.8536 14.0083 7.05085 13.999 7.24429C13.9997 7.25868 14 7.27307 14 7.28743C14 7.47954 13.9405 7.67658 13.8146 7.83087Z",
+          fill: "white"
+        }
+      )
+    ]
+  }
 );
-TickInCircle.displayName = "TickInCircle";
+const TickInCircle = React.memo(_TickInCircle);
 export {
   TickInCircle
 };

package/dist/icons/custom/tick-in-circle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/icons/custom/tick-in-circle.tsx"],
-  "sourcesContent": ["import * as React from \"react\";\n\nexport interface TickInCircleProps extends React.SVGProps<SVGSVGElement> {\n  backgroundFill?: string;\n}\n\nconst TickInCircle = React.forwardRef<SVGSVGElement, TickInCircleProps>(\n  ({ backgroundFill = \"#2CAF6E\", ...props }, ref) => (\n    <svg\n      aria-hidden=\"true\"\n      fill=\"none\"\n      height=\"20\"\n      ref={ref}\n      viewBox=\"0 0 20 20\"\n      width=\"20\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <rect fill={backgroundFill} height=\"20\" rx=\"10\" width=\"20\" />\n      <path\n        d=\"M13.8146 7.83087L9.47044 13.1537C9.4498 13.1894 9.4263 13.2236 9.39988 13.256C9.27306 13.4114 9.09666 13.5 8.90802 13.5C8.90197 13.5 8.89594 13.4999 8.88992 13.4997C8.79162 13.5031 8.69276 13.4756 8.60379 13.4174C8.53409 13.377 8.47057 13.3227 8.41616 13.256L6.18545 10.5227C6.05952 10.3684 6 10.1714 6 9.97929C6 9.97324 6.00006 9.96686 6.00018 9.9608C6.00388 9.77459 6.06356 9.58519 6.18544 9.43585C6.31226 9.28046 6.48866 9.19186 6.6773 9.19186C6.86594 9.19186 7.04234 9.28046 7.16916 9.43585L8.90154 11.5585L12.8308 6.74399C12.9577 6.5886 13.1341 6.5 13.3227 6.5C13.3412 6.5 13.3595 6.50085 13.3778 6.50253C13.5403 6.48563 13.7076 6.55339 13.832 6.70581C13.9527 6.8536 14.0083 7.05085 13.999 7.24429C13.9997 7.25868 14 7.27307 14 7.28743C14 7.47954 13.9405 7.67658 13.8146 7.83087Z\"\n        fill=\"white\"\n      />\n    </svg>\n  )\n);\n\nTickInCircle.displayName = \"TickInCircle\";\n\nexport { TickInCircle };\n"],
-  "mappings": "AAQI,SAUE,KAVF;AARJ,YAAY,WAAW;AAMvB,MAAM,eAAe,MAAM;AAAA,EACzB,CAAC,EAAE,iBAAiB,WAAW,GAAG,MAAM,GAAG,QACzC;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,MAAK;AAAA,MACL,QAAO;AAAA,MACP;AAAA,MACA,SAAQ;AAAA,MACR,OAAM;AAAA,MACN,OAAM;AAAA,MACL,GAAG;AAAA,MAEJ;AAAA,4BAAC,UAAK,MAAM,gBAAgB,QAAO,MAAK,IAAG,MAAK,OAAM,MAAK;AAAA,QAC3D;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA;AAAA,QACP;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,aAAa,cAAc;",
+  "sourcesContent": ["import * as React from \"react\";\nimport type { CustomIconProps } from \"./types\";\nexport interface TickInCircleProps extends CustomIconProps {\n  backgroundFill?: string;\n}\n\nconst _TickInCircle = ({\n  backgroundFill = \"#2CAF6E\",\n  ...props\n}: TickInCircleProps) => (\n  <svg\n    aria-hidden=\"true\"\n    fill=\"none\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    width=\"20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <rect fill={backgroundFill} height=\"20\" rx=\"10\" width=\"20\" />\n    <path\n      d=\"M13.8146 7.83087L9.47044 13.1537C9.4498 13.1894 9.4263 13.2236 9.39988 13.256C9.27306 13.4114 9.09666 13.5 8.90802 13.5C8.90197 13.5 8.89594 13.4999 8.88992 13.4997C8.79162 13.5031 8.69276 13.4756 8.60379 13.4174C8.53409 13.377 8.47057 13.3227 8.41616 13.256L6.18545 10.5227C6.05952 10.3684 6 10.1714 6 9.97929C6 9.97324 6.00006 9.96686 6.00018 9.9608C6.00388 9.77459 6.06356 9.58519 6.18544 9.43585C6.31226 9.28046 6.48866 9.19186 6.6773 9.19186C6.86594 9.19186 7.04234 9.28046 7.16916 9.43585L8.90154 11.5585L12.8308 6.74399C12.9577 6.5886 13.1341 6.5 13.3227 6.5C13.3412 6.5 13.3595 6.50085 13.3778 6.50253C13.5403 6.48563 13.7076 6.55339 13.832 6.70581C13.9527 6.8536 14.0083 7.05085 13.999 7.24429C13.9997 7.25868 14 7.27307 14 7.28743C14 7.47954 13.9405 7.67658 13.8146 7.83087Z\"\n      fill=\"white\"\n    />\n  </svg>\n);\n\nconst TickInCircle = React.memo(_TickInCircle);\n\nexport { TickInCircle };\n"],
+  "mappings": "AAUE,SASE,KATF;AAVF,YAAY,WAAW;AAMvB,MAAM,gBAAgB,CAAC;AAAA,EACrB,iBAAiB;AAAA,EACjB,GAAG;AACL,MACE;AAAA,EAAC;AAAA;AAAA,IACC,eAAY;AAAA,IACZ,MAAK;AAAA,IACL,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ;AAAA,0BAAC,UAAK,MAAM,gBAAgB,QAAO,MAAK,IAAG,MAAK,OAAM,MAAK;AAAA,MAC3D;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA;AAAA;AACF;AAGF,MAAM,eAAe,MAAM,KAAK,aAAa;",
   "names": []
 }