@2hoch1/pixel-icon-library-react 1.1.1 → 1.1.3

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2026 2hoch1
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2026 2hoch1
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -8,9 +8,7 @@ Icons are pulled directly from `@hackernoon/pixel-icon-library` at build time. T
 
 ```bash
 npm install @2hoch1/pixel-icon-library-react react
-# or
 yarn add @2hoch1/pixel-icon-library-react react
-# or
 pnpm add @2hoch1/pixel-icon-library-react react
 ```
 

package/dist/index.cjs

@@ -460,36 +460,39 @@ var dynamicIconImports = {
   "window-close-solid": () => loadIcon("@hackernoon/pixel-icon-library/icons/SVG/solid/window-close-solid.svg")
 };
 var dynamicIconImports_default = dynamicIconImports;
-var defaultSize = 24;
+
+// src/utils/resolveIconName.ts
+function resolveIconName(name, variant) {
+  const hasBrandsSuffix = name.endsWith("-brands");
+  const hasPurcatsSuffix = name.endsWith("-purcats");
+  const hasSolidSuffix = name.endsWith("-solid");
+  const baseName = name.replace(/-brands$/, "").replace(/-purcats$/, "").replace(/-solid$/, "");
+  let targetVariant;
+  if (variant) {
+    targetVariant = variant;
+  } else if (hasBrandsSuffix) {
+    targetVariant = "brands";
+  } else if (hasPurcatsSuffix) {
+    targetVariant = "purcats";
+  } else if (hasSolidSuffix) {
+    targetVariant = "solid";
+  } else {
+    targetVariant = "regular";
+  }
+  const candidate = targetVariant === "regular" ? baseName : `${baseName}-${targetVariant}`;
+  return dynamicIconImports_default[candidate] ? candidate : void 0;
+}
+var DEFAULT_SIZE = 24;
 function PixelIcon({
   name,
   variant,
-  size = defaultSize,
+  size = DEFAULT_SIZE,
   title,
   fallback = null,
   ...rest
 }) {
   const [IconComponent, setIconComponent] = react.useState();
-  const resolvedName = react.useMemo(() => {
-    const hasBrandsSuffix = name.endsWith("-brands");
-    const hasPurcatsSuffix = name.endsWith("-purcats");
-    const hasSolidSuffix = name.endsWith("-solid");
-    let baseName = name.replace(/-brands$/, "").replace(/-purcats$/, "").replace(/-solid$/, "");
-    let targetVariant;
-    if (variant) {
-      targetVariant = variant;
-    } else if (hasBrandsSuffix) {
-      targetVariant = "brands";
-    } else if (hasPurcatsSuffix) {
-      targetVariant = "purcats";
-    } else if (hasSolidSuffix) {
-      targetVariant = "solid";
-    } else {
-      targetVariant = "regular";
-    }
-    const candidate = targetVariant === "regular" ? baseName : `${baseName}-${targetVariant}`;
-    return dynamicIconImports_default[candidate] ? candidate : void 0;
-  }, [name, variant]);
+  const resolvedName = react.useMemo(() => resolveIconName(name, variant), [name, variant]);
   react.useEffect(() => {
     let cancelled = false;
     if (!resolvedName) {
@@ -510,7 +513,7 @@ function PixelIcon({
     };
   }, [resolvedName]);
   if (!IconComponent) return fallback ?? null;
-  const dimension = typeof size === "number" ? `${size}px` : size ?? `${defaultSize}px`;
+  const dimension = typeof size === "number" ? `${size}px` : size ?? `${DEFAULT_SIZE}px`;
   return /* @__PURE__ */ jsxRuntime.jsx(
     IconComponent,
     {
@@ -524,41 +527,38 @@ function PixelIcon({
     }
   );
 }
+var lazyCache = /* @__PURE__ */ new Map();
+var DEFAULT_SIZE2 = 24;
 var DynamicPixelIcon = ({
   name,
   variant,
-  size = 24,
+  size = DEFAULT_SIZE2,
+  title,
   fallback = null,
   ...props
 }) => {
-  const dimension = typeof size === "number" ? `${size}px` : size ?? "24px";
-  const resolvedName = react.useMemo(() => {
-    const hasBrandsSuffix = name.endsWith("-brands");
-    const hasPurcatsSuffix = name.endsWith("-purcats");
-    const hasSolidSuffix = name.endsWith("-solid");
-    let baseName = name.replace(/-brands$/, "").replace(/-purcats$/, "").replace(/-solid$/, "");
-    let targetVariant;
-    if (variant) {
-      targetVariant = variant;
-    } else if (hasBrandsSuffix) {
-      targetVariant = "brands";
-    } else if (hasPurcatsSuffix) {
-      targetVariant = "purcats";
-    } else if (hasSolidSuffix) {
-      targetVariant = "solid";
-    } else {
-      targetVariant = "regular";
-    }
-    const candidate = targetVariant === "regular" ? baseName : `${baseName}-${targetVariant}`;
-    return dynamicIconImports_default[candidate] ? candidate : void 0;
-  }, [name, variant]);
+  const dimension = typeof size === "number" ? `${size}px` : size ?? `${DEFAULT_SIZE2}px`;
+  const resolvedName = react.useMemo(() => resolveIconName(name, variant), [name, variant]);
   const LazyIcon = react.useMemo(() => {
     if (!resolvedName) return void 0;
-    const importer = dynamicIconImports_default[resolvedName];
-    return react.lazy(importer);
+    if (lazyCache.has(resolvedName)) return lazyCache.get(resolvedName);
+    const component = react.lazy(dynamicIconImports_default[resolvedName]);
+    lazyCache.set(resolvedName, component);
+    return component;
   }, [resolvedName]);
   if (!LazyIcon) return fallback ?? null;
-  return /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback, children: /* @__PURE__ */ jsxRuntime.jsx(LazyIcon, { ...props, width: dimension, height: dimension }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback, children: /* @__PURE__ */ jsxRuntime.jsx(
+    LazyIcon,
+    {
+      ...props,
+      width: props.width ?? dimension,
+      height: props.height ?? dimension,
+      "aria-label": props["aria-label"] ?? title ?? name,
+      role: props.role ?? "img",
+      focusable: props.focusable ?? "false",
+      title
+    }
+  ) });
 };
 var SvgAndroid = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { id: "Android", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props, children: [
   /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 5, y: 10, width: 1, height: 2 }),