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

package/dist/icons/print.js

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import { forwardRef, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/icons/print.tsx
@@ -9,11 +9,25 @@ var SvgPrint = (props) => /* @__PURE__ */ jsxs("svg", { id: "Print", xmlns: "htt
 ] });
 var print_default = SvgPrint;
 var Print = 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(
     print_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/print.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/print.svg","../../src/icons/print.tsx"],"names":["jsx","print_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,MAAA,EAAA,EAAK,GAAG,EAAA,EAAI,CAAA,EAAG,IAAI,KAAA,EAAO,CAAA,EAAG,QAAQ,CAAA,EAAG,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,wEAAA,EAAyE,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,qEAAA,EAAsE;AAAA,CAAA,EAAE,CAAA;AAClU,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":"print.js","sourcesContent":["import * as React from \"react\";\nconst SvgPrint = props => <svg id=\"Print\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><rect x={18} y={12} width={2} height={1} /><polygon points=\"20 3 20 8 18 8 18 4 17 4 17 3 6 3 6 8 4 8 4 1 18 1 18 2 19 2 19 3 20 3\" /><path d=\"m1,9v8h3v6h16v-6h3v-8H1Zm17,12H6v-5h12v5Zm3-6h-2v-1H5v1h-2v-4h18v4Z\" /></svg>;\nexport default SvgPrint;","// 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/print.svg';\n\n/**\n * @component\n * @name Print\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 Print: 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\nPrint.displayName = 'Print';\n\nexport default Print;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/print.svg","../../src/icons/print.tsx"],"names":["jsx","print_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,MAAA,EAAA,EAAK,GAAG,EAAA,EAAI,CAAA,EAAG,IAAI,KAAA,EAAO,CAAA,EAAG,QAAQ,CAAA,EAAG,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,wEAAA,EAAyE,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,qEAAA,EAAsE;AAAA,CAAA,EAAE,CAAA;AAClU,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":"print.js","sourcesContent":["import * as React from \"react\";\nconst SvgPrint = props => <svg id=\"Print\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><rect x={18} y={12} width={2} height={1} /><polygon points=\"20 3 20 8 18 8 18 4 17 4 17 3 6 3 6 8 4 8 4 1 18 1 18 2 19 2 19 3 20 3\" /><path d=\"m1,9v8h3v6h16v-6h3v-8H1Zm17,12H6v-5h12v5Zm3-6h-2v-1H5v1h-2v-4h18v4Z\" /></svg>;\nexport default SvgPrint;","// 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/print.svg';\n\n/**\n * @component\n * @name Print\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 Print: 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\nPrint.displayName = 'Print';\n\nexport default Print;\n"]}

package/dist/icons/pro-solid.cjs

@@ -12,11 +12,25 @@ var SvgProSolid = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { id: "Pro",
 ] });
 var pro_solid_default = SvgProSolid;
 var ProSolid = 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(
     pro_solid_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/pro-solid.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/pro-solid.svg","../../src/icons/pro-solid.tsx"],"names":["jsxs","jsx","forwardRef","pro_solid_default"],"mappings":";;;;;;AACA,IAAM,WAAA,GAAc,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,KAAA,EAAM,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,GAAG,EAAA,EAAI,CAAA,EAAG,IAAI,KAAA,EAAO,CAAA,EAAG,QAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gHAAA,EAAiH,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG;AAAA,CAAA,EAAE,CAAA;AACxW,IAAO,iBAAA,GAAQ,WAAA;ACaf,IAAM,QAAA,GAAmDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC1H,EAAA,uBACED,cAAAA;AAAA,IAAC,iBAAA;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,kBAAAA,GAAQ","file":"pro-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgProSolid = props => <svg id=\"Pro\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><rect x={17} y={11} width={2} height={2} /><rect x={11} y={10} width={1} height={2} /><path d=\"m22,5v-1H2v1h-1v14h1v1h20v-1h1V5h-1Zm-1,10h-6v-6h6v6Zm-7-3h-1v1h1v2h-2v-1h-1v1h-2v-6h5v3Zm-6-3v4h-3v2h-2v-6h5Z\" /><rect x={5} y={10} width={1} height={2} /></svg>;\nexport default SvgProSolid;","// 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/pro-solid.svg';\n\n/**\n * @component\n * @name ProSolid\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 ProSolid: 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\nProSolid.displayName = 'ProSolid';\n\nexport default ProSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/pro-solid.svg","../../src/icons/pro-solid.tsx"],"names":["jsxs","jsx","forwardRef","useCallback","pro_solid_default"],"mappings":";;;;;;AACA,IAAM,WAAA,GAAc,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,KAAA,EAAM,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,GAAG,EAAA,EAAI,CAAA,EAAG,IAAI,KAAA,EAAO,CAAA,EAAG,QAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gHAAA,EAAiH,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG;AAAA,CAAA,EAAE,CAAA;AACxW,IAAO,iBAAA,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,iBAAA;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,kBAAAA,GAAQ","file":"pro-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgProSolid = props => <svg id=\"Pro\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><rect x={17} y={11} width={2} height={2} /><rect x={11} y={10} width={1} height={2} /><path d=\"m22,5v-1H2v1h-1v14h1v1h20v-1h1V5h-1Zm-1,10h-6v-6h6v6Zm-7-3h-1v1h1v2h-2v-1h-1v1h-2v-6h5v3Zm-6-3v4h-3v2h-2v-6h5Z\" /><rect x={5} y={10} width={1} height={2} /></svg>;\nexport default SvgProSolid;","// 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/pro-solid.svg';\n\n/**\n * @component\n * @name ProSolid\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 ProSolid: 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\nProSolid.displayName = 'ProSolid';\n\nexport default ProSolid;\n"]}

