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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/receipt-solid.svg","../../src/icons/receipt-solid.tsx"],"names":["jsx","receipt_solid_default"],"mappings":";;;;AACA,IAAM,kBAAkB,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,WAAU,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,0LAAyL,CAAA,EAAE,CAAA;AACxT,IAAO,qBAAA,GAAQ,eAAA;ACaf,IAAM,YAAA,GAAuD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC9H,EAAA,uBACEA,GAAAA;AAAA,IAAC,qBAAA;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,YAAA,CAAa,WAAA,GAAc,cAAA;AAE3B,IAAOC,sBAAAA,GAAQ","file":"receipt-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgReceiptSolid = props => <svg id=\"Receipt\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><path d=\"m19,1v1h-1v1h-1v-1h-1v-1h-2v1h-1v1h-2v-1h-1v-1h-2v1h-1v1h-1v-1h-1v-1h-1v22h1v-1h1v-1h1v1h1v1h2v-1h1v-1h2v1h1v1h2v-1h1v-1h1v1h1v1h1V1h-1Zm-1,8H6v-2h12v2Zm0,4H6v-2h12v2Zm0,4H6v-2h12v2Z\" /></svg>;\nexport default SvgReceiptSolid;","// 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/receipt-solid.svg';\n\n/**\n * @component\n * @name ReceiptSolid\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 ReceiptSolid: 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\nReceiptSolid.displayName = 'ReceiptSolid';\n\nexport default ReceiptSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/receipt-solid.svg","../../src/icons/receipt-solid.tsx"],"names":["jsx","receipt_solid_default"],"mappings":";;;;AACA,IAAM,kBAAkB,CAAA,KAAA,qBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,WAAU,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,0LAAyL,CAAA,EAAE,CAAA;AACxT,IAAO,qBAAA,GAAQ,eAAA;ACaf,IAAM,YAAA,GAAuD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC9H,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,qBAAA;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,YAAA,CAAa,WAAA,GAAc,cAAA;AAE3B,IAAOC,sBAAAA,GAAQ","file":"receipt-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgReceiptSolid = props => <svg id=\"Receipt\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><path d=\"m19,1v1h-1v1h-1v-1h-1v-1h-2v1h-1v1h-2v-1h-1v-1h-2v1h-1v1h-1v-1h-1v-1h-1v22h1v-1h1v-1h1v1h1v1h2v-1h1v-1h2v1h1v1h2v-1h1v-1h1v1h1v1h1V1h-1Zm-1,8H6v-2h12v2Zm0,4H6v-2h12v2Zm0,4H6v-2h12v2Z\" /></svg>;\nexport default SvgReceiptSolid;","// 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/receipt-solid.svg';\n\n/**\n * @component\n * @name ReceiptSolid\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 ReceiptSolid: 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\nReceiptSolid.displayName = 'ReceiptSolid';\n\nexport default ReceiptSolid;\n"]}

package/dist/icons/receipt.cjs

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

package/dist/icons/receipt.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/receipt.svg","../../src/icons/receipt.tsx"],"names":["jsxs","jsx","forwardRef","receipt_default"],"mappings":";;;;;;AACA,IAAM,UAAA,GAAa,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,SAAA,EAAU,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,GAAG,CAAA,EAAG,CAAA,EAAG,IAAI,KAAA,EAAO,EAAA,EAAI,QAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,EAAA,EAAI,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,CAAA,EAAG,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2OAAA,EAA4O;AAAA,CAAA,EAAE,CAAA;AACte,IAAO,eAAA,GAAQ,UAAA;ACaf,IAAM,OAAA,GAAkDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACzH,EAAA,uBACED,cAAAA;AAAA,IAAC,eAAA;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,OAAA,CAAQ,WAAA,GAAc,SAAA;AAEtB,IAAOE,gBAAAA,GAAQ","file":"receipt.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgReceipt = props => <svg id=\"Receipt\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><rect x={7} y={15} width={10} height={2} /><rect x={7} y={11} width={10} height={2} /><rect x={7} y={7} width={10} height={2} /><path d=\"m19,1v1h-1v1h-1v-1h-1v-1h-2v1h-1v1h-2v-1h-1v-1h-2v1h-1v1h-1v-1h-1v-1h-1v22h1v-1h1v-1h1v1h1v1h2v-1h1v-1h2v1h1v1h2v-1h1v-1h1v1h1v1h1V1h-1Zm-3,19v1h-2v-1h-1v-1h-2v1h-1v1h-2v-1h-1v-1h-1V5h1v-1h1v-1h2v1h1v1h2v-1h1v-1h2v1h1v1h1v14h-1v1h-1Z\" /></svg>;\nexport default SvgReceipt;","// 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/receipt.svg';\n\n/**\n * @component\n * @name Receipt\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 Receipt: 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\nReceipt.displayName = 'Receipt';\n\nexport default Receipt;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/receipt.svg","../../src/icons/receipt.tsx"],"names":["jsxs","jsx","forwardRef","useCallback","receipt_default"],"mappings":";;;;;;AACA,IAAM,UAAA,GAAa,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,SAAA,EAAU,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,GAAG,CAAA,EAAG,CAAA,EAAG,IAAI,KAAA,EAAO,EAAA,EAAI,QAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,EAAA,EAAI,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,CAAA,EAAG,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2OAAA,EAA4O;AAAA,CAAA,EAAE,CAAA;AACte,IAAO,eAAA,GAAQ,UAAA;ACaf,IAAM,OAAA,GAAkDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACzH,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,eAAA;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,OAAA,CAAQ,WAAA,GAAc,SAAA;AAEtB,IAAOG,gBAAAA,GAAQ","file":"receipt.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgReceipt = props => <svg id=\"Receipt\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><rect x={7} y={15} width={10} height={2} /><rect x={7} y={11} width={10} height={2} /><rect x={7} y={7} width={10} height={2} /><path d=\"m19,1v1h-1v1h-1v-1h-1v-1h-2v1h-1v1h-2v-1h-1v-1h-2v1h-1v1h-1v-1h-1v-1h-1v22h1v-1h1v-1h1v1h1v1h2v-1h1v-1h2v1h1v1h2v-1h1v-1h1v1h1v1h1V1h-1Zm-3,19v1h-2v-1h-1v-1h-2v1h-1v1h-2v-1h-1v-1h-1V5h1v-1h1v-1h2v1h1v1h2v-1h1v-1h2v1h1v1h1v14h-1v1h-1Z\" /></svg>;\nexport default SvgReceipt;","// 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/receipt.svg';\n\n/**\n * @component\n * @name Receipt\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 Receipt: 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\nReceipt.displayName = 'Receipt';\n\nexport default Receipt;\n"]}

