@nice2dev/icons 1.4.1 → 1.4.3

package/dist/esm/icons/roman.js

@@ -0,0 +1,111 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { createIcon } from "../createIcon.js";
+const GLYPHS = {
+  I: { main: "M12 4v16", part: "M9 4h6M9 20h6", width: 9 },
+  V: { main: "M6 4l6 16", part: "M12 20l6-16", width: 16 },
+  X: { main: "M6.5 4l11 16", part: "M17.5 4l-11 16", width: 15 },
+  L: { main: "M7.5 4v16", part: "M7.5 20h9", width: 12 },
+  // an open C: a circle r 8 round (13.17, 12) cut at ±45° on the right, its glyph centred on x 12
+  C: { main: "M18.83 6.34A8 8 0 005.17 12", part: "M5.17 12a8 8 0 0013.66 5.66", width: 16.5 },
+  D: { main: "M6.5 4v16", part: "M6.5 4h3a8 8 0 010 16h-3", width: 15 },
+  M: { main: "M5 20V4l7 10", part: "M12 14l7-10v16", width: 18 }
+};
+function romanIcon(symbol) {
+  const g = GLYPHS[symbol];
+  const lines = (width, main, part, cap, join) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: g.main,
+        stroke: main,
+        strokeWidth: width,
+        strokeLinecap: cap,
+        strokeLinejoin: join,
+        fill: "none"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: g.part,
+        stroke: part,
+        strokeWidth: width,
+        strokeLinecap: cap,
+        strokeLinejoin: join,
+        fill: "none"
+      }
+    )
+  ] });
+  const filled = (p, part, cap = "butt") => lines(2 * p.strokeWidth, p.primaryColor, part, cap, cap === "round" ? "round" : "miter");
+  return createIcon({
+    displayName: `NtdRoman${symbol}`,
+    seriesWidth: g.width,
+    paths: {
+      solid: (p) => filled(p, p.primaryColor),
+      outline: (p) => lines(p.strokeWidth, p.primaryColor, p.primaryColor, "butt", "miter"),
+      duotone: (p) => filled(p, p.secondaryColor),
+      vivid: (p) => filled(p, p.secondaryColor),
+      sharp: (p) => filled(p, p.primaryColor, "square"),
+      rounded: (p) => filled(p, p.primaryColor, "round")
+    }
+  });
+}
+const NtdRomanI = /* @__PURE__ */ romanIcon("I");
+const NtdRomanV = /* @__PURE__ */ romanIcon("V");
+const NtdRomanX = /* @__PURE__ */ romanIcon("X");
+const NtdRomanL = /* @__PURE__ */ romanIcon("L");
+const NtdRomanC = /* @__PURE__ */ romanIcon("C");
+const NtdRomanD = /* @__PURE__ */ romanIcon("D");
+const NtdRomanM = /* @__PURE__ */ romanIcon("M");
+const SYMBOL_ICONS = {
+  I: NtdRomanI,
+  V: NtdRomanV,
+  X: NtdRomanX,
+  L: NtdRomanL,
+  C: NtdRomanC,
+  D: NtdRomanD,
+  M: NtdRomanM
+};
+const STEPS = [
+  [1e3, "M"],
+  [900, "CM"],
+  [500, "D"],
+  [400, "CD"],
+  [100, "C"],
+  [90, "XC"],
+  [50, "L"],
+  [40, "XL"],
+  [10, "X"],
+  [9, "IX"],
+  [5, "V"],
+  [4, "IV"],
+  [1, "I"]
+];
+function toRomanNumeral(n) {
+  let rest = Math.round(n);
+  if (!(rest >= 1 && rest <= 3999)) {
+    return "";
+  }
+  let out = "";
+  for (const [value, letters] of STEPS) {
+    while (rest >= value) {
+      out += letters;
+      rest -= value;
+    }
+  }
+  return out;
+}
+function romanNumeralIcons(n) {
+  return [...toRomanNumeral(n)].map((letter) => SYMBOL_ICONS[letter]);
+}
+export {
+  NtdRomanC,
+  NtdRomanD,
+  NtdRomanI,
+  NtdRomanL,
+  NtdRomanM,
+  NtdRomanV,
+  NtdRomanX,
+  romanNumeralIcons,
+  toRomanNumeral
+};

