@nice2dev/icons 1.3.15 → 1.3.16

package/dist/esm/icons/media.js

@@ -1,327 +1,1147 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { createIcon } from '../createIcon.js';
-import { within, swapDuotone } from '../iconParts.js';
-
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { createIcon } from "../createIcon.js";
+import { swapDuotone, within } from "../iconParts.js";
 const NtdPlay = /* @__PURE__ */ createIcon({
-    displayName: 'NtdPlay',
-    perfectStackX: 10,
-    perfectStackY: 12,
-    perfectStackSize: 0.3,
-    paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M5 3l14 9-14 9V3z", fill: primaryColor })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M5 3l14 9-14 9V3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 3l14 9-14 9V3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 3l14 9-14 9V3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 3l14 9-14 9V3z", fill: primaryColor }), jsx("path", { d: "M5 3l14 9-14 9V3z", fill: "white", opacity: "0.1" })] })),
-    },
+  displayName: "NtdPlay",
+  perfectStackX: 10,
+  perfectStackY: 12,
+  perfectStackSize: 0.3,
+  paths: {
+    solid: ({ primaryColor, strokeWidth: _strokeWidth }) => /* @__PURE__ */ jsx("path", { d: "M5 3l14 9-14 9V3z", fill: primaryColor }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx("path", { d: "M5 3l14 9-14 9V3z", stroke: primaryColor, strokeWidth, fill: "none" }),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M5 3l14 9-14 9V3z", fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsx("path", { d: "M5 3l14 9-14 9V3z", stroke: primaryColor, strokeWidth, fill: "none" })
+    ] })),
+    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M5 3l14 9-14 9V3z", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: "M5 3l14 9-14 9V3z", fill: "white", opacity: "0.1" })
+    ] })
+  }
 });
 const NtdPause = /* @__PURE__ */ createIcon({
-    displayName: 'NtdPause',
-    paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", fill: primaryColor }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", fill: primaryColor })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", fill: primaryColor }), jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", fill: "white", opacity: "0.08" }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", fill: secondaryColor })] })),
-    },
+  displayName: "NtdPause",
+  paths: {
+    solid: ({ primaryColor, strokeWidth: _strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", fill: primaryColor }),
+      /* @__PURE__ */ jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", fill: primaryColor })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "6",
+          y: "4",
+          width: "4",
+          height: "16",
+          rx: "1",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "14",
+          y: "4",
+          width: "4",
+          height: "16",
+          rx: "1",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] }),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "6",
+          y: "4",
+          width: "4",
+          height: "16",
+          rx: "1",
+          fill: secondaryColor,
+          opacity: secondaryOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "14",
+          y: "4",
+          width: "4",
+          height: "16",
+          rx: "1",
+          fill: secondaryColor,
+          opacity: secondaryOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "6",
+          y: "4",
+          width: "4",
+          height: "16",
+          rx: "1",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "14",
+          y: "4",
+          width: "4",
+          height: "16",
+          rx: "1",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] })),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", fill: primaryColor }),
+      /* @__PURE__ */ jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", fill: "white", opacity: "0.08" }),
+      /* @__PURE__ */ jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", fill: secondaryColor })
+    ] })
+  }
 });
 const NtdStop = /* @__PURE__ */ createIcon({
-    displayName: 'NtdStop',
-    paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: primaryColor })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: "white", opacity: "0.1" })] })),
-    },
+  displayName: "NtdStop",
+  paths: {
+    solid: ({ primaryColor, strokeWidth: _strokeWidth }) => /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: primaryColor }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "4",
+        y: "4",
+        width: "16",
+        height: "16",
+        rx: "2",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "4",
+          y: "4",
+          width: "16",
+          height: "16",
+          rx: "2",
+          fill: secondaryColor,
+          opacity: secondaryOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "4",
+          y: "4",
+          width: "16",
+          height: "16",
+          rx: "2",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] })),
+    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: primaryColor }),
+      /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: "white", opacity: "0.1" })
+    ] })
+  }
 });
 const NtdSkipForward = /* @__PURE__ */ createIcon({
-    displayName: 'NtdSkipForward',
-    paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 4l10 8-10 8V4z", fill: primaryColor }), jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19", stroke: primaryColor, strokeWidth: "2.5" })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 4l10 8-10 8V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 4l10 8-10 8V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 4l10 8-10 8V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 4l10 8-10 8V4z", fill: primaryColor }), jsx("path", { d: "M5 4l10 8-10 8V4z", fill: "white", opacity: "0.1" }), jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19", stroke: secondaryColor, strokeWidth: "1.8" })] })),
-    },
+  displayName: "NtdSkipForward",
+  paths: {
+    solid: ({ primaryColor, strokeWidth: _strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M5 4l10 8-10 8V4z", fill: primaryColor }),
+      /* @__PURE__ */ jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19", stroke: primaryColor, strokeWidth: "2.5" })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M5 4l10 8-10 8V4z", stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19", stroke: primaryColor, strokeWidth })
+    ] }),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M5 4l10 8-10 8V4z", fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsx("path", { d: "M5 4l10 8-10 8V4z", stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19", stroke: primaryColor, strokeWidth })
+    ] })),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M5 4l10 8-10 8V4z", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: "M5 4l10 8-10 8V4z", fill: "white", opacity: "0.1" }),
+      /* @__PURE__ */ jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19", stroke: secondaryColor, strokeWidth: "1.8" })
+    ] })
+  }
 });
 const NtdSkipBack = /* @__PURE__ */ createIcon({
-    displayName: 'NtdSkipBack',
-    paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19 20L9 12l10-8v16z", fill: primaryColor }), jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5", stroke: primaryColor, strokeWidth: "2.5" })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19 20L9 12l10-8v16z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19 20L9 12l10-8v16z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M19 20L9 12l10-8v16z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19 20L9 12l10-8v16z", fill: primaryColor }), jsx("path", { d: "M19 20L9 12l10-8v16z", fill: "white", opacity: "0.1" }), jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5", stroke: secondaryColor, strokeWidth: "1.8" })] })),
-    },
+  displayName: "NtdSkipBack",
+  paths: {
+    solid: ({ primaryColor, strokeWidth: _strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M19 20L9 12l10-8v16z", fill: primaryColor }),
+      /* @__PURE__ */ jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5", stroke: primaryColor, strokeWidth: "2.5" })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M19 20L9 12l10-8v16z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5", stroke: primaryColor, strokeWidth })
+    ] }),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M19 20L9 12l10-8v16z", fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M19 20L9 12l10-8v16z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5", stroke: primaryColor, strokeWidth })
+    ] })),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M19 20L9 12l10-8v16z", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: "M19 20L9 12l10-8v16z", fill: "white", opacity: "0.1" }),
+      /* @__PURE__ */ jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5", stroke: secondaryColor, strokeWidth: "1.8" })
+    ] })
+  }
 });
 const NtdVolume = /* @__PURE__ */ createIcon({
-    displayName: 'NtdVolume',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", fill: primaryColor }), jsx("path", { d: "M19.07 4.93a10 10 0 010 14.14M15.54 8.46a5 5 0 010 7.07", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M19.07 4.93a10 10 0 010 14.14M15.54 8.46a5 5 0 010 7.07", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M19.07 4.93a10 10 0 010 14.14M15.54 8.46a5 5 0 010 7.07", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", fill: primaryColor }), jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M19.07 4.93a10 10 0 010 14.14M15.54 8.46a5 5 0 010 7.07", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" })] })),
-    },
+  displayName: "NtdVolume",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", fill: primaryColor }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M19.07 4.93a10 10 0 010 14.14M15.54 8.46a5 5 0 010 7.07",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M11 5L6 9H2v6h4l5 4V5z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M19.07 4.93a10 10 0 010 14.14M15.54 8.46a5 5 0 010 7.07",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] }),
+    duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M11 5L6 9H2v6h4l5 4V5z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M19.07 4.93a10 10 0 010 14.14M15.54 8.46a5 5 0 010 7.07",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", fill: "white", opacity: "0.1" }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M19.07 4.93a10 10 0 010 14.14M15.54 8.46a5 5 0 010 7.07",
+          stroke: secondaryColor,
+          strokeWidth: "1.8",
+          fill: "none"
+        }
+      )
+    ] })
+  }
 });
 const NtdVolumeMute = /* @__PURE__ */ createIcon({
-    displayName: 'NtdVolumeMute',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", fill: primaryColor }), jsx("line", { x1: "23", y1: "9", x2: "17", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "17", y1: "9", x2: "23", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "23", y1: "9", x2: "17", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "17", y1: "9", x2: "23", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "23", y1: "9", x2: "17", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "17", y1: "9", x2: "23", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", fill: primaryColor }), jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", fill: "white", opacity: "0.1" }), jsx("line", { x1: "23", y1: "9", x2: "17", y2: "15", stroke: secondaryColor, strokeWidth: "1.8" }), jsx("line", { x1: "17", y1: "9", x2: "23", y2: "15", stroke: "#8B5CF6", strokeWidth: "1.5" })] })),
-    },
+  displayName: "NtdVolumeMute",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", fill: primaryColor }),
+      /* @__PURE__ */ jsx("line", { x1: "23", y1: "9", x2: "17", y2: "15", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsx("line", { x1: "17", y1: "9", x2: "23", y2: "15", stroke: primaryColor, strokeWidth })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M11 5L6 9H2v6h4l5 4V5z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("line", { x1: "23", y1: "9", x2: "17", y2: "15", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsx("line", { x1: "17", y1: "9", x2: "23", y2: "15", stroke: primaryColor, strokeWidth })
+    ] }),
+    duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M11 5L6 9H2v6h4l5 4V5z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("line", { x1: "23", y1: "9", x2: "17", y2: "15", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsx("line", { x1: "17", y1: "9", x2: "23", y2: "15", stroke: primaryColor, strokeWidth })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", fill: "white", opacity: "0.1" }),
+      /* @__PURE__ */ jsx("line", { x1: "23", y1: "9", x2: "17", y2: "15", stroke: secondaryColor, strokeWidth: "1.8" }),
+      /* @__PURE__ */ jsx("line", { x1: "17", y1: "9", x2: "23", y2: "15", stroke: "#8B5CF6", strokeWidth: "1.5" })
+    ] })
+  }
 });
 const NtdImage = /* @__PURE__ */ createIcon({
-    displayName: 'NtdImage',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("defs", { children: jsx("clipPath", { id: "ntdImageFrame", children: jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }) }) }), jsxs("g", { clipPath: "url(#ntdImageFrame)", children: [jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M21 15l-5-5L5 21", stroke: accentColor, strokeWidth: "1.5", fill: "none", opacity: accentOpacity })] })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("defs", { children: jsx("clipPath", { id: "ntdImageFrame", children: jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }) }) }), jsxs("g", { clipPath: "url(#ntdImageFrame)", children: [jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M21 15l-5-5L5 21", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: "white", opacity: "0.08" }), jsx("defs", { children: jsx("clipPath", { id: "ntdImageFrame", children: jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }) }) }), jsxs("g", { clipPath: "url(#ntdImageFrame)", children: [jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5", fill: secondaryColor }), jsx("path", { d: "M21 15l-5-5L5 21", stroke: "white", strokeWidth: "1", fill: "none", opacity: "0.4" })] })] })),
-    },
+  displayName: "NtdImage",
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }),
+      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "ntdImageFrame", children: /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }) }) }),
+      /* @__PURE__ */ jsxs("g", { clipPath: "url(#ntdImageFrame)", children: [
+        /* @__PURE__ */ jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5", fill: accentColor, opacity: accentOpacity }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M21 15l-5-5L5 21",
+            stroke: accentColor,
+            strokeWidth: "1.5",
+            fill: "none",
+            opacity: accentOpacity
+          }
+        )
+      ] })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "3",
+          y: "3",
+          width: "18",
+          height: "18",
+          rx: "2",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "ntdImageFrame", children: /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }) }) }),
+      /* @__PURE__ */ jsxs("g", { clipPath: "url(#ntdImageFrame)", children: [
+        /* @__PURE__ */ jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }),
+        /* @__PURE__ */ jsx("path", { d: "M21 15l-5-5L5 21", stroke: primaryColor, strokeWidth, fill: "none" })
+      ] })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }),
+      /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: "white", opacity: "0.08" }),
+      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "ntdImageFrame", children: /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }) }) }),
+      /* @__PURE__ */ jsxs("g", { clipPath: "url(#ntdImageFrame)", children: [
+        /* @__PURE__ */ jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5", fill: secondaryColor }),
+        /* @__PURE__ */ jsx("path", { d: "M21 15l-5-5L5 21", stroke: "white", strokeWidth: "1", fill: "none", opacity: "0.4" })
+      ] })
+    ] })
+  }
 });
 const NtdCamera = /* @__PURE__ */ createIcon({
-    displayName: 'NtdCamera',
-    perfectStackX: 12,
-    perfectStackY: 12.5,
-    perfectStackSize: 0.55,
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", fill: primaryColor }), jsx("circle", { cx: "12", cy: "13", r: "4", fill: accentColor, opacity: accentOpacity })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "13", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", fill: primaryColor }), jsx("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "13", r: "4", fill: secondaryColor })] })),
-    },
+  displayName: "NtdCamera",
+  perfectStackX: 12,
+  perfectStackY: 12.5,
+  perfectStackSize: 0.55,
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z",
+          fill: primaryColor
+        }
+      ),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "13", r: "4", fill: accentColor, opacity: accentOpacity })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "13", r: "4", stroke: primaryColor, strokeWidth, fill: "none" })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z",
+          fill: primaryColor
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z",
+          fill: "white",
+          opacity: "0.08"
+        }
+      ),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "13", r: "4", fill: secondaryColor })
+    ] })
+  }
 });