package/dist/icons/receipt.js

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

package/dist/icons/receipt.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/receipt.svg","../../src/icons/receipt.tsx"],"names":["jsx","receipt_default"],"mappings":";;;;AACA,IAAM,UAAA,GAAa,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,SAAA,EAAU,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,GAAG,CAAA,EAAG,CAAA,EAAG,IAAI,KAAA,EAAO,EAAA,EAAI,QAAQ,CAAA,EAAG,CAAA;AAAA,kBAAE,GAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,EAAA,EAAI,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAE,GAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,CAAA,EAAG,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2OAAA,EAA4O;AAAA,CAAA,EAAE,CAAA;AACte,IAAO,eAAA,GAAQ,UAAA;ACaf,IAAM,OAAA,GAAkD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACzH,EAAA,uBACEA,GAAAA;AAAA,IAAC,eAAA;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,OAAA,CAAQ,WAAA,GAAc,SAAA;AAEtB,IAAOC,gBAAAA,GAAQ","file":"receipt.js","sourcesContent":["import * as React from \"react\";\nconst SvgReceipt = props => <svg id=\"Receipt\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><rect x={7} y={15} width={10} height={2} /><rect x={7} y={11} width={10} height={2} /><rect x={7} y={7} width={10} height={2} /><path d=\"m19,1v1h-1v1h-1v-1h-1v-1h-2v1h-1v1h-2v-1h-1v-1h-2v1h-1v1h-1v-1h-1v-1h-1v22h1v-1h1v-1h1v1h1v1h2v-1h1v-1h2v1h1v1h2v-1h1v-1h1v1h1v1h1V1h-1Zm-3,19v1h-2v-1h-1v-1h-2v1h-1v1h-2v-1h-1v-1h-1V5h1v-1h1v-1h2v1h1v1h2v-1h1v-1h2v1h1v1h1v14h-1v1h-1Z\" /></svg>;\nexport default SvgReceipt;","// 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/receipt.svg';\n\n/**\n * @component\n * @name Receipt\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 Receipt: 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\nReceipt.displayName = 'Receipt';\n\nexport default Receipt;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/receipt.svg","../../src/icons/receipt.tsx"],"names":["jsx","receipt_default"],"mappings":";;;;AACA,IAAM,UAAA,GAAa,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,SAAA,EAAU,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,GAAG,CAAA,EAAG,CAAA,EAAG,IAAI,KAAA,EAAO,EAAA,EAAI,QAAQ,CAAA,EAAG,CAAA;AAAA,kBAAE,GAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,EAAA,EAAI,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAE,GAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,CAAA,EAAG,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2OAAA,EAA4O;AAAA,CAAA,EAAE,CAAA;AACte,IAAO,eAAA,GAAQ,UAAA;ACaf,IAAM,OAAA,GAAkD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACzH,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,eAAA;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,OAAA,CAAQ,WAAA,GAAc,SAAA;AAEtB,IAAOC,gBAAAA,GAAQ","file":"receipt.js","sourcesContent":["import * as React from \"react\";\nconst SvgReceipt = props => <svg id=\"Receipt\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><rect x={7} y={15} width={10} height={2} /><rect x={7} y={11} width={10} height={2} /><rect x={7} y={7} width={10} height={2} /><path d=\"m19,1v1h-1v1h-1v-1h-1v-1h-2v1h-1v1h-2v-1h-1v-1h-2v1h-1v1h-1v-1h-1v-1h-1v22h1v-1h1v-1h1v1h1v1h2v-1h1v-1h2v1h1v1h2v-1h1v-1h1v1h1v1h1V1h-1Zm-3,19v1h-2v-1h-1v-1h-2v1h-1v1h-2v-1h-1v-1h-1V5h1v-1h1v-1h2v1h1v1h2v-1h1v-1h2v1h1v1h1v14h-1v1h-1Z\" /></svg>;\nexport default SvgReceipt;","// 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/receipt.svg';\n\n/**\n * @component\n * @name Receipt\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 Receipt: 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\nReceipt.displayName = 'Receipt';\n\nexport default Receipt;\n"]}

package/dist/icons/reddit.cjs

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

package/dist/icons/reddit.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/brands/reddit.svg","../../src/icons/reddit.tsx"],"names":["jsxs","jsx","forwardRef","reddit_default"],"mappings":";;;;;;AACA,IAAM,SAAA,GAAY,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,QAAA,EAAS,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,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,yPAAA,EAA0P,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG;AAAA,CAAA,EAAE,CAAA;AACvkB,IAAO,cAAA,GAAQ,SAAA;ACaf,IAAM,MAAA,GAAiDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxH,EAAA,uBACED,cAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAOE,eAAAA,GAAQ","file":"reddit.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgReddit = props => <svg id=\"Reddit\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><rect x={14} y={15} width={1} height={1} /><rect x={13} y={12} width={2} height={2} /><rect x={9} y={12} width={2} height={2} /><rect x={9} y={15} width={1} height={1} /><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-3,5h-1v1h-1v2h-1v1h-2v1h-4v-1h-2v-1h-1v-3h-1v-1h-1v-2h1v-1h2v1h1v-1h3v-5h2v1h3v2h-2v-1h-2v3h2v1h1v-1h2v1h1v3Z\" /><rect x={10} y={16} width={4} height={1} /></svg>;\nexport default SvgReddit;","// 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/reddit.svg';\n\n/**\n * @component\n * @name Reddit\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 Reddit: 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\nReddit.displayName = 'Reddit';\n\nexport default Reddit;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/brands/reddit.svg","../../src/icons/reddit.tsx"],"names":["jsxs","jsx","forwardRef","useCallback","reddit_default"],"mappings":";;;;;;AACA,IAAM,SAAA,GAAY,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,QAAA,EAAS,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,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,yPAAA,EAA0P,CAAA;AAAA,kBAAEA,cAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG;AAAA,CAAA,EAAE,CAAA;AACvkB,IAAO,cAAA,GAAQ,SAAA;ACaf,IAAM,MAAA,GAAiDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxH,EAAA,MAAM,SAAA,GAAYC,iBAAA,CAAY,CAAC,UAAA,KAAqC;AAClE,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,UAAU,CAAA;AAAA,IAChB,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,UAAA;AAAA,IAChB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,gBAAA,CAAiB,sDAAsD,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClG,QAAA,IAAI,CAAC,GAAG,YAAA,CAAa,MAAM,KAAK,EAAA,CAAG,YAAA,CAAa,MAAM,CAAA,KAAM,MAAA,EAAQ;AAClE,UAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,cAAc,CAAA;AAAA,QACxC;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,uBACEF,cAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAOG,eAAAA,GAAQ","file":"reddit.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgReddit = props => <svg id=\"Reddit\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><rect x={14} y={15} width={1} height={1} /><rect x={13} y={12} width={2} height={2} /><rect x={9} y={12} width={2} height={2} /><rect x={9} y={15} width={1} height={1} /><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-3,5h-1v1h-1v2h-1v1h-2v1h-4v-1h-2v-1h-1v-3h-1v-1h-1v-2h1v-1h2v1h1v-1h3v-5h2v1h3v2h-2v-1h-2v3h2v1h1v-1h2v1h1v3Z\" /><rect x={10} y={16} width={4} height={1} /></svg>;\nexport default SvgReddit;","// 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/reddit.svg';\n\n/**\n * @component\n * @name Reddit\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 Reddit: 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\nReddit.displayName = 'Reddit';\n\nexport default Reddit;\n"]}