package/dist/icons/pro-solid.js

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import { forwardRef, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/icons/pro-solid.tsx
@@ -10,11 +10,25 @@ var SvgProSolid = (props) => /* @__PURE__ */ jsxs("svg", { id: "Pro", xmlns: "ht
 ] });
 var pro_solid_default = SvgProSolid;
 var ProSolid = 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(
     pro_solid_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

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

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/pro-solid.svg","../../src/icons/pro-solid.tsx"],"names":["jsx","pro_solid_default"],"mappings":";;;;AACA,IAAM,WAAA,GAAc,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,KAAA,EAAM,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,GAAG,EAAA,EAAI,CAAA,EAAG,IAAI,KAAA,EAAO,CAAA,EAAG,QAAQ,CAAA,EAAG,CAAA;AAAA,kBAAE,GAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gHAAA,EAAiH,CAAA;AAAA,kBAAE,GAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG;AAAA,CAAA,EAAE,CAAA;AACxW,IAAO,iBAAA,GAAQ,WAAA;ACaf,IAAM,QAAA,GAAmD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC1H,EAAA,uBACEA,GAAAA;AAAA,IAAC,iBAAA;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,kBAAAA,GAAQ","file":"pro-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgProSolid = props => <svg id=\"Pro\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><rect x={17} y={11} width={2} height={2} /><rect x={11} y={10} width={1} height={2} /><path d=\"m22,5v-1H2v1h-1v14h1v1h20v-1h1V5h-1Zm-1,10h-6v-6h6v6Zm-7-3h-1v1h1v2h-2v-1h-1v1h-2v-6h5v3Zm-6-3v4h-3v2h-2v-6h5Z\" /><rect x={5} y={10} width={1} height={2} /></svg>;\nexport default SvgProSolid;","// 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/pro-solid.svg';\n\n/**\n * @component\n * @name ProSolid\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 ProSolid: 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\nProSolid.displayName = 'ProSolid';\n\nexport default ProSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/pro-solid.svg","../../src/icons/pro-solid.tsx"],"names":["jsx","pro_solid_default"],"mappings":";;;;AACA,IAAM,WAAA,GAAc,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,KAAA,EAAM,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,GAAG,EAAA,EAAI,CAAA,EAAG,IAAI,KAAA,EAAO,CAAA,EAAG,QAAQ,CAAA,EAAG,CAAA;AAAA,kBAAE,GAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gHAAA,EAAiH,CAAA;AAAA,kBAAE,GAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG;AAAA,CAAA,EAAE,CAAA;AACxW,IAAO,iBAAA,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,iBAAA;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,kBAAAA,GAAQ","file":"pro-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgProSolid = props => <svg id=\"Pro\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><rect x={17} y={11} width={2} height={2} /><rect x={11} y={10} width={1} height={2} /><path d=\"m22,5v-1H2v1h-1v14h1v1h20v-1h1V5h-1Zm-1,10h-6v-6h6v6Zm-7-3h-1v1h1v2h-2v-1h-1v1h-2v-6h5v3Zm-6-3v4h-3v2h-2v-6h5Z\" /><rect x={5} y={10} width={1} height={2} /></svg>;\nexport default SvgProSolid;","// 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/pro-solid.svg';\n\n/**\n * @component\n * @name ProSolid\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 ProSolid: 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\nProSolid.displayName = 'ProSolid';\n\nexport default ProSolid;\n"]}

package/dist/icons/pro.cjs

@@ -12,11 +12,25 @@ var SvgPro = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { id: "Pro", xmln
 ] });
 var pro_default = SvgPro;
 var Pro = 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(
     pro_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/pro.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/pro.svg","../../src/icons/pro.tsx"],"names":["jsxs","jsx","forwardRef","pro_default"],"mappings":";;;;;;AACA,IAAM,MAAA,GAAS,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,KAAA,EAAM,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,GAAE,sDAAA,EAAuD,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,iCAAA,EAAkC,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,oDAAA,EAAqD,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,oCAAA,EAAqC;AAAA,CAAA,EAAE,CAAA;AACnU,IAAO,WAAA,GAAQ,MAAA;ACaf,IAAM,GAAA,GAA8CC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACrH,EAAA,uBACED,cAAAA;AAAA,IAAC,WAAA;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,GAAA,CAAI,WAAA,GAAc,KAAA;AAElB,IAAOE,YAAAA,GAAQ","file":"pro.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgPro = props => <svg id=\"Pro\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><path d=\"m22,5v-1H2v1h-1v14h1v1h20v-1h1V5h-1Zm0,13H2V6h20v12Z\" /><path d=\"m15,9v6h6v-6h-6Zm4,4h-2v-2h2v2Z\" /><path d=\"m9,9v6h2v-1h1v1h2v-2h-1v-1h1v-3h-5Zm2,3v-2h1v2h-1Z\" /><path d=\"m3,9v6h2v-2h3v-4H3Zm2,3v-2h1v2h-1Z\" /></svg>;\nexport default SvgPro;","// 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/pro.svg';\n\n/**\n * @component\n * @name Pro\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 Pro: 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\nPro.displayName = 'Pro';\n\nexport default Pro;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/pro.svg","../../src/icons/pro.tsx"],"names":["jsxs","jsx","forwardRef","useCallback","pro_default"],"mappings":";;;;;;AACA,IAAM,MAAA,GAAS,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,KAAA,EAAM,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,GAAE,sDAAA,EAAuD,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,iCAAA,EAAkC,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,oDAAA,EAAqD,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,oCAAA,EAAqC;AAAA,CAAA,EAAE,CAAA;AACnU,IAAO,WAAA,GAAQ,MAAA;ACaf,IAAM,GAAA,GAA8CC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACrH,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,WAAA;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,GAAA,CAAI,WAAA,GAAc,KAAA;AAElB,IAAOG,YAAAA,GAAQ","file":"pro.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgPro = props => <svg id=\"Pro\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><path d=\"m22,5v-1H2v1h-1v14h1v1h20v-1h1V5h-1Zm0,13H2V6h20v12Z\" /><path d=\"m15,9v6h6v-6h-6Zm4,4h-2v-2h2v2Z\" /><path d=\"m9,9v6h2v-1h1v1h2v-2h-1v-1h1v-3h-5Zm2,3v-2h1v2h-1Z\" /><path d=\"m3,9v6h2v-2h3v-4H3Zm2,3v-2h1v2h-1Z\" /></svg>;\nexport default SvgPro;","// 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/pro.svg';\n\n/**\n * @component\n * @name Pro\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 Pro: 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\nPro.displayName = 'Pro';\n\nexport default Pro;\n"]}

