@nice2dev/icons 1.3.15 → 1.3.17

package/dist/esm/icons/files.js

@@ -1,408 +1,1709 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { createIcon } from '../createIcon.js';
-import { swapDuotone, within, paperIcon } from '../iconParts.js';
-
-// NtdFile is the page every paper icon is drawn on (`paperIcon` in iconParts.tsx): the fold is
-// 8 now (7 before — the duotone's stroked fold looked the largest), secondary when the page is
-// filled, square in `sharp`.
-const NtdFile = /* @__PURE__ */ paperIcon('NtdFile');
-const NtdFileText = /* @__PURE__ */ paperIcon('NtdFileText', 'M7.5 9.5h3M7.5 13.5h9M7.5 17.5h9');
-// The folder tab runs 2 → 11 before its slope (2 → 9 before), in NtdFolder and NtdFolderOpen.
-const FOLDER_TAB = 'M2 7V5a2 2 0 012-2h7l2.67 4z';
-const FOLDER_FRONT = 'M2 6h18a2 2 0 012 2v11a2 2 0 01-2 2H4a2 2 0 01-2-2z';
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { createIcon } from "../createIcon.js";
+import { paperIcon, swapDuotone, within } from "../iconParts.js";
+const NtdFile = /* @__PURE__ */ paperIcon("NtdFile");
+const NtdFileText = /* @__PURE__ */ paperIcon(
+  "NtdFileText",
+  "M7.5 9.5h3M7.5 13.5h9M7.5 17.5h9"
+);
+const FOLDER_TAB = "M2 7V5a2 2 0 012-2h7l2.67 4z";
+const FOLDER_FRONT = "M2 6h18a2 2 0 012 2v11a2 2 0 01-2 2H4a2 2 0 01-2-2z";
 const NtdFolder = /* @__PURE__ */ createIcon({
-    displayName: 'NtdFolder',
-    perfectStackX: 12,
-    perfectStackY: 13.5,
-    perfectStackSize: 0.5,
-    paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", fill: primaryColor })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        // fills only: the folder primary, its tab secondary (the tab reaches 1 under the front, so
-        // the two meet without a seam)
-        duotone: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: FOLDER_TAB, fill: secondaryColor }), jsx("path", { d: FOLDER_FRONT, fill: primaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: FOLDER_TAB, fill: secondaryColor }), jsx("path", { d: FOLDER_FRONT, fill: primaryColor })] })),
-    },
+  displayName: "NtdFolder",
+  perfectStackX: 12,
+  perfectStackY: 13.5,
+  perfectStackSize: 0.5,
+  paths: {
+    solid: ({ primaryColor, strokeWidth: _strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z",
+        fill: primaryColor
+      }
+    ),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    // fills only: the folder primary, its tab secondary (the tab reaches 1 under the front, so
+    // the two meet without a seam)
+    duotone: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: FOLDER_TAB, fill: secondaryColor }),
+      /* @__PURE__ */ jsx("path", { d: FOLDER_FRONT, fill: primaryColor })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: FOLDER_TAB, fill: secondaryColor }),
+      /* @__PURE__ */ jsx("path", { d: FOLDER_FRONT, fill: primaryColor })
+    ] })
+  }
 });
 const NtdFolderOpen = /* @__PURE__ */ createIcon({
-    displayName: 'NtdFolderOpen',
-    perfectStackX: 13,
-    perfectStackY: 15.5,
-    perfectStackSize: 0.4,
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", fill: primaryColor, opacity: "0.3" }), jsx("path", { d: "M2 10h20M4 21l2-11h16l-2 11H4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: primaryColor })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 10h20", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 10h20", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", fill: primaryColor, opacity: "0.3" }), jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M2 10h20M4 21l2-11h16l-2 11H4z", stroke: secondaryColor, strokeWidth: "2", fill: secondaryColor })] })),
-    },
+  displayName: "NtdFolderOpen",
+  perfectStackX: 13,
+  perfectStackY: 15.5,
+  perfectStackSize: 0.4,
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z",
+          fill: primaryColor,
+          opacity: "0.3"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M2 10h20M4 21l2-11h16l-2 11H4z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: primaryColor
+        }
+      )
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: "M2 10h20", stroke: primaryColor, strokeWidth })
+    ] }),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z",
+          fill: secondaryColor,
+          opacity: secondaryOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: "M2 10h20", stroke: primaryColor, strokeWidth })
+    ] })),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z",
+          fill: primaryColor,
+          opacity: "0.3"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z",
+          fill: "white",
+          opacity: "0.08"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M2 10h20M4 21l2-11h16l-2 11H4z",
+          stroke: secondaryColor,
+          strokeWidth: "2",
+          fill: secondaryColor
+        }
+      )
+    ] })
+  }
 });
 const NtdArchive = /* @__PURE__ */ createIcon({
-    displayName: 'NtdArchive',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "5", rx: "1", fill: primaryColor }), jsx("path", { d: "M4 8v11a2 2 0 002 2h12a2 2 0 002-2V8", fill: primaryColor, opacity: "0.7" }), jsx("line", { x1: "10", y1: "12", x2: "14", y2: "12", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "5", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 8v11a2 2 0 002 2h12a2 2 0 002-2V8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "10", y1: "12", x2: "14", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "5", rx: "1", fill: primaryColor }), jsx("rect", { x: "2", y: "3", width: "20", height: "5", rx: "1", fill: "white", opacity: "0.08" }), jsx("path", { d: "M4 8v11a2 2 0 002 2h12a2 2 0 002-2V8", fill: secondaryColor, opacity: "0.7" }), jsx("line", { x1: "10", y1: "12", x2: "14", y2: "12", stroke: "white", strokeWidth: "1", opacity: "0.4" })] })),
-    },
+  displayName: "NtdArchive",
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { x: "2", y: "3", width: "20", height: "5", rx: "1", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: "M4 8v11a2 2 0 002 2h12a2 2 0 002-2V8", fill: primaryColor, opacity: "0.7" }),
+      /* @__PURE__ */ jsx(
+        "line",
+        {
+          x1: "10",
+          y1: "12",
+          x2: "14",
+          y2: "12",
+          stroke: accentColor,
+          strokeWidth,
+          opacity: accentOpacity
+        }
+      )
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "2",
+          y: "3",
+          width: "20",
+          height: "5",
+          rx: "1",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M4 8v11a2 2 0 002 2h12a2 2 0 002-2V8",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("line", { x1: "10", y1: "12", x2: "14", y2: "12", stroke: primaryColor, strokeWidth })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { x: "2", y: "3", width: "20", height: "5", rx: "1", fill: primaryColor }),
+      /* @__PURE__ */ jsx("rect", { x: "2", y: "3", width: "20", height: "5", rx: "1", fill: "white", opacity: "0.08" }),
+      /* @__PURE__ */ jsx("path", { d: "M4 8v11a2 2 0 002 2h12a2 2 0 002-2V8", fill: secondaryColor, opacity: "0.7" }),
+      /* @__PURE__ */ jsx("line", { x1: "10", y1: "12", x2: "14", y2: "12", stroke: "white", strokeWidth: "1", opacity: "0.4" })
+    ] })
+  }
 });