package/dist/icons/reddit.js

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

package/dist/icons/reddit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/brands/reddit.svg","../../src/icons/reddit.tsx"],"names":["jsx","reddit_default"],"mappings":";;;;AACA,IAAM,SAAA,GAAY,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,QAAA,EAAS,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,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAE,GAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,yPAAA,EAA0P,CAAA;AAAA,kBAAE,GAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG;AAAA,CAAA,EAAE,CAAA;AACvkB,IAAO,cAAA,GAAQ,SAAA;ACaf,IAAM,MAAA,GAAiD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxH,EAAA,uBACEA,GAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAOC,eAAAA,GAAQ","file":"reddit.js","sourcesContent":["import * as React from \"react\";\nconst SvgReddit = props => <svg id=\"Reddit\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><rect x={14} y={15} width={1} height={1} /><rect x={13} y={12} width={2} height={2} /><rect x={9} y={12} width={2} height={2} /><rect x={9} y={15} width={1} height={1} /><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-3,5h-1v1h-1v2h-1v1h-2v1h-4v-1h-2v-1h-1v-3h-1v-1h-1v-2h1v-1h2v1h1v-1h3v-5h2v1h3v2h-2v-1h-2v3h2v1h1v-1h2v1h1v3Z\" /><rect x={10} y={16} width={4} height={1} /></svg>;\nexport default SvgReddit;","// 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/reddit.svg';\n\n/**\n * @component\n * @name Reddit\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 Reddit: 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\nReddit.displayName = 'Reddit';\n\nexport default Reddit;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/brands/reddit.svg","../../src/icons/reddit.tsx"],"names":["jsx","reddit_default"],"mappings":";;;;AACA,IAAM,SAAA,GAAY,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,QAAA,EAAS,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,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAE,GAAA,CAAC,UAAK,CAAA,EAAG,CAAA,EAAG,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,yPAAA,EAA0P,CAAA;AAAA,kBAAE,GAAA,CAAC,UAAK,CAAA,EAAG,EAAA,EAAI,GAAG,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG;AAAA,CAAA,EAAE,CAAA;AACvkB,IAAO,cAAA,GAAQ,SAAA;ACaf,IAAM,MAAA,GAAiD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxH,EAAA,MAAM,SAAA,GAAY,WAAA,CAAY,CAAC,UAAA,KAAqC;AAClE,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,UAAU,CAAA;AAAA,IAChB,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,UAAA;AAAA,IAChB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,gBAAA,CAAiB,sDAAsD,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClG,QAAA,IAAI,CAAC,GAAG,YAAA,CAAa,MAAM,KAAK,EAAA,CAAG,YAAA,CAAa,MAAM,CAAA,KAAM,MAAA,EAAQ;AAClE,UAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,cAAc,CAAA;AAAA,QACxC;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,uBACEA,GAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAOC,eAAAA,GAAQ","file":"reddit.js","sourcesContent":["import * as React from \"react\";\nconst SvgReddit = props => <svg id=\"Reddit\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><rect x={14} y={15} width={1} height={1} /><rect x={13} y={12} width={2} height={2} /><rect x={9} y={12} width={2} height={2} /><rect x={9} y={15} width={1} height={1} /><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-3,5h-1v1h-1v2h-1v1h-2v1h-4v-1h-2v-1h-1v-3h-1v-1h-1v-2h1v-1h2v1h1v-1h3v-5h2v1h3v2h-2v-1h-2v3h2v1h1v-1h2v1h1v3Z\" /><rect x={10} y={16} width={4} height={1} /></svg>;\nexport default SvgReddit;","// 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/reddit.svg';\n\n/**\n * @component\n * @name Reddit\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 Reddit: 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\nReddit.displayName = 'Reddit';\n\nexport default Reddit;\n"]}

