@2hoch1/pixel-icon-library-react 1.1.0-rc.4 → 1.1.0-rc.5

package/dist/icons/folder-solid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/folder-solid.svg","../../src/icons/folder-solid.tsx"],"names":["jsx","folder_solid_default"],"mappings":";;;;AACA,IAAM,iBAAiB,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,UAAS,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,kGAAiG,CAAA,EAAE,CAAA;AACtO,IAAO,oBAAA,GAAQ,cAAA;ACaf,IAAM,WAAA,GAAsD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC7H,EAAA,uBACEA,GAAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,WAAA,CAAY,WAAA,GAAc,aAAA;AAE1B,IAAOC,qBAAAA,GAAQ","file":"folder-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgFolderSolid = props => <svg id=\"Folder\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"23 6 23 21 22 21 22 22 2 22 2 21 1 21 1 3 2 3 2 2 11 2 11 3 12 3 12 4 13 4 13 5 22 5 22 6 23 6\" /></svg>;\nexport default SvgFolderSolid;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/solid/folder-solid.svg';\n\n/**\n * @component\n * @name FolderSolid\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst FolderSolid: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nFolderSolid.displayName = 'FolderSolid';\n\nexport default FolderSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/folder-solid.svg","../../src/icons/folder-solid.tsx"],"names":["jsx","folder_solid_default"],"mappings":";;;;AACA,IAAM,iBAAiB,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,UAAS,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,kGAAiG,CAAA,EAAE,CAAA;AACtO,IAAO,oBAAA,GAAQ,cAAA;ACaf,IAAM,WAAA,GAAsD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC7H,EAAA,MAAM,SAAA,GAAY,WAAA,CAAY,CAAC,UAAA,KAAqC;AAClE,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,UAAU,CAAA;AAAA,IAChB,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,UAAA;AAAA,IAChB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,gBAAA,CAAiB,sDAAsD,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClG,QAAA,IAAI,CAAC,GAAG,YAAA,CAAa,MAAM,KAAK,EAAA,CAAG,YAAA,CAAa,MAAM,CAAA,KAAM,MAAA,EAAQ;AAClE,UAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,cAAc,CAAA;AAAA,QACxC;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,uBACEA,GAAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,WAAA,CAAY,WAAA,GAAc,aAAA;AAE1B,IAAOC,qBAAAA,GAAQ","file":"folder-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgFolderSolid = props => <svg id=\"Folder\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"23 6 23 21 22 21 22 22 2 22 2 21 1 21 1 3 2 3 2 2 11 2 11 3 12 3 12 4 13 4 13 5 22 5 22 6 23 6\" /></svg>;\nexport default SvgFolderSolid;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef, useCallback } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/solid/folder-solid.svg';\n\n/**\n * @component\n * @name FolderSolid\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst FolderSolid: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  const handleRef = useCallback((svgElement: SVGSVGElement | null) => {\n    if (typeof ref === 'function') {\n      ref(svgElement);\n    } else if (ref) {\n      ref.current = svgElement;\n    }\n    // Set fill to currentColor on all child elements\n    if (svgElement) {\n      svgElement.querySelectorAll('polygon, path, circle, rect, ellipse, line, polyline').forEach((el) => {\n        if (!el.hasAttribute('fill') || el.getAttribute('fill') !== 'none') {\n          el.setAttribute('fill', 'currentColor');\n        }\n      });\n    }\n  }, [ref]);\n\n  return (\n    <SvgComponent\n      {...props}\n      ref={handleRef}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nFolderSolid.displayName = 'FolderSolid';\n\nexport default FolderSolid;\n"]}

package/dist/icons/folder.cjs