package/dist/esm/icons/science.js

@@ -358,105 +358,6 @@ const NtdMicroscope = /* @__PURE__ */ createIcon({
     ] })
   }
 });
-const NtdDna = /* @__PURE__ */ createIcon({
-  displayName: "NtdDna",
-  paths: {
-    solid: ({ primaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M6 2c0 4 6 6 6 10s-6 6-6 10M18 2c0 4-6 6-6 10s6 6 6 10",
-          stroke: primaryColor,
-          strokeWidth: "2.5",
-          fill: "none",
-          strokeLinecap: "round"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M6 6h12M6 12h12M6 18h12",
-          stroke: primaryColor,
-          strokeWidth: "2",
-          strokeLinecap: "round"
-        }
-      )
-    ] }),
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M6 2c0 4 6 6 6 10s-6 6-6 10M18 2c0 4-6 6-6 10s6 6 6 10",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none",
-          strokeLinecap: "round"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M6 6h12M6 12h12M6 18h12",
-          stroke: primaryColor,
-          strokeWidth,
-          strokeLinecap: "round"
-        }
-      )
-    ] }),
-    duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M6 6h12M6 12h12M6 18h12",
-          stroke: secondaryColor,
-          strokeWidth: strokeWidth * 2,
-          strokeLinecap: "round",
-          opacity: secondaryOpacity
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M6 2c0 4 6 6 6 10s-6 6-6 10M18 2c0 4-6 6-6 10s6 6 6 10",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none",
-          strokeLinecap: "round"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M6 6h12M6 12h12M6 18h12",
-          stroke: primaryColor,
-          strokeWidth,
-          strokeLinecap: "round"
-        }
-      )
-    ] }),
-    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M6 2c0 4 6 6 6 10s-6 6-6 10M18 2c0 4-6 6-6 10s6 6 6 10",
-          stroke: primaryColor,
-          strokeWidth: "2",
-          fill: "none",
-          strokeLinecap: "round"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M6 6h12M6 12h12M6 18h12",
-          stroke: secondaryColor,
-          strokeWidth: "2",
-          strokeLinecap: "round"
-        }
-      )
-    ] })
-  }
-});
 function atomOrbits(stroke, width, opacity) {
   return /* @__PURE__ */ jsxs("g", { stroke, strokeWidth: width, opacity, fill: "none", children: [
     /* @__PURE__ */ jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "4" }),
@@ -548,33 +449,43 @@ const NtdRadiation = /* @__PURE__ */ createIcon({
     ] })
   }
 });