package/dist/icons/refresh-solid.cjs

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/refresh-solid.svg","../../src/icons/refresh-solid.tsx"],"names":["jsxs","jsx","forwardRef","refresh_solid_default"],"mappings":";;;;;;AACA,IAAM,eAAA,GAAkB,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,SAAA,EAAU,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,uQAAA,EAAwQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,0NAAA,EAA2N;AAAA,CAAA,EAAE,CAAA;AAC5nB,IAAO,qBAAA,GAAQ,eAAA;ACaf,IAAM,YAAA,GAAuDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC9H,EAAA,uBACED,cAAAA;AAAA,IAAC,qBAAA;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,YAAA,CAAa,WAAA,GAAc,cAAA;AAE3B,IAAOE,sBAAAA,GAAQ","file":"refresh-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgRefreshSolid = props => <svg id=\"Refresh\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"23 14 23 15 22 15 22 17 21 17 21 19 20 19 20 20 19 20 19 21 17 21 17 22 15 22 15 23 9 23 9 22 7 22 7 21 5 21 5 20 3 20 3 21 2 21 2 22 1 22 1 14 9 14 9 15 8 15 8 16 7 16 7 18 8 18 8 19 10 19 10 20 14 20 14 19 16 19 16 18 17 18 17 17 18 17 18 15 19 15 19 14 23 14\" /><polygon points=\"23 2 23 10 15 10 15 9 16 9 16 8 17 8 17 6 16 6 16 5 14 5 14 4 10 4 10 5 8 5 8 6 7 6 7 7 6 7 6 9 5 9 5 10 1 10 1 9 2 9 2 7 3 7 3 5 4 5 4 4 5 4 5 3 7 3 7 2 9 2 9 1 15 1 15 2 17 2 17 3 19 3 19 4 21 4 21 3 22 3 22 2 23 2\" /></svg>;\nexport default SvgRefreshSolid;","// 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/refresh-solid.svg';\n\n/**\n * @component\n * @name RefreshSolid\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 RefreshSolid: 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\nRefreshSolid.displayName = 'RefreshSolid';\n\nexport default RefreshSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/refresh-solid.svg","../../src/icons/refresh-solid.tsx"],"names":["jsxs","jsx","forwardRef","useCallback","refresh_solid_default"],"mappings":";;;;;;AACA,IAAM,eAAA,GAAkB,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,SAAA,EAAU,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,uQAAA,EAAwQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,0NAAA,EAA2N;AAAA,CAAA,EAAE,CAAA;AAC5nB,IAAO,qBAAA,GAAQ,eAAA;ACaf,IAAM,YAAA,GAAuDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC9H,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,qBAAA;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,YAAA,CAAa,WAAA,GAAc,cAAA;AAE3B,IAAOG,sBAAAA,GAAQ","file":"refresh-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgRefreshSolid = props => <svg id=\"Refresh\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"23 14 23 15 22 15 22 17 21 17 21 19 20 19 20 20 19 20 19 21 17 21 17 22 15 22 15 23 9 23 9 22 7 22 7 21 5 21 5 20 3 20 3 21 2 21 2 22 1 22 1 14 9 14 9 15 8 15 8 16 7 16 7 18 8 18 8 19 10 19 10 20 14 20 14 19 16 19 16 18 17 18 17 17 18 17 18 15 19 15 19 14 23 14\" /><polygon points=\"23 2 23 10 15 10 15 9 16 9 16 8 17 8 17 6 16 6 16 5 14 5 14 4 10 4 10 5 8 5 8 6 7 6 7 7 6 7 6 9 5 9 5 10 1 10 1 9 2 9 2 7 3 7 3 5 4 5 4 4 5 4 5 3 7 3 7 2 9 2 9 1 15 1 15 2 17 2 17 3 19 3 19 4 21 4 21 3 22 3 22 2 23 2\" /></svg>;\nexport default SvgRefreshSolid;","// 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/refresh-solid.svg';\n\n/**\n * @component\n * @name RefreshSolid\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 RefreshSolid: 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\nRefreshSolid.displayName = 'RefreshSolid';\n\nexport default RefreshSolid;\n"]}

package/dist/icons/refresh-solid.js

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import { forwardRef, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/icons/refresh-solid.tsx
@@ -8,11 +8,25 @@ var SvgRefreshSolid = (props) => /* @__PURE__ */ jsxs("svg", { id: "Refresh", xm
 ] });
 var refresh_solid_default = SvgRefreshSolid;
 var RefreshSolid = 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(
     refresh_solid_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

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

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/refresh-solid.svg","../../src/icons/refresh-solid.tsx"],"names":["jsx","refresh_solid_default"],"mappings":";;;;AACA,IAAM,eAAA,GAAkB,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,SAAA,EAAU,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,uQAAA,EAAwQ,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,0NAAA,EAA2N;AAAA,CAAA,EAAE,CAAA;AAC5nB,IAAO,qBAAA,GAAQ,eAAA;ACaf,IAAM,YAAA,GAAuD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC9H,EAAA,uBACEA,GAAAA;AAAA,IAAC,qBAAA;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,YAAA,CAAa,WAAA,GAAc,cAAA;AAE3B,IAAOC,sBAAAA,GAAQ","file":"refresh-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgRefreshSolid = props => <svg id=\"Refresh\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"23 14 23 15 22 15 22 17 21 17 21 19 20 19 20 20 19 20 19 21 17 21 17 22 15 22 15 23 9 23 9 22 7 22 7 21 5 21 5 20 3 20 3 21 2 21 2 22 1 22 1 14 9 14 9 15 8 15 8 16 7 16 7 18 8 18 8 19 10 19 10 20 14 20 14 19 16 19 16 18 17 18 17 17 18 17 18 15 19 15 19 14 23 14\" /><polygon points=\"23 2 23 10 15 10 15 9 16 9 16 8 17 8 17 6 16 6 16 5 14 5 14 4 10 4 10 5 8 5 8 6 7 6 7 7 6 7 6 9 5 9 5 10 1 10 1 9 2 9 2 7 3 7 3 5 4 5 4 4 5 4 5 3 7 3 7 2 9 2 9 1 15 1 15 2 17 2 17 3 19 3 19 4 21 4 21 3 22 3 22 2 23 2\" /></svg>;\nexport default SvgRefreshSolid;","// 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/refresh-solid.svg';\n\n/**\n * @component\n * @name RefreshSolid\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 RefreshSolid: 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\nRefreshSolid.displayName = 'RefreshSolid';\n\nexport default RefreshSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/refresh-solid.svg","../../src/icons/refresh-solid.tsx"],"names":["jsx","refresh_solid_default"],"mappings":";;;;AACA,IAAM,eAAA,GAAkB,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,SAAA,EAAU,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,uQAAA,EAAwQ,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,0NAAA,EAA2N;AAAA,CAAA,EAAE,CAAA;AAC5nB,IAAO,qBAAA,GAAQ,eAAA;ACaf,IAAM,YAAA,GAAuD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC9H,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,qBAAA;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,YAAA,CAAa,WAAA,GAAc,cAAA;AAE3B,IAAOC,sBAAAA,GAAQ","file":"refresh-solid.js","sourcesContent":["import * as React from \"react\";\nconst SvgRefreshSolid = props => <svg id=\"Refresh\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"23 14 23 15 22 15 22 17 21 17 21 19 20 19 20 20 19 20 19 21 17 21 17 22 15 22 15 23 9 23 9 22 7 22 7 21 5 21 5 20 3 20 3 21 2 21 2 22 1 22 1 14 9 14 9 15 8 15 8 16 7 16 7 18 8 18 8 19 10 19 10 20 14 20 14 19 16 19 16 18 17 18 17 17 18 17 18 15 19 15 19 14 23 14\" /><polygon points=\"23 2 23 10 15 10 15 9 16 9 16 8 17 8 17 6 16 6 16 5 14 5 14 4 10 4 10 5 8 5 8 6 7 6 7 7 6 7 6 9 5 9 5 10 1 10 1 9 2 9 2 7 3 7 3 5 4 5 4 4 5 4 5 3 7 3 7 2 9 2 9 1 15 1 15 2 17 2 17 3 19 3 19 4 21 4 21 3 22 3 22 2 23 2\" /></svg>;\nexport default SvgRefreshSolid;","// 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/refresh-solid.svg';\n\n/**\n * @component\n * @name RefreshSolid\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 RefreshSolid: 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\nRefreshSolid.displayName = 'RefreshSolid';\n\nexport default RefreshSolid;\n"]}