package/dist/icons/pro.js

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import { forwardRef, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/icons/pro.tsx
@@ -10,11 +10,25 @@ var SvgPro = (props) => /* @__PURE__ */ jsxs("svg", { id: "Pro", xmlns: "http://
 ] });
 var pro_default = SvgPro;
 var Pro = 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(
     pro_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/pro.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/pro.svg","../../src/icons/pro.tsx"],"names":["jsx","pro_default"],"mappings":";;;;AACA,IAAM,MAAA,GAAS,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,KAAA,EAAM,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,GAAE,sDAAA,EAAuD,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,iCAAA,EAAkC,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,oDAAA,EAAqD,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,oCAAA,EAAqC;AAAA,CAAA,EAAE,CAAA;AACnU,IAAO,WAAA,GAAQ,MAAA;ACaf,IAAM,GAAA,GAA8C,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACrH,EAAA,uBACEA,GAAAA;AAAA,IAAC,WAAA;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,GAAA,CAAI,WAAA,GAAc,KAAA;AAElB,IAAOC,YAAAA,GAAQ","file":"pro.js","sourcesContent":["import * as React from \"react\";\nconst SvgPro = props => <svg id=\"Pro\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><path d=\"m22,5v-1H2v1h-1v14h1v1h20v-1h1V5h-1Zm0,13H2V6h20v12Z\" /><path d=\"m15,9v6h6v-6h-6Zm4,4h-2v-2h2v2Z\" /><path d=\"m9,9v6h2v-1h1v1h2v-2h-1v-1h1v-3h-5Zm2,3v-2h1v2h-1Z\" /><path d=\"m3,9v6h2v-2h3v-4H3Zm2,3v-2h1v2h-1Z\" /></svg>;\nexport default SvgPro;","// 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/pro.svg';\n\n/**\n * @component\n * @name Pro\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 Pro: 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\nPro.displayName = 'Pro';\n\nexport default Pro;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/pro.svg","../../src/icons/pro.tsx"],"names":["jsx","pro_default"],"mappings":";;;;AACA,IAAM,MAAA,GAAS,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,KAAA,EAAM,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,GAAE,sDAAA,EAAuD,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,iCAAA,EAAkC,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,oDAAA,EAAqD,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,oCAAA,EAAqC;AAAA,CAAA,EAAE,CAAA;AACnU,IAAO,WAAA,GAAQ,MAAA;ACaf,IAAM,GAAA,GAA8C,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACrH,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,WAAA;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,GAAA,CAAI,WAAA,GAAc,KAAA;AAElB,IAAOC,YAAAA,GAAQ","file":"pro.js","sourcesContent":["import * as React from \"react\";\nconst SvgPro = props => <svg id=\"Pro\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><path d=\"m22,5v-1H2v1h-1v14h1v1h20v-1h1V5h-1Zm0,13H2V6h20v12Z\" /><path d=\"m15,9v6h6v-6h-6Zm4,4h-2v-2h2v2Z\" /><path d=\"m9,9v6h2v-1h1v1h2v-2h-1v-1h1v-3h-5Zm2,3v-2h1v2h-1Z\" /><path d=\"m3,9v6h2v-2h3v-4H3Zm2,3v-2h1v2h-1Z\" /></svg>;\nexport default SvgPro;","// 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/pro.svg';\n\n/**\n * @component\n * @name Pro\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 Pro: 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\nPro.displayName = 'Pro';\n\nexport default Pro;\n"]}

package/dist/icons/product-hunt.cjs

@@ -10,11 +10,25 @@ var SvgProductHunt = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { id: "Pr
 ] });
 var product_hunt_default = SvgProductHunt;
 var ProductHunt = 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(
     product_hunt_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/product-hunt.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/brands/product-hunt.svg","../../src/icons/product-hunt.tsx"],"names":["jsxs","jsx","forwardRef","product_hunt_default"],"mappings":";;;;;;AACA,IAAM,cAAA,GAAiB,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,cAAA,EAAe,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,kDAAA,EAAmD,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gLAAA,EAAiL;AAAA,CAAA,EAAE,CAAA;AACzX,IAAO,oBAAA,GAAQ,cAAA;ACaf,IAAM,WAAA,GAAsDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC7H,EAAA,uBACED,cAAAA;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,IAAOE,qBAAAA,GAAQ","file":"product-hunt.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgProductHunt = props => <svg id=\"Product_Hunt\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"15 9 15 11 14 11 14 12 10 12 10 8 14 8 14 9 15 9\" /><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-6,4h-2v1h-4v4h-2V6h6v1h2v1h1v4h-1v1Z\" /></svg>;\nexport default SvgProductHunt;","// 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/product-hunt.svg';\n\n/**\n * @component\n * @name ProductHunt\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 ProductHunt: 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\nProductHunt.displayName = 'ProductHunt';\n\nexport default ProductHunt;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/brands/product-hunt.svg","../../src/icons/product-hunt.tsx"],"names":["jsxs","jsx","forwardRef","useCallback","product_hunt_default"],"mappings":";;;;;;AACA,IAAM,cAAA,GAAiB,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,cAAA,EAAe,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,kDAAA,EAAmD,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gLAAA,EAAiL;AAAA,CAAA,EAAE,CAAA;AACzX,IAAO,oBAAA,GAAQ,cAAA;ACaf,IAAM,WAAA,GAAsDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC7H,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,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,IAAOG,qBAAAA,GAAQ","file":"product-hunt.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgProductHunt = props => <svg id=\"Product_Hunt\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"15 9 15 11 14 11 14 12 10 12 10 8 14 8 14 9 15 9\" /><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-6,4h-2v1h-4v4h-2V6h6v1h2v1h1v4h-1v1Z\" /></svg>;\nexport default SvgProductHunt;","// 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/product-hunt.svg';\n\n/**\n * @component\n * @name ProductHunt\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 ProductHunt: 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\nProductHunt.displayName = 'ProductHunt';\n\nexport default ProductHunt;\n"]}