@@ -7,11 +7,25 @@ var jsxRuntime = require('react/jsx-runtime');
 var SvgFolder = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { id: "Folder", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m22,6v-1h-9v-1h-1v-1h-1v-1H2v1h-1v18h1v1h20v-1h1V6h-1Zm-1,14H3V4h7v1h1v1h1v1h9v13Z" }) });
 var folder_default = SvgFolder;
 var Folder = react.forwardRef((props, ref) => {
+  const handleRef = react.useCallback((svgElement) => {
+    if (typeof ref === "function") {
+      ref(svgElement);
+    } else if (ref) {
+      ref.current = svgElement;
+    }
+    if (svgElement) {
+      svgElement.querySelectorAll("polygon, path, circle, rect, ellipse, line, polyline").forEach((el) => {
+        if (!el.hasAttribute("fill") || el.getAttribute("fill") !== "none") {
+          el.setAttribute("fill", "currentColor");
+        }
+      });
+    }
+  }, [ref]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     folder_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/folder.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/folder.svg","../../src/icons/folder.tsx"],"names":["jsx","forwardRef","folder_default"],"mappings":";;;;;;AACA,IAAM,YAAY,CAAA,KAAA,qBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,UAAS,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sFAAqF,CAAA,EAAE,CAAA;AAC7M,IAAO,cAAA,GAAQ,SAAA;ACaf,IAAM,MAAA,GAAiDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxH,EAAA,uBACED,cAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAOE,eAAAA,GAAQ","file":"folder.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgFolder = props => <svg id=\"Folder\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><path d=\"m22,6v-1h-9v-1h-1v-1h-1v-1H2v1h-1v18h1v1h20v-1h1V6h-1Zm-1,14H3V4h7v1h1v1h1v1h9v13Z\" /></svg>;\nexport default SvgFolder;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/regular/folder.svg';\n\n/**\n * @component\n * @name Folder\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst Folder: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nFolder.displayName = 'Folder';\n\nexport default Folder;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/folder.svg","../../src/icons/folder.tsx"],"names":["jsx","forwardRef","useCallback","folder_default"],"mappings":";;;;;;AACA,IAAM,YAAY,CAAA,KAAA,qBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,UAAS,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sFAAqF,CAAA,EAAE,CAAA;AAC7M,IAAO,cAAA,GAAQ,SAAA;ACaf,IAAM,MAAA,GAAiDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxH,EAAA,MAAM,SAAA,GAAYC,iBAAA,CAAY,CAAC,UAAA,KAAqC;AAClE,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,UAAU,CAAA;AAAA,IAChB,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,UAAA;AAAA,IAChB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,gBAAA,CAAiB,sDAAsD,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClG,QAAA,IAAI,CAAC,GAAG,YAAA,CAAa,MAAM,KAAK,EAAA,CAAG,YAAA,CAAa,MAAM,CAAA,KAAM,MAAA,EAAQ;AAClE,UAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,cAAc,CAAA;AAAA,QACxC;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,uBACEF,cAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAOG,eAAAA,GAAQ","file":"folder.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgFolder = props => <svg id=\"Folder\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><path d=\"m22,6v-1h-9v-1h-1v-1h-1v-1H2v1h-1v18h1v1h20v-1h1V6h-1Zm-1,14H3V4h7v1h1v1h1v1h9v13Z\" /></svg>;\nexport default SvgFolder;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef, useCallback } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/regular/folder.svg';\n\n/**\n * @component\n * @name Folder\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst Folder: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  const handleRef = useCallback((svgElement: SVGSVGElement | null) => {\n    if (typeof ref === 'function') {\n      ref(svgElement);\n    } else if (ref) {\n      ref.current = svgElement;\n    }\n    // Set fill to currentColor on all child elements\n    if (svgElement) {\n      svgElement.querySelectorAll('polygon, path, circle, rect, ellipse, line, polyline').forEach((el) => {\n        if (!el.hasAttribute('fill') || el.getAttribute('fill') !== 'none') {\n          el.setAttribute('fill', 'currentColor');\n        }\n      });\n    }\n  }, [ref]);\n\n  return (\n    <SvgComponent\n      {...props}\n      ref={handleRef}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nFolder.displayName = 'Folder';\n\nexport default Folder;\n"]}

package/dist/icons/folder.js

@@ -1,15 +1,29 @@
-import { forwardRef } from 'react';
+import { forwardRef, useCallback } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 // src/icons/folder.tsx
 var SvgFolder = (props) => /* @__PURE__ */ jsx("svg", { id: "Folder", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx("path", { d: "m22,6v-1h-9v-1h-1v-1h-1v-1H2v1h-1v18h1v1h20v-1h1V6h-1Zm-1,14H3V4h7v1h1v1h1v1h9v13Z" }) });
 var folder_default = SvgFolder;
 var Folder = forwardRef((props, ref) => {
+  const handleRef = useCallback((svgElement) => {
+    if (typeof ref === "function") {
+      ref(svgElement);
+    } else if (ref) {
+      ref.current = svgElement;
+    }
+    if (svgElement) {
+      svgElement.querySelectorAll("polygon, path, circle, rect, ellipse, line, polyline").forEach((el) => {
+        if (!el.hasAttribute("fill") || el.getAttribute("fill") !== "none") {
+          el.setAttribute("fill", "currentColor");
+        }
+      });
+    }
+  }, [ref]);
   return /* @__PURE__ */ jsx(
     folder_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/folder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/folder.svg","../../src/icons/folder.tsx"],"names":["jsx","folder_default"],"mappings":";;;;AACA,IAAM,YAAY,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,UAAS,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sFAAqF,CAAA,EAAE,CAAA;AAC7M,IAAO,cAAA,GAAQ,SAAA;ACaf,IAAM,MAAA,GAAiD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxH,EAAA,uBACEA,GAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAOC,eAAAA,GAAQ","file":"folder.js","sourcesContent":["import * as React from \"react\";\nconst SvgFolder = props => <svg id=\"Folder\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><path d=\"m22,6v-1h-9v-1h-1v-1h-1v-1H2v1h-1v18h1v1h20v-1h1V6h-1Zm-1,14H3V4h7v1h1v1h1v1h9v13Z\" /></svg>;\nexport default SvgFolder;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/regular/folder.svg';\n\n/**\n * @component\n * @name Folder\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst Folder: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nFolder.displayName = 'Folder';\n\nexport default Folder;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/folder.svg","../../src/icons/folder.tsx"],"names":["jsx","folder_default"],"mappings":";;;;AACA,IAAM,YAAY,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,UAAS,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sFAAqF,CAAA,EAAE,CAAA;AAC7M,IAAO,cAAA,GAAQ,SAAA;ACaf,IAAM,MAAA,GAAiD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxH,EAAA,MAAM,SAAA,GAAY,WAAA,CAAY,CAAC,UAAA,KAAqC;AAClE,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,UAAU,CAAA;AAAA,IAChB,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,UAAA;AAAA,IAChB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,gBAAA,CAAiB,sDAAsD,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClG,QAAA,IAAI,CAAC,GAAG,YAAA,CAAa,MAAM,KAAK,EAAA,CAAG,YAAA,CAAa,MAAM,CAAA,KAAM,MAAA,EAAQ;AAClE,UAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,cAAc,CAAA;AAAA,QACxC;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,uBACEA,GAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAOC,eAAAA,GAAQ","file":"folder.js","sourcesContent":["import * as React from \"react\";\nconst SvgFolder = props => <svg id=\"Folder\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><path d=\"m22,6v-1h-9v-1h-1v-1h-1v-1H2v1h-1v18h1v1h20v-1h1V6h-1Zm-1,14H3V4h7v1h1v1h1v1h9v13Z\" /></svg>;\nexport default SvgFolder;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef, useCallback } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/regular/folder.svg';\n\n/**\n * @component\n * @name Folder\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst Folder: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  const handleRef = useCallback((svgElement: SVGSVGElement | null) => {\n    if (typeof ref === 'function') {\n      ref(svgElement);\n    } else if (ref) {\n      ref.current = svgElement;\n    }\n    // Set fill to currentColor on all child elements\n    if (svgElement) {\n      svgElement.querySelectorAll('polygon, path, circle, rect, ellipse, line, polyline').forEach((el) => {\n        if (!el.hasAttribute('fill') || el.getAttribute('fill') !== 'none') {\n          el.setAttribute('fill', 'currentColor');\n        }\n      });\n    }\n  }, [ref]);\n\n  return (\n    <SvgComponent\n      {...props}\n      ref={handleRef}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nFolder.displayName = 'Folder';\n\nexport default Folder;\n"]}

package/dist/icons/futurism.cjs

@@ -13,11 +13,25 @@ var SvgFuturism = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: 24,
 ] });
 var futurism_default = SvgFuturism;
 var Futurism = react.forwardRef((props, ref) => {
+  const handleRef = react.useCallback((svgElement) => {
+    if (typeof ref === "function") {
+      ref(svgElement);
+    } else if (ref) {
+      ref.current = svgElement;
+    }
+    if (svgElement) {
+      svgElement.querySelectorAll("polygon, path, circle, rect, ellipse, line, polyline").forEach((el) => {
+        if (!el.hasAttribute("fill") || el.getAttribute("fill") !== "none") {
+          el.setAttribute("fill", "currentColor");
+        }
+      });
+    }
+  }, [ref]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     futurism_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/futurism.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/purcats/futurism.svg","../../src/icons/futurism.tsx"],"names":["jsxs","jsx","forwardRef","futurism_default"],"mappings":";;;;;;AACA,IAAM,WAAA,GAAc,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,OAAO,EAAA,EAAI,MAAA,EAAQ,EAAA,EAAI,OAAA,EAAQ,aAAY,IAAA,EAAK,MAAA,EAAO,KAAA,EAAM,4BAAA,EAA8B,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2KAAA,EAA4K,IAAA,EAAK,OAAA,EAAQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,iEAAA,EAAkE,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4PAAA,EAA6P,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,+EAAA,EAAgF,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,8NAAA,EAA+N,MAAK,OAAA,EAAQ;AAAA,CAAA,EAAE,CAAA;AACphC,IAAO,gBAAA,GAAQ,WAAA;ACaf,IAAM,QAAA,GAAmDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC1H,EAAA,uBACED,cAAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,QAAA,CAAS,WAAA,GAAc,UAAA;AAEvB,IAAOE,iBAAAA,GAAQ","file":"futurism.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgFuturism = props => <svg width={24} height={24} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}><path d=\"M23.505 17.5034V19.5039H22.5048V20.5041H16.5034V21.5043H15.5032V22.5046H14.503V23.5048H10.502V22.5046H9.50182V21.5043H8.50159V20.5041H2.50023V19.5039H1.5V17.5034H23.505Z\" fill=\"black\" /><path d=\"M23.505 15.5032V16.5034H21.5045V14.5029H22.5047V15.5032H23.505Z\" fill=\"black\" /><path d=\"M20.5043 8.50159V16.5034H19.504V12.5025H18.5038V11.5023H15.5031V10.502H18.5038V9.50182H15.5031V7.50136H14.5029V6.50114H13.5027V5.50091H12.5024V3.50045H13.5027V1.5H14.5029V2.50023H15.5031V3.50045H16.5034V4.50068H17.5036V7.50136H19.504V8.50159H20.5043Z\" fill=\"black\" /><path d=\"M6.50114 12.5024V16.5034H1.5V15.5031H2.50023V13.5027H3.50045V12.5024H6.50114Z\" fill=\"black\" /><path d=\"M18.5039 12.5025V16.5034H7.50141V12.5025H6.50119V11.5023H4.50073V4.50068H5.50096V1.5H8.50164V15.5032H9.50187V3.50045H10.5021V4.50068H11.5023V5.50091H12.5026V6.50114H13.5028V7.50136H14.503V15.5032H15.5032V12.5025H18.5039Z\" fill=\"black\" /></svg>;\nexport default SvgFuturism;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/purcats/futurism.svg';\n\n/**\n * @component\n * @name Futurism\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst Futurism: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nFuturism.displayName = 'Futurism';\n\nexport default Futurism;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/purcats/futurism.svg","../../src/icons/futurism.tsx"],"names":["jsxs","jsx","forwardRef","useCallback","futurism_default"],"mappings":";;;;;;AACA,IAAM,WAAA,GAAc,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,OAAO,EAAA,EAAI,MAAA,EAAQ,EAAA,EAAI,OAAA,EAAQ,aAAY,IAAA,EAAK,MAAA,EAAO,KAAA,EAAM,4BAAA,EAA8B,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2KAAA,EAA4K,IAAA,EAAK,OAAA,EAAQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,iEAAA,EAAkE,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4PAAA,EAA6P,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,+EAAA,EAAgF,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,8NAAA,EAA+N,MAAK,OAAA,EAAQ;AAAA,CAAA,EAAE,CAAA;AACphC,IAAO,gBAAA,GAAQ,WAAA;ACaf,IAAM,QAAA,GAAmDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC1H,EAAA,MAAM,SAAA,GAAYC,iBAAA,CAAY,CAAC,UAAA,KAAqC;AAClE,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,UAAU,CAAA;AAAA,IAChB,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,UAAA;AAAA,IAChB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,gBAAA,CAAiB,sDAAsD,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClG,QAAA,IAAI,CAAC,GAAG,YAAA,CAAa,MAAM,KAAK,EAAA,CAAG,YAAA,CAAa,MAAM,CAAA,KAAM,MAAA,EAAQ;AAClE,UAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,cAAc,CAAA;AAAA,QACxC;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,uBACEF,cAAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,QAAA,CAAS,WAAA,GAAc,UAAA;AAEvB,IAAOG,iBAAAA,GAAQ","file":"futurism.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgFuturism = props => <svg width={24} height={24} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}><path d=\"M23.505 17.5034V19.5039H22.5048V20.5041H16.5034V21.5043H15.5032V22.5046H14.503V23.5048H10.502V22.5046H9.50182V21.5043H8.50159V20.5041H2.50023V19.5039H1.5V17.5034H23.505Z\" fill=\"black\" /><path d=\"M23.505 15.5032V16.5034H21.5045V14.5029H22.5047V15.5032H23.505Z\" fill=\"black\" /><path d=\"M20.5043 8.50159V16.5034H19.504V12.5025H18.5038V11.5023H15.5031V10.502H18.5038V9.50182H15.5031V7.50136H14.5029V6.50114H13.5027V5.50091H12.5024V3.50045H13.5027V1.5H14.5029V2.50023H15.5031V3.50045H16.5034V4.50068H17.5036V7.50136H19.504V8.50159H20.5043Z\" fill=\"black\" /><path d=\"M6.50114 12.5024V16.5034H1.5V15.5031H2.50023V13.5027H3.50045V12.5024H6.50114Z\" fill=\"black\" /><path d=\"M18.5039 12.5025V16.5034H7.50141V12.5025H6.50119V11.5023H4.50073V4.50068H5.50096V1.5H8.50164V15.5032H9.50187V3.50045H10.5021V4.50068H11.5023V5.50091H12.5026V6.50114H13.5028V7.50136H14.503V15.5032H15.5032V12.5025H18.5039Z\" fill=\"black\" /></svg>;\nexport default SvgFuturism;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef, useCallback } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/purcats/futurism.svg';\n\n/**\n * @component\n * @name Futurism\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst Futurism: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  const handleRef = useCallback((svgElement: SVGSVGElement | null) => {\n    if (typeof ref === 'function') {\n      ref(svgElement);\n    } else if (ref) {\n      ref.current = svgElement;\n    }\n    // Set fill to currentColor on all child elements\n    if (svgElement) {\n      svgElement.querySelectorAll('polygon, path, circle, rect, ellipse, line, polyline').forEach((el) => {\n        if (!el.hasAttribute('fill') || el.getAttribute('fill') !== 'none') {\n          el.setAttribute('fill', 'currentColor');\n        }\n      });\n    }\n  }, [ref]);\n\n  return (\n    <SvgComponent\n      {...props}\n      ref={handleRef}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nFuturism.displayName = 'Futurism';\n\nexport default Futurism;\n"]}