-const VIDEO_LENS = 'M17 9.5l5-3v11l-5-3';
+const VIDEO_LENS = "M17 9.5l5-3v11l-5-3";
 const NtdVideo = /* @__PURE__ */ createIcon({
-    displayName: 'NtdVideo',
-    perfectStackX: 10,
-    perfectStackY: 12,
-    perfectStackSize: 0.4,
-    paths: {
-        solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "15", height: "12", rx: "2", fill: primaryColor }), jsx("path", { d: VIDEO_LENS, fill: primaryColor, stroke: primaryColor })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "15", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: VIDEO_LENS, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        // fills only, like vivid: the camera primary, the lens secondary
-        duotone: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "15", height: "12", rx: "2", fill: primaryColor }), jsx("path", { d: VIDEO_LENS, fill: secondaryColor, stroke: secondaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "15", height: "12", rx: "2", fill: primaryColor }), jsx("path", { d: VIDEO_LENS, fill: secondaryColor, stroke: secondaryColor })] })),
-    },
+  displayName: "NtdVideo",
+  perfectStackX: 10,
+  perfectStackY: 12,
+  perfectStackSize: 0.4,
+  paths: {
+    solid: ({ primaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { x: "2", y: "6", width: "15", height: "12", rx: "2", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: VIDEO_LENS, fill: primaryColor, stroke: primaryColor })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "2",
+          y: "6",
+          width: "15",
+          height: "12",
+          rx: "2",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: VIDEO_LENS, stroke: primaryColor, strokeWidth, fill: "none" })
+    ] }),
+    // fills only, like vivid: the camera primary, the lens secondary
+    duotone: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { x: "2", y: "6", width: "15", height: "12", rx: "2", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: VIDEO_LENS, fill: secondaryColor, stroke: secondaryColor })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { x: "2", y: "6", width: "15", height: "12", rx: "2", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: VIDEO_LENS, fill: secondaryColor, stroke: secondaryColor })
+    ] })
+  }
 });