package/dist/icons/refresh.cjs

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

package/dist/icons/refresh.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/refresh.svg","../../src/icons/refresh.tsx"],"names":["jsxs","jsx","forwardRef","refresh_default"],"mappings":";;;;;;AACA,IAAM,UAAA,GAAa,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,SAAA,EAAU,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,yPAAA,EAA0P,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,8MAAA,EAA+M;AAAA,CAAA,EAAE,CAAA;AAC7lB,IAAO,eAAA,GAAQ,UAAA;ACaf,IAAM,OAAA,GAAkDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACzH,EAAA,uBACED,cAAAA;AAAA,IAAC,eAAA;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,OAAA,CAAQ,WAAA,GAAc,SAAA;AAEtB,IAAOE,gBAAAA,GAAQ","file":"refresh.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgRefresh = props => <svg id=\"Refresh\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"23 14 23 15 22 15 22 17 21 17 21 19 20 19 20 20 19 20 19 21 17 21 17 22 15 22 15 23 9 23 9 22 7 22 7 21 5 21 5 20 3 20 3 21 2 21 2 22 1 22 1 15 8 15 8 16 7 16 7 17 6 17 6 19 7 19 7 20 9 20 9 21 15 21 15 20 17 20 17 19 19 19 19 17 20 17 20 14 23 14\" /><polygon points=\"23 2 23 9 16 9 16 8 17 8 17 7 18 7 18 5 17 5 17 4 15 4 15 3 9 3 9 4 7 4 7 5 5 5 5 7 4 7 4 10 1 10 1 9 2 9 2 7 3 7 3 5 4 5 4 4 5 4 5 3 7 3 7 2 9 2 9 1 15 1 15 2 17 2 17 3 19 3 19 4 21 4 21 3 22 3 22 2 23 2\" /></svg>;\nexport default SvgRefresh;","// 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/refresh.svg';\n\n/**\n * @component\n * @name Refresh\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 Refresh: 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\nRefresh.displayName = 'Refresh';\n\nexport default Refresh;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/refresh.svg","../../src/icons/refresh.tsx"],"names":["jsxs","jsx","forwardRef","useCallback","refresh_default"],"mappings":";;;;;;AACA,IAAM,UAAA,GAAa,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,SAAA,EAAU,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,yPAAA,EAA0P,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,8MAAA,EAA+M;AAAA,CAAA,EAAE,CAAA;AAC7lB,IAAO,eAAA,GAAQ,UAAA;ACaf,IAAM,OAAA,GAAkDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACzH,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,eAAA;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,OAAA,CAAQ,WAAA,GAAc,SAAA;AAEtB,IAAOG,gBAAAA,GAAQ","file":"refresh.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgRefresh = props => <svg id=\"Refresh\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"23 14 23 15 22 15 22 17 21 17 21 19 20 19 20 20 19 20 19 21 17 21 17 22 15 22 15 23 9 23 9 22 7 22 7 21 5 21 5 20 3 20 3 21 2 21 2 22 1 22 1 15 8 15 8 16 7 16 7 17 6 17 6 19 7 19 7 20 9 20 9 21 15 21 15 20 17 20 17 19 19 19 19 17 20 17 20 14 23 14\" /><polygon points=\"23 2 23 9 16 9 16 8 17 8 17 7 18 7 18 5 17 5 17 4 15 4 15 3 9 3 9 4 7 4 7 5 5 5 5 7 4 7 4 10 1 10 1 9 2 9 2 7 3 7 3 5 4 5 4 4 5 4 5 3 7 3 7 2 9 2 9 1 15 1 15 2 17 2 17 3 19 3 19 4 21 4 21 3 22 3 22 2 23 2\" /></svg>;\nexport default SvgRefresh;","// 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/refresh.svg';\n\n/**\n * @component\n * @name Refresh\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 Refresh: 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\nRefresh.displayName = 'Refresh';\n\nexport default Refresh;\n"]}

package/dist/icons/refresh.js

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

package/dist/icons/refresh.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/refresh.svg","../../src/icons/refresh.tsx"],"names":["jsx","refresh_default"],"mappings":";;;;AACA,IAAM,UAAA,GAAa,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,SAAA,EAAU,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,yPAAA,EAA0P,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,8MAAA,EAA+M;AAAA,CAAA,EAAE,CAAA;AAC7lB,IAAO,eAAA,GAAQ,UAAA;ACaf,IAAM,OAAA,GAAkD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACzH,EAAA,uBACEA,GAAAA;AAAA,IAAC,eAAA;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,OAAA,CAAQ,WAAA,GAAc,SAAA;AAEtB,IAAOC,gBAAAA,GAAQ","file":"refresh.js","sourcesContent":["import * as React from \"react\";\nconst SvgRefresh = props => <svg id=\"Refresh\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"23 14 23 15 22 15 22 17 21 17 21 19 20 19 20 20 19 20 19 21 17 21 17 22 15 22 15 23 9 23 9 22 7 22 7 21 5 21 5 20 3 20 3 21 2 21 2 22 1 22 1 15 8 15 8 16 7 16 7 17 6 17 6 19 7 19 7 20 9 20 9 21 15 21 15 20 17 20 17 19 19 19 19 17 20 17 20 14 23 14\" /><polygon points=\"23 2 23 9 16 9 16 8 17 8 17 7 18 7 18 5 17 5 17 4 15 4 15 3 9 3 9 4 7 4 7 5 5 5 5 7 4 7 4 10 1 10 1 9 2 9 2 7 3 7 3 5 4 5 4 4 5 4 5 3 7 3 7 2 9 2 9 1 15 1 15 2 17 2 17 3 19 3 19 4 21 4 21 3 22 3 22 2 23 2\" /></svg>;\nexport default SvgRefresh;","// 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/refresh.svg';\n\n/**\n * @component\n * @name Refresh\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 Refresh: 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\nRefresh.displayName = 'Refresh';\n\nexport default Refresh;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/regular/refresh.svg","../../src/icons/refresh.tsx"],"names":["jsx","refresh_default"],"mappings":";;;;AACA,IAAM,UAAA,GAAa,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,EAAA,EAAG,SAAA,EAAU,KAAA,EAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,yPAAA,EAA0P,CAAA;AAAA,kBAAE,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,8MAAA,EAA+M;AAAA,CAAA,EAAE,CAAA;AAC7lB,IAAO,eAAA,GAAQ,UAAA;ACaf,IAAM,OAAA,GAAkD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACzH,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,eAAA;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,OAAA,CAAQ,WAAA,GAAc,SAAA;AAEtB,IAAOC,gBAAAA,GAAQ","file":"refresh.js","sourcesContent":["import * as React from \"react\";\nconst SvgRefresh = props => <svg id=\"Refresh\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><polygon points=\"23 14 23 15 22 15 22 17 21 17 21 19 20 19 20 20 19 20 19 21 17 21 17 22 15 22 15 23 9 23 9 22 7 22 7 21 5 21 5 20 3 20 3 21 2 21 2 22 1 22 1 15 8 15 8 16 7 16 7 17 6 17 6 19 7 19 7 20 9 20 9 21 15 21 15 20 17 20 17 19 19 19 19 17 20 17 20 14 23 14\" /><polygon points=\"23 2 23 9 16 9 16 8 17 8 17 7 18 7 18 5 17 5 17 4 15 4 15 3 9 3 9 4 7 4 7 5 5 5 5 7 4 7 4 10 1 10 1 9 2 9 2 7 3 7 3 5 4 5 4 4 5 4 5 3 7 3 7 2 9 2 9 1 15 1 15 2 17 2 17 3 19 3 19 4 21 4 21 3 22 3 22 2 23 2\" /></svg>;\nexport default SvgRefresh;","// 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/refresh.svg';\n\n/**\n * @component\n * @name Refresh\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 Refresh: 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\nRefresh.displayName = 'Refresh';\n\nexport default Refresh;\n"]}