-// NtdDatabase: a cylinder of three discs, its silhouette — sides, bottom and the back of the top —
-// one path, so no seam shows where a separate cap met the body. The filled variants draw no line
-// along the cap's front edge (it set the cap apart as a fourth disc), and the gaps between the
-// discs are bands between two parallel arcs, 1.3 high everywhere and cut square at the sides — a
-// stroked arc clipped to the body thinned to a wedge along the sides.
-const DB_SILHOUETTE = 'M4 5.5v13a8 2.6 0 0016 0v-13a8 2.6 0 00-16 0z';
-// The three discs are equally tall (3.47 between the gaps): centred on the outline's thirds, the
-// gaps took from both sides of the middle disc and left it 0.65 shorter than the others.
-const DB_GAPS = 'M4 8.967a8 2.6 0 0016 0v1.3a8 2.6 0 01-16 0zM4 13.733a8 2.6 0 0016 0v1.3a8 2.6 0 01-16 0z';
+const DB_SILHOUETTE = "M4 5.5v13a8 2.6 0 0016 0v-13a8 2.6 0 00-16 0z";
+const DB_GAPS = "M4 8.967a8 2.6 0 0016 0v1.3a8 2.6 0 01-16 0zM4 13.733a8 2.6 0 0016 0v1.3a8 2.6 0 01-16 0z";
 function databaseLines({ primaryColor, strokeWidth }) {
-    return (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "5.5", rx: "8", ry: "2.6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 5.5v13a8 2.6 0 0016 0v-13M4 9.83a8 2.6 0 0016 0M4 14.17a8 2.6 0 0016 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "ellipse",
+      {
+        cx: "12",
+        cy: "5.5",
+        rx: "8",
+        ry: "2.6",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M4 5.5v13a8 2.6 0 0016 0v-13M4 9.83a8 2.6 0 0016 0M4 14.17a8 2.6 0 0016 0",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    )
+  ] });
 }
 const NtdDatabase = /* @__PURE__ */ createIcon({
-    displayName: 'NtdDatabase',
-    paths: {
-        // `wireframe` re-draws this layer as thin lines: from the bands it drew each gap as two arcs
-        // and lost the cap's front edge, so it gets the outline's construction instead
-        solid: (props) => props.variant === 'wireframe' ? (databaseLines(props)) : (jsxs(Fragment, { children: [jsx("path", { d: DB_SILHOUETTE, fill: props.primaryColor }), jsx("path", { d: DB_GAPS, fill: props.accentColor, opacity: props.accentOpacity })] })),
-        outline: databaseLines,
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: DB_SILHOUETTE, fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "5.5", rx: "8", ry: "2.6", fill: "white", opacity: "0.25" }), jsx("path", { d: DB_GAPS, fill: secondaryColor })] })),
-    },
+  displayName: "NtdDatabase",
+  paths: {
+    // `wireframe` re-draws this layer as thin lines: from the bands it drew each gap as two arcs
+    // and lost the cap's front edge, so it gets the outline's construction instead
+    solid: (props) => props.variant === "wireframe" ? databaseLines(props) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: DB_SILHOUETTE, fill: props.primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: DB_GAPS, fill: props.accentColor, opacity: props.accentOpacity })
+    ] }),
+    outline: databaseLines,
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: DB_SILHOUETTE, fill: primaryColor }),
+      /* @__PURE__ */ jsx("ellipse", { cx: "12", cy: "5.5", rx: "8", ry: "2.6", fill: "white", opacity: "0.25" }),
+      /* @__PURE__ */ jsx("path", { d: DB_GAPS, fill: secondaryColor })
+    ] })
+  }
 });
 const NtdCloud = /* @__PURE__ */ createIcon({
-    displayName: 'NtdCloud',
-    perfectStackX: 11,
-    perfectStackY: 13.5,
-    perfectStackSize: 0.5,
-    paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: primaryColor })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: primaryColor }), jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: "white", opacity: "0.1" })] })),
-    },
+  displayName: "NtdCloud",
+  perfectStackX: 11,
+  perfectStackY: 13.5,
+  perfectStackSize: 0.5,
+  paths: {
+    solid: ({ primaryColor, strokeWidth: _strokeWidth }) => /* @__PURE__ */ jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: primaryColor }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z",
+          fill: secondaryColor,
+          opacity: secondaryOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] })),
+    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: "white", opacity: "0.1" })
+    ] })
+  }
 });
 const NtdCloudUpload = /* @__PURE__ */ createIcon({
-    displayName: 'NtdCloudUpload',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: primaryColor, opacity: "0.2", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M16 16l-4-4-4 4M12 12v9", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 16l-4-4-4 4M12 12v9", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 16l-4-4-4 4M12 12v9", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: primaryColor, opacity: "0.2", stroke: primaryColor, strokeWidth: "2" }), jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M16 16l-4-4-4 4M12 12v9", stroke: secondaryColor, strokeWidth: "1.8" })] })),
-    },
+  displayName: "NtdCloudUpload",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z",
+          fill: primaryColor,
+          opacity: "0.2",
+          stroke: primaryColor,
+          strokeWidth
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: "M16 16l-4-4-4 4M12 12v9", stroke: primaryColor, strokeWidth })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: "M16 16l-4-4-4 4M12 12v9", stroke: primaryColor, strokeWidth })
+    ] }),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z",
+          fill: secondaryColor,
+          opacity: secondaryOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: "M16 16l-4-4-4 4M12 12v9", stroke: primaryColor, strokeWidth })
+    ] })),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z",
+          fill: primaryColor,
+          opacity: "0.2",
+          stroke: primaryColor,
+          strokeWidth: "2"
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: "white", opacity: "0.1" }),
+      /* @__PURE__ */ jsx("path", { d: "M16 16l-4-4-4 4M12 12v9", stroke: secondaryColor, strokeWidth: "1.8" })
+    ] })
+  }
 });
 const NtdCloudDownload = /* @__PURE__ */ createIcon({
-    displayName: 'NtdCloudDownload',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: primaryColor, opacity: "0.2", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M8 17l4 4 4-4M12 12v9", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 17l4 4 4-4M12 12v9", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 17l4 4 4-4M12 12v9", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: primaryColor, opacity: "0.2", stroke: primaryColor, strokeWidth: "2" }), jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M8 17l4 4 4-4M12 12v9", stroke: secondaryColor, strokeWidth: "1.8" })] })),
-    },
+  displayName: "NtdCloudDownload",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z",
+          fill: primaryColor,
+          opacity: "0.2",
+          stroke: primaryColor,
+          strokeWidth
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: "M8 17l4 4 4-4M12 12v9", stroke: primaryColor, strokeWidth })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: "M8 17l4 4 4-4M12 12v9", stroke: primaryColor, strokeWidth })
+    ] }),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z",
+          fill: secondaryColor,
+          opacity: secondaryOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: "M8 17l4 4 4-4M12 12v9", stroke: primaryColor, strokeWidth })
+    ] })),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z",
+          fill: primaryColor,
+          opacity: "0.2",
+          stroke: primaryColor,
+          strokeWidth: "2"
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: "white", opacity: "0.1" }),
+      /* @__PURE__ */ jsx("path", { d: "M8 17l4 4 4-4M12 12v9", stroke: secondaryColor, strokeWidth: "1.8" })
+    ] })
+  }
 });
-// The prompt marks are twice the stroke width on the filled screen (like NtdCheck), and a little
-// larger everywhere so the heavy ones do not run together.
-const TERMINAL_PROMPT = 'M6 8.5l4.5 3.5L6 15.5M12.5 16.5H18';
+const TERMINAL_PROMPT = "M6 8.5l4.5 3.5L6 15.5M12.5 16.5H18";
 const NtdTerminal = /* @__PURE__ */ createIcon({
-    displayName: 'NtdTerminal',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", fill: primaryColor }), jsx("path", { d: TERMINAL_PROMPT, stroke: accentColor, strokeWidth: strokeWidth * 2, opacity: accentOpacity, fill: "none" })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: TERMINAL_PROMPT, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", fill: "white", opacity: "0.1" }), jsx("path", { d: TERMINAL_PROMPT, stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
-    },
+  displayName: "NtdTerminal",
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", fill: primaryColor }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: TERMINAL_PROMPT,
+          stroke: accentColor,
+          strokeWidth: strokeWidth * 2,
+          opacity: accentOpacity,
+          fill: "none"
+        }
+      )
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "2",
+          y: "3",
+          width: "20",
+          height: "18",
+          rx: "2",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: TERMINAL_PROMPT, stroke: primaryColor, strokeWidth, fill: "none" })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", fill: primaryColor }),
+      /* @__PURE__ */ jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", fill: "white", opacity: "0.1" }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: TERMINAL_PROMPT,
+          stroke: secondaryColor,
+          strokeWidth: strokeWidth * 2,
+          fill: "none"
+        }
+      )
+    ] })
+  }
 });