package/dist/icons/futurism.js

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import { forwardRef, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/icons/futurism.tsx
@@ -11,11 +11,25 @@ var SvgFuturism = (props) => /* @__PURE__ */ jsxs("svg", { width: 24, height: 24
 ] });
 var futurism_default = SvgFuturism;
 var Futurism = forwardRef((props, ref) => {
+  const handleRef = useCallback((svgElement) => {
+    if (typeof ref === "function") {
+      ref(svgElement);
+    } else if (ref) {
+      ref.current = svgElement;
+    }
+    if (svgElement) {
+      svgElement.querySelectorAll("polygon, path, circle, rect, ellipse, line, polyline").forEach((el) => {
+        if (!el.hasAttribute("fill") || el.getAttribute("fill") !== "none") {
+          el.setAttribute("fill", "currentColor");
+        }
+      });
+    }
+  }, [ref]);
   return /* @__PURE__ */ jsx(
     futurism_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/futurism.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/purcats/futurism.svg","../../src/icons/futurism.tsx"],"names":["jsx","futurism_default"],"mappings":";;;;AACA,IAAM,WAAA,GAAc,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,OAAO,EAAA,EAAI,MAAA,EAAQ,EAAA,EAAI,OAAA,EAAQ,aAAY,IAAA,EAAK,MAAA,EAAO,KAAA,EAAM,4BAAA,EAA8B,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2KAAA,EAA4K,IAAA,EAAK,OAAA,EAAQ,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,iEAAA,EAAkE,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4PAAA,EAA6P,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,+EAAA,EAAgF,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,8NAAA,EAA+N,MAAK,OAAA,EAAQ;AAAA,CAAA,EAAE,CAAA;AACphC,IAAO,gBAAA,GAAQ,WAAA;ACaf,IAAM,QAAA,GAAmD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC1H,EAAA,uBACEA,GAAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,QAAA,CAAS,WAAA,GAAc,UAAA;AAEvB,IAAOC,iBAAAA,GAAQ","file":"futurism.js","sourcesContent":["import * as React from \"react\";\nconst SvgFuturism = props => <svg width={24} height={24} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}><path d=\"M23.505 17.5034V19.5039H22.5048V20.5041H16.5034V21.5043H15.5032V22.5046H14.503V23.5048H10.502V22.5046H9.50182V21.5043H8.50159V20.5041H2.50023V19.5039H1.5V17.5034H23.505Z\" fill=\"black\" /><path d=\"M23.505 15.5032V16.5034H21.5045V14.5029H22.5047V15.5032H23.505Z\" fill=\"black\" /><path d=\"M20.5043 8.50159V16.5034H19.504V12.5025H18.5038V11.5023H15.5031V10.502H18.5038V9.50182H15.5031V7.50136H14.5029V6.50114H13.5027V5.50091H12.5024V3.50045H13.5027V1.5H14.5029V2.50023H15.5031V3.50045H16.5034V4.50068H17.5036V7.50136H19.504V8.50159H20.5043Z\" fill=\"black\" /><path d=\"M6.50114 12.5024V16.5034H1.5V15.5031H2.50023V13.5027H3.50045V12.5024H6.50114Z\" fill=\"black\" /><path d=\"M18.5039 12.5025V16.5034H7.50141V12.5025H6.50119V11.5023H4.50073V4.50068H5.50096V1.5H8.50164V15.5032H9.50187V3.50045H10.5021V4.50068H11.5023V5.50091H12.5026V6.50114H13.5028V7.50136H14.503V15.5032H15.5032V12.5025H18.5039Z\" fill=\"black\" /></svg>;\nexport default SvgFuturism;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/purcats/futurism.svg';\n\n/**\n * @component\n * @name Futurism\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst Futurism: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nFuturism.displayName = 'Futurism';\n\nexport default Futurism;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/purcats/futurism.svg","../../src/icons/futurism.tsx"],"names":["jsx","futurism_default"],"mappings":";;;;AACA,IAAM,WAAA,GAAc,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,OAAO,EAAA,EAAI,MAAA,EAAQ,EAAA,EAAI,OAAA,EAAQ,aAAY,IAAA,EAAK,MAAA,EAAO,KAAA,EAAM,4BAAA,EAA8B,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2KAAA,EAA4K,IAAA,EAAK,OAAA,EAAQ,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,iEAAA,EAAkE,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4PAAA,EAA6P,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,+EAAA,EAAgF,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,8NAAA,EAA+N,MAAK,OAAA,EAAQ;AAAA,CAAA,EAAE,CAAA;AACphC,IAAO,gBAAA,GAAQ,WAAA;ACaf,IAAM,QAAA,GAAmD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC1H,EAAA,MAAM,SAAA,GAAY,WAAA,CAAY,CAAC,UAAA,KAAqC;AAClE,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,UAAU,CAAA;AAAA,IAChB,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,UAAA;AAAA,IAChB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,gBAAA,CAAiB,sDAAsD,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClG,QAAA,IAAI,CAAC,GAAG,YAAA,CAAa,MAAM,KAAK,EAAA,CAAG,YAAA,CAAa,MAAM,CAAA,KAAM,MAAA,EAAQ;AAClE,UAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,cAAc,CAAA;AAAA,QACxC;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,uBACEA,GAAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,QAAA,CAAS,WAAA,GAAc,UAAA;AAEvB,IAAOC,iBAAAA,GAAQ","file":"futurism.js","sourcesContent":["import * as React from \"react\";\nconst SvgFuturism = props => <svg width={24} height={24} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}><path d=\"M23.505 17.5034V19.5039H22.5048V20.5041H16.5034V21.5043H15.5032V22.5046H14.503V23.5048H10.502V22.5046H9.50182V21.5043H8.50159V20.5041H2.50023V19.5039H1.5V17.5034H23.505Z\" fill=\"black\" /><path d=\"M23.505 15.5032V16.5034H21.5045V14.5029H22.5047V15.5032H23.505Z\" fill=\"black\" /><path d=\"M20.5043 8.50159V16.5034H19.504V12.5025H18.5038V11.5023H15.5031V10.502H18.5038V9.50182H15.5031V7.50136H14.5029V6.50114H13.5027V5.50091H12.5024V3.50045H13.5027V1.5H14.5029V2.50023H15.5031V3.50045H16.5034V4.50068H17.5036V7.50136H19.504V8.50159H20.5043Z\" fill=\"black\" /><path d=\"M6.50114 12.5024V16.5034H1.5V15.5031H2.50023V13.5027H3.50045V12.5024H6.50114Z\" fill=\"black\" /><path d=\"M18.5039 12.5025V16.5034H7.50141V12.5025H6.50119V11.5023H4.50073V4.50068H5.50096V1.5H8.50164V15.5032H9.50187V3.50045H10.5021V4.50068H11.5023V5.50091H12.5026V6.50114H13.5028V7.50136H14.503V15.5032H15.5032V12.5025H18.5039Z\" fill=\"black\" /></svg>;\nexport default SvgFuturism;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef, useCallback } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/purcats/futurism.svg';\n\n/**\n * @component\n * @name Futurism\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst Futurism: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  const handleRef = useCallback((svgElement: SVGSVGElement | null) => {\n    if (typeof ref === 'function') {\n      ref(svgElement);\n    } else if (ref) {\n      ref.current = svgElement;\n    }\n    // Set fill to currentColor on all child elements\n    if (svgElement) {\n      svgElement.querySelectorAll('polygon, path, circle, rect, ellipse, line, polyline').forEach((el) => {\n        if (!el.hasAttribute('fill') || el.getAttribute('fill') !== 'none') {\n          el.setAttribute('fill', 'currentColor');\n        }\n      });\n    }\n  }, [ref]);\n\n  return (\n    <SvgComponent\n      {...props}\n      ref={handleRef}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nFuturism.displayName = 'Futurism';\n\nexport default Futurism;\n"]}

package/dist/icons/gaming.cjs

@@ -11,11 +11,25 @@ var SvgGaming = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: 24, h
 ] });
 var gaming_default = SvgGaming;
 var Gaming = react.forwardRef((props, ref) => {
+  const handleRef = react.useCallback((svgElement) => {
+    if (typeof ref === "function") {
+      ref(svgElement);
+    } else if (ref) {
+      ref.current = svgElement;
+    }
+    if (svgElement) {
+      svgElement.querySelectorAll("polygon, path, circle, rect, ellipse, line, polyline").forEach((el) => {
+        if (!el.hasAttribute("fill") || el.getAttribute("fill") !== "none") {
+          el.setAttribute("fill", "currentColor");
+        }
+      });
+    }
+  }, [ref]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     gaming_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/gaming.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/purcats/gaming.svg","../../src/icons/gaming.tsx"],"names":["jsxs","jsx","forwardRef","gaming_default"],"mappings":";;;;;;AACA,IAAM,SAAA,GAAY,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,OAAO,EAAA,EAAI,MAAA,EAAQ,EAAA,EAAI,OAAA,EAAQ,aAAY,IAAA,EAAK,MAAA,EAAO,KAAA,EAAM,4BAAA,EAA8B,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,iDAAA,EAAkD,IAAA,EAAK,OAAA,EAAQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mxBAAA,EAAoxB,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mDAAA,EAAoD,MAAK,OAAA,EAAQ;AAAA,CAAA,EAAE,CAAA;AACpkC,IAAO,cAAA,GAAQ,SAAA;ACaf,IAAM,MAAA,GAAiDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxH,EAAA,uBACED,cAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAOE,eAAAA,GAAQ","file":"gaming.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgGaming = props => <svg width={24} height={24} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}><path d=\"M15.5032 13.502H9.50183V15.5024H15.5032V13.502Z\" fill=\"black\" /><path d=\"M22.5048 10.5014V8.50091H21.5045V6.50045H20.5043V5.50023H19.5041V4.5H15.5032V5.50023H9.50182V4.5H5.50091V5.50023H4.50068V6.50045H3.50045V8.50091H2.50023V10.5014H1.5V18.5032H2.50023V19.5034H5.50091V18.5032H6.50114V17.503H7.50136V16.5027H8.50159V13.502H9.50182V12.5018H15.5032V13.502H16.5034V16.5027H17.5036V17.503H18.5039V18.5032H19.5041V19.5034H22.5048V18.5032H23.505V10.5014H22.5048ZM5.50091 8.50091V7.50068H6.50114V6.50045H7.50136V7.50068H8.50159V8.50091H9.50182V9.50114H8.50159V10.5014H7.50136V11.5016H6.50114V10.5014H5.50091V9.50114H4.50068V8.50091H5.50091ZM13.5027 9.50114H12.5025V10.5014H11.5023V9.50114H10.502V8.50091H11.5023V7.50068H12.5025V8.50091H13.5027V9.50114ZM20.5043 10.5014H18.5039V12.5018H16.5034V10.5014H14.503V8.50091H16.5034V6.50045H18.5039V8.50091H20.5043V10.5014Z\" fill=\"black\" /><path d=\"M18.5039 8.50098H16.5034V10.5014H18.5039V8.50098Z\" fill=\"black\" /></svg>;\nexport default SvgGaming;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/purcats/gaming.svg';\n\n/**\n * @component\n * @name Gaming\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst Gaming: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nGaming.displayName = 'Gaming';\n\nexport default Gaming;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/purcats/gaming.svg","../../src/icons/gaming.tsx"],"names":["jsxs","jsx","forwardRef","useCallback","gaming_default"],"mappings":";;;;;;AACA,IAAM,SAAA,GAAY,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,OAAO,EAAA,EAAI,MAAA,EAAQ,EAAA,EAAI,OAAA,EAAQ,aAAY,IAAA,EAAK,MAAA,EAAO,KAAA,EAAM,4BAAA,EAA8B,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,iDAAA,EAAkD,IAAA,EAAK,OAAA,EAAQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mxBAAA,EAAoxB,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mDAAA,EAAoD,MAAK,OAAA,EAAQ;AAAA,CAAA,EAAE,CAAA;AACpkC,IAAO,cAAA,GAAQ,SAAA;ACaf,IAAM,MAAA,GAAiDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxH,EAAA,MAAM,SAAA,GAAYC,iBAAA,CAAY,CAAC,UAAA,KAAqC;AAClE,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,UAAU,CAAA;AAAA,IAChB,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,UAAA;AAAA,IAChB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,gBAAA,CAAiB,sDAAsD,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClG,QAAA,IAAI,CAAC,GAAG,YAAA,CAAa,MAAM,KAAK,EAAA,CAAG,YAAA,CAAa,MAAM,CAAA,KAAM,MAAA,EAAQ;AAClE,UAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,cAAc,CAAA;AAAA,QACxC;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,uBACEF,cAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAOG,eAAAA,GAAQ","file":"gaming.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgGaming = props => <svg width={24} height={24} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}><path d=\"M15.5032 13.502H9.50183V15.5024H15.5032V13.502Z\" fill=\"black\" /><path d=\"M22.5048 10.5014V8.50091H21.5045V6.50045H20.5043V5.50023H19.5041V4.5H15.5032V5.50023H9.50182V4.5H5.50091V5.50023H4.50068V6.50045H3.50045V8.50091H2.50023V10.5014H1.5V18.5032H2.50023V19.5034H5.50091V18.5032H6.50114V17.503H7.50136V16.5027H8.50159V13.502H9.50182V12.5018H15.5032V13.502H16.5034V16.5027H17.5036V17.503H18.5039V18.5032H19.5041V19.5034H22.5048V18.5032H23.505V10.5014H22.5048ZM5.50091 8.50091V7.50068H6.50114V6.50045H7.50136V7.50068H8.50159V8.50091H9.50182V9.50114H8.50159V10.5014H7.50136V11.5016H6.50114V10.5014H5.50091V9.50114H4.50068V8.50091H5.50091ZM13.5027 9.50114H12.5025V10.5014H11.5023V9.50114H10.502V8.50091H11.5023V7.50068H12.5025V8.50091H13.5027V9.50114ZM20.5043 10.5014H18.5039V12.5018H16.5034V10.5014H14.503V8.50091H16.5034V6.50045H18.5039V8.50091H20.5043V10.5014Z\" fill=\"black\" /><path d=\"M18.5039 8.50098H16.5034V10.5014H18.5039V8.50098Z\" fill=\"black\" /></svg>;\nexport default SvgGaming;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef, useCallback } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/purcats/gaming.svg';\n\n/**\n * @component\n * @name Gaming\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst Gaming: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  const handleRef = useCallback((svgElement: SVGSVGElement | null) => {\n    if (typeof ref === 'function') {\n      ref(svgElement);\n    } else if (ref) {\n      ref.current = svgElement;\n    }\n    // Set fill to currentColor on all child elements\n    if (svgElement) {\n      svgElement.querySelectorAll('polygon, path, circle, rect, ellipse, line, polyline').forEach((el) => {\n        if (!el.hasAttribute('fill') || el.getAttribute('fill') !== 'none') {\n          el.setAttribute('fill', 'currentColor');\n        }\n      });\n    }\n  }, [ref]);\n\n  return (\n    <SvgComponent\n      {...props}\n      ref={handleRef}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nGaming.displayName = 'Gaming';\n\nexport default Gaming;\n"]}