-// NtdMicrophone / NtdMicrophoneOff: the stand is a line glyph, twice the stroke width in every
-// variant but `outline`, and sits a little higher so its base keeps inside the box at that width.
-// Duotone fills the capsule in secondary with no ring around it; vivid draws the stand in it.
 const MIC_CAPSULE = { x: 9, y: 2, width: 6, height: 11, rx: 3 };
-const MIC_STAND = 'M18.5 10v1a6.5 6.5 0 01-13 0v-1M12 17.5V21M8 21h8';
+const MIC_STAND = "M18.5 10v1a6.5 6.5 0 01-13 0v-1M12 17.5V21M8 21h8";
 const NtdMicrophone = /* @__PURE__ */ createIcon({
-    displayName: 'NtdMicrophone',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { ...MIC_CAPSULE, fill: primaryColor }), jsx("path", { d: MIC_STAND, stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { ...MIC_CAPSULE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: MIC_STAND, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { ...MIC_CAPSULE, fill: secondaryColor }), jsx("path", { d: MIC_STAND, stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { ...MIC_CAPSULE, fill: primaryColor }), jsx("path", { d: MIC_STAND, stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
-    },
+  displayName: "NtdMicrophone",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { ...MIC_CAPSULE, fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: MIC_STAND, stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { ...MIC_CAPSULE, stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsx("path", { d: MIC_STAND, stroke: primaryColor, strokeWidth, fill: "none" })
+    ] }),
+    duotone: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { ...MIC_CAPSULE, fill: secondaryColor }),
+      /* @__PURE__ */ jsx("path", { d: MIC_STAND, stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { ...MIC_CAPSULE, fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: MIC_STAND, stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" })
+    ] })
+  }
 });
-/**
- * The box without a band around NtdMicrophoneOff's slash (2,2 → 22,22): `gap` clear on each side
- * of a slash `width` wide. The microphone is clipped to it, so the slash stands apart from it
- * instead of merging with a stand of the same weight.
- */
 function micSlashClip(width, gap) {
-    const o = (width / 2 + gap) / Math.SQRT2;
-    return `M0 0h24v24H0zM${ -2 + o} ${ -2 - o}L${26 + o} ${26 - o}L${26 - o} ${26 + o}L${ -2 - o} ${ -2 + o}z`;
+  const o = (width / 2 + gap) / Math.SQRT2;
+  return `M0 0h24v24H0zM${-2 + o} ${-2 - o}L${26 + o} ${26 - o}L${26 - o} ${26 + o}L${-2 - o} ${-2 + o}z`;
 }