-// NtdCode: a line glyph, twice the stroke width in every variant but `outline` (vivid had a fixed
-// 2.2), with sharp points (miter joins). Duotone is vivid's split: the right bracket primary, the
-// left secondary (duotone drew the left one twice). The points sit 2.5 in from the sides, so
-// their miters stay inside the box at that width.
-const CODE_RIGHT = 'M15.5 18l6-6-6-6';
-const CODE_LEFT = 'M8.5 6l-6 6 6 6';
+const CODE_RIGHT = "M15.5 18l6-6-6-6";
+const CODE_LEFT = "M8.5 6l-6 6 6 6";
 function codeSplit({ primaryColor, secondaryColor, strokeWidth }) {
-    return (jsxs(Fragment, { children: [jsx("path", { d: CODE_RIGHT, stroke: primaryColor, strokeWidth: strokeWidth * 2, strokeLinejoin: "miter", fill: "none" }), jsx("path", { d: CODE_LEFT, stroke: secondaryColor, strokeWidth: strokeWidth * 2, strokeLinejoin: "miter", fill: "none" })] }));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: CODE_RIGHT,
+        stroke: primaryColor,
+        strokeWidth: strokeWidth * 2,
+        strokeLinejoin: "miter",
+        fill: "none"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: CODE_LEFT,
+        stroke: secondaryColor,
+        strokeWidth: strokeWidth * 2,
+        strokeLinejoin: "miter",
+        fill: "none"
+      }
+    )
+  ] });
 }
 const NtdCode = /* @__PURE__ */ createIcon({
-    displayName: 'NtdCode',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: `${CODE_RIGHT}${CODE_LEFT}`, stroke: primaryColor, strokeWidth: strokeWidth * 2, strokeLinejoin: "miter", fill: "none" })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M16 18l6-6-6-6M8 6l-6 6 6 6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: "none" })),
-        duotone: codeSplit,
-        vivid: codeSplit,
-    },
+  displayName: "NtdCode",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: `${CODE_RIGHT}${CODE_LEFT}`,
+        stroke: primaryColor,
+        strokeWidth: strokeWidth * 2,
+        strokeLinejoin: "miter",
+        fill: "none"
+      }
+    ),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M16 18l6-6-6-6M8 6l-6 6 6 6",
+        stroke: primaryColor,
+        strokeWidth,
+        strokeLinejoin: "miter",
+        fill: "none"
+      }
+    ),
+    duotone: codeSplit,
+    vivid: codeSplit
+  }
 });
 const NtdGit = /* @__PURE__ */ createIcon({
-    displayName: 'NtdGit',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "18", r: "3", fill: primaryColor }), jsx("circle", { cx: "6", cy: "6", r: "3", fill: primaryColor }), jsx("circle", { cx: "18", cy: "6", r: "3", fill: primaryColor }), jsx("line", { x1: "6", y1: "9", x2: "6", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M18 9v1a2 2 0 01-2 2H8a2 2 0 00-2 2v1", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "12", y1: "12", x2: "12", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "18", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "6", cy: "6", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "18", cy: "6", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 9v3m0 0a2 2 0 002 2h4m0 0V15m0-1h4a2 2 0 002-2V9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "6", cy: "6", r: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "18", cy: "6", r: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "18", r: "3", fill: primaryColor }), jsx("circle", { cx: "6", cy: "6", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "18", cy: "6", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 9v3a2 2 0 002 2h4V15m0-1h4a2 2 0 002-2V9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "18", r: "3", fill: primaryColor }), jsx("circle", { cx: "12", cy: "18", r: "3", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "6", cy: "6", r: "3", fill: secondaryColor }), jsx("circle", { cx: "18", cy: "6", r: "3", fill: "#3B82F6" }), jsx("line", { x1: "6", y1: "9", x2: "6", y2: "12", stroke: "white", strokeWidth: "1" }), jsx("path", { d: "M18 9v1a2 2 0 01-2 2H8a2 2 0 00-2 2v1", stroke: "white", strokeWidth: "1" }), jsx("line", { x1: "12", y1: "12", x2: "12", y2: "15", stroke: "white", strokeWidth: "1" })] })),
-    },
+  displayName: "NtdGit",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "18", r: "3", fill: primaryColor }),
+      /* @__PURE__ */ jsx("circle", { cx: "6", cy: "6", r: "3", fill: primaryColor }),
+      /* @__PURE__ */ jsx("circle", { cx: "18", cy: "6", r: "3", fill: primaryColor }),
+      /* @__PURE__ */ jsx("line", { x1: "6", y1: "9", x2: "6", y2: "12", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18 9v1a2 2 0 01-2 2H8a2 2 0 00-2 2v1",
+          stroke: primaryColor,
+          strokeWidth
+        }
+      ),
+      /* @__PURE__ */ jsx("line", { x1: "12", y1: "12", x2: "12", y2: "15", stroke: primaryColor, strokeWidth })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "18", r: "3", stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsx("circle", { cx: "6", cy: "6", r: "3", stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsx("circle", { cx: "18", cy: "6", r: "3", stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M6 9v3m0 0a2 2 0 002 2h4m0 0V15m0-1h4a2 2 0 002-2V9",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] }),
+    duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "6", cy: "6", r: "3", fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsx("circle", { cx: "18", cy: "6", r: "3", fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "18", r: "3", fill: primaryColor }),
+      /* @__PURE__ */ jsx("circle", { cx: "6", cy: "6", r: "3", stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsx("circle", { cx: "18", cy: "6", r: "3", stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M6 9v3a2 2 0 002 2h4V15m0-1h4a2 2 0 002-2V9",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "18", r: "3", fill: primaryColor }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "18", r: "3", fill: "white", opacity: "0.08" }),
+      /* @__PURE__ */ jsx("circle", { cx: "6", cy: "6", r: "3", fill: secondaryColor }),
+      /* @__PURE__ */ jsx("circle", { cx: "18", cy: "6", r: "3", fill: "#3B82F6" }),
+      /* @__PURE__ */ jsx("line", { x1: "6", y1: "9", x2: "6", y2: "12", stroke: "white", strokeWidth: "1" }),
+      /* @__PURE__ */ jsx("path", { d: "M18 9v1a2 2 0 01-2 2H8a2 2 0 00-2 2v1", stroke: "white", strokeWidth: "1" }),
+      /* @__PURE__ */ jsx("line", { x1: "12", y1: "12", x2: "12", y2: "15", stroke: "white", strokeWidth: "1" })
+    ] })
+  }
 });
-// NtdPackage: filled, the walls are primary and their edges (and the tape) cuts in the accent
-// colour, kept inside the box — the walls were a fixed 15% tint.
-const PACKAGE_BOX = 'M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z';
-const PACKAGE_EDGES = 'M3.27 6.96L12 12.01l8.73-5.05M12 22.08V12M16.5 9.4l-9-5.19';
+const PACKAGE_BOX = "M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z";
+const PACKAGE_EDGES = "M3.27 6.96L12 12.01l8.73-5.05M12 22.08V12M16.5 9.4l-9-5.19";
 const NtdPackage = /* @__PURE__ */ createIcon({
-    displayName: 'NtdPackage',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("path", { d: PACKAGE_BOX, fill: primaryColor }), within(uid, 'edges', jsx("path", { d: PACKAGE_BOX }), jsx("path", { d: PACKAGE_EDGES, stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity, fill: "none" }))] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M16.5 9.4l-9-5.19M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3.27 6.96L12 12.01l8.73-5.05M12 22.08V12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 12.01l8.73-5.05L21 8v8a2 2 0 01-1 1.73l-7 4a2 2 0 01-1 .35V12.01z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3.27 6.96L12 12.01l8.73-5.05M12 22.08V12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        vivid: ({ primaryColor, secondaryColor, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("path", { d: PACKAGE_BOX, fill: primaryColor }), within(uid, 'edges', jsx("path", { d: PACKAGE_BOX }), jsx("path", { d: PACKAGE_EDGES, stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none" }))] })),
-    },
+  displayName: "NtdPackage",
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: PACKAGE_BOX, fill: primaryColor }),
+      within(
+        uid,
+        "edges",
+        /* @__PURE__ */ jsx("path", { d: PACKAGE_BOX }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: PACKAGE_EDGES,
+            stroke: accentColor,
+            strokeWidth,
+            opacity: accentOpacity,
+            fill: "none"
+          }
+        )
+      )
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M16.5 9.4l-9-5.19M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M3.27 6.96L12 12.01l8.73-5.05M12 22.08V12",
+          stroke: primaryColor,
+          strokeWidth
+        }
+      )
+    ] }),
+    duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 12.01l8.73-5.05L21 8v8a2 2 0 01-1 1.73l-7 4a2 2 0 01-1 .35V12.01z",
+          fill: secondaryColor,
+          opacity: secondaryOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M3.27 6.96L12 12.01l8.73-5.05M12 22.08V12",
+          stroke: primaryColor,
+          strokeWidth
+        }
+      )
+    ] }),
+    vivid: ({ primaryColor, secondaryColor, strokeWidth, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: PACKAGE_BOX, fill: primaryColor }),
+      within(
+        uid,
+        "edges",
+        /* @__PURE__ */ jsx("path", { d: PACKAGE_BOX }),
+        /* @__PURE__ */ jsx("path", { d: PACKAGE_EDGES, stroke: secondaryColor, strokeWidth, fill: "none" })
+      )
+    ] })
+  }
 });
+const LAYERS_TOP = "M12 3.9L21.5 8.7L12 13.5L2.5 8.7Z";
+const LAYERS_UNDER = "M2.5 9.8L12 14.6L21.5 9.8V12L12 16.8L2.5 12ZM2.5 13.1L12 17.9L21.5 13.1V15.3L12 20.1L2.5 15.3Z";
+function layers(top, under, round = false) {
+  const rounded = round ? (
+    // round joins, thin enough to keep the 1.1 gaps open
+    { stroke: void 0, strokeWidth: 0.4, strokeLinejoin: "round" }
+  ) : void 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: LAYERS_UNDER, fill: under, ...rounded && { ...rounded, stroke: under } }),
+    /* @__PURE__ */ jsx("path", { d: LAYERS_TOP, fill: top, ...rounded && { ...rounded, stroke: top } })
+  ] });
+}
 const NtdLayers = /* @__PURE__ */ createIcon({
-    displayName: 'NtdLayers',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 7l10 5 10-5-10-5z", fill: primaryColor }), jsx("path", { d: "M2 17l10 5 10-5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 12l10 5 10-5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 7l10 5 10-5-10-5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 17l10 5 10-5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 12l10 5 10-5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 7l10 5 10-5-10-5z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L2 7l10 5 10-5-10-5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 17l10 5 10-5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 12l10 5 10-5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 7l10 5 10-5-10-5z", fill: primaryColor }), jsx("path", { d: "M12 2L2 7l10 5 10-5-10-5z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M2 17l10 5 10-5", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("path", { d: "M2 12l10 5 10-5", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" })] })),
-    },
+  displayName: "NtdLayers",
+  paths: {
+    solid: ({ primaryColor }) => layers(primaryColor, primaryColor),
+    rounded: ({ primaryColor }) => layers(primaryColor, primaryColor, true),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs("g", { stroke: primaryColor, strokeWidth, strokeLinejoin: "miter", fill: "none", children: [
+      /* @__PURE__ */ jsx("path", { d: LAYERS_TOP }),
+      /* @__PURE__ */ jsx("path", { d: LAYERS_UNDER })
+    ] }),
+    duotone: ({ primaryColor, secondaryColor }) => layers(primaryColor, secondaryColor),
+    vivid: ({ primaryColor, secondaryColor }) => layers(primaryColor, secondaryColor)
+  }
 });
 const NtdGrid = /* @__PURE__ */ createIcon({
-    displayName: 'NtdGrid',
-    paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "7", height: "7", rx: "1.5", fill: primaryColor }), jsx("rect", { x: "14", y: "3", width: "7", height: "7", rx: "1.5", fill: primaryColor }), jsx("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1.5", fill: primaryColor }), jsx("rect", { x: "14", y: "14", width: "7", height: "7", rx: "1.5", fill: primaryColor })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "7", height: "7", rx: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "3", width: "7", height: "7", rx: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "14", width: "7", height: "7", rx: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "7", height: "7", rx: "1.5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "14", y: "14", width: "7", height: "7", rx: "1.5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "7", height: "7", rx: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "3", width: "7", height: "7", rx: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "14", width: "7", height: "7", rx: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "7", height: "7", rx: "1.5", fill: primaryColor }), jsx("rect", { x: "3", y: "3", width: "7", height: "7", rx: "1.5", fill: "white", opacity: "0.08" }), jsx("rect", { x: "14", y: "3", width: "7", height: "7", rx: "1.5", fill: secondaryColor }), jsx("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1.5", fill: "#3B82F6" }), jsx("rect", { x: "14", y: "14", width: "7", height: "7", rx: "1.5", fill: "#F59E0B" })] })),
-    },
+  displayName: "NtdGrid",
+  paths: {
+    solid: ({ primaryColor, strokeWidth: _strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "7", height: "7", rx: "1.5", fill: primaryColor }),
+      /* @__PURE__ */ jsx("rect", { x: "14", y: "3", width: "7", height: "7", rx: "1.5", fill: primaryColor }),
+      /* @__PURE__ */ jsx("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1.5", fill: primaryColor }),
+      /* @__PURE__ */ jsx("rect", { x: "14", y: "14", width: "7", height: "7", rx: "1.5", fill: primaryColor })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "3",
+          y: "3",
+          width: "7",
+          height: "7",
+          rx: "1.5",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "14",
+          y: "3",
+          width: "7",
+          height: "7",
+          rx: "1.5",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "3",
+          y: "14",
+          width: "7",
+          height: "7",
+          rx: "1.5",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "14",
+          y: "14",
+          width: "7",
+          height: "7",
+          rx: "1.5",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] }),
+    duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "3",
+          y: "3",
+          width: "7",
+          height: "7",
+          rx: "1.5",
+          fill: secondaryColor,
+          opacity: secondaryOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "14",
+          y: "14",
+          width: "7",
+          height: "7",
+          rx: "1.5",
+          fill: secondaryColor,
+          opacity: secondaryOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "3",
+          y: "3",
+          width: "7",
+          height: "7",
+          rx: "1.5",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "14",
+          y: "3",
+          width: "7",
+          height: "7",
+          rx: "1.5",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "3",
+          y: "14",
+          width: "7",
+          height: "7",
+          rx: "1.5",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "14",
+          y: "14",
+          width: "7",
+          height: "7",
+          rx: "1.5",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "7", height: "7", rx: "1.5", fill: primaryColor }),
+      /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "7", height: "7", rx: "1.5", fill: "white", opacity: "0.08" }),
+      /* @__PURE__ */ jsx("rect", { x: "14", y: "3", width: "7", height: "7", rx: "1.5", fill: secondaryColor }),
+      /* @__PURE__ */ jsx("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1.5", fill: "#3B82F6" }),
+      /* @__PURE__ */ jsx("rect", { x: "14", y: "14", width: "7", height: "7", rx: "1.5", fill: "#F59E0B" })
+    ] })
+  }
 });