package/dist/icons/gaming.js

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import { forwardRef, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/icons/gaming.tsx
@@ -9,11 +9,25 @@ var SvgGaming = (props) => /* @__PURE__ */ jsxs("svg", { width: 24, height: 24,
 ] });
 var gaming_default = SvgGaming;
 var Gaming = forwardRef((props, ref) => {
+  const handleRef = useCallback((svgElement) => {
+    if (typeof ref === "function") {
+      ref(svgElement);
+    } else if (ref) {
+      ref.current = svgElement;
+    }
+    if (svgElement) {
+      svgElement.querySelectorAll("polygon, path, circle, rect, ellipse, line, polyline").forEach((el) => {
+        if (!el.hasAttribute("fill") || el.getAttribute("fill") !== "none") {
+          el.setAttribute("fill", "currentColor");
+        }
+      });
+    }
+  }, [ref]);
   return /* @__PURE__ */ jsx(
     gaming_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/gaming.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/purcats/gaming.svg","../../src/icons/gaming.tsx"],"names":["jsx","gaming_default"],"mappings":";;;;AACA,IAAM,SAAA,GAAY,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,OAAO,EAAA,EAAI,MAAA,EAAQ,EAAA,EAAI,OAAA,EAAQ,aAAY,IAAA,EAAK,MAAA,EAAO,KAAA,EAAM,4BAAA,EAA8B,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,iDAAA,EAAkD,IAAA,EAAK,OAAA,EAAQ,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mxBAAA,EAAoxB,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mDAAA,EAAoD,MAAK,OAAA,EAAQ;AAAA,CAAA,EAAE,CAAA;AACpkC,IAAO,cAAA,GAAQ,SAAA;ACaf,IAAM,MAAA,GAAiD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxH,EAAA,uBACEA,GAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAOC,eAAAA,GAAQ","file":"gaming.js","sourcesContent":["import * as React from \"react\";\nconst SvgGaming = props => <svg width={24} height={24} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}><path d=\"M15.5032 13.502H9.50183V15.5024H15.5032V13.502Z\" fill=\"black\" /><path d=\"M22.5048 10.5014V8.50091H21.5045V6.50045H20.5043V5.50023H19.5041V4.5H15.5032V5.50023H9.50182V4.5H5.50091V5.50023H4.50068V6.50045H3.50045V8.50091H2.50023V10.5014H1.5V18.5032H2.50023V19.5034H5.50091V18.5032H6.50114V17.503H7.50136V16.5027H8.50159V13.502H9.50182V12.5018H15.5032V13.502H16.5034V16.5027H17.5036V17.503H18.5039V18.5032H19.5041V19.5034H22.5048V18.5032H23.505V10.5014H22.5048ZM5.50091 8.50091V7.50068H6.50114V6.50045H7.50136V7.50068H8.50159V8.50091H9.50182V9.50114H8.50159V10.5014H7.50136V11.5016H6.50114V10.5014H5.50091V9.50114H4.50068V8.50091H5.50091ZM13.5027 9.50114H12.5025V10.5014H11.5023V9.50114H10.502V8.50091H11.5023V7.50068H12.5025V8.50091H13.5027V9.50114ZM20.5043 10.5014H18.5039V12.5018H16.5034V10.5014H14.503V8.50091H16.5034V6.50045H18.5039V8.50091H20.5043V10.5014Z\" fill=\"black\" /><path d=\"M18.5039 8.50098H16.5034V10.5014H18.5039V8.50098Z\" fill=\"black\" /></svg>;\nexport default SvgGaming;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/purcats/gaming.svg';\n\n/**\n * @component\n * @name Gaming\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst Gaming: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nGaming.displayName = 'Gaming';\n\nexport default Gaming;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/purcats/gaming.svg","../../src/icons/gaming.tsx"],"names":["jsx","gaming_default"],"mappings":";;;;AACA,IAAM,SAAA,GAAY,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,OAAO,EAAA,EAAI,MAAA,EAAQ,EAAA,EAAI,OAAA,EAAQ,aAAY,IAAA,EAAK,MAAA,EAAO,KAAA,EAAM,4BAAA,EAA8B,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,iDAAA,EAAkD,IAAA,EAAK,OAAA,EAAQ,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mxBAAA,EAAoxB,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mDAAA,EAAoD,MAAK,OAAA,EAAQ;AAAA,CAAA,EAAE,CAAA;AACpkC,IAAO,cAAA,GAAQ,SAAA;ACaf,IAAM,MAAA,GAAiD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxH,EAAA,MAAM,SAAA,GAAY,WAAA,CAAY,CAAC,UAAA,KAAqC;AAClE,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,UAAU,CAAA;AAAA,IAChB,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,UAAA;AAAA,IAChB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,gBAAA,CAAiB,sDAAsD,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClG,QAAA,IAAI,CAAC,GAAG,YAAA,CAAa,MAAM,KAAK,EAAA,CAAG,YAAA,CAAa,MAAM,CAAA,KAAM,MAAA,EAAQ;AAClE,UAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,cAAc,CAAA;AAAA,QACxC;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,uBACEA,GAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAOC,eAAAA,GAAQ","file":"gaming.js","sourcesContent":["import * as React from \"react\";\nconst SvgGaming = props => <svg width={24} height={24} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}><path d=\"M15.5032 13.502H9.50183V15.5024H15.5032V13.502Z\" fill=\"black\" /><path d=\"M22.5048 10.5014V8.50091H21.5045V6.50045H20.5043V5.50023H19.5041V4.5H15.5032V5.50023H9.50182V4.5H5.50091V5.50023H4.50068V6.50045H3.50045V8.50091H2.50023V10.5014H1.5V18.5032H2.50023V19.5034H5.50091V18.5032H6.50114V17.503H7.50136V16.5027H8.50159V13.502H9.50182V12.5018H15.5032V13.502H16.5034V16.5027H17.5036V17.503H18.5039V18.5032H19.5041V19.5034H22.5048V18.5032H23.505V10.5014H22.5048ZM5.50091 8.50091V7.50068H6.50114V6.50045H7.50136V7.50068H8.50159V8.50091H9.50182V9.50114H8.50159V10.5014H7.50136V11.5016H6.50114V10.5014H5.50091V9.50114H4.50068V8.50091H5.50091ZM13.5027 9.50114H12.5025V10.5014H11.5023V9.50114H10.502V8.50091H11.5023V7.50068H12.5025V8.50091H13.5027V9.50114ZM20.5043 10.5014H18.5039V12.5018H16.5034V10.5014H14.503V8.50091H16.5034V6.50045H18.5039V8.50091H20.5043V10.5014Z\" fill=\"black\" /><path d=\"M18.5039 8.50098H16.5034V10.5014H18.5039V8.50098Z\" fill=\"black\" /></svg>;\nexport default SvgGaming;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef, useCallback } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/purcats/gaming.svg';\n\n/**\n * @component\n * @name Gaming\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst Gaming: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  const handleRef = useCallback((svgElement: SVGSVGElement | null) => {\n    if (typeof ref === 'function') {\n      ref(svgElement);\n    } else if (ref) {\n      ref.current = svgElement;\n    }\n    // Set fill to currentColor on all child elements\n    if (svgElement) {\n      svgElement.querySelectorAll('polygon, path, circle, rect, ellipse, line, polyline').forEach((el) => {\n        if (!el.hasAttribute('fill') || el.getAttribute('fill') !== 'none') {\n          el.setAttribute('fill', 'currentColor');\n        }\n      });\n    }\n  }, [ref]);\n\n  return (\n    <SvgComponent\n      {...props}\n      ref={handleRef}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nGaming.displayName = 'Gaming';\n\nexport default Gaming;\n"]}

package/dist/icons/giphy.cjs

@@ -10,11 +10,25 @@ var SvgGiphy = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { id: "Giphy",
 ] });
 var giphy_default = SvgGiphy;
 var Giphy = react.forwardRef((props, ref) => {
+  const handleRef = react.useCallback((svgElement) => {
+    if (typeof ref === "function") {
+      ref(svgElement);
+    } else if (ref) {
+      ref.current = svgElement;
+    }
+    if (svgElement) {
+      svgElement.querySelectorAll("polygon, path, circle, rect, ellipse, line, polyline").forEach((el) => {
+        if (!el.hasAttribute("fill") || el.getAttribute("fill") !== "none") {
+          el.setAttribute("fill", "currentColor");
+        }
+      });
+    }
+  }, [ref]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     giphy_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/giphy.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/brands/giphy.svg","../../src/icons/giphy.tsx"],"names":["jsxs","jsx","forwardRef","giphy_default"],"mappings":";;;;;;AACA,IAAM,QAAA,GAAW,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,OAAA,EAAQ,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,8EAAA,EAA+E,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,8CAAA,EAA+C;AAAA,CAAA,EAAE,CAAA;AAC9Q,IAAO,aAAA,GAAQ,QAAA;ACaf,IAAM,KAAA,GAAgDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACvH,EAAA,uBACED,cAAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,KAAA,CAAM,WAAA,GAAc,OAAA;AAEpB,IAAOE,cAAAA,GAAQ","file":"giphy.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgGiphy = props => <svg id=\"Giphy\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"20 9 21 9 21 23 3 23 3 1 12 1 12 2 11 2 11 3 5 3 5 21 19 21 19 10 20 10 20 9\" /><polygon points=\"21 6 21 8 13 8 13 1 15 1 15 3 18 3 18 6 21 6\" /></svg>;\nexport default SvgGiphy;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/brands/giphy.svg';\n\n/**\n * @component\n * @name Giphy\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst Giphy: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nGiphy.displayName = 'Giphy';\n\nexport default Giphy;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/brands/giphy.svg","../../src/icons/giphy.tsx"],"names":["jsxs","jsx","forwardRef","useCallback","giphy_default"],"mappings":";;;;;;AACA,IAAM,QAAA,GAAW,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,OAAA,EAAQ,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,8EAAA,EAA+E,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,8CAAA,EAA+C;AAAA,CAAA,EAAE,CAAA;AAC9Q,IAAO,aAAA,GAAQ,QAAA;ACaf,IAAM,KAAA,GAAgDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACvH,EAAA,MAAM,SAAA,GAAYC,iBAAA,CAAY,CAAC,UAAA,KAAqC;AAClE,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,UAAU,CAAA;AAAA,IAChB,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,UAAA;AAAA,IAChB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,gBAAA,CAAiB,sDAAsD,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClG,QAAA,IAAI,CAAC,GAAG,YAAA,CAAa,MAAM,KAAK,EAAA,CAAG,YAAA,CAAa,MAAM,CAAA,KAAM,MAAA,EAAQ;AAClE,UAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,cAAc,CAAA;AAAA,QACxC;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,uBACEF,cAAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,KAAA,CAAM,WAAA,GAAc,OAAA;AAEpB,IAAOG,cAAAA,GAAQ","file":"giphy.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgGiphy = props => <svg id=\"Giphy\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"20 9 21 9 21 23 3 23 3 1 12 1 12 2 11 2 11 3 5 3 5 21 19 21 19 10 20 10 20 9\" /><polygon points=\"21 6 21 8 13 8 13 1 15 1 15 3 18 3 18 6 21 6\" /></svg>;\nexport default SvgGiphy;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef, useCallback } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/brands/giphy.svg';\n\n/**\n * @component\n * @name Giphy\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst Giphy: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  const handleRef = useCallback((svgElement: SVGSVGElement | null) => {\n    if (typeof ref === 'function') {\n      ref(svgElement);\n    } else if (ref) {\n      ref.current = svgElement;\n    }\n    // Set fill to currentColor on all child elements\n    if (svgElement) {\n      svgElement.querySelectorAll('polygon, path, circle, rect, ellipse, line, polyline').forEach((el) => {\n        if (!el.hasAttribute('fill') || el.getAttribute('fill') !== 'none') {\n          el.setAttribute('fill', 'currentColor');\n        }\n      });\n    }\n  }, [ref]);\n\n  return (\n    <SvgComponent\n      {...props}\n      ref={handleRef}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nGiphy.displayName = 'Giphy';\n\nexport default Giphy;\n"]}