-const MIC_SLASH = 'M2 2l20 20';
-/** A muted microphone: the microphone with a slash across it. */
+const MIC_SLASH = "M2 2l20 20";
 const NtdMicrophoneOff = /* @__PURE__ */ createIcon({
-    displayName: 'NtdMicrophoneOff',
-    paths: {
-        solid: ({ primaryColor, strokeWidth, uid }) => (jsxs(Fragment, { children: [within(uid, 'mic', jsx("path", { d: micSlashClip(strokeWidth * 2, strokeWidth * 0.5), clipRule: "evenodd" }), jsxs(Fragment, { children: [jsx("rect", { ...MIC_CAPSULE, fill: primaryColor }), jsx("path", { d: MIC_STAND, stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })), jsx("path", { d: MIC_SLASH, stroke: primaryColor, strokeWidth: strokeWidth * 2 })] })),
-        outline: ({ primaryColor, strokeWidth, uid }) => (jsxs(Fragment, { children: [within(uid, 'mic', jsx("path", { d: micSlashClip(strokeWidth, strokeWidth * 0.5), clipRule: "evenodd" }), jsxs(Fragment, { children: [jsx("rect", { ...MIC_CAPSULE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: MIC_STAND, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })), jsx("path", { d: MIC_SLASH, stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, strokeWidth, uid }) => (jsxs(Fragment, { children: [within(uid, 'mic', jsx("path", { d: micSlashClip(strokeWidth * 2, strokeWidth * 0.5), clipRule: "evenodd" }), jsxs(Fragment, { children: [jsx("rect", { ...MIC_CAPSULE, fill: secondaryColor }), jsx("path", { d: MIC_STAND, stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })), jsx("path", { d: MIC_SLASH, stroke: primaryColor, strokeWidth: strokeWidth * 2 })] })),
-        vivid: ({ primaryColor, secondaryColor, strokeWidth, uid }) => (jsxs(Fragment, { children: [within(uid, 'mic', jsx("path", { d: micSlashClip(strokeWidth * 2, strokeWidth * 0.5), clipRule: "evenodd" }), jsxs(Fragment, { children: [jsx("rect", { ...MIC_CAPSULE, fill: primaryColor }), jsx("path", { d: MIC_STAND, stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })), jsx("path", { d: MIC_SLASH, stroke: secondaryColor, strokeWidth: strokeWidth * 2 })] })),
-    },
+  displayName: "NtdMicrophoneOff",
+  paths: {
+    solid: ({ primaryColor, strokeWidth, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      within(
+        uid,
+        "mic",
+        /* @__PURE__ */ jsx("path", { d: micSlashClip(strokeWidth * 2, strokeWidth * 0.5), clipRule: "evenodd" }),
+        /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("rect", { ...MIC_CAPSULE, fill: primaryColor }),
+          /* @__PURE__ */ jsx("path", { d: MIC_STAND, stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })
+        ] })
+      ),
+      /* @__PURE__ */ jsx("path", { d: MIC_SLASH, stroke: primaryColor, strokeWidth: strokeWidth * 2 })
+    ] }),
+    outline: ({ primaryColor, strokeWidth, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      within(
+        uid,
+        "mic",
+        /* @__PURE__ */ jsx("path", { d: micSlashClip(strokeWidth, strokeWidth * 0.5), clipRule: "evenodd" }),
+        /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("rect", { ...MIC_CAPSULE, stroke: primaryColor, strokeWidth, fill: "none" }),
+          /* @__PURE__ */ jsx("path", { d: MIC_STAND, stroke: primaryColor, strokeWidth, fill: "none" })
+        ] })
+      ),
+      /* @__PURE__ */ jsx("path", { d: MIC_SLASH, stroke: primaryColor, strokeWidth })
+    ] }),
+    duotone: ({ primaryColor, secondaryColor, strokeWidth, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      within(
+        uid,
+        "mic",
+        /* @__PURE__ */ jsx("path", { d: micSlashClip(strokeWidth * 2, strokeWidth * 0.5), clipRule: "evenodd" }),
+        /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("rect", { ...MIC_CAPSULE, fill: secondaryColor }),
+          /* @__PURE__ */ jsx("path", { d: MIC_STAND, stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })
+        ] })
+      ),
+      /* @__PURE__ */ jsx("path", { d: MIC_SLASH, stroke: primaryColor, strokeWidth: strokeWidth * 2 })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor, strokeWidth, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      within(
+        uid,
+        "mic",
+        /* @__PURE__ */ jsx("path", { d: micSlashClip(strokeWidth * 2, strokeWidth * 0.5), clipRule: "evenodd" }),
+        /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("rect", { ...MIC_CAPSULE, fill: primaryColor }),
+          /* @__PURE__ */ jsx("path", { d: MIC_STAND, stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" })
+        ] })
+      ),
+      /* @__PURE__ */ jsx("path", { d: MIC_SLASH, stroke: secondaryColor, strokeWidth: strokeWidth * 2 })
+    ] })
+  }
 });
-// NtdMusic: the note heads are tilted ellipses whose right edge is the stem's right edge, and the
-// stems end where that edge is vertical, so stem and head meet without a step (the heads stuck
-// out right of the stems). The outline heads are the filled ones moved in by half a stroke, so
-// their stroke meets the stem the same way. Every variant but `outline` draws the stems and the
-// beam twice the stroke width; the stems move left by the extra half width, so their right edge
-// stays on the heads' (9.3 and 21.3), and the beam drops half a unit to keep a mitred corner in
-// the box.
-const MUSIC_STEMS = 'M8.3 17.22V5l12-2v12.22';
-/** The stems and the beam for a line `width` wide; `sharp` stops them half a width higher. */
+const MUSIC_STEMS = "M8.3 17.22V5l12-2v12.22";
 function musicStems(width, sharp = false) {
-    const left = 9.3 - width / 2;
-    const right = 21.3 - width / 2;
-    const end = sharp ? width / 2 : 0;
-    return `M${left} ${17.22 - end}V5.5L${right} 3.5V${15.22 - end}`;
+  const left = 9.3 - width / 2;
+  const right = 21.3 - width / 2;
+  const end = sharp ? width / 2 : 0;
+  return `M${left} ${17.22 - end}V5.5L${right} 3.5V${15.22 - end}`;
 }
 function musicFilled(stems, heads, strokeWidth, sharp = false) {
-    return (jsxs(Fragment, { children: [jsx("path", { d: musicStems(strokeWidth * 2, sharp), stroke: stems, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("ellipse", { cx: "5.97", cy: "18", rx: "3.5", ry: "2.3", transform: "rotate(-24 5.97 18)", fill: heads[0] }), jsx("ellipse", { cx: "17.97", cy: "16", rx: "3.5", ry: "2.3", transform: "rotate(-24 17.97 16)", fill: heads[1] })] }));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: musicStems(strokeWidth * 2, sharp),
+        stroke: stems,
+        strokeWidth: strokeWidth * 2,
+        fill: "none"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "ellipse",
+      {
+        cx: "5.97",
+        cy: "18",
+        rx: "3.5",
+        ry: "2.3",
+        transform: "rotate(-24 5.97 18)",
+        fill: heads[0]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "ellipse",
+      {
+        cx: "17.97",
+        cy: "16",
+        rx: "3.5",
+        ry: "2.3",
+        transform: "rotate(-24 17.97 16)",
+        fill: heads[1]
+      }
+    )
+  ] });
 }
 const NtdMusic = /* @__PURE__ */ createIcon({
-    displayName: 'NtdMusic',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => musicFilled(primaryColor, [primaryColor, primaryColor], strokeWidth),
-        // the square caps of `sharp` then end at the heads' edge
-        sharp: ({ primaryColor, strokeWidth }) => musicFilled(primaryColor, [primaryColor, primaryColor], strokeWidth, true),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: MUSIC_STEMS, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxs("g", { stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", children: [jsx("ellipse", { cx: "5.97", cy: "18", rx: "2.5", ry: "1.3", transform: "rotate(-24 5.97 18)" }), jsx("ellipse", { cx: "17.97", cy: "16", rx: "2.5", ry: "1.3", transform: "rotate(-24 17.97 16)" })] })] })),
-        duotone: ({ primaryColor, strokeWidth }) => musicFilled(primaryColor, [primaryColor, primaryColor], strokeWidth),
-        vivid: ({ primaryColor, secondaryColor, strokeWidth }) => musicFilled(primaryColor, [primaryColor, secondaryColor], strokeWidth),
-    },
+  displayName: "NtdMusic",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => musicFilled(primaryColor, [primaryColor, primaryColor], strokeWidth),
+    // the square caps of `sharp` then end at the heads' edge
+    sharp: ({ primaryColor, strokeWidth }) => musicFilled(primaryColor, [primaryColor, primaryColor], strokeWidth, true),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: MUSIC_STEMS, stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsxs("g", { stroke: primaryColor, strokeWidth, fill: "none", children: [
+        /* @__PURE__ */ jsx("ellipse", { cx: "5.97", cy: "18", rx: "2.5", ry: "1.3", transform: "rotate(-24 5.97 18)" }),
+        /* @__PURE__ */ jsx("ellipse", { cx: "17.97", cy: "16", rx: "2.5", ry: "1.3", transform: "rotate(-24 17.97 16)" })
+      ] })
+    ] }),
+    duotone: ({ primaryColor, strokeWidth }) => musicFilled(primaryColor, [primaryColor, primaryColor], strokeWidth),
+    vivid: ({ primaryColor, secondaryColor, strokeWidth }) => musicFilled(primaryColor, [primaryColor, secondaryColor], strokeWidth)
+  }
 });