-// NtdList: in every variant but `outline` the lines are 1.5 × the stroke width and the dots r 1.7
-// (r 2.25 was too big, a quarter smaller); the lines start at 9 to keep clear of the dots.
-// Duotone and vivid: the lines primary, the dots secondary.
-const LIST_LINES = 'M9 6h12M9 12h12M9 18h12';
+const LIST_LINES = "M9 6h12M9 12h12M9 18h12";
 function listFilled(lines, dots, strokeWidth) {
-    return (jsxs(Fragment, { children: [jsx("path", { d: LIST_LINES, stroke: lines, strokeWidth: strokeWidth * 1.5 }), jsxs("g", { fill: dots, children: [jsx("circle", { cx: "3.75", cy: "6", r: "1.7" }), jsx("circle", { cx: "3.75", cy: "12", r: "1.7" }), jsx("circle", { cx: "3.75", cy: "18", r: "1.7" })] })] }));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: LIST_LINES, stroke: lines, strokeWidth: strokeWidth * 1.5 }),
+    /* @__PURE__ */ jsxs("g", { fill: dots, children: [
+      /* @__PURE__ */ jsx("circle", { cx: "3.75", cy: "6", r: "1.7" }),
+      /* @__PURE__ */ jsx("circle", { cx: "3.75", cy: "12", r: "1.7" }),
+      /* @__PURE__ */ jsx("circle", { cx: "3.75", cy: "18", r: "1.7" })
+    ] })
+  ] });
 }
 const NtdList = /* @__PURE__ */ createIcon({
-    displayName: 'NtdList',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => listFilled(primaryColor, primaryColor, strokeWidth),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "8", y1: "6", x2: "21", y2: "6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "8", y1: "12", x2: "21", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "8", y1: "18", x2: "21", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "3.5", cy: "6", r: "1", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("circle", { cx: "3.5", cy: "12", r: "1", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("circle", { cx: "3.5", cy: "18", r: "1", stroke: primaryColor, strokeWidth: "1", fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, strokeWidth }) => listFilled(primaryColor, secondaryColor, strokeWidth),
-        vivid: ({ primaryColor, secondaryColor, strokeWidth }) => listFilled(primaryColor, secondaryColor, strokeWidth),
-    },
+  displayName: "NtdList",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => listFilled(primaryColor, primaryColor, strokeWidth),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("line", { x1: "8", y1: "6", x2: "21", y2: "6", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsx("line", { x1: "8", y1: "12", x2: "21", y2: "12", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsx("line", { x1: "8", y1: "18", x2: "21", y2: "18", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsx("circle", { cx: "3.5", cy: "6", r: "1", stroke: primaryColor, strokeWidth: "1", fill: "none" }),
+      /* @__PURE__ */ jsx("circle", { cx: "3.5", cy: "12", r: "1", stroke: primaryColor, strokeWidth: "1", fill: "none" }),
+      /* @__PURE__ */ jsx("circle", { cx: "3.5", cy: "18", r: "1", stroke: primaryColor, strokeWidth: "1", fill: "none" })
+    ] }),
+    duotone: ({ primaryColor, secondaryColor, strokeWidth }) => listFilled(primaryColor, secondaryColor, strokeWidth),
+    vivid: ({ primaryColor, secondaryColor, strokeWidth }) => listFilled(primaryColor, secondaryColor, strokeWidth)
+  }
 });
 const NtdTable = /* @__PURE__ */ createIcon({
-    displayName: 'NtdTable',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor, opacity: "0.15", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "3", y1: "9", x2: "21", y2: "9", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "3", y1: "15", x2: "21", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "9", y1: "3", x2: "9", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        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("line", { x1: "3", y1: "9", x2: "21", y2: "9", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "3", y1: "15", x2: "21", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "9", y1: "3", x2: "9", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "3", y1: "9", x2: "21", y2: "9", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "3", y1: "15", x2: "21", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "9", y1: "3", x2: "9", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor, opacity: "0.15", stroke: primaryColor, strokeWidth: "2" }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: "white", opacity: "0.1" }), jsx("line", { x1: "3", y1: "9", x2: "21", y2: "9", stroke: secondaryColor, strokeWidth: "1.8" }), jsx("line", { x1: "3", y1: "15", x2: "21", y2: "15", stroke: "#3B82F6", strokeWidth: "1.5" }), jsx("line", { x1: "9", y1: "3", x2: "9", y2: "21", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
-    },
+  displayName: "NtdTable",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "3",
+          y: "3",
+          width: "18",
+          height: "18",
+          rx: "2",
+          fill: primaryColor,
+          opacity: "0.15",
+          stroke: primaryColor,
+          strokeWidth
+        }
+      ),
+      /* @__PURE__ */ jsx("line", { x1: "3", y1: "9", x2: "21", y2: "9", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsx("line", { x1: "3", y1: "15", x2: "21", y2: "15", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsx("line", { x1: "9", y1: "3", x2: "9", y2: "21", stroke: primaryColor, strokeWidth })
+    ] }),
+    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("line", { x1: "3", y1: "9", x2: "21", y2: "9", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsx("line", { x1: "3", y1: "15", x2: "21", y2: "15", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsx("line", { x1: "9", y1: "3", x2: "9", y2: "21", stroke: primaryColor, strokeWidth })
+    ] }),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "3",
+          y: "3",
+          width: "18",
+          height: "18",
+          rx: "2",
+          fill: secondaryColor,
+          opacity: secondaryOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "3",
+          y: "3",
+          width: "18",
+          height: "18",
+          rx: "2",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("line", { x1: "3", y1: "9", x2: "21", y2: "9", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsx("line", { x1: "3", y1: "15", x2: "21", y2: "15", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsx("line", { x1: "9", y1: "3", x2: "9", y2: "21", stroke: primaryColor, strokeWidth })
+    ] })),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "3",
+          y: "3",
+          width: "18",
+          height: "18",
+          rx: "2",
+          fill: primaryColor,
+          opacity: "0.15",
+          stroke: primaryColor,
+          strokeWidth: "2"
+        }
+      ),
+      /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: "white", opacity: "0.1" }),
+      /* @__PURE__ */ jsx("line", { x1: "3", y1: "9", x2: "21", y2: "9", stroke: secondaryColor, strokeWidth: "1.8" }),
+      /* @__PURE__ */ jsx("line", { x1: "3", y1: "15", x2: "21", y2: "15", stroke: "#3B82F6", strokeWidth: "1.5" }),
+      /* @__PURE__ */ jsx("line", { x1: "9", y1: "3", x2: "9", y2: "21", stroke: "#3B82F6", strokeWidth: "1.5" })
+    ] })
+  }
 });
-// NtdSmartphone: filled, the case stays a primary frame round a screen in the accent colour, and
-// the button is a primary dot on the screen — bigger and lower than the accent dot it was.
 const NtdSmartphone = /* @__PURE__ */ createIcon({
-    displayName: 'NtdSmartphone',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "6.5", y: "3.5", width: "11", height: "17", rx: "0.75", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "18.4", r: "1.25", fill: primaryColor })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "18", x2: "12.01", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "18", x2: "12.01", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: "white", opacity: "0.1" }), jsx("line", { x1: "12", y1: "18", x2: "12.01", y2: "18", stroke: secondaryColor, strokeWidth: "1.8" })] })),
-    },
+  displayName: "NtdSmartphone",
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: primaryColor }),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "6.5",
+          y: "3.5",
+          width: "11",
+          height: "17",
+          rx: "0.75",
+          fill: accentColor,
+          opacity: accentOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "18.4", r: "1.25", fill: primaryColor })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "5",
+          y: "2",
+          width: "14",
+          height: "20",
+          rx: "2",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("line", { x1: "12", y1: "18", x2: "12.01", y2: "18", stroke: primaryColor, strokeWidth })
+    ] }),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "5",
+          y: "2",
+          width: "14",
+          height: "20",
+          rx: "2",
+          fill: secondaryColor,
+          opacity: secondaryOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "5",
+          y: "2",
+          width: "14",
+          height: "20",
+          rx: "2",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("line", { x1: "12", y1: "18", x2: "12.01", y2: "18", stroke: primaryColor, strokeWidth })
+    ] })),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: primaryColor }),
+      /* @__PURE__ */ jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: "white", opacity: "0.1" }),
+      /* @__PURE__ */ jsx("line", { x1: "12", y1: "18", x2: "12.01", y2: "18", stroke: secondaryColor, strokeWidth: "1.8" })
+    ] })
+  }
 });
-// NtdMonitor: the neck and the base are twice the stroke width in every variant but `outline`, and
-// the base is 30% wider — 13 across with its caps (it was 10); it sits at 21.5 so the heavier line
-// stays in the box. Vivid: the stand secondary (it had a fixed #3B82F6 neck). The stand is clipped
-// to below the screen's bottom edge: the neck's round cap reached up over the screen, which showed
-// through duotone's see-through screen.
 const MONITOR_SCREEN = { x: 2, y: 3, width: 20, height: 14, rx: 2 };