package/dist/icons/remote.cjs

@@ -14,11 +14,25 @@ var SvgRemote = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: 24, h
 ] });
 var remote_default = SvgRemote;
 var Remote = 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(
     remote_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"

package/dist/icons/remote.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/purcats/remote.svg","../../src/icons/remote.tsx"],"names":["jsxs","jsx","forwardRef","remote_default"],"mappings":";;;;;;AACA,IAAM,SAAA,GAAY,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,OAAO,EAAA,EAAI,MAAA,EAAQ,EAAA,EAAI,OAAA,EAAQ,aAAY,IAAA,EAAK,MAAA,EAAO,KAAA,EAAM,4BAAA,EAA8B,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mDAAA,EAAoD,IAAA,EAAK,OAAA,EAAQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mFAAA,EAAoF,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,kFAAA,EAAmF,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mDAAA,EAAoD,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,kFAAA,EAAmF,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mjBAAA,EAAojB,MAAK,OAAA,EAAQ;AAAA,CAAA,EAAE,CAAA;AACrqC,IAAO,cAAA,GAAQ,SAAA;ACaf,IAAM,MAAA,GAAiDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxH,EAAA,uBACED,cAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAOE,eAAAA,GAAQ","file":"remote.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgRemote = props => <svg width={24} height={24} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}><path d=\"M13.5028 16.5034H11.5023V17.5036H13.5028V16.5034Z\" fill=\"black\" /><path d=\"M16.5034 17.5034V19.5039H8.50159V17.5034H11.5023V18.5036H13.5027V17.5034H16.5034Z\" fill=\"black\" /><path d=\"M17.5036 13.5029V16.5036H14.5029V15.5034H10.502V16.5036H7.50134V13.5029H17.5036Z\" fill=\"black\" /><path d=\"M13.5028 11.5024H11.5023V12.5027H13.5028V11.5024Z\" fill=\"black\" /><path d=\"M7.50141 3.50049V5.50094H6.50119V6.50117H5.50096V7.5014H4.50073V3.50049H7.50141Z\" fill=\"black\" /><path d=\"M22.5048 11.5023V10.502H21.5045V9.50182H20.5043V8.50159H19.5041V7.50136H18.5039V6.50114H17.5036V5.50091H16.5034V4.50068H15.5032V3.50045H14.503V2.50023H13.5027V1.5H11.5023V2.50023H10.502V3.50045H9.50182V4.50068H8.50159V5.50091H7.50136V6.50114H6.50114V7.50136H5.50091V8.50159H4.50068V9.50182H3.50045V10.502H2.50023V11.5023H1.5V12.5025H4.50068V23.505H20.5043V12.5025H23.505V11.5023H22.5048ZM18.5039 17.5036H17.5036V19.5041H16.5034V20.5043H8.50159V19.5041H7.50136V17.5036H6.50114V13.5027H7.50136V12.5025H10.502V10.502H14.503V12.5025H17.5036V13.5027H18.5039V17.5036Z\" fill=\"black\" /></svg>;\nexport default SvgRemote;","// 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/remote.svg';\n\n/**\n * @component\n * @name Remote\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 Remote: 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\nRemote.displayName = 'Remote';\n\nexport default Remote;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/purcats/remote.svg","../../src/icons/remote.tsx"],"names":["jsxs","jsx","forwardRef","useCallback","remote_default"],"mappings":";;;;;;AACA,IAAM,SAAA,GAAY,CAAA,KAAA,qBAASA,eAAA,CAAC,KAAA,EAAA,EAAI,OAAO,EAAA,EAAI,MAAA,EAAQ,EAAA,EAAI,OAAA,EAAQ,aAAY,IAAA,EAAK,MAAA,EAAO,KAAA,EAAM,4BAAA,EAA8B,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mDAAA,EAAoD,IAAA,EAAK,OAAA,EAAQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mFAAA,EAAoF,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,kFAAA,EAAmF,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mDAAA,EAAoD,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,kFAAA,EAAmF,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mjBAAA,EAAojB,MAAK,OAAA,EAAQ;AAAA,CAAA,EAAE,CAAA;AACrqC,IAAO,cAAA,GAAQ,SAAA;ACaf,IAAM,MAAA,GAAiDC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxH,EAAA,MAAM,SAAA,GAAYC,iBAAA,CAAY,CAAC,UAAA,KAAqC;AAClE,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,UAAU,CAAA;AAAA,IAChB,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,UAAA;AAAA,IAChB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,gBAAA,CAAiB,sDAAsD,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClG,QAAA,IAAI,CAAC,GAAG,YAAA,CAAa,MAAM,KAAK,EAAA,CAAG,YAAA,CAAa,MAAM,CAAA,KAAM,MAAA,EAAQ;AAClE,UAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,cAAc,CAAA;AAAA,QACxC;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,uBACEF,cAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAOG,eAAAA,GAAQ","file":"remote.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgRemote = props => <svg width={24} height={24} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}><path d=\"M13.5028 16.5034H11.5023V17.5036H13.5028V16.5034Z\" fill=\"black\" /><path d=\"M16.5034 17.5034V19.5039H8.50159V17.5034H11.5023V18.5036H13.5027V17.5034H16.5034Z\" fill=\"black\" /><path d=\"M17.5036 13.5029V16.5036H14.5029V15.5034H10.502V16.5036H7.50134V13.5029H17.5036Z\" fill=\"black\" /><path d=\"M13.5028 11.5024H11.5023V12.5027H13.5028V11.5024Z\" fill=\"black\" /><path d=\"M7.50141 3.50049V5.50094H6.50119V6.50117H5.50096V7.5014H4.50073V3.50049H7.50141Z\" fill=\"black\" /><path d=\"M22.5048 11.5023V10.502H21.5045V9.50182H20.5043V8.50159H19.5041V7.50136H18.5039V6.50114H17.5036V5.50091H16.5034V4.50068H15.5032V3.50045H14.503V2.50023H13.5027V1.5H11.5023V2.50023H10.502V3.50045H9.50182V4.50068H8.50159V5.50091H7.50136V6.50114H6.50114V7.50136H5.50091V8.50159H4.50068V9.50182H3.50045V10.502H2.50023V11.5023H1.5V12.5025H4.50068V23.505H20.5043V12.5025H23.505V11.5023H22.5048ZM18.5039 17.5036H17.5036V19.5041H16.5034V20.5043H8.50159V19.5041H7.50136V17.5036H6.50114V13.5027H7.50136V12.5025H10.502V10.502H14.503V12.5025H17.5036V13.5027H18.5039V17.5036Z\" fill=\"black\" /></svg>;\nexport default SvgRemote;","// 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/remote.svg';\n\n/**\n * @component\n * @name Remote\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 Remote: 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\nRemote.displayName = 'Remote';\n\nexport default Remote;\n"]}