-// The flap is a cut through the envelope, kept inside it: its ends meet the sides flush (the
-// round caps stuck out past the corners).
 const NtdMail = /* @__PURE__ */ createIcon({
-    displayName: 'NtdMail',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, uid }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: primaryColor }), within(uid, 'flap', jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2" }), jsx("path", { d: "M22 6l-10 7L2 6", stroke: accentColor, strokeWidth: "1.5", fill: "none", opacity: accentOpacity }))] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M22 6l-10 7L2 6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor, uid }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: "white", opacity: "0.1" }), within(uid, 'flap', jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2" }), jsx("path", { d: "M22 6l-10 7L2 6", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }))] })),
-    },
+  displayName: "NtdMail",
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: primaryColor }),
+      within(
+        uid,
+        "flap",
+        /* @__PURE__ */ jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M22 6l-10 7L2 6",
+            stroke: accentColor,
+            strokeWidth: "1.5",
+            fill: "none",
+            opacity: accentOpacity
+          }
+        )
+      )
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "2",
+          y: "4",
+          width: "20",
+          height: "16",
+          rx: "2",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: "M22 6l-10 7L2 6", stroke: primaryColor, strokeWidth, fill: "none" })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: primaryColor }),
+      /* @__PURE__ */ jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: "white", opacity: "0.1" }),
+      within(
+        uid,
+        "flap",
+        /* @__PURE__ */ jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2" }),
+        /* @__PURE__ */ jsx("path", { d: "M22 6l-10 7L2 6", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" })
+      )
+    ] })
+  }
 });
-// Inbox: a tray (open box seen from the front, the dip where letters land), next to NtdMail's
-// envelope. Duotone splits by part: tray in primary, the dip in secondary.
 const NtdInbox = /* @__PURE__ */ createIcon({
-    displayName: 'NtdInbox',
-    paths: {
-        solid: ({ primaryColor }) => (jsx("path", { d: "M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11zM4.24 12h3.23l2 3h5.06l2-3h3.23l-2.68-5.37a.5.5 0 0 0-.45-.27H7.37a.5.5 0 0 0-.45.27z", fill: primaryColor, fillRule: "evenodd" })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 12h-6l-2 3h-4l-2-3H2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }), jsx("path", { d: "M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 12h-6l-2 3h-4l-2-3H2", stroke: secondaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }), jsx("path", { d: "M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsx("path", { d: "M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11zM4.24 12h3.23l2 3h5.06l2-3h3.23l-2.68-5.37a.5.5 0 0 0-.45-.27H7.37a.5.5 0 0 0-.45.27z", fill: primaryColor, fillRule: "evenodd" })),
-    },
+  displayName: "NtdInbox",
+  paths: {
+    solid: ({ primaryColor }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11zM4.24 12h3.23l2 3h5.06l2-3h3.23l-2.68-5.37a.5.5 0 0 0-.45-.27H7.37a.5.5 0 0 0-.45.27z",
+        fill: primaryColor,
+        fillRule: "evenodd"
+      }
+    ),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M22 12h-6l-2 3h-4l-2-3H2",
+          stroke: primaryColor,
+          strokeWidth,
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z",
+          stroke: primaryColor,
+          strokeWidth,
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          fill: "none"
+        }
+      )
+    ] }),
+    duotone: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M22 12h-6l-2 3h-4l-2-3H2",
+          stroke: secondaryColor,
+          strokeWidth,
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z",
+          stroke: primaryColor,
+          strokeWidth,
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          fill: "none"
+        }
+      )
+    ] }),
+    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11zM4.24 12h3.23l2 3h5.06l2-3h3.23l-2.68-5.37a.5.5 0 0 0-.45-.27H7.37a.5.5 0 0 0-.45.27z",
+        fill: primaryColor,
+        fillRule: "evenodd"
+      }
+    )
+  }
 });
-const PHONE_HANDSET = 'M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z';
+const PHONE_HANDSET = "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z";
 const NtdPhone = /* @__PURE__ */ createIcon({
-    displayName: 'NtdPhone',
-    paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z", fill: primaryColor })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        // Fills only, a colour per part: the ear and mouth pieces primary, the grip between them
-        // secondary. The handset is symmetric about (x, y) -> (24 - y, 24 - x), so the two cuts are
-        // mirror images, each through the corner where an end piece meets the grip.
-        duotone: ({ primaryColor, secondaryColor, uid }) => (jsxs(Fragment, { children: [jsx("path", { d: PHONE_HANDSET, fill: secondaryColor }), within(uid, 'ear', jsx("polygon", { points: "0,0 13,0 13,9.5 0,10.59" }), jsx("path", { d: PHONE_HANDSET, fill: primaryColor })), within(uid, 'mouth', jsx("polygon", { points: "24,24 24,11 14.5,11 13.41,24" }), jsx("path", { d: PHONE_HANDSET, fill: primaryColor }))] })),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z", fill: primaryColor }), jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z", fill: "white", opacity: "0.1" })] })),
-    },
+  displayName: "NtdPhone",
+  paths: {
+    solid: ({ primaryColor, strokeWidth: _strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z",
+        fill: primaryColor
+      }
+    ),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    // Fills only, a colour per part: the ear and mouth pieces primary, the grip between them
+    // secondary. The handset is symmetric about (x, y) -> (24 - y, 24 - x), so the two cuts are
+    // mirror images, each through the corner where an end piece meets the grip.
+    duotone: ({ primaryColor, secondaryColor, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: PHONE_HANDSET, fill: secondaryColor }),
+      within(
+        uid,
+        "ear",
+        /* @__PURE__ */ jsx("polygon", { points: "0,0 13,0 13,9.5 0,10.59" }),
+        /* @__PURE__ */ jsx("path", { d: PHONE_HANDSET, fill: primaryColor })
+      ),
+      within(
+        uid,
+        "mouth",
+        /* @__PURE__ */ jsx("polygon", { points: "24,24 24,11 14.5,11 13.41,24" }),
+        /* @__PURE__ */ jsx("path", { d: PHONE_HANDSET, fill: primaryColor })
+      )
+    ] }),
+    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z",
+          fill: primaryColor
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z",
+          fill: "white",
+          opacity: "0.1"
+        }
+      )
+    ] })
+  }
 });