-/** Neck and base for a line twice the stroke width: base 9 long + 2 × 2 of cap = 13. */
-const MONITOR_STAND = 'M12 17v4.5M7.5 21.5h9';
-/** The outline's neck and base, at the stroke width: base 11 long + 2 × 1 of cap = 13. */
-const MONITOR_STAND_LINE = 'M12 17v4M6.5 21h11';
-/** The stand, drawn only below the screen's bottom edge (y 17). */
+const MONITOR_STAND = "M12 17v4.5M7.5 21.5h9";
+const MONITOR_STAND_LINE = "M12 17v4M6.5 21h11";
 function monitorStand(uid, d, color, width) {
-    return within(uid, 'stand', jsx("rect", { x: "0", y: "17", width: "24", height: "7" }), jsx("path", { d: d, stroke: color, strokeWidth: width }));
+  return within(
+    uid,
+    "stand",
+    /* @__PURE__ */ jsx("rect", { x: "0", y: "17", width: "24", height: "7" }),
+    /* @__PURE__ */ jsx("path", { d, stroke: color, strokeWidth: width })
+  );
 }
 const NtdMonitor = /* @__PURE__ */ createIcon({
-    displayName: 'NtdMonitor',
-    perfectStackX: 12,
-    perfectStackY: 10,
-    perfectStackSize: 0.45,
-    paths: {
-        solid: ({ primaryColor, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...MONITOR_SCREEN, fill: primaryColor }), monitorStand(uid, MONITOR_STAND, primaryColor, strokeWidth * 2)] })),
-        outline: ({ primaryColor, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...MONITOR_SCREEN, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), monitorStand(uid, MONITOR_STAND_LINE, primaryColor, strokeWidth)] })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...MONITOR_SCREEN, fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { ...MONITOR_SCREEN, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), monitorStand(uid, MONITOR_STAND, primaryColor, strokeWidth * 2)] }))),
-        vivid: ({ primaryColor, secondaryColor, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...MONITOR_SCREEN, fill: primaryColor }), monitorStand(uid, MONITOR_STAND, secondaryColor, strokeWidth * 2)] })),
-    },
+  displayName: "NtdMonitor",
+  perfectStackX: 12,
+  perfectStackY: 10,
+  perfectStackSize: 0.45,
+  paths: {
+    solid: ({ primaryColor, strokeWidth, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { ...MONITOR_SCREEN, fill: primaryColor }),
+      monitorStand(uid, MONITOR_STAND, primaryColor, strokeWidth * 2)
+    ] }),
+    outline: ({ primaryColor, strokeWidth, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { ...MONITOR_SCREEN, stroke: primaryColor, strokeWidth, fill: "none" }),
+      monitorStand(uid, MONITOR_STAND_LINE, primaryColor, strokeWidth)
+    ] }),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { ...MONITOR_SCREEN, fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsx("rect", { ...MONITOR_SCREEN, stroke: primaryColor, strokeWidth, fill: "none" }),
+      monitorStand(uid, MONITOR_STAND, primaryColor, strokeWidth * 2)
+    ] })),
+    vivid: ({ primaryColor, secondaryColor, strokeWidth, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { ...MONITOR_SCREEN, fill: primaryColor }),
+      monitorStand(uid, MONITOR_STAND, secondaryColor, strokeWidth * 2)
+    ] })
+  }
 });
-// NtdCpu: filled, the body and its pins primary and the die in the accent colour (the body was a
-// fixed 15% tint). The pins are twice the stroke width and short (2.5 → 4 at the top, and so on)
-// so their caps stay in the box. Duotone: the body primary, the pins and the die secondary (the
-// other way round until 1.3.8); vivid:
-// the pins and the die secondary around an accent core.
 const CPU_BODY = { x: 4, y: 4, width: 16, height: 16, rx: 2 };
 const CPU_DIE = { x: 8.5, y: 8.5, width: 7, height: 7, rx: 1.2 };
-const CPU_PINS = 'M9 2.5V4M15 2.5V4M9 20v1.5M15 20v1.5M20 9h1.5M20 15h1.5M2.5 9H4M2.5 15H4';
+const CPU_PINS = "M9 2.5V4M15 2.5V4M9 20v1.5M15 20v1.5M20 9h1.5M20 15h1.5M2.5 9H4M2.5 15H4";
 const NtdCpu = /* @__PURE__ */ createIcon({
-    displayName: 'NtdCpu',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: CPU_PINS, stroke: primaryColor, strokeWidth: strokeWidth * 2 }), jsx("rect", { ...CPU_BODY, fill: primaryColor }), jsx("rect", { ...CPU_DIE, fill: accentColor, opacity: accentOpacity })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { ...CPU_BODY, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "9", width: "6", height: "6", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 1v3M15 1v3M9 20v3M15 20v3M20 9h3M20 15h3M1 9h3M1 15h3", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: CPU_PINS, stroke: primaryColor, strokeWidth: strokeWidth * 2 }), jsx("rect", { ...CPU_BODY, fill: secondaryColor }), jsx("rect", { ...CPU_DIE, fill: primaryColor })] }))),
-        vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: CPU_PINS, stroke: secondaryColor, strokeWidth: strokeWidth * 2 }), jsx("rect", { ...CPU_BODY, fill: primaryColor }), jsx("rect", { ...CPU_DIE, fill: secondaryColor }), jsx("rect", { x: "10.5", y: "10.5", width: "3", height: "3", rx: "0.6", fill: accentColor, opacity: accentOpacity })] })),
-    },
+  displayName: "NtdCpu",
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: CPU_PINS, stroke: primaryColor, strokeWidth: strokeWidth * 2 }),
+      /* @__PURE__ */ jsx("rect", { ...CPU_BODY, fill: primaryColor }),
+      /* @__PURE__ */ jsx("rect", { ...CPU_DIE, fill: accentColor, opacity: accentOpacity })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { ...CPU_BODY, stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "9",
+          y: "9",
+          width: "6",
+          height: "6",
+          rx: "1",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M9 1v3M15 1v3M9 20v3M15 20v3M20 9h3M20 15h3M1 9h3M1 15h3",
+          stroke: primaryColor,
+          strokeWidth
+        }
+      )
+    ] }),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: CPU_PINS, stroke: primaryColor, strokeWidth: strokeWidth * 2 }),
+      /* @__PURE__ */ jsx("rect", { ...CPU_BODY, fill: secondaryColor }),
+      /* @__PURE__ */ jsx("rect", { ...CPU_DIE, fill: primaryColor })
+    ] })),
+    vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: CPU_PINS, stroke: secondaryColor, strokeWidth: strokeWidth * 2 }),
+      /* @__PURE__ */ jsx("rect", { ...CPU_BODY, fill: primaryColor }),
+      /* @__PURE__ */ jsx("rect", { ...CPU_DIE, fill: secondaryColor }),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "10.5",
+          y: "10.5",
+          width: "3",
+          height: "3",
+          rx: "0.6",
+          fill: accentColor,
+          opacity: accentOpacity
+        }
+      )
+    ] })
+  }
 });
-// NtdKey: the bow top right with its hole on the key's axis, the blade running down-left to two
-// teeth (it was the stroked key with the bow bottom left). Drawn along its own axis and turned
-// 135°: bow r 6 at (16, 8), blade 3.2 wide.
-const KEY = 'M10.78 10.96L3.2 18.54L7.3 22.64L8.72 21.22L7.87 20.37L8.79 19.46L9.64 20.3L11.05 18.89L9.21 17.05L13.04 13.22A6 6 0 1 0 10.78 10.96Z';
-const KEY_BLADE = 'M10.78 10.96L3.2 18.54L7.3 22.64L8.72 21.22L7.87 20.37L8.79 19.46L9.64 20.3L11.05 18.89L9.21 17.05L13.04 13.22A6 6 0 0 1 10.78 10.96Z';
-const KEY_BOW = 'M16 2a6 6 0 100 12 6 6 0 100-12z';
-const KEY_HOLE = 'M17.84 4.56a1.6 1.6 0 100 3.2 1.6 1.6 0 100-3.2z';
+const KEY = "M10.78 10.96L3.2 18.54L7.3 22.64L8.72 21.22L7.87 20.37L8.79 19.46L9.64 20.3L11.05 18.89L9.21 17.05L13.04 13.22A6 6 0 1 0 10.78 10.96Z";
+const KEY_BLADE = "M10.78 10.96L3.2 18.54L7.3 22.64L8.72 21.22L7.87 20.37L8.79 19.46L9.64 20.3L11.05 18.89L9.21 17.05L13.04 13.22A6 6 0 0 1 10.78 10.96Z";
+const KEY_BOW = "M16 2a6 6 0 100 12 6 6 0 100-12z";
+const KEY_HOLE = "M17.84 4.56a1.6 1.6 0 100 3.2 1.6 1.6 0 100-3.2z";
 const NtdKey = /* @__PURE__ */ createIcon({
-    displayName: 'NtdKey',
-    paths: {
-        solid: ({ primaryColor }) => (jsx("path", { d: `${KEY}${KEY_HOLE}`, fillRule: "evenodd", fill: primaryColor })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: KEY, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: "none" }), jsx("path", { d: KEY_HOLE, fill: primaryColor })] })),
-        // fills only: the blade secondary, the bow primary
-        duotone: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: KEY_BLADE, fill: secondaryColor }), jsx("path", { d: `${KEY_BOW}${KEY_HOLE}`, fillRule: "evenodd", fill: primaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: `${KEY}${KEY_HOLE}`, fillRule: "evenodd", fill: primaryColor }), jsx("path", { d: KEY_BLADE, fill: secondaryColor, opacity: "0.5" })] })),
-    },
+  displayName: "NtdKey",
+  paths: {
+    solid: ({ primaryColor }) => /* @__PURE__ */ jsx("path", { d: `${KEY}${KEY_HOLE}`, fillRule: "evenodd", fill: primaryColor }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: KEY,
+          stroke: primaryColor,
+          strokeWidth,
+          strokeLinejoin: "miter",
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: KEY_HOLE, fill: primaryColor })
+    ] }),
+    // fills only: the blade secondary, the bow primary
+    duotone: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: KEY_BLADE, fill: secondaryColor }),
+      /* @__PURE__ */ jsx("path", { d: `${KEY_BOW}${KEY_HOLE}`, fillRule: "evenodd", fill: primaryColor })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: `${KEY}${KEY_HOLE}`, fillRule: "evenodd", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: KEY_BLADE, fill: secondaryColor, opacity: "0.5" })
+    ] })
+  }
 });