package/dist/icons/giphy.js

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import { forwardRef, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/icons/giphy.tsx
@@ -8,11 +8,25 @@ var SvgGiphy = (props) => /* @__PURE__ */ jsxs("svg", { id: "Giphy", xmlns: "htt
 ] });
 var giphy_default = SvgGiphy;
 var Giphy = forwardRef((props, ref) => {
+  const handleRef = useCallback((svgElement) => {
+    if (typeof ref === "function") {
+      ref(svgElement);
+    } else if (ref) {
+      ref.current = svgElement;
+    }
+    if (svgElement) {
+      svgElement.querySelectorAll("polygon, path, circle, rect, ellipse, line, polyline").forEach((el) => {
+        if (!el.hasAttribute("fill") || el.getAttribute("fill") !== "none") {
+          el.setAttribute("fill", "currentColor");
+        }
+      });
+    }
+  }, [ref]);
   return /* @__PURE__ */ jsx(
     giphy_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/giphy.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/brands/giphy.svg","../../src/icons/giphy.tsx"],"names":["jsx","giphy_default"],"mappings":";;;;AACA,IAAM,QAAA,GAAW,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,OAAA,EAAQ,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,8EAAA,EAA+E,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,8CAAA,EAA+C;AAAA,CAAA,EAAE,CAAA;AAC9Q,IAAO,aAAA,GAAQ,QAAA;ACaf,IAAM,KAAA,GAAgD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACvH,EAAA,uBACEA,GAAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,KAAA,CAAM,WAAA,GAAc,OAAA;AAEpB,IAAOC,cAAAA,GAAQ","file":"giphy.js","sourcesContent":["import * as React from \"react\";\nconst SvgGiphy = props => <svg id=\"Giphy\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"20 9 21 9 21 23 3 23 3 1 12 1 12 2 11 2 11 3 5 3 5 21 19 21 19 10 20 10 20 9\" /><polygon points=\"21 6 21 8 13 8 13 1 15 1 15 3 18 3 18 6 21 6\" /></svg>;\nexport default SvgGiphy;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/brands/giphy.svg';\n\n/**\n * @component\n * @name Giphy\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst Giphy: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nGiphy.displayName = 'Giphy';\n\nexport default Giphy;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/brands/giphy.svg","../../src/icons/giphy.tsx"],"names":["jsx","giphy_default"],"mappings":";;;;AACA,IAAM,QAAA,GAAW,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,OAAA,EAAQ,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,8EAAA,EAA+E,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,8CAAA,EAA+C;AAAA,CAAA,EAAE,CAAA;AAC9Q,IAAO,aAAA,GAAQ,QAAA;ACaf,IAAM,KAAA,GAAgD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACvH,EAAA,MAAM,SAAA,GAAY,WAAA,CAAY,CAAC,UAAA,KAAqC;AAClE,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,UAAU,CAAA;AAAA,IAChB,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,UAAA;AAAA,IAChB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,gBAAA,CAAiB,sDAAsD,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClG,QAAA,IAAI,CAAC,GAAG,YAAA,CAAa,MAAM,KAAK,EAAA,CAAG,YAAA,CAAa,MAAM,CAAA,KAAM,MAAA,EAAQ;AAClE,UAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,cAAc,CAAA;AAAA,QACxC;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,uBACEA,GAAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,KAAA,CAAM,WAAA,GAAc,OAAA;AAEpB,IAAOC,cAAAA,GAAQ","file":"giphy.js","sourcesContent":["import * as React from \"react\";\nconst SvgGiphy = props => <svg id=\"Giphy\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"20 9 21 9 21 23 3 23 3 1 12 1 12 2 11 2 11 3 5 3 5 21 19 21 19 10 20 10 20 9\" /><polygon points=\"21 6 21 8 13 8 13 1 15 1 15 3 18 3 18 6 21 6\" /></svg>;\nexport default SvgGiphy;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef, useCallback } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/brands/giphy.svg';\n\n/**\n * @component\n * @name Giphy\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst Giphy: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  const handleRef = useCallback((svgElement: SVGSVGElement | null) => {\n    if (typeof ref === 'function') {\n      ref(svgElement);\n    } else if (ref) {\n      ref.current = svgElement;\n    }\n    // Set fill to currentColor on all child elements\n    if (svgElement) {\n      svgElement.querySelectorAll('polygon, path, circle, rect, ellipse, line, polyline').forEach((el) => {\n        if (!el.hasAttribute('fill') || el.getAttribute('fill') !== 'none') {\n          el.setAttribute('fill', 'currentColor');\n        }\n      });\n    }\n  }, [ref]);\n\n  return (\n    <SvgComponent\n      {...props}\n      ref={handleRef}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nGiphy.displayName = 'Giphy';\n\nexport default Giphy;\n"]}

package/dist/icons/github.cjs

@@ -7,11 +7,25 @@ var jsxRuntime = require('react/jsx-runtime');
 var SvgGithub = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { id: "Github", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "23 9 23 15 22 15 22 17 21 17 21 19 20 19 20 20 19 20 19 21 18 21 18 22 16 22 16 23 15 23 15 18 14 18 14 17 15 17 15 16 17 16 17 15 18 15 18 14 19 14 19 9 18 9 18 6 16 6 16 7 15 7 15 8 14 8 14 7 10 7 10 8 9 8 9 7 8 7 8 6 6 6 6 9 5 9 5 14 6 14 6 15 7 15 7 16 9 16 9 18 7 18 7 17 6 17 6 16 4 16 4 17 5 17 5 19 6 19 6 20 9 20 9 23 8 23 8 22 6 22 6 21 5 21 5 20 4 20 4 19 3 19 3 17 2 17 2 15 1 15 1 9 2 9 2 7 3 7 3 5 4 5 4 4 5 4 5 3 7 3 7 2 9 2 9 1 15 1 15 2 17 2 17 3 19 3 19 4 20 4 20 5 21 5 21 7 22 7 22 9 23 9" }) });
 var github_default = SvgGithub;
 var Github = react.forwardRef((props, ref) => {
+  const handleRef = react.useCallback((svgElement) => {
+    if (typeof ref === "function") {
+      ref(svgElement);
+    } else if (ref) {
+      ref.current = svgElement;
+    }
+    if (svgElement) {
+      svgElement.querySelectorAll("polygon, path, circle, rect, ellipse, line, polyline").forEach((el) => {
+        if (!el.hasAttribute("fill") || el.getAttribute("fill") !== "none") {
+          el.setAttribute("fill", "currentColor");
+        }
+      });
+    }
+  }, [ref]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     github_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/github.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/brands/github.svg","../../src/icons/github.tsx"],"names":["jsx","forwardRef","github_default"],"mappings":";;;;;;AACA,IAAM,YAAY,CAAA,KAAA,qBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,UAAS,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAAA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,ggBAA+f,CAAA,EAAE,CAAA;AAC/nB,IAAO,cAAA,GAAQ,SAAA;ACaf,IAAM,MAAA,GAAiDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxH,EAAA,uBACED,cAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAOE,eAAAA,GAAQ","file":"github.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgGithub = props => <svg id=\"Github\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"23 9 23 15 22 15 22 17 21 17 21 19 20 19 20 20 19 20 19 21 18 21 18 22 16 22 16 23 15 23 15 18 14 18 14 17 15 17 15 16 17 16 17 15 18 15 18 14 19 14 19 9 18 9 18 6 16 6 16 7 15 7 15 8 14 8 14 7 10 7 10 8 9 8 9 7 8 7 8 6 6 6 6 9 5 9 5 14 6 14 6 15 7 15 7 16 9 16 9 18 7 18 7 17 6 17 6 16 4 16 4 17 5 17 5 19 6 19 6 20 9 20 9 23 8 23 8 22 6 22 6 21 5 21 5 20 4 20 4 19 3 19 3 17 2 17 2 15 1 15 1 9 2 9 2 7 3 7 3 5 4 5 4 4 5 4 5 3 7 3 7 2 9 2 9 1 15 1 15 2 17 2 17 3 19 3 19 4 20 4 20 5 21 5 21 7 22 7 22 9 23 9\" /></svg>;\nexport default SvgGithub;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/brands/github.svg';\n\n/**\n * @component\n * @name Github\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst Github: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nGithub.displayName = 'Github';\n\nexport default Github;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/brands/github.svg","../../src/icons/github.tsx"],"names":["jsx","forwardRef","useCallback","github_default"],"mappings":";;;;;;AACA,IAAM,YAAY,CAAA,KAAA,qBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,UAAS,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAAA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,ggBAA+f,CAAA,EAAE,CAAA;AAC/nB,IAAO,cAAA,GAAQ,SAAA;ACaf,IAAM,MAAA,GAAiDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxH,EAAA,MAAM,SAAA,GAAYC,iBAAA,CAAY,CAAC,UAAA,KAAqC;AAClE,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,UAAU,CAAA;AAAA,IAChB,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,UAAA;AAAA,IAChB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,gBAAA,CAAiB,sDAAsD,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClG,QAAA,IAAI,CAAC,GAAG,YAAA,CAAa,MAAM,KAAK,EAAA,CAAG,YAAA,CAAa,MAAM,CAAA,KAAM,MAAA,EAAQ;AAClE,UAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,cAAc,CAAA;AAAA,QACxC;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,uBACEF,cAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAOG,eAAAA,GAAQ","file":"github.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgGithub = props => <svg id=\"Github\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"23 9 23 15 22 15 22 17 21 17 21 19 20 19 20 20 19 20 19 21 18 21 18 22 16 22 16 23 15 23 15 18 14 18 14 17 15 17 15 16 17 16 17 15 18 15 18 14 19 14 19 9 18 9 18 6 16 6 16 7 15 7 15 8 14 8 14 7 10 7 10 8 9 8 9 7 8 7 8 6 6 6 6 9 5 9 5 14 6 14 6 15 7 15 7 16 9 16 9 18 7 18 7 17 6 17 6 16 4 16 4 17 5 17 5 19 6 19 6 20 9 20 9 23 8 23 8 22 6 22 6 21 5 21 5 20 4 20 4 19 3 19 3 17 2 17 2 15 1 15 1 9 2 9 2 7 3 7 3 5 4 5 4 4 5 4 5 3 7 3 7 2 9 2 9 1 15 1 15 2 17 2 17 3 19 3 19 4 20 4 20 5 21 5 21 7 22 7 22 9 23 9\" /></svg>;\nexport default SvgGithub;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef, useCallback } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/brands/github.svg';\n\n/**\n * @component\n * @name Github\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst Github: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  const handleRef = useCallback((svgElement: SVGSVGElement | null) => {\n    if (typeof ref === 'function') {\n      ref(svgElement);\n    } else if (ref) {\n      ref.current = svgElement;\n    }\n    // Set fill to currentColor on all child elements\n    if (svgElement) {\n      svgElement.querySelectorAll('polygon, path, circle, rect, ellipse, line, polyline').forEach((el) => {\n        if (!el.hasAttribute('fill') || el.getAttribute('fill') !== 'none') {\n          el.setAttribute('fill', 'currentColor');\n        }\n      });\n    }\n  }, [ref]);\n\n  return (\n    <SvgComponent\n      {...props}\n      ref={handleRef}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nGithub.displayName = 'Github';\n\nexport default Github;\n"]}