-// The tail leaves the bubble's bottom edge 4 units in from the left (it ran down the left side).
-const CHAT = 'M5 3h14a2 2 0 012 2v10a2 2 0 01-2 2h-8l-4 4v-4H5a2 2 0 01-2-2V5a2 2 0 012-2z';
-const CHAT_BUBBLE = 'M5 3h14a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2z';
-/** The tail alone, reaching 1 under the bubble so the two colours meet without a seam. */
-const CHAT_TAIL = 'M7 16v5l5-5z';
+const CHAT = "M5 3h14a2 2 0 012 2v10a2 2 0 01-2 2h-8l-4 4v-4H5a2 2 0 01-2-2V5a2 2 0 012-2z";
+const CHAT_BUBBLE = "M5 3h14a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2z";
+const CHAT_TAIL = "M7 16v5l5-5z";
 const NtdChat = /* @__PURE__ */ createIcon({
-    displayName: 'NtdChat',
-    perfectStackX: 10.5,
-    perfectStackY: 10,
-    perfectStackSize: 0.45,
-    paths: {
-        solid: ({ primaryColor }) => jsx("path", { d: CHAT, fill: primaryColor }),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: CHAT, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        // fills only: the bubble primary, the tail secondary
-        duotone: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: CHAT_TAIL, fill: secondaryColor }), jsx("path", { d: CHAT_BUBBLE, fill: primaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: CHAT_TAIL, fill: secondaryColor }), jsx("path", { d: CHAT_BUBBLE, fill: primaryColor })] })),
-    },
+  displayName: "NtdChat",
+  perfectStackX: 10.5,
+  perfectStackY: 10,
+  perfectStackSize: 0.45,
+  paths: {
+    solid: ({ primaryColor }) => /* @__PURE__ */ jsx("path", { d: CHAT, fill: primaryColor }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx("path", { d: CHAT, stroke: primaryColor, strokeWidth, fill: "none" }),
+    // fills only: the bubble primary, the tail secondary
+    duotone: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: CHAT_TAIL, fill: secondaryColor }),
+      /* @__PURE__ */ jsx("path", { d: CHAT_BUBBLE, fill: primaryColor })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: CHAT_TAIL, fill: secondaryColor }),
+      /* @__PURE__ */ jsx("path", { d: CHAT_BUBBLE, fill: primaryColor })
+    ] })
+  }
 });
-/* NtdSend — the paper plane read ~20% oversized next to the rest of the set,
-   so the whole glyph is scaled 0.8 about (12,12). The factor is baked into the
-   coordinates rather than applied as a group transform: a transform would scale
-   `strokeWidth` too and leave the outline variant lighter than every sibling. */
 const NtdSend = /* @__PURE__ */ createIcon({
-    displayName: 'NtdSend',
-    paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M20 4L11.2 12.8M20 4l-5.6 16-3.2-7.2-7.2-3.2 16-5.6z", fill: primaryColor, stroke: primaryColor, strokeWidth: "1", strokeLinejoin: "miter", strokeLinecap: "butt" })),
-        // Outline is the silhouette only — the diagonal crease is gone (it now lives
-        // in `wireframe`, which shows construction lines by design).
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M20 4l-5.6 16-3.2-7.2-7.2-3.2 16-5.6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "miter", strokeLinecap: "butt" })),
-        // Solid shape split along the crease: lower wing primary, upper wing
-        // secondary at full strength (swapped in 1.3.8: the larger part primary)
-        // — the two-tone is the plane's own geometry,
-        // not a translucent overlay.
-        duotone: swapDuotone(({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 4L11.2 12.8 4 9.6z", fill: primaryColor }), jsx("path", { d: "M20 4l-5.6 16-3.2-7.2z", fill: secondaryColor })] }))),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 4L11.2 12.8M20 4l-5.6 16-3.2-7.2-7.2-3.2 16-5.6z", fill: primaryColor, stroke: primaryColor, strokeWidth: "1", strokeLinejoin: "miter", strokeLinecap: "butt" }), jsx("path", { d: "M20 4L11.2 12.8M20 4l-5.6 16-3.2-7.2-7.2-3.2 16-5.6z", fill: "white", opacity: "0.1" })] })),
-    },
+  displayName: "NtdSend",
+  paths: {
+    solid: ({ primaryColor, strokeWidth: _strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M20 4L11.2 12.8M20 4l-5.6 16-3.2-7.2-7.2-3.2 16-5.6z",
+        fill: primaryColor,
+        stroke: primaryColor,
+        strokeWidth: "1",
+        strokeLinejoin: "miter",
+        strokeLinecap: "butt"
+      }
+    ),
+    // Outline is the silhouette only — the diagonal crease is gone (it now lives
+    // in `wireframe`, which shows construction lines by design).
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M20 4l-5.6 16-3.2-7.2-7.2-3.2 16-5.6z",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none",
+        strokeLinejoin: "miter",
+        strokeLinecap: "butt"
+      }
+    ),
+    // Solid shape split along the crease: lower wing primary, upper wing
+    // secondary at full strength (swapped in 1.3.8: the larger part primary)
+    // — the two-tone is the plane's own geometry,
+    // not a translucent overlay.
+    duotone: swapDuotone(({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M20 4L11.2 12.8 4 9.6z", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: "M20 4l-5.6 16-3.2-7.2z", fill: secondaryColor })
+    ] })),
+    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M20 4L11.2 12.8M20 4l-5.6 16-3.2-7.2-7.2-3.2 16-5.6z",
+          fill: primaryColor,
+          stroke: primaryColor,
+          strokeWidth: "1",
+          strokeLinejoin: "miter",
+          strokeLinecap: "butt"
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: "M20 4L11.2 12.8M20 4l-5.6 16-3.2-7.2-7.2-3.2 16-5.6z", fill: "white", opacity: "0.1" })
+    ] })
+  }
 });
 const NtdNotification = /* @__PURE__ */ createIcon({
-    displayName: 'NtdNotification',
-    paths: {
-        solid: ({ primaryColor, accentColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", fill: primaryColor }), jsx("path", { d: "M13.73 21a2 2 0 01-3.46 0", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "18", cy: "4", r: "3.5", fill: accentColor })] })),
-        outline: ({ primaryColor, accentColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M13.73 21a2 2 0 01-3.46 0", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "18", cy: "4", r: "3", fill: accentColor })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", fill: primaryColor }), jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "18", cy: "4", r: "3.5", fill: secondaryColor }), jsx("path", { d: "M13.73 21a2 2 0 01-3.46 0", stroke: "white", strokeWidth: "1" })] })),
-    },
+  displayName: "NtdNotification",
+  paths: {
+    solid: ({ primaryColor, accentColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: "M13.73 21a2 2 0 01-3.46 0", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsx("circle", { cx: "18", cy: "4", r: "3.5", fill: accentColor })
+    ] }),
+    outline: ({ primaryColor, accentColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: "M13.73 21a2 2 0 01-3.46 0", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsx("circle", { cx: "18", cy: "4", r: "3", fill: accentColor })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", fill: "white", opacity: "0.08" }),
+      /* @__PURE__ */ jsx("circle", { cx: "18", cy: "4", r: "3.5", fill: secondaryColor }),
+      /* @__PURE__ */ jsx("path", { d: "M13.73 21a2 2 0 01-3.46 0", stroke: "white", strokeWidth: "1" })
+    ] })
+  }
 });