-const NUKE_CAP = "M7.2 12.1A3.4 3.4 0 1 1 7.64 5.33A4.6 4.6 0 0 1 16.36 5.33A3.4 3.4 0 1 1 16.8 12.1Q12 9.1 7.2 12.1Z";
-const NUKE_STEM = "M10.7 10V16.6Q10.4 20.4 6.8 21.5H17.2Q13.6 20.4 13.3 16.6V10Z";
-const NUKE_STEM_OPEN = "M10.7 10.71V16.6Q10.4 20.4 6.8 21.5H17.2Q13.6 20.4 13.3 16.6V10.71";
-const NUKE_CAP_ROUND_CORE = "M7.2 11.35A2.65 2.65 0 1 1 8.19 6.24A3.85 3.85 0 0 1 15.81 6.24A2.65 2.65 0 1 1 16.8 11.35Q12 8.35 7.2 11.35Z";
-const NUKE_STEM_ROUND_CORE = "M11.45 10.75V16.6Q11.2 19.6 9.1 20.75H14.9Q12.8 19.6 12.55 16.6V10.75Z";
+const NUKE_SILHOUETTE = "M10.7 13.22A1.8 1.8 0 0 1 7.37 12.9A3.4 3.4 0 1 1 7.64 6.13A4.6 4.6 0 0 1 16.36 6.13A3.4 3.4 0 1 1 16.63 12.9A1.8 1.8 0 0 1 13.3 13.22L13.3 16.6Q13.6 20.4 17.2 21.5H6.8Q10.4 20.4 10.7 16.6Z";
+const NUKE_CAP = "M10.87 12.06A1.8 1.8 0 0 1 7.37 12.9A3.4 3.4 0 1 1 7.64 6.13A4.6 4.6 0 0 1 16.36 6.13A3.4 3.4 0 1 1 16.63 12.9A1.8 1.8 0 0 1 13.13 12.06A4.6 4.6 0 0 1 10.87 12.06Z";
+const NUKE_STEM = "M10.7 11V16.6Q10.4 20.4 6.8 21.5H17.2Q13.6 20.4 13.3 16.6V11Z";
+const NUKE_PUFFS = [
+  [7.2, 9.5, 3.4],
+  [12, 7.6, 4.6],
+  [16.8, 9.5, 3.4],
+  [9.1, 12.4, 1.8],
+  [14.9, 12.4, 1.8]
+];
+const NUKE_STEM_ROUND_CORE = "M11.45 11.75V16.6Q11.2 19.6 9.1 20.75H14.9Q12.8 19.6 12.55 16.6V11.75Z";
 const NtdNuke = /* @__PURE__ */ createIcon({
   displayName: "NtdNuke",
   paths: {
-    // the wireframe re-draws this as lines: there the stem stays open where it enters the cap
-    solid: ({ primaryColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    solid: ({ primaryColor }) => /* @__PURE__ */ jsx("path", { d: NUKE_SILHOUETTE, fill: primaryColor }),
+    rounded: ({ primaryColor }) => /* @__PURE__ */ jsxs("g", { fill: primaryColor, children: [
       /* @__PURE__ */ jsx(
         "path",
         {
-          d: variant === "wireframe" ? NUKE_STEM_OPEN : NUKE_STEM,
-          fill: variant === "wireframe" ? "none" : primaryColor
+          d: NUKE_STEM_ROUND_CORE,
+          stroke: primaryColor,
+          strokeWidth: "1.5",
+          strokeLinejoin: "round"
         }
       ),
-      /* @__PURE__ */ jsx("path", { d: NUKE_CAP, fill: primaryColor })
-    ] }),
-    rounded: ({ primaryColor }) => /* @__PURE__ */ jsxs("g", { fill: primaryColor, stroke: primaryColor, strokeWidth: "1.5", strokeLinejoin: "round", children: [
-      /* @__PURE__ */ jsx("path", { d: NUKE_STEM_ROUND_CORE }),
-      /* @__PURE__ */ jsx("path", { d: NUKE_CAP_ROUND_CORE })
-    ] }),
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs("g", { stroke: primaryColor, strokeWidth, strokeLinejoin: "miter", fill: "none", children: [
-      /* @__PURE__ */ jsx("path", { d: NUKE_CAP }),
-      /* @__PURE__ */ jsx("path", { d: NUKE_STEM_OPEN })
+      NUKE_PUFFS.map(([cx, cy, r]) => /* @__PURE__ */ jsx("circle", { cx, cy, r }, `${cx}-${cy}`))
     ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: NUKE_SILHOUETTE,
+        stroke: primaryColor,
+        strokeWidth,
+        strokeLinejoin: "round",
+        fill: "none"
+      }
+    ),
     duotone: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("path", { d: NUKE_STEM, fill: secondaryColor }),
       /* @__PURE__ */ jsx("path", { d: NUKE_CAP, fill: primaryColor })
@@ -597,22 +508,35 @@ const MOLECULE_RING = 1.1;
 function molecule(ring, centre, width) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("path", { d: MOLECULE_BONDS, stroke: ring, strokeWidth: width, fill: "none" }),
-    MOLECULE_ATOMS.map(([cx, cy, r]) => /* @__PURE__ */ jsxs("g", { children: [
-      /* @__PURE__ */ jsx("circle", { cx, cy, r, fill: ring }),
-      /* @__PURE__ */ jsx("circle", { cx, cy, r: r - MOLECULE_RING, fill: centre })
-    ] }, `${cx}-${cy}`))
+    MOLECULE_ATOMS.map(
+      ([cx, cy, r], i) => i === 0 ? /* @__PURE__ */ jsxs("g", { children: [
+        /* @__PURE__ */ jsx("circle", { cx, cy, r, fill: ring }),
+        /* @__PURE__ */ jsx("circle", { cx, cy, r: r - MOLECULE_RING, fill: centre })
+      ] }, `${cx}-${cy}`) : /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx,
+          cy,
+          r: r - MOLECULE_RING / 2,
+          stroke: ring,
+          strokeWidth: MOLECULE_RING,
+          fill: "none"
+        },
+        `${cx}-${cy}`
+      )
+    )
   ] });
 }
 const NtdMolecule = /* @__PURE__ */ createIcon({
   displayName: "NtdMolecule",
   paths: {
-    solid: ({ primaryColor, accentColor, strokeWidth }) => molecule(primaryColor, accentColor, strokeWidth * 2),
+    solid: ({ primaryColor, accentColor, strokeWidth }) => molecule(primaryColor, accentColor, strokeWidth * 1.4),
     outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs("g", { stroke: primaryColor, strokeWidth, fill: "none", children: [
       /* @__PURE__ */ jsx("path", { d: MOLECULE_BONDS }),
       MOLECULE_ATOMS.map(([cx, cy, r]) => /* @__PURE__ */ jsx("circle", { cx, cy, r: r - strokeWidth / 2 }, `${cx}-${cy}`))
     ] }),
-    duotone: ({ primaryColor, secondaryColor, strokeWidth }) => molecule(primaryColor, secondaryColor, strokeWidth * 2),
-    vivid: ({ primaryColor, secondaryColor, strokeWidth }) => molecule(primaryColor, secondaryColor, strokeWidth * 2)
+    duotone: ({ primaryColor, secondaryColor, strokeWidth }) => molecule(primaryColor, secondaryColor, strokeWidth * 1.4),
+    vivid: ({ primaryColor, secondaryColor, strokeWidth }) => molecule(primaryColor, secondaryColor, strokeWidth * 1.4)
   }
 });
 const NtdPeriodictable = /* @__PURE__ */ createIcon({
@@ -875,52 +799,39 @@ const NtdPeriodictable = /* @__PURE__ */ createIcon({
     ] })
   }
 });