package/dist/icons/github.js

@@ -1,15 +1,29 @@
-import { forwardRef } from 'react';
+import { forwardRef, useCallback } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 // src/icons/github.tsx
 var SvgGithub = (props) => /* @__PURE__ */ jsx("svg", { id: "Github", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx("polygon", { points: "23 9 23 15 22 15 22 17 21 17 21 19 20 19 20 20 19 20 19 21 18 21 18 22 16 22 16 23 15 23 15 18 14 18 14 17 15 17 15 16 17 16 17 15 18 15 18 14 19 14 19 9 18 9 18 6 16 6 16 7 15 7 15 8 14 8 14 7 10 7 10 8 9 8 9 7 8 7 8 6 6 6 6 9 5 9 5 14 6 14 6 15 7 15 7 16 9 16 9 18 7 18 7 17 6 17 6 16 4 16 4 17 5 17 5 19 6 19 6 20 9 20 9 23 8 23 8 22 6 22 6 21 5 21 5 20 4 20 4 19 3 19 3 17 2 17 2 15 1 15 1 9 2 9 2 7 3 7 3 5 4 5 4 4 5 4 5 3 7 3 7 2 9 2 9 1 15 1 15 2 17 2 17 3 19 3 19 4 20 4 20 5 21 5 21 7 22 7 22 9 23 9" }) });
 var github_default = SvgGithub;
 var Github = forwardRef((props, ref) => {
+  const handleRef = useCallback((svgElement) => {
+    if (typeof ref === "function") {
+      ref(svgElement);
+    } else if (ref) {
+      ref.current = svgElement;
+    }
+    if (svgElement) {
+      svgElement.querySelectorAll("polygon, path, circle, rect, ellipse, line, polyline").forEach((el) => {
+        if (!el.hasAttribute("fill") || el.getAttribute("fill") !== "none") {
+          el.setAttribute("fill", "currentColor");
+        }
+      });
+    }
+  }, [ref]);
   return /* @__PURE__ */ jsx(
     github_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/github.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/brands/github.svg","../../src/icons/github.tsx"],"names":["jsx","github_default"],"mappings":";;;;AACA,IAAM,YAAY,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,UAAS,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,ggBAA+f,CAAA,EAAE,CAAA;AAC/nB,IAAO,cAAA,GAAQ,SAAA;ACaf,IAAM,MAAA,GAAiD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxH,EAAA,uBACEA,GAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAOC,eAAAA,GAAQ","file":"github.js","sourcesContent":["import * as React from \"react\";\nconst SvgGithub = props => <svg id=\"Github\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"23 9 23 15 22 15 22 17 21 17 21 19 20 19 20 20 19 20 19 21 18 21 18 22 16 22 16 23 15 23 15 18 14 18 14 17 15 17 15 16 17 16 17 15 18 15 18 14 19 14 19 9 18 9 18 6 16 6 16 7 15 7 15 8 14 8 14 7 10 7 10 8 9 8 9 7 8 7 8 6 6 6 6 9 5 9 5 14 6 14 6 15 7 15 7 16 9 16 9 18 7 18 7 17 6 17 6 16 4 16 4 17 5 17 5 19 6 19 6 20 9 20 9 23 8 23 8 22 6 22 6 21 5 21 5 20 4 20 4 19 3 19 3 17 2 17 2 15 1 15 1 9 2 9 2 7 3 7 3 5 4 5 4 4 5 4 5 3 7 3 7 2 9 2 9 1 15 1 15 2 17 2 17 3 19 3 19 4 20 4 20 5 21 5 21 7 22 7 22 9 23 9\" /></svg>;\nexport default SvgGithub;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/brands/github.svg';\n\n/**\n * @component\n * @name Github\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst Github: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nGithub.displayName = 'Github';\n\nexport default Github;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/brands/github.svg","../../src/icons/github.tsx"],"names":["jsx","github_default"],"mappings":";;;;AACA,IAAM,YAAY,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,UAAS,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,ggBAA+f,CAAA,EAAE,CAAA;AAC/nB,IAAO,cAAA,GAAQ,SAAA;ACaf,IAAM,MAAA,GAAiD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxH,EAAA,MAAM,SAAA,GAAY,WAAA,CAAY,CAAC,UAAA,KAAqC;AAClE,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,UAAU,CAAA;AAAA,IAChB,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,UAAA;AAAA,IAChB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,gBAAA,CAAiB,sDAAsD,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClG,QAAA,IAAI,CAAC,GAAG,YAAA,CAAa,MAAM,KAAK,EAAA,CAAG,YAAA,CAAa,MAAM,CAAA,KAAM,MAAA,EAAQ;AAClE,UAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,cAAc,CAAA;AAAA,QACxC;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,uBACEA,GAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAOC,eAAAA,GAAQ","file":"github.js","sourcesContent":["import * as React from \"react\";\nconst SvgGithub = props => <svg id=\"Github\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"23 9 23 15 22 15 22 17 21 17 21 19 20 19 20 20 19 20 19 21 18 21 18 22 16 22 16 23 15 23 15 18 14 18 14 17 15 17 15 16 17 16 17 15 18 15 18 14 19 14 19 9 18 9 18 6 16 6 16 7 15 7 15 8 14 8 14 7 10 7 10 8 9 8 9 7 8 7 8 6 6 6 6 9 5 9 5 14 6 14 6 15 7 15 7 16 9 16 9 18 7 18 7 17 6 17 6 16 4 16 4 17 5 17 5 19 6 19 6 20 9 20 9 23 8 23 8 22 6 22 6 21 5 21 5 20 4 20 4 19 3 19 3 17 2 17 2 15 1 15 1 9 2 9 2 7 3 7 3 5 4 5 4 4 5 4 5 3 7 3 7 2 9 2 9 1 15 1 15 2 17 2 17 3 19 3 19 4 20 4 20 5 21 5 21 7 22 7 22 9 23 9\" /></svg>;\nexport default SvgGithub;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef, useCallback } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/brands/github.svg';\n\n/**\n * @component\n * @name Github\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst Github: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  const handleRef = useCallback((svgElement: SVGSVGElement | null) => {\n    if (typeof ref === 'function') {\n      ref(svgElement);\n    } else if (ref) {\n      ref.current = svgElement;\n    }\n    // Set fill to currentColor on all child elements\n    if (svgElement) {\n      svgElement.querySelectorAll('polygon, path, circle, rect, ellipse, line, polyline').forEach((el) => {\n        if (!el.hasAttribute('fill') || el.getAttribute('fill') !== 'none') {\n          el.setAttribute('fill', 'currentColor');\n        }\n      });\n    }\n  }, [ref]);\n\n  return (\n    <SvgComponent\n      {...props}\n      ref={handleRef}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nGithub.displayName = 'Github';\n\nexport default Github;\n"]}

package/dist/icons/globe-americas-solid.cjs

@@ -7,11 +7,25 @@ var jsxRuntime = require('react/jsx-runtime');
 var SvgGlobeAmericasSolid = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { id: "Globe_Americas", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m22,9v-2h-1v-2h-1v-1h-1v-1h-2v-1h-2v-1h-6v1h-2v1h-2v1h-1v1h-1v2h-1v2h-1v6h1v2h1v2h1v1h1v1h2v1h2v1h6v-1h2v-1h2v-1h1v-1h1v-2h1v-2h1v-6h-1Zm-4,3v-3h1v-1h1v1h1v4h-2v-1h-1Zm-4,7v2h-2v-3h-1v-1h-1v-3h-1v-1h-1v-1h-1v-1h-1v-1h-1v-1h-1v-2h1v-1h1v-1h1v-1h3v-1h2v1h1v4h-2v2h1v1h-2v-1h-2v2h3v1h4v1h1v3h-1v2h-1Z" }) });
 var globe_americas_solid_default = SvgGlobeAmericasSolid;
 var GlobeAmericasSolid = react.forwardRef((props, ref) => {
+  const handleRef = react.useCallback((svgElement) => {
+    if (typeof ref === "function") {
+      ref(svgElement);
+    } else if (ref) {
+      ref.current = svgElement;
+    }
+    if (svgElement) {
+      svgElement.querySelectorAll("polygon, path, circle, rect, ellipse, line, polyline").forEach((el) => {
+        if (!el.hasAttribute("fill") || el.getAttribute("fill") !== "none") {
+          el.setAttribute("fill", "currentColor");
+        }
+      });
+    }
+  }, [ref]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     globe_americas_solid_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/globe-americas-solid.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/globe-americas-solid.svg","../../src/icons/globe-americas-solid.tsx"],"names":["jsx","forwardRef","globe_americas_solid_default"],"mappings":";;;;;;AACA,IAAM,wBAAwB,CAAA,KAAA,qBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,kBAAiB,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,6SAA4S,CAAA,EAAE,CAAA;AACxb,IAAO,4BAAA,GAAQ,qBAAA;ACaf,IAAM,kBAAA,GAA6DC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACpI,EAAA,uBACED,cAAAA;AAAA,IAAC,4BAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,kBAAA,CAAmB,WAAA,GAAc,oBAAA;AAEjC,IAAOE,6BAAAA,GAAQ","file":"globe-americas-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgGlobeAmericasSolid = props => <svg id=\"Globe_Americas\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><path d=\"m22,9v-2h-1v-2h-1v-1h-1v-1h-2v-1h-2v-1h-6v1h-2v1h-2v1h-1v1h-1v2h-1v2h-1v6h1v2h1v2h1v1h1v1h2v1h2v1h6v-1h2v-1h2v-1h1v-1h1v-2h1v-2h1v-6h-1Zm-4,3v-3h1v-1h1v1h1v4h-2v-1h-1Zm-4,7v2h-2v-3h-1v-1h-1v-3h-1v-1h-1v-1h-1v-1h-1v-1h-1v-1h-1v-2h1v-1h1v-1h1v-1h3v-1h2v1h1v4h-2v2h1v1h-2v-1h-2v2h3v1h4v1h1v3h-1v2h-1Z\" /></svg>;\nexport default SvgGlobeAmericasSolid;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/solid/globe-americas-solid.svg';\n\n/**\n * @component\n * @name GlobeAmericasSolid\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst GlobeAmericasSolid: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  return (\n    <SvgComponent\n      {...props}\n      ref={ref}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nGlobeAmericasSolid.displayName = 'GlobeAmericasSolid';\n\nexport default GlobeAmericasSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/globe-americas-solid.svg","../../src/icons/globe-americas-solid.tsx"],"names":["jsx","forwardRef","useCallback","globe_americas_solid_default"],"mappings":";;;;;;AACA,IAAM,wBAAwB,CAAA,KAAA,qBAASA,cAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,kBAAiB,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,6SAA4S,CAAA,EAAE,CAAA;AACxb,IAAO,4BAAA,GAAQ,qBAAA;ACaf,IAAM,kBAAA,GAA6DC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACpI,EAAA,MAAM,SAAA,GAAYC,iBAAA,CAAY,CAAC,UAAA,KAAqC;AAClE,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,UAAU,CAAA;AAAA,IAChB,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,UAAA;AAAA,IAChB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,gBAAA,CAAiB,sDAAsD,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClG,QAAA,IAAI,CAAC,GAAG,YAAA,CAAa,MAAM,KAAK,EAAA,CAAG,YAAA,CAAa,MAAM,CAAA,KAAM,MAAA,EAAQ;AAClE,UAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,cAAc,CAAA;AAAA,QACxC;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,uBACEF,cAAAA;AAAA,IAAC,4BAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,kBAAA,CAAmB,WAAA,GAAc,oBAAA;AAEjC,IAAOG,6BAAAA,GAAQ","file":"globe-americas-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgGlobeAmericasSolid = props => <svg id=\"Globe_Americas\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><path d=\"m22,9v-2h-1v-2h-1v-1h-1v-1h-2v-1h-2v-1h-6v1h-2v1h-2v1h-1v1h-1v2h-1v2h-1v6h1v2h1v2h1v1h1v1h2v1h2v1h6v-1h2v-1h2v-1h1v-1h1v-2h1v-2h1v-6h-1Zm-4,3v-3h1v-1h1v1h1v4h-2v-1h-1Zm-4,7v2h-2v-3h-1v-1h-1v-3h-1v-1h-1v-1h-1v-1h-1v-1h-1v-1h-1v-2h1v-1h1v-1h1v-1h3v-1h2v1h1v4h-2v2h1v1h-2v-1h-2v2h3v1h4v1h1v3h-1v2h-1Z\" /></svg>;\nexport default SvgGlobeAmericasSolid;","// AUTO-GENERATED FILE. DO NOT EDIT.\n// Run \"npm run generate\" to regenerate from @hackernoon/pixel-icon-library.\n\n/// <reference path=\"../types/upstream-svg.d.ts\" />\nimport { forwardRef, useCallback } from 'react';\nimport type { ComponentType, SVGProps } from 'react';\nimport SvgComponent from '@hackernoon/pixel-icon-library/icons/SVG/solid/globe-americas-solid.svg';\n\n/**\n * @component\n * @name GlobeAmericasSolid\n * @description Pixel icon component from @hackernoon/pixel-icon-library\n * @param props - SVG element props (supports className for styling with text-white, text-black, etc.)\n * @returns JSX Element\n */\nconst GlobeAmericasSolid: ComponentType<SVGProps<SVGSVGElement>> = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((props, ref) => {\n  const handleRef = useCallback((svgElement: SVGSVGElement | null) => {\n    if (typeof ref === 'function') {\n      ref(svgElement);\n    } else if (ref) {\n      ref.current = svgElement;\n    }\n    // Set fill to currentColor on all child elements\n    if (svgElement) {\n      svgElement.querySelectorAll('polygon, path, circle, rect, ellipse, line, polyline').forEach((el) => {\n        if (!el.hasAttribute('fill') || el.getAttribute('fill') !== 'none') {\n          el.setAttribute('fill', 'currentColor');\n        }\n      });\n    }\n  }, [ref]);\n\n  return (\n    <SvgComponent\n      {...props}\n      ref={handleRef}\n      style={{\n        ...props.style,\n        color: 'inherit',\n      }}\n    />\n  );\n});\n\nGlobeAmericasSolid.displayName = 'GlobeAmericasSolid';\n\nexport default GlobeAmericasSolid;\n"]}

package/dist/icons/globe-americas-solid.js

@@ -1,15 +1,29 @@
-import { forwardRef } from 'react';
+import { forwardRef, useCallback } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 // src/icons/globe-americas-solid.tsx
 var SvgGlobeAmericasSolid = (props) => /* @__PURE__ */ jsx("svg", { id: "Globe_Americas", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx("path", { d: "m22,9v-2h-1v-2h-1v-1h-1v-1h-2v-1h-2v-1h-6v1h-2v1h-2v1h-1v1h-1v2h-1v2h-1v6h1v2h1v2h1v1h1v1h2v1h2v1h6v-1h2v-1h2v-1h1v-1h1v-2h1v-2h1v-6h-1Zm-4,3v-3h1v-1h1v1h1v4h-2v-1h-1Zm-4,7v2h-2v-3h-1v-1h-1v-3h-1v-1h-1v-1h-1v-1h-1v-1h-1v-1h-1v-2h1v-1h1v-1h1v-1h3v-1h2v1h1v4h-2v2h1v1h-2v-1h-2v2h3v1h4v1h1v3h-1v2h-1Z" }) });
 var globe_americas_solid_default = SvgGlobeAmericasSolid;
 var GlobeAmericasSolid = forwardRef((props, ref) => {
+  const handleRef = useCallback((svgElement) => {
+    if (typeof ref === "function") {
+      ref(svgElement);
+    } else if (ref) {
+      ref.current = svgElement;
+    }
+    if (svgElement) {
+      svgElement.querySelectorAll("polygon, path, circle, rect, ellipse, line, polyline").forEach((el) => {
+        if (!el.hasAttribute("fill") || el.getAttribute("fill") !== "none") {
+          el.setAttribute("fill", "currentColor");
+        }
+      });
+    }
+  }, [ref]);
   return /* @__PURE__ */ jsx(
     globe_americas_solid_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"