-// NtdAward: the ribbon has a secondary inside within its primary edge (it was open, so the page
-// showed through), and goes under the medal. The inside is the ribbon inset by 1.5 — between the
-// half stroke it filled to before (too full) and the 2 after (too small). Duotone is the same;
-// vivid draws the ribbon's edge in the accent colour.
-const AWARD_RIBBON = 'M8.21 13.89L7 23l5-3 5 3-1.21-9.12';
-const AWARD_RIBBON_INNER = 'M9.67 14.3L8.9 20.11L12 18.25L15.1 20.11L14.32 14.3z';
+const AWARD_RIBBON = "M8.21 13.89L7 23l5-3 5 3-1.21-9.12";
+const AWARD_RIBBON_INNER = "M9.67 14.3L8.9 20.11L12 18.25L15.1 20.11L14.32 14.3z";
 function awardFilled({ primaryColor, secondaryColor, strokeWidth }, ribbonEdge) {
-    return (jsxs(Fragment, { children: [jsx("path", { d: AWARD_RIBBON, fill: ribbonEdge, stroke: ribbonEdge, strokeWidth: strokeWidth }), jsx("path", { d: AWARD_RIBBON_INNER, fill: secondaryColor }), jsx("circle", { cx: "12", cy: "8", r: "7", fill: primaryColor })] }));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: AWARD_RIBBON, fill: ribbonEdge, stroke: ribbonEdge, strokeWidth }),
+    /* @__PURE__ */ jsx("path", { d: AWARD_RIBBON_INNER, fill: secondaryColor }),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "8", r: "7", fill: primaryColor })
+  ] });
 }
 const NtdAward = /* @__PURE__ */ createIcon({
-    displayName: 'NtdAward',
-    perfectStackX: 12,
-    perfectStackY: 8,
-    perfectStackSize: 0.4,
-    paths: {
-        solid: (props) => awardFilled(props, props.primaryColor),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "8", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8.21 13.89L7 23l5-3 5 3-1.21-9.12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: (props) => awardFilled(props, props.primaryColor),
-        vivid: (props) => awardFilled(props, props.accentColor),
-    },
+  displayName: "NtdAward",
+  perfectStackX: 12,
+  perfectStackY: 8,
+  perfectStackSize: 0.4,
+  paths: {
+    solid: (props) => awardFilled(props, props.primaryColor),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "8", r: "7", stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M8.21 13.89L7 23l5-3 5 3-1.21-9.12",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] }),
+    duotone: (props) => awardFilled(props, props.primaryColor),
+    vivid: (props) => awardFilled(props, props.accentColor)
+  }
 });
 const NtdCoffee = /* @__PURE__ */ createIcon({
-    displayName: 'NtdCoffee',
-    perfectStackX: 10,
-    perfectStackY: 14.5,
-    perfectStackSize: 0.4,
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8h1a4 4 0 010 8h-1M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z", fill: primaryColor }), jsx("line", { x1: "6", y1: "1", x2: "6", y2: "4", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "10", y1: "1", x2: "10", y2: "4", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "14", y1: "1", x2: "14", y2: "4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8h1a4 4 0 010 8h-1M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "6", y1: "1", x2: "6", y2: "4", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "10", y1: "1", x2: "10", y2: "4", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "14", y1: "1", x2: "14", y2: "4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 8h1a4 4 0 010 8h-1M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "6", y1: "1", x2: "6", y2: "4", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "10", y1: "1", x2: "10", y2: "4", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "14", y1: "1", x2: "14", y2: "4", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8h1a4 4 0 010 8h-1M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z", fill: primaryColor }), jsx("path", { d: "M18 8h1a4 4 0 010 8h-1M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z", fill: "white", opacity: "0.1" }), jsx("line", { x1: "6", y1: "1", x2: "6", y2: "4", stroke: secondaryColor, strokeWidth: "1.8" }), jsx("line", { x1: "10", y1: "1", x2: "10", y2: "4", stroke: "#3B82F6", strokeWidth: "1.5" }), jsx("line", { x1: "14", y1: "1", x2: "14", y2: "4", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
-    },
+  displayName: "NtdCoffee",
+  perfectStackX: 10,
+  perfectStackY: 14.5,
+  perfectStackSize: 0.4,
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18 8h1a4 4 0 010 8h-1M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z",
+          fill: primaryColor
+        }
+      ),
+      /* @__PURE__ */ jsx("line", { x1: "6", y1: "1", x2: "6", y2: "4", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsx("line", { x1: "10", y1: "1", x2: "10", y2: "4", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsx("line", { x1: "14", y1: "1", x2: "14", y2: "4", stroke: primaryColor, strokeWidth })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18 8h1a4 4 0 010 8h-1M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("line", { x1: "6", y1: "1", x2: "6", y2: "4", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsx("line", { x1: "10", y1: "1", x2: "10", y2: "4", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsx("line", { x1: "14", y1: "1", x2: "14", y2: "4", stroke: primaryColor, strokeWidth })
+    ] }),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z",
+          fill: secondaryColor,
+          opacity: secondaryOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18 8h1a4 4 0 010 8h-1M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("line", { x1: "6", y1: "1", x2: "6", y2: "4", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsx("line", { x1: "10", y1: "1", x2: "10", y2: "4", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsx("line", { x1: "14", y1: "1", x2: "14", y2: "4", stroke: primaryColor, strokeWidth })
+    ] })),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18 8h1a4 4 0 010 8h-1M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z",
+          fill: primaryColor
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18 8h1a4 4 0 010 8h-1M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z",
+          fill: "white",
+          opacity: "0.1"
+        }
+      ),
+      /* @__PURE__ */ jsx("line", { x1: "6", y1: "1", x2: "6", y2: "4", stroke: secondaryColor, strokeWidth: "1.8" }),
+      /* @__PURE__ */ jsx("line", { x1: "10", y1: "1", x2: "10", y2: "4", stroke: "#3B82F6", strokeWidth: "1.5" }),
+      /* @__PURE__ */ jsx("line", { x1: "14", y1: "1", x2: "14", y2: "4", stroke: "#3B82F6", strokeWidth: "1.5" })
+    ] })
+  }
 });
-// NtdCart: the basket a trapeze in primary (it was a 15 % wash), the handle running on down the
-// basket's left side into the base rail, the wheels secondary, the basket's bars cut into it in
-// the accent colour.
-const CART_FRAME = 'M2 3.5h2.3l3.3 12.9H19.3';
-const CART_BASKET = 'M5.07 6.5H21.3l-1.7 7.1H6.88z';
-const CART_BARS = 'M11.3 5v10M15.9 5v10M3 10.05h20';
+const CART_FRAME = "M2 3.5h2.3l3.3 12.9H19.3";
+const CART_BASKET = "M5.07 6.5H21.3l-1.7 7.1H6.88z";
+const CART_BARS = "M11.3 5v10M15.9 5v10M3 10.05h20";
 const NtdCart = /* @__PURE__ */ createIcon({
-    displayName: 'NtdCart',
-    paths: {
-        solid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("path", { d: CART_FRAME, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: CART_BASKET, fill: primaryColor }), within(uid, 'bars', jsx("path", { d: CART_BASKET }), jsx("path", { d: CART_BARS, stroke: accentColor, strokeWidth: "1.3", opacity: accentOpacity })), jsx("circle", { cx: "9.4", cy: "20", r: "1.8", fill: secondaryColor }), jsx("circle", { cx: "18.2", cy: "20", r: "1.8", fill: secondaryColor })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: CART_FRAME, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: CART_BASKET, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "round", fill: "none" }), jsx("circle", { cx: "9.4", cy: "20", r: "1.4", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "18.2", cy: "20", r: "1.4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: CART_BASKET, fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: CART_FRAME, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: CART_BASKET, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "round", fill: "none" }), jsx("circle", { cx: "9.4", cy: "20", r: "1.8", fill: primaryColor }), jsx("circle", { cx: "18.2", cy: "20", r: "1.8", fill: primaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("path", { d: CART_FRAME, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: CART_BASKET, fill: primaryColor }), jsx("path", { d: CART_BASKET, fill: "white", opacity: "0.12" }), within(uid, 'bars', jsx("path", { d: CART_BASKET }), jsx("path", { d: CART_BARS, stroke: accentColor, strokeWidth: "1.3", opacity: accentOpacity })), jsx("circle", { cx: "9.4", cy: "20", r: "1.8", fill: secondaryColor }), jsx("circle", { cx: "18.2", cy: "20", r: "1.8", fill: secondaryColor })] })),
-    },
+  displayName: "NtdCart",
+  paths: {
+    solid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: CART_FRAME, stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsx("path", { d: CART_BASKET, fill: primaryColor }),
+      within(
+        uid,
+        "bars",
+        /* @__PURE__ */ jsx("path", { d: CART_BASKET }),
+        /* @__PURE__ */ jsx("path", { d: CART_BARS, stroke: accentColor, strokeWidth: "1.3", opacity: accentOpacity })
+      ),
+      /* @__PURE__ */ jsx("circle", { cx: "9.4", cy: "20", r: "1.8", fill: secondaryColor }),
+      /* @__PURE__ */ jsx("circle", { cx: "18.2", cy: "20", r: "1.8", fill: secondaryColor })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: CART_FRAME, stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: CART_BASKET,
+          stroke: primaryColor,
+          strokeWidth,
+          strokeLinejoin: "round",
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("circle", { cx: "9.4", cy: "20", r: "1.4", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsx("circle", { cx: "18.2", cy: "20", r: "1.4", stroke: primaryColor, strokeWidth })
+    ] }),
+    duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: CART_BASKET, fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsx("path", { d: CART_FRAME, stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: CART_BASKET,
+          stroke: primaryColor,
+          strokeWidth,
+          strokeLinejoin: "round",
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("circle", { cx: "9.4", cy: "20", r: "1.8", fill: primaryColor }),
+      /* @__PURE__ */ jsx("circle", { cx: "18.2", cy: "20", r: "1.8", fill: primaryColor })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: CART_FRAME, stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsx("path", { d: CART_BASKET, fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: CART_BASKET, fill: "white", opacity: "0.12" }),
+      within(
+        uid,
+        "bars",
+        /* @__PURE__ */ jsx("path", { d: CART_BASKET }),
+        /* @__PURE__ */ jsx("path", { d: CART_BARS, stroke: accentColor, strokeWidth: "1.3", opacity: accentOpacity })
+      ),
+      /* @__PURE__ */ jsx("circle", { cx: "9.4", cy: "20", r: "1.8", fill: secondaryColor }),
+      /* @__PURE__ */ jsx("circle", { cx: "18.2", cy: "20", r: "1.8", fill: secondaryColor })
+    ] })
+  }
 });