package/dist/icons/product-hunt.js

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import { forwardRef, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/icons/product-hunt.tsx
@@ -8,11 +8,25 @@ var SvgProductHunt = (props) => /* @__PURE__ */ jsxs("svg", { id: "Product_Hunt"
 ] });
 var product_hunt_default = SvgProductHunt;
 var ProductHunt = 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(
     product_hunt_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/product-hunt.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/brands/product-hunt.svg","../../src/icons/product-hunt.tsx"],"names":["jsx","product_hunt_default"],"mappings":";;;;AACA,IAAM,cAAA,GAAiB,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,cAAA,EAAe,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,kDAAA,EAAmD,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gLAAA,EAAiL;AAAA,CAAA,EAAE,CAAA;AACzX,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":"product-hunt.js","sourcesContent":["import * as React from \"react\";\nconst SvgProductHunt = props => <svg id=\"Product_Hunt\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"15 9 15 11 14 11 14 12 10 12 10 8 14 8 14 9 15 9\" /><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-6,4h-2v1h-4v4h-2V6h6v1h2v1h1v4h-1v1Z\" /></svg>;\nexport default SvgProductHunt;","// 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/product-hunt.svg';\n\n/**\n * @component\n * @name ProductHunt\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 ProductHunt: 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\nProductHunt.displayName = 'ProductHunt';\n\nexport default ProductHunt;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/brands/product-hunt.svg","../../src/icons/product-hunt.tsx"],"names":["jsx","product_hunt_default"],"mappings":";;;;AACA,IAAM,cAAA,GAAiB,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,cAAA,EAAe,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,kDAAA,EAAmD,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gLAAA,EAAiL;AAAA,CAAA,EAAE,CAAA;AACzX,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":"product-hunt.js","sourcesContent":["import * as React from \"react\";\nconst SvgProductHunt = props => <svg id=\"Product_Hunt\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"15 9 15 11 14 11 14 12 10 12 10 8 14 8 14 9 15 9\" /><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-6,4h-2v1h-4v4h-2V6h6v1h2v1h1v4h-1v1Z\" /></svg>;\nexport default SvgProductHunt;","// 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/product-hunt.svg';\n\n/**\n * @component\n * @name ProductHunt\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 ProductHunt: 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\nProductHunt.displayName = 'ProductHunt';\n\nexport default ProductHunt;\n"]}

package/dist/icons/product-management.cjs

@@ -11,11 +11,25 @@ var SvgProductManagement = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { w
 ] });
 var product_management_default = SvgProductManagement;
 var ProductManagement = 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(
     product_management_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/product-management.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/purcats/product-management.svg","../../src/icons/product-management.tsx"],"names":["jsxs","jsx","forwardRef","product_management_default"],"mappings":";;;;;;AACA,IAAM,oBAAA,GAAuB,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,43BAAA,EAA63B,IAAA,EAAK,OAAA,EAAQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gaAAA,EAAia,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,+EAAA,EAAgF,MAAK,OAAA,EAAQ;AAAA,CAAA,EAAE,CAAA;AACnkD,IAAO,0BAAA,GAAQ,oBAAA;ACaf,IAAM,iBAAA,GAA4DC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACnI,EAAA,uBACED,cAAAA;AAAA,IAAC,0BAAA;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,iBAAA,CAAkB,WAAA,GAAc,mBAAA;AAEhC,IAAOE,2BAAAA,GAAQ","file":"product-management.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgProductManagement = props => <svg width={24} height={24} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}><path d=\"M16.5034 4.50072V3.50049H14.503V5.50094H4.50068V3.50049H2.50023V4.50072H1.5V22.5048H2.50023V23.505H15.5032V22.5048H14.503V21.5046H15.5032V20.5044H14.503V18.5039H15.5032V17.5037H14.503V16.5034H15.5032V15.5032H16.5034V14.503H17.5036V4.50072H16.5034ZM12.5025 18.5039H8.50159V16.5034H12.5025V18.5039ZM12.5025 21.5046H3.50045V20.5044H12.5025V21.5046ZM3.50045 8.50162H4.50068V9.50185H5.50091V8.50162H6.50114V7.5014H7.50136V8.50162H6.50114V9.50185H5.50091V10.5021H4.50068V9.50185H3.50045V8.50162ZM3.50045 12.5025H4.50068V13.5028H5.50091V12.5025H6.50114V11.5023H7.50136V12.5025H6.50114V13.5028H5.50091V14.503H4.50068V13.5028H3.50045V12.5025ZM4.50068 16.5034V17.5037H5.50091V16.5034H6.50114V15.5032H7.50136V16.5034H6.50114V17.5037H5.50091V18.5039H4.50068V17.5037H3.50045V16.5034H4.50068ZM15.5032 13.5028H14.503V14.503H8.50159V12.5025H15.5032V13.5028ZM15.5032 10.5021H8.50159V8.50162H15.5032V10.5021Z\" fill=\"black\" /><path d=\"M23.505 17.5034V16.5032H22.5048V15.5029H21.5045V16.5032H20.5043V15.5029H18.5039V16.5032H17.5036V15.5029H16.5034V16.5032H15.5032V17.5034H16.5034V18.5036H15.5032V20.5041H16.5034V21.5043H15.5032V22.5045H16.5034V23.5047H17.5036V22.5045H18.5039V23.5047H20.5043V22.5045H21.5045V23.5047H22.5048V22.5045H23.505V21.5043H22.5048V20.5041H23.505V18.5036H22.5048V17.5034H23.505ZM20.5043 20.5041H18.5039V18.5036H20.5043V20.5041Z\" fill=\"black\" /><path d=\"M13.5027 2.50023V4.50068H5.50085V2.50023H6.50108V1.5H12.5024V2.50023H13.5027Z\" fill=\"black\" /></svg>;\nexport default SvgProductManagement;","// 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/product-management.svg';\n\n/**\n * @component\n * @name ProductManagement\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 ProductManagement: 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\nProductManagement.displayName = 'ProductManagement';\n\nexport default ProductManagement;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/purcats/product-management.svg","../../src/icons/product-management.tsx"],"names":["jsxs","jsx","forwardRef","useCallback","product_management_default"],"mappings":";;;;;;AACA,IAAM,oBAAA,GAAuB,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,43BAAA,EAA63B,IAAA,EAAK,OAAA,EAAQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gaAAA,EAAia,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,+EAAA,EAAgF,MAAK,OAAA,EAAQ;AAAA,CAAA,EAAE,CAAA;AACnkD,IAAO,0BAAA,GAAQ,oBAAA;ACaf,IAAM,iBAAA,GAA4DC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACnI,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,0BAAA;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,iBAAA,CAAkB,WAAA,GAAc,mBAAA;AAEhC,IAAOG,2BAAAA,GAAQ","file":"product-management.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgProductManagement = props => <svg width={24} height={24} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}><path d=\"M16.5034 4.50072V3.50049H14.503V5.50094H4.50068V3.50049H2.50023V4.50072H1.5V22.5048H2.50023V23.505H15.5032V22.5048H14.503V21.5046H15.5032V20.5044H14.503V18.5039H15.5032V17.5037H14.503V16.5034H15.5032V15.5032H16.5034V14.503H17.5036V4.50072H16.5034ZM12.5025 18.5039H8.50159V16.5034H12.5025V18.5039ZM12.5025 21.5046H3.50045V20.5044H12.5025V21.5046ZM3.50045 8.50162H4.50068V9.50185H5.50091V8.50162H6.50114V7.5014H7.50136V8.50162H6.50114V9.50185H5.50091V10.5021H4.50068V9.50185H3.50045V8.50162ZM3.50045 12.5025H4.50068V13.5028H5.50091V12.5025H6.50114V11.5023H7.50136V12.5025H6.50114V13.5028H5.50091V14.503H4.50068V13.5028H3.50045V12.5025ZM4.50068 16.5034V17.5037H5.50091V16.5034H6.50114V15.5032H7.50136V16.5034H6.50114V17.5037H5.50091V18.5039H4.50068V17.5037H3.50045V16.5034H4.50068ZM15.5032 13.5028H14.503V14.503H8.50159V12.5025H15.5032V13.5028ZM15.5032 10.5021H8.50159V8.50162H15.5032V10.5021Z\" fill=\"black\" /><path d=\"M23.505 17.5034V16.5032H22.5048V15.5029H21.5045V16.5032H20.5043V15.5029H18.5039V16.5032H17.5036V15.5029H16.5034V16.5032H15.5032V17.5034H16.5034V18.5036H15.5032V20.5041H16.5034V21.5043H15.5032V22.5045H16.5034V23.5047H17.5036V22.5045H18.5039V23.5047H20.5043V22.5045H21.5045V23.5047H22.5048V22.5045H23.505V21.5043H22.5048V20.5041H23.505V18.5036H22.5048V17.5034H23.505ZM20.5043 20.5041H18.5039V18.5036H20.5043V20.5041Z\" fill=\"black\" /><path d=\"M13.5027 2.50023V4.50068H5.50085V2.50023H6.50108V1.5H12.5024V2.50023H13.5027Z\" fill=\"black\" /></svg>;\nexport default SvgProductManagement;","// 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/product-management.svg';\n\n/**\n * @component\n * @name ProductManagement\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 ProductManagement: 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\nProductManagement.displayName = 'ProductManagement';\n\nexport default ProductManagement;\n"]}