package/dist/icons/remote.js

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

package/dist/icons/remote.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/purcats/remote.svg","../../src/icons/remote.tsx"],"names":["jsx","remote_default"],"mappings":";;;;AACA,IAAM,SAAA,GAAY,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,OAAO,EAAA,EAAI,MAAA,EAAQ,EAAA,EAAI,OAAA,EAAQ,aAAY,IAAA,EAAK,MAAA,EAAO,KAAA,EAAM,4BAAA,EAA8B,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mDAAA,EAAoD,IAAA,EAAK,OAAA,EAAQ,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mFAAA,EAAoF,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,kFAAA,EAAmF,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mDAAA,EAAoD,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,kFAAA,EAAmF,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mjBAAA,EAAojB,MAAK,OAAA,EAAQ;AAAA,CAAA,EAAE,CAAA;AACrqC,IAAO,cAAA,GAAQ,SAAA;ACaf,IAAM,MAAA,GAAiD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxH,EAAA,uBACEA,GAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAOC,eAAAA,GAAQ","file":"remote.js","sourcesContent":["import * as React from \"react\";\nconst SvgRemote = props => <svg width={24} height={24} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}><path d=\"M13.5028 16.5034H11.5023V17.5036H13.5028V16.5034Z\" fill=\"black\" /><path d=\"M16.5034 17.5034V19.5039H8.50159V17.5034H11.5023V18.5036H13.5027V17.5034H16.5034Z\" fill=\"black\" /><path d=\"M17.5036 13.5029V16.5036H14.5029V15.5034H10.502V16.5036H7.50134V13.5029H17.5036Z\" fill=\"black\" /><path d=\"M13.5028 11.5024H11.5023V12.5027H13.5028V11.5024Z\" fill=\"black\" /><path d=\"M7.50141 3.50049V5.50094H6.50119V6.50117H5.50096V7.5014H4.50073V3.50049H7.50141Z\" fill=\"black\" /><path d=\"M22.5048 11.5023V10.502H21.5045V9.50182H20.5043V8.50159H19.5041V7.50136H18.5039V6.50114H17.5036V5.50091H16.5034V4.50068H15.5032V3.50045H14.503V2.50023H13.5027V1.5H11.5023V2.50023H10.502V3.50045H9.50182V4.50068H8.50159V5.50091H7.50136V6.50114H6.50114V7.50136H5.50091V8.50159H4.50068V9.50182H3.50045V10.502H2.50023V11.5023H1.5V12.5025H4.50068V23.505H20.5043V12.5025H23.505V11.5023H22.5048ZM18.5039 17.5036H17.5036V19.5041H16.5034V20.5043H8.50159V19.5041H7.50136V17.5036H6.50114V13.5027H7.50136V12.5025H10.502V10.502H14.503V12.5025H17.5036V13.5027H18.5039V17.5036Z\" fill=\"black\" /></svg>;\nexport default SvgRemote;","// 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/remote.svg';\n\n/**\n * @component\n * @name Remote\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 Remote: 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\nRemote.displayName = 'Remote';\n\nexport default Remote;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/purcats/remote.svg","../../src/icons/remote.tsx"],"names":["jsx","remote_default"],"mappings":";;;;AACA,IAAM,SAAA,GAAY,CAAA,KAAA,qBAAS,IAAA,CAAC,KAAA,EAAA,EAAI,OAAO,EAAA,EAAI,MAAA,EAAQ,EAAA,EAAI,OAAA,EAAQ,aAAY,IAAA,EAAK,MAAA,EAAO,KAAA,EAAM,4BAAA,EAA8B,GAAG,KAAA,EAAO,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mDAAA,EAAoD,IAAA,EAAK,OAAA,EAAQ,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mFAAA,EAAoF,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,kFAAA,EAAmF,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mDAAA,EAAoD,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,kFAAA,EAAmF,MAAK,OAAA,EAAQ,CAAA;AAAA,kBAAE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mjBAAA,EAAojB,MAAK,OAAA,EAAQ;AAAA,CAAA,EAAE,CAAA;AACrqC,IAAO,cAAA,GAAQ,SAAA;ACaf,IAAM,MAAA,GAAiD,UAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxH,EAAA,MAAM,SAAA,GAAY,WAAA,CAAY,CAAC,UAAA,KAAqC;AAClE,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,UAAU,CAAA;AAAA,IAChB,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,UAAA;AAAA,IAChB;AAEA,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,UAAA,CAAW,gBAAA,CAAiB,sDAAsD,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,KAAO;AAClG,QAAA,IAAI,CAAC,GAAG,YAAA,CAAa,MAAM,KAAK,EAAA,CAAG,YAAA,CAAa,MAAM,CAAA,KAAM,MAAA,EAAQ;AAClE,UAAA,EAAA,CAAG,YAAA,CAAa,QAAQ,cAAc,CAAA;AAAA,QACxC;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,uBACEA,GAAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,KAAA;AAAA,QACT,KAAA,EAAO;AAAA;AACT;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAOC,eAAAA,GAAQ","file":"remote.js","sourcesContent":["import * as React from \"react\";\nconst SvgRemote = props => <svg width={24} height={24} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}><path d=\"M13.5028 16.5034H11.5023V17.5036H13.5028V16.5034Z\" fill=\"black\" /><path d=\"M16.5034 17.5034V19.5039H8.50159V17.5034H11.5023V18.5036H13.5027V17.5034H16.5034Z\" fill=\"black\" /><path d=\"M17.5036 13.5029V16.5036H14.5029V15.5034H10.502V16.5036H7.50134V13.5029H17.5036Z\" fill=\"black\" /><path d=\"M13.5028 11.5024H11.5023V12.5027H13.5028V11.5024Z\" fill=\"black\" /><path d=\"M7.50141 3.50049V5.50094H6.50119V6.50117H5.50096V7.5014H4.50073V3.50049H7.50141Z\" fill=\"black\" /><path d=\"M22.5048 11.5023V10.502H21.5045V9.50182H20.5043V8.50159H19.5041V7.50136H18.5039V6.50114H17.5036V5.50091H16.5034V4.50068H15.5032V3.50045H14.503V2.50023H13.5027V1.5H11.5023V2.50023H10.502V3.50045H9.50182V4.50068H8.50159V5.50091H7.50136V6.50114H6.50114V7.50136H5.50091V8.50159H4.50068V9.50182H3.50045V10.502H2.50023V11.5023H1.5V12.5025H4.50068V23.505H20.5043V12.5025H23.505V11.5023H22.5048ZM18.5039 17.5036H17.5036V19.5041H16.5034V20.5043H8.50159V19.5041H7.50136V17.5036H6.50114V13.5027H7.50136V12.5025H10.502V10.502H14.503V12.5025H17.5036V13.5027H18.5039V17.5036Z\" fill=\"black\" /></svg>;\nexport default SvgRemote;","// 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/remote.svg';\n\n/**\n * @component\n * @name Remote\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 Remote: 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\nRemote.displayName = 'Remote';\n\nexport default Remote;\n"]}