-/** @deprecated A second cart next to {@link NtdCart} — use that. */
 const NtdShoppingCart = NtdCart;
-// NtdCreditCard: the back of a real card — the magnetic stripe high up and edge to edge (kept
-// inside the card, so it meets the sides flush), the signature panel long and to the left, the
-// CVV box small on the right. The details are accent coloured, so a cutout keeps them.
 const CARD_BODY = { x: 1.5, y: 4.5, width: 21, height: 15, rx: 2 };
 const CARD_STRIPE = { x: 1.5, y: 7, width: 21, height: 3.6 };
 const CARD_SIGNATURE = { x: 4, y: 13.6, width: 11.5, height: 2.2, rx: 0.6 };
 const CARD_CVV = { x: 16.6, y: 13.6, width: 3.6, height: 2.2, rx: 0.6 };
 const NtdCreditCard = /* @__PURE__ */ createIcon({
-    displayName: 'NtdCreditCard',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...CARD_BODY, fill: primaryColor }), within(uid, 'stripe', jsx("rect", { ...CARD_BODY }), jsx("rect", { ...CARD_STRIPE, fill: accentColor, opacity: accentOpacity })), jsx("rect", { ...CARD_SIGNATURE, fill: accentColor, opacity: accentOpacity }), jsx("rect", { ...CARD_CVV, fill: accentColor, opacity: accentOpacity })] })),
-        outline: ({ primaryColor, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...CARD_BODY, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), within(uid, 'stripe', jsx("rect", { ...CARD_BODY }), jsx("rect", { ...CARD_STRIPE, fill: primaryColor })), jsx("path", { d: "M5 14.7h9.5M17.6 14.7h1.6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...CARD_BODY, fill: secondaryColor, opacity: secondaryOpacity }), within(uid, 'stripe', jsx("rect", { ...CARD_BODY }), jsx("rect", { ...CARD_STRIPE, fill: primaryColor })), jsx("rect", { ...CARD_SIGNATURE, fill: primaryColor }), jsx("rect", { ...CARD_CVV, fill: primaryColor }), jsx("rect", { ...CARD_BODY, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        vivid: ({ primaryColor, accentColor, accentOpacity, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...CARD_BODY, fill: primaryColor }), jsx("rect", { ...CARD_BODY, fill: "white", opacity: "0.1" }), within(uid, 'stripe', jsx("rect", { ...CARD_BODY }), jsx("rect", { ...CARD_STRIPE, fill: "black", opacity: "0.35" })), jsx("rect", { ...CARD_SIGNATURE, fill: accentColor, opacity: accentOpacity }), jsx("rect", { ...CARD_CVV, fill: accentColor, opacity: accentOpacity })] })),
-    },
+  displayName: "NtdCreditCard",
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { ...CARD_BODY, fill: primaryColor }),
+      within(
+        uid,
+        "stripe",
+        /* @__PURE__ */ jsx("rect", { ...CARD_BODY }),
+        /* @__PURE__ */ jsx("rect", { ...CARD_STRIPE, fill: accentColor, opacity: accentOpacity })
+      ),
+      /* @__PURE__ */ jsx("rect", { ...CARD_SIGNATURE, fill: accentColor, opacity: accentOpacity }),
+      /* @__PURE__ */ jsx("rect", { ...CARD_CVV, fill: accentColor, opacity: accentOpacity })
+    ] }),
+    outline: ({ primaryColor, strokeWidth, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { ...CARD_BODY, stroke: primaryColor, strokeWidth, fill: "none" }),
+      within(
+        uid,
+        "stripe",
+        /* @__PURE__ */ jsx("rect", { ...CARD_BODY }),
+        /* @__PURE__ */ jsx("rect", { ...CARD_STRIPE, fill: primaryColor })
+      ),
+      /* @__PURE__ */ jsx("path", { d: "M5 14.7h9.5M17.6 14.7h1.6", stroke: primaryColor, strokeWidth })
+    ] }),
+    duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { ...CARD_BODY, fill: secondaryColor, opacity: secondaryOpacity }),
+      within(
+        uid,
+        "stripe",
+        /* @__PURE__ */ jsx("rect", { ...CARD_BODY }),
+        /* @__PURE__ */ jsx("rect", { ...CARD_STRIPE, fill: primaryColor })
+      ),
+      /* @__PURE__ */ jsx("rect", { ...CARD_SIGNATURE, fill: primaryColor }),
+      /* @__PURE__ */ jsx("rect", { ...CARD_CVV, fill: primaryColor }),
+      /* @__PURE__ */ jsx("rect", { ...CARD_BODY, stroke: primaryColor, strokeWidth, fill: "none" })
+    ] }),
+    vivid: ({ primaryColor, accentColor, accentOpacity, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { ...CARD_BODY, fill: primaryColor }),
+      /* @__PURE__ */ jsx("rect", { ...CARD_BODY, fill: "white", opacity: "0.1" }),
+      within(
+        uid,
+        "stripe",
+        /* @__PURE__ */ jsx("rect", { ...CARD_BODY }),
+        /* @__PURE__ */ jsx("rect", { ...CARD_STRIPE, fill: "black", opacity: "0.35" })
+      ),
+      /* @__PURE__ */ jsx("rect", { ...CARD_SIGNATURE, fill: accentColor, opacity: accentOpacity }),
+      /* @__PURE__ */ jsx("rect", { ...CARD_CVV, fill: accentColor, opacity: accentOpacity })
+    ] })
+  }
 });