package/dist/icons/product-management.js

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import { forwardRef, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/icons/product-management.tsx
@@ -9,11 +9,25 @@ var SvgProductManagement = (props) => /* @__PURE__ */ jsxs("svg", { width: 24, h
 ] });
 var product_management_default = SvgProductManagement;
 var ProductManagement = 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(
     product_management_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/product-management.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/purcats/product-management.svg","../../src/icons/product-management.tsx"],"names":["jsx","product_management_default"],"mappings":";;;;AACA,IAAM,oBAAA,GAAuB,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,43BAAA,EAA63B,IAAA,EAAK,OAAA,EAAQ,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gaAAA,EAAia,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,+EAAA,EAAgF,MAAK,OAAA,EAAQ;AAAA,CAAA,EAAE,CAAA;AACnkD,IAAO,0BAAA,GAAQ,oBAAA;ACaf,IAAM,iBAAA,GAA4D,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACnI,EAAA,uBACEA,GAAAA;AAAA,IAAC,0BAAA;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,iBAAA,CAAkB,WAAA,GAAc,mBAAA;AAEhC,IAAOC,2BAAAA,GAAQ","file":"product-management.js","sourcesContent":["import * as React from \"react\";\nconst SvgProductManagement = props => <svg width={24} height={24} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}><path d=\"M16.5034 4.50072V3.50049H14.503V5.50094H4.50068V3.50049H2.50023V4.50072H1.5V22.5048H2.50023V23.505H15.5032V22.5048H14.503V21.5046H15.5032V20.5044H14.503V18.5039H15.5032V17.5037H14.503V16.5034H15.5032V15.5032H16.5034V14.503H17.5036V4.50072H16.5034ZM12.5025 18.5039H8.50159V16.5034H12.5025V18.5039ZM12.5025 21.5046H3.50045V20.5044H12.5025V21.5046ZM3.50045 8.50162H4.50068V9.50185H5.50091V8.50162H6.50114V7.5014H7.50136V8.50162H6.50114V9.50185H5.50091V10.5021H4.50068V9.50185H3.50045V8.50162ZM3.50045 12.5025H4.50068V13.5028H5.50091V12.5025H6.50114V11.5023H7.50136V12.5025H6.50114V13.5028H5.50091V14.503H4.50068V13.5028H3.50045V12.5025ZM4.50068 16.5034V17.5037H5.50091V16.5034H6.50114V15.5032H7.50136V16.5034H6.50114V17.5037H5.50091V18.5039H4.50068V17.5037H3.50045V16.5034H4.50068ZM15.5032 13.5028H14.503V14.503H8.50159V12.5025H15.5032V13.5028ZM15.5032 10.5021H8.50159V8.50162H15.5032V10.5021Z\" fill=\"black\" /><path d=\"M23.505 17.5034V16.5032H22.5048V15.5029H21.5045V16.5032H20.5043V15.5029H18.5039V16.5032H17.5036V15.5029H16.5034V16.5032H15.5032V17.5034H16.5034V18.5036H15.5032V20.5041H16.5034V21.5043H15.5032V22.5045H16.5034V23.5047H17.5036V22.5045H18.5039V23.5047H20.5043V22.5045H21.5045V23.5047H22.5048V22.5045H23.505V21.5043H22.5048V20.5041H23.505V18.5036H22.5048V17.5034H23.505ZM20.5043 20.5041H18.5039V18.5036H20.5043V20.5041Z\" fill=\"black\" /><path d=\"M13.5027 2.50023V4.50068H5.50085V2.50023H6.50108V1.5H12.5024V2.50023H13.5027Z\" fill=\"black\" /></svg>;\nexport default SvgProductManagement;","// 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/product-management.svg';\n\n/**\n * @component\n * @name ProductManagement\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 ProductManagement: 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\nProductManagement.displayName = 'ProductManagement';\n\nexport default ProductManagement;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/purcats/product-management.svg","../../src/icons/product-management.tsx"],"names":["jsx","product_management_default"],"mappings":";;;;AACA,IAAM,oBAAA,GAAuB,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,43BAAA,EAA63B,IAAA,EAAK,OAAA,EAAQ,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gaAAA,EAAia,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,+EAAA,EAAgF,MAAK,OAAA,EAAQ;AAAA,CAAA,EAAE,CAAA;AACnkD,IAAO,0BAAA,GAAQ,oBAAA;ACaf,IAAM,iBAAA,GAA4D,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACnI,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,0BAAA;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,iBAAA,CAAkB,WAAA,GAAc,mBAAA;AAEhC,IAAOC,2BAAAA,GAAQ","file":"product-management.js","sourcesContent":["import * as React from \"react\";\nconst SvgProductManagement = props => <svg width={24} height={24} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}><path d=\"M16.5034 4.50072V3.50049H14.503V5.50094H4.50068V3.50049H2.50023V4.50072H1.5V22.5048H2.50023V23.505H15.5032V22.5048H14.503V21.5046H15.5032V20.5044H14.503V18.5039H15.5032V17.5037H14.503V16.5034H15.5032V15.5032H16.5034V14.503H17.5036V4.50072H16.5034ZM12.5025 18.5039H8.50159V16.5034H12.5025V18.5039ZM12.5025 21.5046H3.50045V20.5044H12.5025V21.5046ZM3.50045 8.50162H4.50068V9.50185H5.50091V8.50162H6.50114V7.5014H7.50136V8.50162H6.50114V9.50185H5.50091V10.5021H4.50068V9.50185H3.50045V8.50162ZM3.50045 12.5025H4.50068V13.5028H5.50091V12.5025H6.50114V11.5023H7.50136V12.5025H6.50114V13.5028H5.50091V14.503H4.50068V13.5028H3.50045V12.5025ZM4.50068 16.5034V17.5037H5.50091V16.5034H6.50114V15.5032H7.50136V16.5034H6.50114V17.5037H5.50091V18.5039H4.50068V17.5037H3.50045V16.5034H4.50068ZM15.5032 13.5028H14.503V14.503H8.50159V12.5025H15.5032V13.5028ZM15.5032 10.5021H8.50159V8.50162H15.5032V10.5021Z\" fill=\"black\" /><path d=\"M23.505 17.5034V16.5032H22.5048V15.5029H21.5045V16.5032H20.5043V15.5029H18.5039V16.5032H17.5036V15.5029H16.5034V16.5032H15.5032V17.5034H16.5034V18.5036H15.5032V20.5041H16.5034V21.5043H15.5032V22.5045H16.5034V23.5047H17.5036V22.5045H18.5039V23.5047H20.5043V22.5045H21.5045V23.5047H22.5048V22.5045H23.505V21.5043H22.5048V20.5041H23.505V18.5036H22.5048V17.5034H23.505ZM20.5043 20.5041H18.5039V18.5036H20.5043V20.5041Z\" fill=\"black\" /><path d=\"M13.5027 2.50023V4.50068H5.50085V2.50023H6.50108V1.5H12.5024V2.50023H13.5027Z\" fill=\"black\" /></svg>;\nexport default SvgProductManagement;","// 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/product-management.svg';\n\n/**\n * @component\n * @name ProductManagement\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 ProductManagement: 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\nProductManagement.displayName = 'ProductManagement';\n\nexport default ProductManagement;\n"]}