package/dist/icons/retro-camera-solid.cjs

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

package/dist/icons/retro-camera-solid.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/retro-camera-solid.svg","../../src/icons/retro-camera-solid.tsx"],"names":["jsxs","jsx","forwardRef","retro_camera_solid_default"],"mappings":";;;;;;AACA,IAAM,mBAAA,GAAsB,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,MAAA,EAAA,EAAK,GAAE,2IAAA,EAA4I,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,iHAAA,EAAkH;AAAA,CAAA,EAAE,CAAA;AACxZ,IAAO,0BAAA,GAAQ,mBAAA;ACaf,IAAM,gBAAA,GAA2DC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAClI,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,gBAAA,CAAiB,WAAA,GAAc,kBAAA;AAE/B,IAAOE,2BAAAA,GAAQ","file":"retro-camera-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgRetroCameraSolid = props => <svg id=\"Retro_Camera\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><path d=\"m22,3v-1H2v1h-1v18h1v1h20v-1h1V3h-1ZM3,4h6v1H3v-1Zm14,13h-1v2h-2v1h-4v-1h-2v-2h-1v-4h1v-2h2v-1h4v1h2v2h1v4Zm4-9H3v-1h6v-1h1v-1h1v-1h10v4Z\" /><polygon points=\"15 13 15 17 14 17 14 18 10 18 10 17 9 17 9 13 10 13 10 16 11 16 11 14 13 14 13 13 10 13 10 12 14 12 14 13 15 13\" /></svg>;\nexport default SvgRetroCameraSolid;","// 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/retro-camera-solid.svg';\n\n/**\n * @component\n * @name RetroCameraSolid\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 RetroCameraSolid: 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\nRetroCameraSolid.displayName = 'RetroCameraSolid';\n\nexport default RetroCameraSolid;\n"]}
+{"version":3,"sources":["../../node_modules/@hackernoon/pixel-icon-library/icons/SVG/solid/retro-camera-solid.svg","../../src/icons/retro-camera-solid.tsx"],"names":["jsxs","jsx","forwardRef","useCallback","retro_camera_solid_default"],"mappings":";;;;;;AACA,IAAM,mBAAA,GAAsB,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,MAAA,EAAA,EAAK,GAAE,2IAAA,EAA4I,CAAA;AAAA,kBAAEA,cAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAO,iHAAA,EAAkH;AAAA,CAAA,EAAE,CAAA;AACxZ,IAAO,0BAAA,GAAQ,mBAAA;ACaf,IAAM,gBAAA,GAA2DC,gBAAA,CAAmD,CAAC,KAAA,EAAO,GAAA,KAAQ;AAClI,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,gBAAA,CAAiB,WAAA,GAAc,kBAAA;AAE/B,IAAOG,2BAAAA,GAAQ","file":"retro-camera-solid.cjs","sourcesContent":["import * as React from \"react\";\nconst SvgRetroCameraSolid = props => <svg id=\"Retro_Camera\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><path d=\"m22,3v-1H2v1h-1v18h1v1h20v-1h1V3h-1ZM3,4h6v1H3v-1Zm14,13h-1v2h-2v1h-4v-1h-2v-2h-1v-4h1v-2h2v-1h4v1h2v2h1v4Zm4-9H3v-1h6v-1h1v-1h1v-1h10v4Z\" /><polygon points=\"15 13 15 17 14 17 14 18 10 18 10 17 9 17 9 13 10 13 10 16 11 16 11 14 13 14 13 13 10 13 10 12 14 12 14 13 15 13\" /></svg>;\nexport default SvgRetroCameraSolid;","// 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/retro-camera-solid.svg';\n\n/**\n * @component\n * @name RetroCameraSolid\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 RetroCameraSolid: 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\nRetroCameraSolid.displayName = 'RetroCameraSolid';\n\nexport default RetroCameraSolid;\n"]}

package/dist/icons/retro-camera-solid.js

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import { forwardRef, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/icons/retro-camera-solid.tsx
@@ -8,11 +8,25 @@ var SvgRetroCameraSolid = (props) => /* @__PURE__ */ jsxs("svg", { id: "Retro_Ca
 ] });
 var retro_camera_solid_default = SvgRetroCameraSolid;
 var RetroCameraSolid = 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(
     retro_camera_solid_default,
     {
       ...props,
-      ref,
+      ref: handleRef,
       style: {
         ...props.style,
         color: "inherit"