-// NtdWifi: three arcs round the dot (r 5.2 / 9.5 / 13.8 about 12,19.5, ±45°), 1.5 × the stroke
-// width in every variant but `outline` — half again as heavy. Concentric, so the heavier arcs keep
-// even gaps, and small enough that the outer one's square caps in `sharp` stay in the box. The
-// inner arc sits further from the dot (it was r 4.4) and the arcs closer together, the outer one
-// where it was. Vivid: the dot and the inner arc primary, the outer arcs secondary; duotone the
-// other way round, the larger arcs primary (1.3.8).
-const WIFI_INNER = 'M8.32 15.82A5.2 5.2 0 0 1 15.68 15.82';
-const WIFI_OUTER = 'M5.28 12.78A9.5 9.5 0 0 1 18.72 12.78M2.24 9.74A13.8 13.8 0 0 1 21.76 9.74';
+const WIFI_INNER = "M8.32 15.82A5.2 5.2 0 0 1 15.68 15.82";
+const WIFI_OUTER = "M5.28 12.78A9.5 9.5 0 0 1 18.72 12.78M2.24 9.74A13.8 13.8 0 0 1 21.76 9.74";
 function wifiFilled(near, far, strokeWidth) {
-    return (jsxs(Fragment, { children: [jsx("path", { d: WIFI_OUTER, stroke: far, strokeWidth: strokeWidth * 1.5, fill: "none" }), jsx("path", { d: WIFI_INNER, stroke: near, strokeWidth: strokeWidth * 1.5, fill: "none" }), jsx("circle", { cx: "12", cy: "19.5", r: "1.5", fill: near })] }));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: WIFI_OUTER, stroke: far, strokeWidth: strokeWidth * 1.5, fill: "none" }),
+    /* @__PURE__ */ jsx("path", { d: WIFI_INNER, stroke: near, strokeWidth: strokeWidth * 1.5, fill: "none" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "19.5", r: "1.5", fill: near })
+  ] });
 }
 const NtdWifi = /* @__PURE__ */ createIcon({
-    displayName: 'NtdWifi',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => wifiFilled(primaryColor, primaryColor, strokeWidth),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: `${WIFI_INNER}${WIFI_OUTER}`, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "19.5", r: "1", fill: primaryColor })] })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => wifiFilled(primaryColor, secondaryColor, strokeWidth)),
-        vivid: ({ primaryColor, secondaryColor, strokeWidth }) => wifiFilled(primaryColor, secondaryColor, strokeWidth),
-    },
+  displayName: "NtdWifi",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => wifiFilled(primaryColor, primaryColor, strokeWidth),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: `${WIFI_INNER}${WIFI_OUTER}`,
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "19.5", r: "1", fill: primaryColor })
+    ] }),
+    duotone: swapDuotone(
+      ({ primaryColor, secondaryColor, strokeWidth }) => wifiFilled(primaryColor, secondaryColor, strokeWidth)
+    ),
+    vivid: ({ primaryColor, secondaryColor, strokeWidth }) => wifiFilled(primaryColor, secondaryColor, strokeWidth)
+  }
 });
-// NtdBluetooth, round 40: the rune 1.5 × the stroke width in every variant but `outline` (vivid had
-// a fixed 2.2), scaled to 10/11 about the centre so the heavier tips stay in the box in `sharp`.
-const BLUETOOTH = 'M7 7l10 10-5 5V2l5 5-10 10';
+const BLUETOOTH = "M7 7l10 10-5 5V2l5 5-10 10";
 const NtdBluetooth = /* @__PURE__ */ createIcon({
-    displayName: 'NtdBluetooth',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: BLUETOOTH, stroke: primaryColor, strokeWidth: strokeWidth * 1.5, fill: "none" })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: BLUETOOTH, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l5 5-5 5 5 5-5 5z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: BLUETOOTH, stroke: primaryColor, strokeWidth: strokeWidth * 1.5, fill: "none" })] })),
-        vivid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: BLUETOOTH, stroke: primaryColor, strokeWidth: strokeWidth * 1.5, fill: "none" })),
-    },
+  displayName: "NtdBluetooth",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx("path", { d: BLUETOOTH, stroke: primaryColor, strokeWidth: strokeWidth * 1.5, fill: "none" }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx("path", { d: BLUETOOTH, stroke: primaryColor, strokeWidth, fill: "none" }),
+    duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M12 2l5 5-5 5 5 5-5 5z", fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsx("path", { d: BLUETOOTH, stroke: primaryColor, strokeWidth: strokeWidth * 1.5, fill: "none" })
+    ] }),
+    vivid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx("path", { d: BLUETOOTH, stroke: primaryColor, strokeWidth: strokeWidth * 1.5, fill: "none" })
+  }
 });
-// ── Relocated from brand packs ──
 const NtdPalette = /* @__PURE__ */ createIcon({
-    displayName: 'NtdPalette',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", fill: primaryColor, opacity: "0.25" }), jsx("circle", { cx: "7", cy: "9", r: "1.2", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "10", cy: "7", r: "1.2", fill: accentColor, opacity: accentOpacity * 0.8 }), jsx("circle", { cx: "7", cy: "13", r: "1.2", fill: accentColor, opacity: accentOpacity * 0.7 })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", fill: primaryColor, opacity: "0.25" }), jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "7", cy: "9", r: "1.2", fill: secondaryColor }), jsx("circle", { cx: "10", cy: "7", r: "1.2", fill: "#8B5CF6" }), jsx("circle", { cx: "7", cy: "13", r: "1.2", fill: "#EF4444" })] })),
-    },
+  displayName: "NtdPalette",
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z",
+          fill: primaryColor,
+          opacity: "0.25"
+        }
+      ),
+      /* @__PURE__ */ jsx("circle", { cx: "7", cy: "9", r: "1.2", fill: accentColor, opacity: accentOpacity }),
+      /* @__PURE__ */ jsx("circle", { cx: "10", cy: "7", r: "1.2", fill: accentColor, opacity: accentOpacity * 0.8 }),
+      /* @__PURE__ */ jsx("circle", { cx: "7", cy: "13", r: "1.2", fill: accentColor, opacity: accentOpacity * 0.7 })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z",
+          fill: primaryColor,
+          opacity: "0.25"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z",
+          fill: "white",
+          opacity: "0.08"
+        }
+      ),
+      /* @__PURE__ */ jsx("circle", { cx: "7", cy: "9", r: "1.2", fill: secondaryColor }),
+      /* @__PURE__ */ jsx("circle", { cx: "10", cy: "7", r: "1.2", fill: "#8B5CF6" }),
+      /* @__PURE__ */ jsx("circle", { cx: "7", cy: "13", r: "1.2", fill: "#EF4444" })
+    ] })
+  }
 });