package/dist/icons/programming.cjs

@@ -10,11 +10,25 @@ var SvgProgramming = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width:
 ] });
 var programming_default = SvgProgramming;
 var Programming = 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(
     programming_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/programming.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/purcats/programming.svg","../../src/icons/programming.tsx"],"names":["jsxs","jsx","forwardRef","programming_default"],"mappings":";;;;;;AACA,IAAM,cAAA,GAAiB,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,o1BAAA,EAAq1B,IAAA,EAAK,OAAA,EAAQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2PAAA,EAA4P,MAAK,OAAA,EAAQ;AAAA,CAAA,EAAE,CAAA;AACzwC,IAAO,mBAAA,GAAQ,cAAA;ACaf,IAAM,WAAA,GAAsDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC7H,EAAA,uBACED,cAAAA;AAAA,IAAC,mBAAA;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,IAAOE,oBAAAA,GAAQ","file":"programming.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgProgramming = props => <svg width={24} height={24} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}><path d=\"M1.5 6.50098V21.5044H2.50023V22.5046H3.50045V23.5048H21.5045V22.5046H22.5048V21.5044H23.505V6.50098H1.5ZM9.50182 9.50166H8.50159V10.5019H7.50136V12.5023H6.50114V13.5026H5.50091V15.503H6.50114V16.5033H7.50136V18.5037H8.50159V19.5039H9.50182V20.5042H7.50136V19.5039H6.50114V18.5037H5.50091V16.5033H4.50068V15.503H3.50045V13.5026H4.50068V12.5023H5.50091V10.5019H6.50114V9.50166H7.50136V8.50143H9.50182V9.50166ZM14.503 12.5023H13.5027V16.5033H12.5025V20.5042H11.5023V21.5044H10.502V16.5033H11.5023V13.5026H12.5025V8.50143H13.5027V7.5012H14.503V12.5023ZM21.5045 15.503H20.5043V16.5033H19.5041V18.5037H18.5039V19.5039H17.5036V20.5042H15.5032V19.5039H16.5034V18.5037H17.5036V16.5033H18.5039V15.503H19.5041V13.5026H18.5039V12.5023H17.5036V10.5019H16.5034V9.50166H15.5032V8.50143H17.5036V9.50166H18.5039V10.5019H19.5041V12.5023H20.5043V13.5026H21.5045V15.503Z\" fill=\"black\" /><path d=\"M22.5048 3.50045V2.50023H21.5045V1.5H3.50045V2.50023H2.50023V3.50045H1.5V5.50091H23.505V3.50045H22.5048ZM4.50068 4.50068V2.50023H6.50114V4.50068H4.50068ZM7.50136 4.50068V2.50023H9.50182V4.50068H7.50136ZM10.502 4.50068V2.50023H12.5025V4.50068H10.502Z\" fill=\"black\" /></svg>;\nexport default SvgProgramming;","// 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/programming.svg';\n\n/**\n * @component\n * @name Programming\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 Programming: 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\nProgramming.displayName = 'Programming';\n\nexport default Programming;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/purcats/programming.svg","../../src/icons/programming.tsx"],"names":["jsxs","jsx","forwardRef","useCallback","programming_default"],"mappings":";;;;;;AACA,IAAM,cAAA,GAAiB,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,o1BAAA,EAAq1B,IAAA,EAAK,OAAA,EAAQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2PAAA,EAA4P,MAAK,OAAA,EAAQ;AAAA,CAAA,EAAE,CAAA;AACzwC,IAAO,mBAAA,GAAQ,cAAA;ACaf,IAAM,WAAA,GAAsDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC7H,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,mBAAA;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,IAAOG,oBAAAA,GAAQ","file":"programming.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgProgramming = props => <svg width={24} height={24} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}><path d=\"M1.5 6.50098V21.5044H2.50023V22.5046H3.50045V23.5048H21.5045V22.5046H22.5048V21.5044H23.505V6.50098H1.5ZM9.50182 9.50166H8.50159V10.5019H7.50136V12.5023H6.50114V13.5026H5.50091V15.503H6.50114V16.5033H7.50136V18.5037H8.50159V19.5039H9.50182V20.5042H7.50136V19.5039H6.50114V18.5037H5.50091V16.5033H4.50068V15.503H3.50045V13.5026H4.50068V12.5023H5.50091V10.5019H6.50114V9.50166H7.50136V8.50143H9.50182V9.50166ZM14.503 12.5023H13.5027V16.5033H12.5025V20.5042H11.5023V21.5044H10.502V16.5033H11.5023V13.5026H12.5025V8.50143H13.5027V7.5012H14.503V12.5023ZM21.5045 15.503H20.5043V16.5033H19.5041V18.5037H18.5039V19.5039H17.5036V20.5042H15.5032V19.5039H16.5034V18.5037H17.5036V16.5033H18.5039V15.503H19.5041V13.5026H18.5039V12.5023H17.5036V10.5019H16.5034V9.50166H15.5032V8.50143H17.5036V9.50166H18.5039V10.5019H19.5041V12.5023H20.5043V13.5026H21.5045V15.503Z\" fill=\"black\" /><path d=\"M22.5048 3.50045V2.50023H21.5045V1.5H3.50045V2.50023H2.50023V3.50045H1.5V5.50091H23.505V3.50045H22.5048ZM4.50068 4.50068V2.50023H6.50114V4.50068H4.50068ZM7.50136 4.50068V2.50023H9.50182V4.50068H7.50136ZM10.502 4.50068V2.50023H12.5025V4.50068H10.502Z\" fill=\"black\" /></svg>;\nexport default SvgProgramming;","// 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/programming.svg';\n\n/**\n * @component\n * @name Programming\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 Programming: 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\nProgramming.displayName = 'Programming';\n\nexport default Programming;\n"]}