-// NtdPieChart: filled, two sectors of one pie (r 10) pulled 1 apart along the small one's middle
-// — a gap between them. The larger is the three-quarter sector from the centre; it was a segment
-// cut off by a chord, which read as an odd shape. The whole chart is turned 45° clockwise, so the
-// slice points right (it filled the top-right quarter). The outline keeps its open arc and the
-// slice, turned the same way. Duotone, fills only: the larger sector primary, the slice secondary
-// (the other way round until 1.3.8);
-// vivid the other way.
-const PIE_REST = 'M11 12L18.07 4.93A10 10 0 1 0 18.07 19.07Z';
-const PIE_SLICE = 'M13 12L20.07 4.93A10 10 0 0 1 20.07 19.07Z';
+const PIE_REST = "M11 12L18.07 4.93A10 10 0 1 0 18.07 19.07Z";
+const PIE_SLICE = "M13 12L20.07 4.93A10 10 0 0 1 20.07 19.07Z";
 function pieFilled(rest, slice) {
-    return (jsxs(Fragment, { children: [jsx("path", { d: PIE_REST, fill: rest }), jsx("path", { d: PIE_SLICE, fill: slice })] }));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: PIE_REST, fill: rest }),
+    /* @__PURE__ */ jsx("path", { d: PIE_SLICE, fill: slice })
+  ] });
 }
 const NtdPieChart = /* @__PURE__ */ createIcon({
-    displayName: 'NtdPieChart',
-    paths: {
-        solid: ({ primaryColor }) => pieFilled(primaryColor, primaryColor),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M15.76 21.27A10 10 0 1 1 15.65 2.69", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M19.07 19.07A10 10 0 0 0 19.07 4.93L12 12z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor }) => pieFilled(secondaryColor, primaryColor)),
-        vivid: ({ primaryColor, secondaryColor }) => pieFilled(primaryColor, secondaryColor),
-    },
+  displayName: "NtdPieChart",
+  paths: {
+    solid: ({ primaryColor }) => pieFilled(primaryColor, primaryColor),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M15.76 21.27A10 10 0 1 1 15.65 2.69",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M19.07 19.07A10 10 0 0 0 19.07 4.93L12 12z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] }),
+    duotone: swapDuotone(
+      ({ primaryColor, secondaryColor }) => pieFilled(secondaryColor, primaryColor)
+    ),
+    vivid: ({ primaryColor, secondaryColor }) => pieFilled(primaryColor, secondaryColor)
+  }
 });
 const NtdBarChart = /* @__PURE__ */ createIcon({
-    displayName: 'NtdBarChart',
-    paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "18", y: "8", width: "4", height: "14", rx: "1", fill: primaryColor }), jsx("rect", { x: "10", y: "4", width: "4", height: "18", rx: "1", fill: primaryColor }), jsx("rect", { x: "2", y: "12", width: "4", height: "10", rx: "1", fill: primaryColor })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "18", y: "8", width: "4", height: "14", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "10", y: "4", width: "4", height: "18", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "2", y: "12", width: "4", height: "10", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "18", y: "8", width: "4", height: "14", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "12", width: "4", height: "10", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "10", y: "4", width: "4", height: "18", rx: "1", fill: primaryColor }), jsx("rect", { x: "18", y: "8", width: "4", height: "14", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "2", y: "12", width: "4", height: "10", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "18", y: "8", width: "4", height: "14", rx: "1", fill: primaryColor }), jsx("rect", { x: "18", y: "8", width: "4", height: "14", rx: "1", fill: "white", opacity: "0.08" }), jsx("rect", { x: "10", y: "4", width: "4", height: "18", rx: "1", fill: secondaryColor }), jsx("rect", { x: "2", y: "12", width: "4", height: "10", rx: "1", fill: "#3B82F6" })] })),
-    },
+  displayName: "NtdBarChart",
+  paths: {
+    solid: ({ primaryColor, strokeWidth: _strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { x: "18", y: "8", width: "4", height: "14", rx: "1", fill: primaryColor }),
+      /* @__PURE__ */ jsx("rect", { x: "10", y: "4", width: "4", height: "18", rx: "1", fill: primaryColor }),
+      /* @__PURE__ */ jsx("rect", { x: "2", y: "12", width: "4", height: "10", rx: "1", fill: primaryColor })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "18",
+          y: "8",
+          width: "4",
+          height: "14",
+          rx: "1",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "10",
+          y: "4",
+          width: "4",
+          height: "18",
+          rx: "1",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "2",
+          y: "12",
+          width: "4",
+          height: "10",
+          rx: "1",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] }),
+    duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "18",
+          y: "8",
+          width: "4",
+          height: "14",
+          rx: "1",
+          fill: secondaryColor,
+          opacity: secondaryOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "2",
+          y: "12",
+          width: "4",
+          height: "10",
+          rx: "1",
+          fill: secondaryColor,
+          opacity: secondaryOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx("rect", { x: "10", y: "4", width: "4", height: "18", rx: "1", fill: primaryColor }),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "18",
+          y: "8",
+          width: "4",
+          height: "14",
+          rx: "1",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "2",
+          y: "12",
+          width: "4",
+          height: "10",
+          rx: "1",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { x: "18", y: "8", width: "4", height: "14", rx: "1", fill: primaryColor }),
+      /* @__PURE__ */ jsx("rect", { x: "18", y: "8", width: "4", height: "14", rx: "1", fill: "white", opacity: "0.08" }),
+      /* @__PURE__ */ jsx("rect", { x: "10", y: "4", width: "4", height: "18", rx: "1", fill: secondaryColor }),
+      /* @__PURE__ */ jsx("rect", { x: "2", y: "12", width: "4", height: "10", rx: "1", fill: "#3B82F6" })
+    ] })
+  }
 });
 const NtdActivity = /* @__PURE__ */ createIcon({
-    displayName: 'NtdActivity',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2", stroke: primaryColor, strokeWidth: strokeWidth })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2", stroke: primaryColor, strokeWidth: strokeWidth })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2", stroke: secondaryColor, strokeWidth: "4", opacity: secondaryOpacity }), jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsx(Fragment, { children: jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2", stroke: primaryColor, strokeWidth: "2.2" }) })),
-    },
+  displayName: "NtdActivity",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2", stroke: primaryColor, strokeWidth }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2", stroke: primaryColor, strokeWidth }),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M22 12h-4l-3 9L9 3l-3 9H2",
+          stroke: secondaryColor,
+          strokeWidth: "4",
+          opacity: secondaryOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2", stroke: primaryColor, strokeWidth })
+    ] })),
+    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2", stroke: primaryColor, strokeWidth: "2.2" }) })
+  }
 });
 const NtdTarget = /* @__PURE__ */ createIcon({
-    displayName: 'NtdTarget',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: "white", opacity: "0.1" }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "6", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" })] })),
-    },
+  displayName: "NtdTarget",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "12",
+          cy: "12",
+          r: "10",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "6", stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1.4", fill: primaryColor })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "12",
+          cy: "12",
+          r: "10",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "6", stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "12",
+          cy: "12",
+          r: "1.4",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] }),
+    duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "12",
+          cy: "12",
+          r: "10",
+          stroke: secondaryColor,
+          strokeWidth,
+          fill: "none",
+          opacity: secondaryOpacity + 0.2
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "12",
+          cy: "12",
+          r: "10",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "6", stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1.4", fill: primaryColor })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1.4", fill: primaryColor }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1.4", fill: "white", opacity: "0.1" }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "6", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" })
+    ] })
+  }
 });
-// NtdTruck, round 40: the filled variants all primary (the cab was a lighter primary with a stroke
-// that also pushed its bottom 0.5 below the box's). The box and the cab are one shape, level at the
-// bottom above the wheels — two shapes of one colour show a seam, and the box's rounded corner left
-// a notch where it met the cab. Duotone and vivid on the theme's colours (vivid had fixed blue and
-// amber wheels): the box primary, the cab secondary; the wheels primary with a ring — secondary in
-// duotone, the accent in vivid, as in solid.
-const TRUCK_BODY = 'M2 3h13a1 1 0 011 1v4h4l3 3v5H2a1 1 0 01-1-1V4a1 1 0 011-1z';
-/** The body with `rounded`'s corners — the derived variant cannot round a path. */
-const TRUCK_BODY_ROUNDED = 'M4 3h9a3 3 0 013 3v2h4l3 3v3a2 2 0 01-2 2H4a3 3 0 01-3-3V6a3 3 0 013-3z';
-/** Duotone and vivid: the box, square where the cab covers it, and the cab 0.5 over it. */
-const TRUCK_BOX = 'M2 3h13a1 1 0 011 1v12H2a1 1 0 01-1-1V4a1 1 0 011-1z';
-const TRUCK_CAB = 'M15.5 8H20l3 3v5h-7.5z';
+const TRUCK_BODY = "M2 4.5h13a1 1 0 011 1V9h4l3 3v4.5H2a1 1 0 01-1-1v-10a1 1 0 011-1z";
+const TRUCK_BODY_ROUNDED = "M4 4.5h9a3 3 0 013 3V9h4l3 3v2.5a2 2 0 01-2 2H4a3 3 0 01-3-3v-7a3 3 0 013-3z";
+const TRUCK_BOX = "M2 4.5h13a1 1 0 011 1v11H2a1 1 0 01-1-1v-10a1 1 0 011-1z";
+const TRUCK_CAB = "M15.5 9H20l3 3v4.5h-7.5z";
 const TRUCK_WHEELS = [5.5, 18.5];
 function truckWheels(fill, ring, opacity) {
-    return TRUCK_WHEELS.map((cx) => (jsx("circle", { cx: cx, cy: "18.5", r: "2.5", fill: fill, stroke: ring, strokeWidth: "1.5", opacity: opacity }, cx)));
+  return TRUCK_WHEELS.map((cx) => /* @__PURE__ */ jsx(
+    "circle",
+    {
+      cx,
+      cy: "17.4",
+      r: "3",
+      fill,
+      stroke: ring,
+      strokeWidth: "1.5",
+      opacity
+    },
+    cx
+  ));
 }
 function truckSolid(body, { primaryColor, accentColor, accentOpacity }) {
-    return (jsxs(Fragment, { children: [jsx("path", { d: body, fill: primaryColor }), truckWheels(primaryColor, accentColor, accentOpacity)] }));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: body, fill: primaryColor }),
+    truckWheels(primaryColor, accentColor, accentOpacity)
+  ] });
 }
 const NtdTruck = /* @__PURE__ */ createIcon({
-    displayName: 'NtdTruck',
-    paths: {
-        solid: (props) => truckSolid(TRUCK_BODY, props),
-        rounded: (props) => truckSolid(TRUCK_BODY_ROUNDED, props),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M1 3h15v13H1z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 8h4l3 3v5h-7V8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "5.5", cy: "18.5", r: "2.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "18.5", cy: "18.5", r: "2.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: TRUCK_BOX, fill: primaryColor }), jsx("path", { d: TRUCK_CAB, fill: secondaryColor, opacity: secondaryOpacity }), truckWheels(primaryColor, secondaryColor)] })),
-        vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: TRUCK_BOX, fill: primaryColor }), jsx("path", { d: TRUCK_CAB, fill: secondaryColor }), truckWheels(primaryColor, accentColor, accentOpacity)] })),
-    },
+  displayName: "NtdTruck",
+  paths: {
+    solid: (props) => truckSolid(TRUCK_BODY, props),
+    rounded: (props) => truckSolid(TRUCK_BODY_ROUNDED, props),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M1 4.5h15v12H1z", stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M16 9h4l3 3v4.5h-7V9z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "5.5",
+          cy: "17.4",
+          r: "3",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "18.5",
+          cy: "17.4",
+          r: "3",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] }),
+    duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: TRUCK_BOX, fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: TRUCK_CAB, fill: secondaryColor, opacity: secondaryOpacity }),
+      truckWheels(primaryColor, secondaryColor)
+    ] }),
+    vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: TRUCK_BOX, fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: TRUCK_CAB, fill: secondaryColor }),
+      truckWheels(primaryColor, accentColor, accentOpacity)
+    ] })
+  }
 });
-
-export { NtdActivity, NtdArchive, NtdAward, NtdBarChart, NtdCart, NtdCloud, NtdCloudDownload, NtdCloudUpload, NtdCode, NtdCoffee, NtdCpu, NtdCreditCard, NtdDatabase, NtdFile, NtdFileText, NtdFolder, NtdFolderOpen, NtdGit, NtdGrid, NtdKey, NtdLayers, NtdList, NtdMonitor, NtdPackage, NtdPieChart, NtdShoppingCart, NtdSmartphone, NtdTable, NtdTarget, NtdTerminal, NtdTruck };
+export {
+  NtdActivity,
+  NtdArchive,
+  NtdAward,
+  NtdBarChart,
+  NtdCart,
+  NtdCloud,
+  NtdCloudDownload,
+  NtdCloudUpload,
+  NtdCode,
+  NtdCoffee,
+  NtdCpu,
+  NtdCreditCard,
+  NtdDatabase,
+  NtdFile,
+  NtdFileText,
+  NtdFolder,
+  NtdFolderOpen,
+  NtdGit,
+  NtdGrid,
+  NtdKey,
+  NtdLayers,
+  NtdList,
+  NtdMonitor,
+  NtdPackage,
+  NtdPieChart,
+  NtdShoppingCart,
+  NtdSmartphone,
+  NtdTable,
+  NtdTarget,
+  NtdTerminal,
+  NtdTruck
+};