-// NtdBrush: a paintbrush lying at 45° — a tapering handle with a round end, the metal ferrule, and
-// the bristles swelling out of it to a point at the bottom left (it was a pencil-like wedge with a
-// blob). Filled, the ferrule is set off from the handle and the bristles by two accent cuts.
-// Duotone, fills only: the handle and the ferrule primary, the bristles secondary; vivid puts the
-// ferrule in the accent colour.
-const BRUSH_HANDLE = 'M19.35 2.81A1.3 1.3 0 0 1 21.19 4.65L13.91 12.49L11.51 10.09Z';
-const BRUSH_FERRULE = 'M11.08 9.67L14.33 12.92L11.36 15.89L8.11 12.64Z';
-const BRUSH_BRISTLES = 'M8.11 12.64L11.36 15.89C9.95 18.43 7.76 20.49 2.81 21.19C3.51 16.24 5.57 14.05 8.11 12.64Z';
-const BRUSH_CUTS = 'M10.37 8.96L15.04 13.63M7.4 11.93L12.07 16.6';
+const BRUSH_HANDLE = "M19.35 2.81A1.3 1.3 0 0 1 21.19 4.65L13.91 12.49L11.51 10.09Z";
+const BRUSH_FERRULE = "M11.08 9.67L14.33 12.92L11.36 15.89L8.11 12.64Z";
+const BRUSH_BRISTLES = "M8.11 12.64L11.36 15.89C9.95 18.43 7.76 20.49 2.81 21.19C3.51 16.24 5.57 14.05 8.11 12.64Z";
+const BRUSH_CUTS = "M10.37 8.96L15.04 13.63M7.4 11.93L12.07 16.6";
 function brushFilled(handle, ferrule, bristles, ferruleOpacity = 1) {
-    return (jsxs(Fragment, { children: [jsx("path", { d: BRUSH_HANDLE, fill: handle }), jsx("path", { d: BRUSH_FERRULE, fill: ferrule, opacity: ferruleOpacity }), jsx("path", { d: BRUSH_BRISTLES, fill: bristles })] }));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: BRUSH_HANDLE, fill: handle }),
+    /* @__PURE__ */ jsx("path", { d: BRUSH_FERRULE, fill: ferrule, opacity: ferruleOpacity }),
+    /* @__PURE__ */ jsx("path", { d: BRUSH_BRISTLES, fill: bristles })
+  ] });
 }
 const NtdBrush = /* @__PURE__ */ createIcon({
-    displayName: 'NtdBrush',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, uid }) => (jsxs(Fragment, { children: [brushFilled(primaryColor, primaryColor, primaryColor), within(uid, 'brush', jsx("path", { d: `${BRUSH_HANDLE}${BRUSH_FERRULE}${BRUSH_BRISTLES}` }), jsx("path", { d: BRUSH_CUTS, stroke: accentColor, strokeWidth: "1", opacity: accentOpacity }))] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: `${BRUSH_HANDLE}${BRUSH_FERRULE}${BRUSH_BRISTLES}`, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor }) => brushFilled(primaryColor, primaryColor, secondaryColor),
-        vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => brushFilled(primaryColor, accentColor, secondaryColor, accentOpacity),
-    },
+  displayName: "NtdBrush",
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      brushFilled(primaryColor, primaryColor, primaryColor),
+      within(
+        uid,
+        "brush",
+        /* @__PURE__ */ jsx("path", { d: `${BRUSH_HANDLE}${BRUSH_FERRULE}${BRUSH_BRISTLES}` }),
+        /* @__PURE__ */ jsx("path", { d: BRUSH_CUTS, stroke: accentColor, strokeWidth: "1", opacity: accentOpacity })
+      )
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: `${BRUSH_HANDLE}${BRUSH_FERRULE}${BRUSH_BRISTLES}`,
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    duotone: ({ primaryColor, secondaryColor }) => brushFilled(primaryColor, primaryColor, secondaryColor),
+    vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => brushFilled(primaryColor, accentColor, secondaryColor, accentOpacity)
+  }
 });
 const NtdPenTool = /* @__PURE__ */ createIcon({
-    displayName: 'NtdPenTool',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 3l3 3-3 3-3-3 3-3zM6 18l6-9 6 9-6 3zM6 18l-2 3M18 18l2 3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 3l3 3-3 3-3-3 3-3zM6 18l6-9 6 9-6 3zM6 18l-2 3M18 18l2 3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "6,18 12,9 18,18 12,21", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 3l3 3-3 3-3-3 3-3zM6 18l6-9 6 9-6 3zM6 18l-2 3M18 18l2 3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsx(Fragment, { children: jsx("path", { d: "M12 3l3 3-3 3-3-3 3-3zM6 18l6-9 6 9-6 3zM6 18l-2 3M18 18l2 3", stroke: primaryColor, strokeWidth: "2.2", fill: "none" }) })),
-    },
+  displayName: "NtdPenTool",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M12 3l3 3-3 3-3-3 3-3zM6 18l6-9 6 9-6 3zM6 18l-2 3M18 18l2 3",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M12 3l3 3-3 3-3-3 3-3zM6 18l6-9 6 9-6 3zM6 18l-2 3M18 18l2 3",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("polygon", { points: "6,18 12,9 18,18 12,21", fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 3l3 3-3 3-3-3 3-3zM6 18l6-9 6 9-6 3zM6 18l-2 3M18 18l2 3",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] }),
+    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M12 3l3 3-3 3-3-3 3-3zM6 18l6-9 6 9-6 3zM6 18l-2 3M18 18l2 3",
+        stroke: primaryColor,
+        strokeWidth: "2.2",
+        fill: "none"
+      }
+    ) })
+  }
 });
 const NtdSpline = /* @__PURE__ */ createIcon({
-    displayName: 'NtdSpline',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M4 17c2-8 6-8 8-2s6 6 8-4M4 17h2M18 11h2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M4 17c2-8 6-8 8-2s6 6 8-4M4 17h2M18 11h2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 17c2-8 6-8 8-2s6 6 8-4", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2, fill: "none" }), jsx("path", { d: "M4 17c2-8 6-8 8-2s6 6 8-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsx(Fragment, { children: jsx("path", { d: "M4 17c2-8 6-8 8-2s6 6 8-4M4 17h2M18 11h2", stroke: primaryColor, strokeWidth: "2.2", fill: "none" }) })),
-    },
+  displayName: "NtdSpline",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M4 17c2-8 6-8 8-2s6 6 8-4M4 17h2M18 11h2",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M4 17c2-8 6-8 8-2s6 6 8-4M4 17h2M18 11h2",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M4 17c2-8 6-8 8-2s6 6 8-4",
+          stroke: secondaryColor,
+          strokeWidth,
+          opacity: secondaryOpacity + 0.2,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M4 17c2-8 6-8 8-2s6 6 8-4",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] }),
+    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M4 17c2-8 6-8 8-2s6 6 8-4M4 17h2M18 11h2",
+        stroke: primaryColor,
+        strokeWidth: "2.2",
+        fill: "none"
+      }
+    ) })
+  }
 });
-
-export { NtdBluetooth, NtdBrush, NtdCamera, NtdChat, NtdImage, NtdInbox, NtdMail, NtdMicrophone, NtdMicrophoneOff, NtdMusic, NtdNotification, NtdPalette, NtdPause, NtdPenTool, NtdPhone, NtdPlay, NtdSend, NtdSkipBack, NtdSkipForward, NtdSpline, NtdStop, NtdVideo, NtdVolume, NtdVolumeMute, NtdWifi };
+export {
+  NtdBluetooth,
+  NtdBrush,
+  NtdCamera,
+  NtdChat,
+  NtdImage,
+  NtdInbox,
+  NtdMail,
+  NtdMicrophone,
+  NtdMicrophoneOff,
+  NtdMusic,
+  NtdNotification,
+  NtdPalette,
+  NtdPause,
+  NtdPenTool,
+  NtdPhone,
+  NtdPlay,
+  NtdSend,
+  NtdSkipBack,
+  NtdSkipForward,
+  NtdSpline,
+  NtdStop,
+  NtdVideo,
+  NtdVolume,
+  NtdVolumeMute,
+  NtdWifi
+};