package/dist/icons/programming.js

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import { forwardRef, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/icons/programming.tsx
@@ -8,11 +8,25 @@ var SvgProgramming = (props) => /* @__PURE__ */ jsxs("svg", { width: 24, height:
 ] });
 var programming_default = SvgProgramming;
 var Programming = 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(
     programming_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/programming.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/purcats/programming.svg","../../src/icons/programming.tsx"],"names":["jsx","programming_default"],"mappings":";;;;AACA,IAAM,cAAA,GAAiB,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,o1BAAA,EAAq1B,IAAA,EAAK,OAAA,EAAQ,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2PAAA,EAA4P,MAAK,OAAA,EAAQ;AAAA,CAAA,EAAE,CAAA;AACzwC,IAAO,mBAAA,GAAQ,cAAA;ACaf,IAAM,WAAA,GAAsD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC7H,EAAA,uBACEA,GAAAA;AAAA,IAAC,mBAAA;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,oBAAAA,GAAQ","file":"programming.js","sourcesContent":["import * as React from \"react\";\nconst SvgProgramming = props => <svg width={24} height={24} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}><path d=\"M1.5 6.50098V21.5044H2.50023V22.5046H3.50045V23.5048H21.5045V22.5046H22.5048V21.5044H23.505V6.50098H1.5ZM9.50182 9.50166H8.50159V10.5019H7.50136V12.5023H6.50114V13.5026H5.50091V15.503H6.50114V16.5033H7.50136V18.5037H8.50159V19.5039H9.50182V20.5042H7.50136V19.5039H6.50114V18.5037H5.50091V16.5033H4.50068V15.503H3.50045V13.5026H4.50068V12.5023H5.50091V10.5019H6.50114V9.50166H7.50136V8.50143H9.50182V9.50166ZM14.503 12.5023H13.5027V16.5033H12.5025V20.5042H11.5023V21.5044H10.502V16.5033H11.5023V13.5026H12.5025V8.50143H13.5027V7.5012H14.503V12.5023ZM21.5045 15.503H20.5043V16.5033H19.5041V18.5037H18.5039V19.5039H17.5036V20.5042H15.5032V19.5039H16.5034V18.5037H17.5036V16.5033H18.5039V15.503H19.5041V13.5026H18.5039V12.5023H17.5036V10.5019H16.5034V9.50166H15.5032V8.50143H17.5036V9.50166H18.5039V10.5019H19.5041V12.5023H20.5043V13.5026H21.5045V15.503Z\" fill=\"black\" /><path d=\"M22.5048 3.50045V2.50023H21.5045V1.5H3.50045V2.50023H2.50023V3.50045H1.5V5.50091H23.505V3.50045H22.5048ZM4.50068 4.50068V2.50023H6.50114V4.50068H4.50068ZM7.50136 4.50068V2.50023H9.50182V4.50068H7.50136ZM10.502 4.50068V2.50023H12.5025V4.50068H10.502Z\" fill=\"black\" /></svg>;\nexport default SvgProgramming;","// 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/programming.svg';\n\n/**\n * @component\n * @name Programming\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 Programming: 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\nProgramming.displayName = 'Programming';\n\nexport default Programming;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/purcats/programming.svg","../../src/icons/programming.tsx"],"names":["jsx","programming_default"],"mappings":";;;;AACA,IAAM,cAAA,GAAiB,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,o1BAAA,EAAq1B,IAAA,EAAK,OAAA,EAAQ,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2PAAA,EAA4P,MAAK,OAAA,EAAQ;AAAA,CAAA,EAAE,CAAA;AACzwC,IAAO,mBAAA,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,mBAAA;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,oBAAAA,GAAQ","file":"programming.js","sourcesContent":["import * as React from \"react\";\nconst SvgProgramming = props => <svg width={24} height={24} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}><path d=\"M1.5 6.50098V21.5044H2.50023V22.5046H3.50045V23.5048H21.5045V22.5046H22.5048V21.5044H23.505V6.50098H1.5ZM9.50182 9.50166H8.50159V10.5019H7.50136V12.5023H6.50114V13.5026H5.50091V15.503H6.50114V16.5033H7.50136V18.5037H8.50159V19.5039H9.50182V20.5042H7.50136V19.5039H6.50114V18.5037H5.50091V16.5033H4.50068V15.503H3.50045V13.5026H4.50068V12.5023H5.50091V10.5019H6.50114V9.50166H7.50136V8.50143H9.50182V9.50166ZM14.503 12.5023H13.5027V16.5033H12.5025V20.5042H11.5023V21.5044H10.502V16.5033H11.5023V13.5026H12.5025V8.50143H13.5027V7.5012H14.503V12.5023ZM21.5045 15.503H20.5043V16.5033H19.5041V18.5037H18.5039V19.5039H17.5036V20.5042H15.5032V19.5039H16.5034V18.5037H17.5036V16.5033H18.5039V15.503H19.5041V13.5026H18.5039V12.5023H17.5036V10.5019H16.5034V9.50166H15.5032V8.50143H17.5036V9.50166H18.5039V10.5019H19.5041V12.5023H20.5043V13.5026H21.5045V15.503Z\" fill=\"black\" /><path d=\"M22.5048 3.50045V2.50023H21.5045V1.5H3.50045V2.50023H2.50023V3.50045H1.5V5.50091H23.505V3.50045H22.5048ZM4.50068 4.50068V2.50023H6.50114V4.50068H4.50068ZM7.50136 4.50068V2.50023H9.50182V4.50068H7.50136ZM10.502 4.50068V2.50023H12.5025V4.50068H10.502Z\" fill=\"black\" /></svg>;\nexport default SvgProgramming;","// 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/programming.svg';\n\n/**\n * @component\n * @name Programming\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 Programming: 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\nProgramming.displayName = 'Programming';\n\nexport default Programming;\n"]}