-const NtdMagnet = /* @__PURE__ */ createIcon({
-  displayName: "NtdMagnet",
-  paths: {
-    solid: ({ primaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("path", { d: "M4 10a8 8 0 0116 0v6h-5v-6a3 3 0 00-6 0v6H4v-6z", fill: primaryColor }),
-      /* @__PURE__ */ jsx("path", { d: "M4 10h5M15 10h5", stroke: "white", strokeWidth: "2" }),
-      /* @__PURE__ */ jsx("text", { x: "6.5", y: "19", textAnchor: "middle", fill: "white", fontSize: "4", fontWeight: "bold", children: "S" }),
-      /* @__PURE__ */ jsx("text", { x: "17.5", y: "19", textAnchor: "middle", fill: "white", fontSize: "4", fontWeight: "bold", children: "N" })
-    ] }),
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+const MAGNET = "M4 10.8a8 8 0 0116 0v10h-5v-10a3 3 0 00-6 0v10H4z";
+const MAGNET_LEFT = "M4 10.8a8 8 0 018-8v5a3 3 0 00-3 3v10H4z";
+const MAGNET_RIGHT = "M12 2.8a8 8 0 018 8v10h-5v-10a3 3 0 00-3-3z";
+function magnetFilled({ primaryColor, strokeWidth, uid }, right, rightOpacity, edge) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: MAGNET_LEFT, fill: primaryColor }),
+    /* @__PURE__ */ jsx("path", { d: MAGNET_RIGHT, fill: right, opacity: rightOpacity }),
+    edge && within(
+      uid,
+      "magnet",
+      /* @__PURE__ */ jsx("path", { d: MAGNET_RIGHT }),
       /* @__PURE__ */ jsx(
         "path",
         {
-          d: "M4 10a8 8 0 0116 0v6h-5v-6a3 3 0 00-6 0v6H4v-6z",
+          d: MAGNET_RIGHT,
           stroke: primaryColor,
-          strokeWidth,
+          strokeWidth: strokeWidth * 2.4,
           fill: "none"
         }
-      ),
-      /* @__PURE__ */ jsx("path", { d: "M4 10h5M15 10h5", stroke: primaryColor, strokeWidth })
+      )
+    )
+  ] });
+}
+const NtdMagnet = /* @__PURE__ */ createIcon({
+  displayName: "NtdMagnet",
+  paths: {
+    solid: (p) => magnetFilled(p, p.accentColor, p.accentOpacity, true),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs("g", { stroke: primaryColor, strokeWidth, fill: "none", children: [
+      /* @__PURE__ */ jsx("path", { d: MAGNET, strokeLinejoin: "round" }),
+      /* @__PURE__ */ jsx("path", { d: "M12 2.8v5" })
     ] }),
-    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M4 10a8 8 0 0116 0v6h-5v-6a3 3 0 00-6 0v6H4v-6z",
-          fill: secondaryColor,
-          opacity: secondaryOpacity
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M4 10a8 8 0 0116 0v6h-5v-6a3 3 0 00-6 0v6H4v-6z",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx("path", { d: "M4 10h5M15 10h5", stroke: primaryColor, strokeWidth })
-    ] })),
-    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("path", { d: "M4 10a8 8 0 0116 0v6h-5v-6a3 3 0 00-6 0v6H4v-6z", fill: primaryColor }),
-      /* @__PURE__ */ jsx("path", { d: "M4 10a8 8 0 0116 0v6h-5v-6a3 3 0 00-6 0v6H4v-6z", fill: "white", opacity: "0.1" }),
-      /* @__PURE__ */ jsx("path", { d: "M4 10h5M15 10h5", stroke: "white", strokeWidth: "1.8" })
-    ] })
+    duotone: (p) => magnetFilled(p, p.secondaryColor, 1, false),
+    vivid: (p) => magnetFilled(p, p.secondaryColor, 1, true)
   }
 });
 const NtdTelescope = /* @__PURE__ */ createIcon({
@@ -1407,7 +1318,6 @@ const scienceIcons = {
   NtdTestTube,
   NtdPetriDish,
   NtdMicroscope,
-  NtdDna,
   NtdAtom,
   NtdRadiation,
   NtdNuke,
@@ -1424,7 +1334,6 @@ const scienceIcons = {
 export {
   NtdAtom,
   NtdBeaker,
-  NtdDna,
   NtdExperiment,
   NtdFlask,
   NtdHypothesis,

package/dist/esm/icons/shapes.js

@@ -1006,46 +1006,37 @@ const NtdRepeat = /* @__PURE__ */ createIcon({
   }
 });
 const SHUFFLE_HEADS = ["M18 3l3 3-3 3", "M18 15l3 3-3 3"];
-const SHUFFLE_UNDER = [
-  [5, 6],
-  [11, 6],
-  [11, 18],
-  [17, 18]
-];
-const SHUFFLE_CROSS = [11, 12];
-const shufflePoint = (p) => `${+p[0].toFixed(2)} ${+p[1].toFixed(2)}`;
-function shuffleArrows(over, under, width) {
+const SHUFFLE_OVER_CURVE = "M5 18C11 18 11 6 17 6";
+const SHUFFLE_UNDER_CURVE = "M5 6C11 6 11 18 17 18";
+function shuffleArrows(over, under, width, mask, maskOpacity, strokeWidth) {
   const back = 21 - width * 0.35;
-  const [p0, p1, p2, p3] = SHUFFLE_UNDER;
-  const lerp = (a, b, t) => a.map((v, i) => v + (b[i] - v) * t);
-  const at = (t) => {
-    const a = lerp(p0, p1, t);
-    const b = lerp(p1, p2, t);
-    const d = lerp(a, b, t);
-    return [a, d, lerp(d, lerp(b, lerp(p2, p3, t), t), t)];
-  };
-  const gap = Math.min(width * 0.5, 1);
-  const clear = (width * 0.5 + gap + width * 0.5 * 0.6) / 0.8 + width * 0.5;
-  let lo = 0;
-  let hi = 0.5;
-  for (let i = 0; i < 24; i += 1) {
-    const mid = (lo + hi) / 2;
-    const end2 = at(mid)[2];
-    if (Math.hypot(end2[0] - SHUFFLE_CROSS[0], end2[1] - SHUFFLE_CROSS[1]) > clear) {
-      lo = mid;
-    } else {
-      hi = mid;
-    }
-  }
-  const [c1, c2, end] = at(lo);
-  const turn = (p) => p.map((v, i) => 2 * SHUFFLE_CROSS[i] - v);
-  const underPath = `M3 6H5C${shufflePoint(c1)} ${shufflePoint(c2)} ${shufflePoint(end)}M${shufflePoint(turn(end))}C${shufflePoint(turn(c2))} ${shufflePoint(turn(c1))} 17 18H${back}`;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("path", { d: `${SHUFFLE_HEADS[1]}${underPath}`, stroke: under, strokeWidth: width, fill: "none" }),
     /* @__PURE__ */ jsx(
       "path",
       {
-        d: `${SHUFFLE_HEADS[0]}M3 18H5C11 18 11 6 17 6H${back}`,
+        d: `${SHUFFLE_HEADS[1]}M3 6H5${SHUFFLE_UNDER_CURVE.slice(SHUFFLE_UNDER_CURVE.indexOf("C"))}H${back}`,
+        stroke: under,
+        strokeWidth: width,
+        fill: "none"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: SHUFFLE_OVER_CURVE,
+        pathLength: 1,
+        strokeDasharray: "0 0.37 0.26 1",
+        stroke: mask,
+        strokeOpacity: maskOpacity,
+        strokeWidth: width + strokeWidth * 1.2,
+        strokeLinecap: "butt",
+        fill: "none"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: `${SHUFFLE_HEADS[0]}M3 18H5${SHUFFLE_OVER_CURVE.slice(SHUFFLE_OVER_CURVE.indexOf("C"))}H${back}`,
         stroke: over,
         strokeWidth: width,
         fill: "none"
@@ -1056,10 +1047,38 @@ function shuffleArrows(over, under, width) {
 const NtdShuffle = /* @__PURE__ */ createIcon({
   displayName: "NtdShuffle",
   paths: {
-    solid: ({ primaryColor, strokeWidth }) => shuffleArrows(primaryColor, primaryColor, strokeWidth * 2),
-    outline: ({ primaryColor, strokeWidth }) => shuffleArrows(primaryColor, primaryColor, strokeWidth),
-    duotone: ({ primaryColor, secondaryColor, strokeWidth }) => shuffleArrows(primaryColor, secondaryColor, strokeWidth * 2),
-    vivid: ({ primaryColor, secondaryColor, strokeWidth }) => shuffleArrows(primaryColor, secondaryColor, strokeWidth * 2)
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => shuffleArrows(
+      primaryColor,
+      primaryColor,
+      strokeWidth * 2,
+      accentColor,
+      accentOpacity,
+      strokeWidth
+    ),
+    outline: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => shuffleArrows(
+      primaryColor,
+      primaryColor,
+      strokeWidth,
+      accentColor,
+      accentOpacity,
+      strokeWidth
+    ),
+    duotone: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => shuffleArrows(
+      primaryColor,
+      secondaryColor,
+      strokeWidth * 2,
+      accentColor,
+      accentOpacity,
+      strokeWidth
+    ),
+    vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => shuffleArrows(
+      primaryColor,
+      secondaryColor,
+      strokeWidth * 2,
+      accentColor,
+      accentOpacity,
+      strokeWidth
+    )
   }
 });
 const NtdPoint = /* @__PURE__ */ createIcon({

package/dist/esm/icons/smarthome.js

@@ -548,37 +548,39 @@ const NtdSmartPlug = /* @__PURE__ */ createIcon({
     ] })
   }
 });
-const THERMO_BODY = "M13.75 13.56V4.25a1.75 1.75 0 00-3.5 0v9.31a4.4 4.4 0 103.5 0z";
+const THERMO_BODY = "M14.3 13.85V4.3a2.3 2.3 0 00-4.6 0v9.55a4.4 4.4 0 104.6 0z";
+const THERMO_BODY_SHARP = "M14.3 13.85V2H9.7v11.85a4.4 4.4 0 104.6 0z";
 const THERMO_BALL = { cx: 12, cy: 17.6, r: 2.6 };
-const THERMO_COLUMN = "M12 4.6V17";
-const THERMO_MARKS = "M17 4h3M17 8h3M17 12h3";
-function thermometer(body, mercury, marks, width) {
+const THERMO_COLUMN = "M12 5.4V17";
+const THERMO_MARKS = "M16.4 5h2.4M16.4 7.4h1.4M16.4 9.8h2.4M16.4 12.2h1.4";
+function thermometer(body, mercury, marks, width, bodyPath = THERMO_BODY) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("path", { d: THERMO_BODY, fill: body }),
+    /* @__PURE__ */ jsx("path", { d: bodyPath, fill: body }),
     /* @__PURE__ */ jsx("circle", { ...THERMO_BALL, fill: mercury }),
-    /* @__PURE__ */ jsx("path", { d: THERMO_COLUMN, stroke: mercury, strokeWidth: 1.2 }),
+    /* @__PURE__ */ jsx("path", { d: THERMO_COLUMN, stroke: mercury, strokeWidth: 2 }),
     /* @__PURE__ */ jsx("path", { d: THERMO_MARKS, stroke: marks, strokeWidth: width })
   ] });
 }
 const NtdTemperatureSensor = /* @__PURE__ */ createIcon({
   displayName: "NtdTemperatureSensor",
   paths: {
-    solid: ({ primaryColor, accentColor, strokeWidth }) => thermometer(primaryColor, accentColor, primaryColor, strokeWidth * 1.5),
+    solid: ({ primaryColor, accentColor, strokeWidth }) => thermometer(primaryColor, accentColor, primaryColor, strokeWidth),
+    sharp: ({ primaryColor, accentColor, strokeWidth }) => thermometer(primaryColor, accentColor, primaryColor, strokeWidth, THERMO_BODY_SHARP),
     outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs("g", { stroke: primaryColor, strokeWidth, fill: "none", children: [
       /* @__PURE__ */ jsx("path", { d: THERMO_BODY }),
       /* @__PURE__ */ jsx("circle", { ...THERMO_BALL, r: 2 }),
-      /* @__PURE__ */ jsx("path", { d: "M12 4.6V15.6" }),
+      /* @__PURE__ */ jsx("path", { d: "M12 5.4V15.6" }),
       /* @__PURE__ */ jsx("path", { d: THERMO_MARKS })
     ] }),
-    duotone: ({ primaryColor, secondaryColor, strokeWidth }) => thermometer(primaryColor, secondaryColor, secondaryColor, strokeWidth * 1.5),
-    vivid: ({ primaryColor, secondaryColor, strokeWidth }) => thermometer(primaryColor, secondaryColor, secondaryColor, strokeWidth * 1.5)
+    duotone: ({ primaryColor, secondaryColor, strokeWidth }) => thermometer(primaryColor, secondaryColor, secondaryColor, strokeWidth),
+    vivid: ({ primaryColor, secondaryColor, strokeWidth }) => thermometer(primaryColor, secondaryColor, secondaryColor, strokeWidth)
   }
 });
-const FRIDGE_BODY = { x: 5, y: 2, width: 14, height: 19, rx: 2 };
-const FRIDGE_FREEZER = "M7 2H17A2 2 0 0 1 19 4V8.4H5V4A2 2 0 0 1 7 2Z";
-const FRIDGE_GAP = "M4 8.4H20";
-const FRIDGE_HANDLES = "M8 4.4V6.6M8 10.6V14.6";
-const FRIDGE_FEET = "M7 21v1.2M17 21v1.2";
+const FRIDGE_BODY = { x: 5, y: 2.4, width: 14, height: 19, rx: 2 };
+const FRIDGE_FREEZER = "M7 2.4H17A2 2 0 0 1 19 4.4V9.8H5V4.4A2 2 0 0 1 7 2.4Z";
+const FRIDGE_GAP = "M4 9.8H20";
+const FRIDGE_HANDLES = "M8 4.6V7.6M8 11.8V14.8";
+const FRIDGE_FEET = "M7 21.4v0.7M17 21.4v0.7";
 function fridgeFilled({ primaryColor, accentColor, strokeWidth, uid }, freezer) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("path", { d: FRIDGE_FEET, stroke: primaryColor, strokeWidth: strokeWidth * 2 }),
@@ -601,7 +603,7 @@ const NtdRefrigerator = /* @__PURE__ */ createIcon({
     solid: (props) => fridgeFilled(props, props.primaryColor),
     outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs("g", { stroke: primaryColor, strokeWidth, fill: "none", children: [
       /* @__PURE__ */ jsx("rect", { ...FRIDGE_BODY }),
-      /* @__PURE__ */ jsx("path", { d: "M5 8.4H19" }),
+      /* @__PURE__ */ jsx("path", { d: "M5 9.8H19" }),
       /* @__PURE__ */ jsx("path", { d: FRIDGE_HANDLES }),
       /* @__PURE__ */ jsx("path", { d: FRIDGE_FEET })
     ] }),

package/dist/esm/icons/social.js

@@ -293,30 +293,32 @@ const NtdThumbsDown = /* @__PURE__ */ createIcon({
   }
 });
 const NtdBellRing = /* @__PURE__ */ bellIcon("NtdBellRing", true);
+const MEGA_BOX = { x: 2.5, y: 8, width: 5.5, height: 6, rx: 1.5 };
+const MEGA_HORN = "M8 8L18.5 3.5V18.5L8 14Z";
+const MEGA_GRIP = "M9.5 14.65L12.8 16.05L12 21a1 1 0 01-1 .8H9.6a1 1 0 01-1-1.2z";
+const MEGA_RIM = { cx: 18.5, cy: 11, rx: 2, ry: 7.5 };
+const MEGA_OPENING = { cx: 18.9, cy: 11, rx: 1.1, ry: 6 };
+function megaphoneFilled(horn, parts, opening, openingOpacity) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: MEGA_GRIP, fill: parts }),
+    /* @__PURE__ */ jsx("rect", { ...MEGA_BOX, fill: parts }),
+    /* @__PURE__ */ jsx("path", { d: MEGA_HORN, fill: horn }),
+    /* @__PURE__ */ jsx("ellipse", { ...MEGA_RIM, fill: horn }),
+    opening && /* @__PURE__ */ jsx("ellipse", { ...MEGA_OPENING, fill: opening, opacity: openingOpacity })
+  ] });
+}
 const NtdMegaphone = /* @__PURE__ */ createIcon({
   displayName: "NtdMegaphone",
   paths: {
-    solid: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("path", { d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z", fill: primaryColor }),
-      /* @__PURE__ */ jsx("path", { d: "M5 16l-1 4h4l1-4", stroke: secondaryColor, strokeWidth, fill: "none" })
+    solid: ({ primaryColor, accentColor, accentOpacity }) => megaphoneFilled(primaryColor, primaryColor, accentColor, accentOpacity),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs("g", { stroke: primaryColor, strokeWidth, strokeLinejoin: "miter", fill: "none", children: [
+      /* @__PURE__ */ jsx("rect", { ...MEGA_BOX }),
+      /* @__PURE__ */ jsx("path", { d: "M8 8L18.5 3.5M8 14L18.5 18.5" }),
+      /* @__PURE__ */ jsx("ellipse", { ...MEGA_RIM }),
+      /* @__PURE__ */ jsx("path", { d: MEGA_GRIP })
     ] }),
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx("path", { d: "M5 16l-1 4h4l1-4", stroke: primaryColor, strokeWidth, fill: "none" })
-    ] }),
-    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("path", { d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z", fill: primaryColor }),
-      /* @__PURE__ */ jsx("path", { d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z", fill: "white", opacity: "0.1" }),
-      /* @__PURE__ */ jsx("path", { d: "M5 16l-1 4h4l1-4", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" })
-    ] })
+    duotone: ({ primaryColor, secondaryColor }) => megaphoneFilled(primaryColor, secondaryColor, null, 1),
+    vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => megaphoneFilled(primaryColor, secondaryColor, accentColor, accentOpacity)
   }
 });
 const NtdQrCode = /* @__PURE__ */ createIcon({