package/dist/icons/question-solid.cjs

@@ -10,11 +10,25 @@ var SvgQuestionSolid = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { id: "
 ] });
 var question_solid_default = SvgQuestionSolid;
 var QuestionSolid = 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(
     question_solid_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/question-solid.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/question-solid.svg","../../src/icons/question-solid.tsx"],"names":["jsxs","jsx","forwardRef","question_solid_default"],"mappings":";;;;;;AACA,IAAM,gBAAA,GAAmB,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,oBAAA,EAAqB,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,wOAAA,EAAyO,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,6EAAA,EAA8E;AAAA,CAAA,EAAE,CAAA;AAC5d,IAAO,sBAAA,GAAQ,gBAAA;ACaf,IAAM,aAAA,GAAwDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC/H,EAAA,uBACED,cAAAA;AAAA,IAAC,sBAAA;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,aAAA,CAAc,WAAA,GAAc,eAAA;AAE5B,IAAOE,uBAAAA,GAAQ","file":"question-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgQuestionSolid = props => <svg id=\"_24px_Grid_copy_65\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"18 5 18 11 17 11 17 12 15 12 15 13 14 13 14 15 9 15 9 12 10 12 10 11 11 11 11 10 13 10 13 9 14 9 14 7 13 7 13 6 11 6 11 7 10 7 10 8 9 8 9 9 8 9 8 8 7 8 7 7 6 7 6 6 5 6 5 5 6 5 6 4 7 4 7 3 9 3 9 2 15 2 15 3 16 3 16 4 17 4 17 5 18 5\" /><polygon points=\"13 18 14 18 14 21 13 21 13 22 10 22 10 21 9 21 9 18 10 18 10 17 13 17 13 18\" /></svg>;\nexport default SvgQuestionSolid;","// 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/question-solid.svg';\n\n/**\n * @component\n * @name QuestionSolid\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 QuestionSolid: 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\nQuestionSolid.displayName = 'QuestionSolid';\n\nexport default QuestionSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/question-solid.svg","../../src/icons/question-solid.tsx"],"names":["jsxs","jsx","forwardRef","useCallback","question_solid_default"],"mappings":";;;;;;AACA,IAAM,gBAAA,GAAmB,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,oBAAA,EAAqB,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,wOAAA,EAAyO,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,6EAAA,EAA8E;AAAA,CAAA,EAAE,CAAA;AAC5d,IAAO,sBAAA,GAAQ,gBAAA;ACaf,IAAM,aAAA,GAAwDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC/H,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,sBAAA;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,aAAA,CAAc,WAAA,GAAc,eAAA;AAE5B,IAAOG,uBAAAA,GAAQ","file":"question-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgQuestionSolid = props => <svg id=\"_24px_Grid_copy_65\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"18 5 18 11 17 11 17 12 15 12 15 13 14 13 14 15 9 15 9 12 10 12 10 11 11 11 11 10 13 10 13 9 14 9 14 7 13 7 13 6 11 6 11 7 10 7 10 8 9 8 9 9 8 9 8 8 7 8 7 7 6 7 6 6 5 6 5 5 6 5 6 4 7 4 7 3 9 3 9 2 15 2 15 3 16 3 16 4 17 4 17 5 18 5\" /><polygon points=\"13 18 14 18 14 21 13 21 13 22 10 22 10 21 9 21 9 18 10 18 10 17 13 17 13 18\" /></svg>;\nexport default SvgQuestionSolid;","// 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/question-solid.svg';\n\n/**\n * @component\n * @name QuestionSolid\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 QuestionSolid: 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\nQuestionSolid.displayName = 'QuestionSolid';\n\nexport default QuestionSolid;\n"]}