@nice2dev/icons 1.3.14 → 1.3.16

package/dist/cjs/icons/actions.js

@@ -1,400 +1,1360 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var createIcon = require('../createIcon.js');
-var iconParts = require('../iconParts.js');
-
-/** The magnifier's lens (r 8 about 11,11) and its handle. */
-const LENS = 'M11 19a8 8 0 100-16 8 8 0 000 16z';
-const LENS_HANDLE = 'M21 21l-4.35-4.35';
-/**
- * The magnifier of NtdSearch, NtdZoomIn and NtdZoomOut, so the three share one lens and handle;
- * `glyph` is drawn inside the lens. A line glyph: twice the stroke width in every variant but
- * `outline`. Duotone and vivid draw the handle and the glyph in secondary; duotone fills the lens
- * primary under them (1.3.8: the larger area primary — it was a secondary tint under primary lines).
- */
-function lensIcon(displayName, glyph = '') {
-    return createIcon.createIcon({
-        displayName,
-        paths: {
-            solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: `${LENS_HANDLE}${LENS}${glyph}`, stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })),
-            outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: `${LENS_HANDLE}${LENS}${glyph}`, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-            duotone: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: LENS, fill: primaryColor, stroke: primaryColor, strokeWidth: strokeWidth * 2 }), jsxRuntime.jsx("path", { d: `${LENS_HANDLE}${glyph}`, stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
-            vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: LENS, stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsxRuntime.jsx("path", { d: `${LENS_HANDLE}${glyph}`, stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
-        },
-    });
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const createIcon = require("../createIcon.js");
+const iconParts = require("../iconParts.js");
+const LENS = "M11 19a8 8 0 100-16 8 8 0 000 16z";
+const LENS_HANDLE = "M21 21l-4.35-4.35";
+function lensIcon(displayName, glyph = "") {
+  return createIcon.createIcon({
+    displayName,
+    paths: {
+      solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: `${LENS_HANDLE}${LENS}${glyph}`,
+          stroke: primaryColor,
+          strokeWidth: strokeWidth * 2,
+          fill: "none"
+        }
+      ),
+      outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: `${LENS_HANDLE}${LENS}${glyph}`,
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      duotone: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: LENS, fill: primaryColor, stroke: primaryColor, strokeWidth: strokeWidth * 2 }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: `${LENS_HANDLE}${glyph}`,
+            stroke: secondaryColor,
+            strokeWidth: strokeWidth * 2,
+            fill: "none"
+          }
+        )
+      ] }),
+      vivid: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: LENS, stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: `${LENS_HANDLE}${glyph}`,
+            stroke: secondaryColor,
+            strokeWidth: strokeWidth * 2,
+            fill: "none"
+          }
+        )
+      ] })
+    }
+  });
 }
-const NtdSearch = /* @__PURE__ */ lensIcon('NtdSearch');
-const EDIT_PENCIL = 'M17 3a2.828 2.828 0 114 4L7.5 20.5 2 22l1.5-5.5L17 3z';
+const NtdSearch = /* @__PURE__ */ lensIcon("NtdSearch");
+const EDIT_PENCIL = "M17 3a2.828 2.828 0 114 4L7.5 20.5 2 22l1.5-5.5L17 3z";
 const NtdEdit = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdEdit',
-    paths: {
-        // The band is a cut across the pencil: kept inside it, its ends meet the edges flush (its
-        // round caps stuck out of both sides).
-        solid: ({ primaryColor, accentColor, accentOpacity, uid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: EDIT_PENCIL, fill: primaryColor }), iconParts.within(uid, 'band', jsxRuntime.jsx("path", { d: EDIT_PENCIL }), jsxRuntime.jsx("path", { d: "M15 5l4 4", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity }))] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M17 3a2.828 2.828 0 114 4L7.5 20.5 2 22l1.5-5.5L17 3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M15 5l4 4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        vivid: ({ primaryColor, secondaryColor, uid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: EDIT_PENCIL, fill: primaryColor }), jsxRuntime.jsx("path", { d: EDIT_PENCIL, fill: "white", opacity: "0.1" }), iconParts.within(uid, 'band', jsxRuntime.jsx("path", { d: EDIT_PENCIL }), jsxRuntime.jsx("path", { d: "M15 5l4 4", stroke: secondaryColor, strokeWidth: "1.8" }))] })),
-    },
+  displayName: "NtdEdit",
+  paths: {
+    // The band is a cut across the pencil: kept inside it, its ends meet the edges flush (its
+    // round caps stuck out of both sides).
+    solid: ({ primaryColor, accentColor, accentOpacity, uid }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: EDIT_PENCIL, fill: primaryColor }),
+      iconParts.within(
+        uid,
+        "band",
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: EDIT_PENCIL }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 5l4 4", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })
+      )
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M17 3a2.828 2.828 0 114 4L7.5 20.5 2 22l1.5-5.5L17 3z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 5l4 4", stroke: primaryColor, strokeWidth })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor, uid }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: EDIT_PENCIL, fill: primaryColor }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: EDIT_PENCIL, fill: "white", opacity: "0.1" }),
+      iconParts.within(
+        uid,
+        "band",
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: EDIT_PENCIL }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 5l4 4", stroke: secondaryColor, strokeWidth: "1.8" })
+      )
+    ] })
+  }
 });
-// NtdEditDetail: NtdEdit's pencil (scaled 0.62, coordinates baked in so strokes keep their
-// weight) over a square frame left open where the pencil comes out of it — the pen-to-square
-// "edit details" glyph.
-const EDIT_DETAIL_PENCIL = 'M18.54 2.86a1.753 1.753 0 112.48 2.48L12.65 13.71 9.24 14.64l.93-3.41L18.54 2.86z';
-const EDIT_DETAIL_BAND = 'M17.3 4.1l2.48 2.48';
-const EDIT_DETAIL_FRAME = 'M12 4H6a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2v-6';
+const EDIT_DETAIL_PENCIL = "M18.54 2.86a1.753 1.753 0 112.48 2.48L12.65 13.71 9.24 14.64l.93-3.41L18.54 2.86z";
+const EDIT_DETAIL_BAND = "M17.3 4.1l2.48 2.48";
+const EDIT_DETAIL_FRAME = "M12 4H6a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2v-6";
 const NtdEditDetail = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdEditDetail',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth, uid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: EDIT_DETAIL_FRAME, stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsxRuntime.jsx("path", { d: EDIT_DETAIL_PENCIL, fill: primaryColor }), iconParts.within(uid, 'band', jsxRuntime.jsx("path", { d: EDIT_DETAIL_PENCIL }), jsxRuntime.jsx("path", { d: EDIT_DETAIL_BAND, stroke: accentColor, strokeWidth: "1.1", opacity: accentOpacity }))] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: EDIT_DETAIL_FRAME, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: EDIT_DETAIL_PENCIL, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor, strokeWidth, uid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: EDIT_DETAIL_FRAME, stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsxRuntime.jsx("path", { d: EDIT_DETAIL_PENCIL, fill: primaryColor }), iconParts.within(uid, 'band', jsxRuntime.jsx("path", { d: EDIT_DETAIL_PENCIL }), jsxRuntime.jsx("path", { d: EDIT_DETAIL_BAND, stroke: secondaryColor, strokeWidth: "1.3" }))] })),
-    },
+  displayName: "NtdEditDetail",
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth, uid }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: EDIT_DETAIL_FRAME,
+          stroke: primaryColor,
+          strokeWidth: strokeWidth * 2,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: EDIT_DETAIL_PENCIL, fill: primaryColor }),
+      iconParts.within(
+        uid,
+        "band",
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: EDIT_DETAIL_PENCIL }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: EDIT_DETAIL_BAND,
+            stroke: accentColor,
+            strokeWidth: "1.1",
+            opacity: accentOpacity
+          }
+        )
+      )
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: EDIT_DETAIL_FRAME, stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: EDIT_DETAIL_PENCIL, stroke: primaryColor, strokeWidth, fill: "none" })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor, strokeWidth, uid }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: EDIT_DETAIL_FRAME,
+          stroke: secondaryColor,
+          strokeWidth: strokeWidth * 2,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: EDIT_DETAIL_PENCIL, fill: primaryColor }),
+      iconParts.within(
+        uid,
+        "band",
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: EDIT_DETAIL_PENCIL }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: EDIT_DETAIL_BAND, stroke: secondaryColor, strokeWidth: "1.3" })
+      )
+    ] })
+  }
 });
-// NtdTrash: the lid overhangs the bin by 1 a side (16 across; it was 18) and the handle is 6 by 3
-// (it was 8 by 4). The lid is flat with its ends bent down, as round as the bin's bottom corners
-// (r 2). Vivid: the lid and the handle secondary, the grooves accent (they were a fixed #3B82F6).
-const TRASH_LID = 'M4 8a2 2 0 012-2h12a2 2 0 012 2';
-const TRASH_HANDLE = 'M9 6V4.5a1.5 1.5 0 011.5-1.5h3a1.5 1.5 0 011.5 1.5V6';
-const TRASH_BIN = 'M5 6l1 14a2 2 0 002 2h8a2 2 0 002-2l1-14H5z';
-const TRASH_GROOVES = 'M10 10.5v7M14 10.5v7';
+const TRASH_LID = "M4 8a2 2 0 012-2h12a2 2 0 012 2";
+const TRASH_HANDLE = "M9 6V4.5a1.5 1.5 0 011.5-1.5h3a1.5 1.5 0 011.5 1.5V6";
+const TRASH_BIN = "M5 6l1 14a2 2 0 002 2h8a2 2 0 002-2l1-14H5z";
+const TRASH_GROOVES = "M10 10.5v7M14 10.5v7";
 const NtdTrash = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdTrash',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: TRASH_LID, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: TRASH_HANDLE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: TRASH_BIN, fill: primaryColor }), jsxRuntime.jsx("line", { x1: "10", y1: "10.5", x2: "10", y2: "17.5", stroke: accentColor, strokeWidth: strokeWidth * 0.7, opacity: accentOpacity }), jsxRuntime.jsx("line", { x1: "14", y1: "10.5", x2: "14", y2: "17.5", stroke: accentColor, strokeWidth: strokeWidth * 0.7, opacity: accentOpacity })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: TRASH_LID, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: TRASH_HANDLE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M5 6l1 14a2 2 0 002 2h8a2 2 0 002-2l1-14", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: TRASH_GROOVES, stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: TRASH_BIN, fill: primaryColor }), jsxRuntime.jsx("path", { d: TRASH_LID, stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: TRASH_HANDLE, stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: TRASH_GROOVES, stroke: accentColor, strokeWidth: strokeWidth * 0.7, opacity: accentOpacity })] })),
-    },
+  displayName: "NtdTrash",
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: TRASH_LID, stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: TRASH_HANDLE, stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: TRASH_BIN, fill: primaryColor }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "line",
+        {
+          x1: "10",
+          y1: "10.5",
+          x2: "10",
+          y2: "17.5",
+          stroke: accentColor,
+          strokeWidth: strokeWidth * 0.7,
+          opacity: accentOpacity
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "line",
+        {
+          x1: "14",
+          y1: "10.5",
+          x2: "14",
+          y2: "17.5",
+          stroke: accentColor,
+          strokeWidth: strokeWidth * 0.7,
+          opacity: accentOpacity
+        }
+      )
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: TRASH_LID, stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: TRASH_HANDLE, stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M5 6l1 14a2 2 0 002 2h8a2 2 0 002-2l1-14",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: TRASH_GROOVES, stroke: primaryColor, strokeWidth })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: TRASH_BIN, fill: primaryColor }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: TRASH_LID, stroke: secondaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: TRASH_HANDLE, stroke: secondaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: TRASH_GROOVES,
+          stroke: accentColor,
+          strokeWidth: strokeWidth * 0.7,
+          opacity: accentOpacity
+        }
+      )
+    ] })
+  }
 });
-// NtdSave: a 3.5" floppy — the clipped corner, a wide metal shutter at the top edge with its
-// window, a large label at the bottom. Every part sits inside the body, so no variant pokes out.
-const FLOPPY_BODY = 'M5 3h11.6L21 7.4V19a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2z';
-/** The shutter with its window cut out (even-odd). */
-const FLOPPY_SHUTTER = 'M7 3h9.2v4.8a.8.8 0 01-.8.8H7.8a.8.8 0 01-.8-.8zM12.6 4.4v2.8h2V4.4z';
-const FLOPPY_LABEL = 'M6.8 10.6h10.4a1 1 0 011 1v7a1 1 0 01-1 1H6.8a1 1 0 01-1-1v-7a1 1 0 011-1z';
-/** The label's top band — vivid's third colour. */
-const FLOPPY_LABEL_BAND = 'M5.8 13.2h12.4v-1.6a1 1 0 00-1-1H6.8a1 1 0 00-1 1z';
+const FLOPPY_BODY = "M5 3h11.6L21 7.4V19a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2z";
+const FLOPPY_SHUTTER = "M7 3h9.2v4.8a.8.8 0 01-.8.8H7.8a.8.8 0 01-.8-.8zM12.6 4.4v2.8h2V4.4z";
+const FLOPPY_LABEL = "M6.8 10.6h10.4a1 1 0 011 1v7a1 1 0 01-1 1H6.8a1 1 0 01-1-1v-7a1 1 0 011-1z";
+const FLOPPY_LABEL_BAND = "M5.8 13.2h12.4v-1.6a1 1 0 00-1-1H6.8a1 1 0 00-1 1z";
 const NtdSave = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdSave',
-    paths: {
-        // the shutter and the label in secondary (the accent is usually black or the page colour)
-        solid: (props) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: FLOPPY_BODY, fill: props.primaryColor }), jsxRuntime.jsxs("g", { fill: iconParts.detailColor(props), children: [jsxRuntime.jsx("path", { d: FLOPPY_SHUTTER, fillRule: "evenodd" }), jsxRuntime.jsx("path", { d: FLOPPY_LABEL })] })] })),
-        // the wireframe's construction — body, shutter with its window, label — at the stroke width
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: `${FLOPPY_BODY}${FLOPPY_SHUTTER}${FLOPPY_LABEL}`, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        // fills only: the body secondary, the shutter and the label primary
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: FLOPPY_BODY, fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsxs("g", { fill: primaryColor, children: [jsxRuntime.jsx("path", { d: FLOPPY_SHUTTER, fillRule: "evenodd" }), jsxRuntime.jsx("path", { d: FLOPPY_LABEL })] })] })),
-        vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: FLOPPY_BODY, fill: primaryColor }), jsxRuntime.jsxs("g", { fill: secondaryColor, children: [jsxRuntime.jsx("path", { d: FLOPPY_SHUTTER, fillRule: "evenodd" }), jsxRuntime.jsx("path", { d: FLOPPY_LABEL })] }), jsxRuntime.jsx("path", { d: FLOPPY_LABEL_BAND, fill: accentColor, opacity: accentOpacity })] })),
-    },
+  displayName: "NtdSave",
+  paths: {
+    // the shutter and the label in secondary (the accent is usually black or the page colour)
+    solid: (props) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: FLOPPY_BODY, fill: props.primaryColor }),
+      /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: iconParts.detailColor(props), children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: FLOPPY_SHUTTER, fillRule: "evenodd" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: FLOPPY_LABEL })
+      ] })
+    ] }),
+    // the wireframe's construction — body, shutter with its window, label — at the stroke width
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: `${FLOPPY_BODY}${FLOPPY_SHUTTER}${FLOPPY_LABEL}`,
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    // fills only: the body secondary, the shutter and the label primary
+    duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: FLOPPY_BODY, fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: primaryColor, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: FLOPPY_SHUTTER, fillRule: "evenodd" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: FLOPPY_LABEL })
+      ] })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: FLOPPY_BODY, fill: primaryColor }),
+      /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: secondaryColor, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: FLOPPY_SHUTTER, fillRule: "evenodd" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: FLOPPY_LABEL })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: FLOPPY_LABEL_BAND, fill: accentColor, opacity: accentOpacity })
+    ] })
+  }
 });
-/** The tray of NtdDownload and NtdUpload. */
-const TRAY = 'M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4';
-// The shaft stops 2 short of the arrowhead's point: with the square caps of `sharp`, a shaft that
-// ran to the point stuck out of it.
+const TRAY = "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4";
 const NtdDownload = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdDownload',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M7 10l5 5 5-5M12 13V3", stroke: primaryColor, strokeWidth: strokeWidth * 2 })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M7 10l5 5 5-5M12 13V3", stroke: primaryColor, strokeWidth: strokeWidth })),
-        // the tray primary, the arrow secondary — a colour split, no filled tray (swapped in 1.3.8:
-        // the larger part primary)
-        duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: TRAY, stroke: secondaryColor, strokeWidth: strokeWidth * 2 }), jsxRuntime.jsx("path", { d: "M7 10l5 5 5-5M12 13V3", stroke: primaryColor, strokeWidth: strokeWidth * 2 })] }))),
-        vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: TRAY, stroke: secondaryColor, strokeWidth: strokeWidth * 2 }), jsxRuntime.jsx("path", { d: "M7 10l5 5 5-5M12 13V3", stroke: primaryColor, strokeWidth: strokeWidth * 2 })] })),
-    },
+  displayName: "NtdDownload",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M7 10l5 5 5-5M12 13V3",
+        stroke: primaryColor,
+        strokeWidth: strokeWidth * 2
+      }
+    ),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M7 10l5 5 5-5M12 13V3",
+        stroke: primaryColor,
+        strokeWidth
+      }
+    ),
+    // the tray primary, the arrow secondary — a colour split, no filled tray (swapped in 1.3.8:
+    // the larger part primary)
+    duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: TRAY, stroke: secondaryColor, strokeWidth: strokeWidth * 2 }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 10l5 5 5-5M12 13V3", stroke: primaryColor, strokeWidth: strokeWidth * 2 })
+    ] })),
+    vivid: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: TRAY, stroke: secondaryColor, strokeWidth: strokeWidth * 2 }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 10l5 5 5-5M12 13V3", stroke: primaryColor, strokeWidth: strokeWidth * 2 })
+    ] })
+  }
 });
 const NtdUpload = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdUpload',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M17 8l-5-5-5 5M12 5v10", stroke: primaryColor, strokeWidth: strokeWidth * 2 })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M17 8l-5-5-5 5M12 5v10", stroke: primaryColor, strokeWidth: strokeWidth })),
-        // as NtdDownload: the tray primary, the arrow secondary
-        duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: TRAY, stroke: secondaryColor, strokeWidth: strokeWidth * 2 }), jsxRuntime.jsx("path", { d: "M17 8l-5-5-5 5M12 5v10", stroke: primaryColor, strokeWidth: strokeWidth * 2 })] }))),
-        vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: TRAY, stroke: secondaryColor, strokeWidth: strokeWidth * 2 }), jsxRuntime.jsx("path", { d: "M17 8l-5-5-5 5M12 5v10", stroke: primaryColor, strokeWidth: strokeWidth * 2 })] })),
-    },
+  displayName: "NtdUpload",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M17 8l-5-5-5 5M12 5v10",
+        stroke: primaryColor,
+        strokeWidth: strokeWidth * 2
+      }
+    ),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M17 8l-5-5-5 5M12 5v10",
+        stroke: primaryColor,
+        strokeWidth
+      }
+    ),
+    // as NtdDownload: the tray primary, the arrow secondary
+    duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: TRAY, stroke: secondaryColor, strokeWidth: strokeWidth * 2 }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17 8l-5-5-5 5M12 5v10", stroke: primaryColor, strokeWidth: strokeWidth * 2 })
+    ] })),
+    vivid: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: TRAY, stroke: secondaryColor, strokeWidth: strokeWidth * 2 }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17 8l-5-5-5 5M12 5v10", stroke: primaryColor, strokeWidth: strokeWidth * 2 })
+    ] })
+  }
 });
-// NtdShare: three nodes joined by two links, the links twice the stroke width in every variant but
-// `outline`. Duotone and vivid, fills only: the nodes primary, the links secondary (vivid had a
-// fixed #3B82F6 node and white links that vanished on a light page).
-const SHARE_NODES = 'M18 2a3 3 0 110 6 3 3 0 110-6zM6 9a3 3 0 110 6 3 3 0 110-6zM18 16a3 3 0 110 6 3 3 0 110-6z';
-const SHARE_LINKS = 'M8.59 13.51L15.42 17.49M15.41 6.51L8.59 10.49';
+const SHARE_NODES = "M18 2a3 3 0 110 6 3 3 0 110-6zM6 9a3 3 0 110 6 3 3 0 110-6zM18 16a3 3 0 110 6 3 3 0 110-6z";
+const SHARE_LINKS = "M8.59 13.51L15.42 17.49M15.41 6.51L8.59 10.49";
 function shareFilled(nodes, links, strokeWidth) {
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: SHARE_LINKS, stroke: links, strokeWidth: strokeWidth * 2 }), jsxRuntime.jsx("path", { d: SHARE_NODES, fill: nodes })] }));
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: SHARE_LINKS, stroke: links, strokeWidth: strokeWidth * 2 }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: SHARE_NODES, fill: nodes })
+  ] });
 }
 const NtdShare = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdShare',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => shareFilled(primaryColor, primaryColor, strokeWidth),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "18", cy: "5", r: "2.5", stroke: primaryColor, strokeWidth: strokeWidth * 0.75, fill: "none" }), jsxRuntime.jsx("circle", { cx: "6", cy: "12", r: "2.5", stroke: primaryColor, strokeWidth: strokeWidth * 0.75, fill: "none" }), jsxRuntime.jsx("circle", { cx: "18", cy: "19", r: "2.5", stroke: primaryColor, strokeWidth: strokeWidth * 0.75, fill: "none" }), jsxRuntime.jsx("line", { x1: "8.59", y1: "13.51", x2: "15.42", y2: "17.49", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 }), jsxRuntime.jsx("line", { x1: "15.41", y1: "6.51", x2: "8.59", y2: "10.49", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
-        duotone: ({ primaryColor, secondaryColor, strokeWidth }) => shareFilled(primaryColor, secondaryColor, strokeWidth),
-        vivid: ({ primaryColor, secondaryColor, strokeWidth }) => shareFilled(primaryColor, secondaryColor, strokeWidth),
-    },
+  displayName: "NtdShare",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => shareFilled(primaryColor, primaryColor, strokeWidth),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "circle",
+        {
+          cx: "18",
+          cy: "5",
+          r: "2.5",
+          stroke: primaryColor,
+          strokeWidth: strokeWidth * 0.75,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "circle",
+        {
+          cx: "6",
+          cy: "12",
+          r: "2.5",
+          stroke: primaryColor,
+          strokeWidth: strokeWidth * 0.75,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "circle",
+        {
+          cx: "18",
+          cy: "19",
+          r: "2.5",
+          stroke: primaryColor,
+          strokeWidth: strokeWidth * 0.75,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "line",
+        {
+          x1: "8.59",
+          y1: "13.51",
+          x2: "15.42",
+          y2: "17.49",
+          stroke: primaryColor,
+          strokeWidth: strokeWidth * 0.75
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "line",
+        {
+          x1: "15.41",
+          y1: "6.51",
+          x2: "8.59",
+          y2: "10.49",
+          stroke: primaryColor,
+          strokeWidth: strokeWidth * 0.75
+        }
+      )
+    ] }),
+    duotone: ({ primaryColor, secondaryColor, strokeWidth }) => shareFilled(primaryColor, secondaryColor, strokeWidth),
+    vivid: ({ primaryColor, secondaryColor, strokeWidth }) => shareFilled(primaryColor, secondaryColor, strokeWidth)
+  }
 });
-// NtdCopy: the front sheet at the top right (it was at the bottom right), the back one showing at
-// the bottom left as a line that stops 1 short of the front — closer than before. The gap is
-// worked out from the stroke width, so it stays the same at any weight; `sharp` draws the back
-// sheet with square corners (the derived one kept their arcs). Duotone, fills only: the back sheet
-// secondary under the primary front one; vivid: the back line secondary. Round 40: the back sheet
-// smaller, 11 (was 12.5), kept in the bottom-left corner.
 const COPY_FRONT = { x: 8.5, y: 3, width: 12.5, height: 12.5, rx: 2.5 };
 const COPY_BACK = { x: 3, y: 10, width: 11, height: 11, rx: 2.5 };
-/** What shows of the back sheet: its edges outside the front one, `gap` short of it. */
 function copyBack(gap, square = false) {
-    const { x, y, width, height, rx } = COPY_BACK;
-    const top = COPY_FRONT.x - gap;
-    const right = COPY_FRONT.y + COPY_FRONT.height + gap;
-    const arc = `a${rx} ${rx} 0 00`;
-    return square
-        ? `M${top} ${y}H${x}V${y + height}H${x + width}V${right}`
-        : `M${top} ${y}H${x + rx}${arc}-${rx} ${rx}V${y + height - rx}${arc}${rx} ${rx}H${x + width - rx}${arc}${rx}-${rx}V${right}`;
+  const { x, y, width, height, rx } = COPY_BACK;
+  const top = COPY_FRONT.x - gap;
+  const right = COPY_FRONT.y + COPY_FRONT.height + gap;
+  const arc = `a${rx} ${rx} 0 00`;
+  return square ? `M${top} ${y}H${x}V${y + height}H${x + width}V${right}` : `M${top} ${y}H${x + rx}${arc}-${rx} ${rx}V${y + height - rx}${arc}${rx} ${rx}H${x + width - rx}${arc}${rx}-${rx}V${right}`;
 }
-/** The front sheet filled and the back one as a line 1 short of it (past its round cap). */
 function copyFilled(front, back, strokeWidth, square = false) {
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { ...COPY_FRONT, fill: front }), jsxRuntime.jsx("path", { d: copyBack(1 + strokeWidth / 2, square), stroke: back, strokeWidth: strokeWidth, fill: "none" })] }));
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { ...COPY_FRONT, fill: front }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: copyBack(1 + strokeWidth / 2, square),
+        stroke: back,
+        strokeWidth,
+        fill: "none"
+      }
+    )
+  ] });
 }
 const NtdCopy = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdCopy',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => copyFilled(primaryColor, primaryColor, strokeWidth),
-        sharp: ({ primaryColor, strokeWidth }) => copyFilled(primaryColor, primaryColor, strokeWidth, true),
-        // both sheets stroked: the back line stops 1 short of the front sheet's line
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { ...COPY_FRONT, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: copyBack(1 + strokeWidth), stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { ...COPY_BACK, fill: secondaryColor }), jsxRuntime.jsx("rect", { ...COPY_FRONT, fill: primaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor, strokeWidth }) => copyFilled(primaryColor, secondaryColor, strokeWidth),
-    },
+  displayName: "NtdCopy",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => copyFilled(primaryColor, primaryColor, strokeWidth),
+    sharp: ({ primaryColor, strokeWidth }) => copyFilled(primaryColor, primaryColor, strokeWidth, true),
+    // both sheets stroked: the back line stops 1 short of the front sheet's line
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { ...COPY_FRONT, stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: copyBack(1 + strokeWidth),
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] }),
+    duotone: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { ...COPY_BACK, fill: secondaryColor }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { ...COPY_FRONT, fill: primaryColor })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor, strokeWidth }) => copyFilled(primaryColor, secondaryColor, strokeWidth)
+  }
 });
-/** NtdClipboard's two lines of text, high on the board (they sat below its middle). */
-const CLIPBOARD_TEXT = 'M8 11h8M8 14.5h5';
+const CLIPBOARD_TEXT = "M8 11h8M8 14.5h5";
 const NtdClipboard = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdClipboard',
-    perfectStackX: 12,
-    perfectStackY: 12.5,
-    perfectStackSize: 0.5,
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "8", y: "2", width: "8", height: "3.5", rx: "1.5", fill: primaryColor, stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity }), jsxRuntime.jsx("path", { d: CLIPBOARD_TEXT, stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "8", y: "2", width: "8", height: "3.5", rx: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: CLIPBOARD_TEXT, stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "8", y: "2", width: "8", height: "3.5", rx: "1.5", fill: secondaryColor, stroke: secondaryColor, strokeWidth: "1.5" }), jsxRuntime.jsx("path", { d: CLIPBOARD_TEXT, stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
-    },
+  displayName: "NtdClipboard",
+  perfectStackX: 12,
+  perfectStackY: 12.5,
+  perfectStackSize: 0.5,
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2",
+          fill: primaryColor
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "rect",
+        {
+          x: "8",
+          y: "2",
+          width: "8",
+          height: "3.5",
+          rx: "1.5",
+          fill: primaryColor,
+          stroke: accentColor,
+          strokeWidth: "1.5",
+          opacity: accentOpacity
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: CLIPBOARD_TEXT, stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "rect",
+        {
+          x: "8",
+          y: "2",
+          width: "8",
+          height: "3.5",
+          rx: "1.5",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: CLIPBOARD_TEXT, stroke: primaryColor, strokeWidth })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2",
+          fill: primaryColor
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "rect",
+        {
+          x: "8",
+          y: "2",
+          width: "8",
+          height: "3.5",
+          rx: "1.5",
+          fill: secondaryColor,
+          stroke: secondaryColor,
+          strokeWidth: "1.5"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: CLIPBOARD_TEXT, stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })
+    ] })
+  }
 });
-// The stroke glyphs (plus, minus, check, the arrows) are twice the stroke width when filled, so
-// `solid` reads bold next to `outline` and still follows `strokeWidth`. Plus, check and close
-// split their two strokes between the colours in duotone and vivid (no backing disc); vivid adds
-// the crossing of the plus and the close in the accent colour.
 const NtdPlus = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdPlus',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M12 5v14M5 12h14", stroke: primaryColor, strokeWidth: strokeWidth * 2 })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M12 5v14M5 12h14", stroke: primaryColor, strokeWidth: strokeWidth })),
-        duotone: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M5 12h14", stroke: secondaryColor, strokeWidth: strokeWidth * 2 }), jsxRuntime.jsx("path", { d: "M12 5v14", stroke: primaryColor, strokeWidth: strokeWidth * 2 })] })),
-        vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M5 12h14", stroke: secondaryColor, strokeWidth: strokeWidth * 2 }), jsxRuntime.jsx("path", { d: "M12 5v14", stroke: primaryColor, strokeWidth: strokeWidth * 2 }), jsxRuntime.jsx("rect", { x: 12 - strokeWidth, y: 12 - strokeWidth, width: strokeWidth * 2, height: strokeWidth * 2, fill: accentColor, opacity: accentOpacity })] })),
-    },
+  displayName: "NtdPlus",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 5v14M5 12h14", stroke: primaryColor, strokeWidth: strokeWidth * 2 }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 5v14M5 12h14", stroke: primaryColor, strokeWidth }),
+    duotone: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12h14", stroke: secondaryColor, strokeWidth: strokeWidth * 2 }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 5v14", stroke: primaryColor, strokeWidth: strokeWidth * 2 })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12h14", stroke: secondaryColor, strokeWidth: strokeWidth * 2 }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 5v14", stroke: primaryColor, strokeWidth: strokeWidth * 2 }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "rect",
+        {
+          x: 12 - strokeWidth,
+          y: 12 - strokeWidth,
+          width: strokeWidth * 2,
+          height: strokeWidth * 2,
+          fill: accentColor,
+          opacity: accentOpacity
+        }
+      )
+    ] })
+  }
 });
 const NtdMinus = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdMinus',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M5 12h14", stroke: primaryColor, strokeWidth: strokeWidth * 2 })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M5 12h14", stroke: primaryColor, strokeWidth: strokeWidth })),
-        duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "9", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M8 12h8", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
-        vivid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx("path", { d: "M5 12h14", stroke: primaryColor, strokeWidth: strokeWidth * 2 }) })),
-    },
+  displayName: "NtdMinus",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12h14", stroke: primaryColor, strokeWidth: strokeWidth * 2 }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12h14", stroke: primaryColor, strokeWidth }),
+    duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "9", fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 12h8", stroke: primaryColor, strokeWidth })
+    ] })),
+    vivid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12h14", stroke: primaryColor, strokeWidth: strokeWidth * 2 }) })
+  }
 });
 const NtdCheck = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdCheck',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M20 6L9 17l-5-5", stroke: primaryColor, strokeWidth: strokeWidth * 2 })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M20 6L9 17l-5-5", stroke: primaryColor, strokeWidth: strokeWidth })),
-        duotone: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M9 17l-5-5", stroke: secondaryColor, strokeWidth: strokeWidth * 2 }), jsxRuntime.jsx("path", { d: "M20 6L9 17", stroke: primaryColor, strokeWidth: strokeWidth * 2 })] })),
-        vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M9 17l-5-5", stroke: secondaryColor, strokeWidth: strokeWidth * 2 }), jsxRuntime.jsx("path", { d: "M20 6L9 17", stroke: primaryColor, strokeWidth: strokeWidth * 2 })] })),
-    },
+  displayName: "NtdCheck",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 6L9 17l-5-5", stroke: primaryColor, strokeWidth: strokeWidth * 2 }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 6L9 17l-5-5", stroke: primaryColor, strokeWidth }),
+    duotone: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 17l-5-5", stroke: secondaryColor, strokeWidth: strokeWidth * 2 }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 6L9 17", stroke: primaryColor, strokeWidth: strokeWidth * 2 })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 17l-5-5", stroke: secondaryColor, strokeWidth: strokeWidth * 2 }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 6L9 17", stroke: primaryColor, strokeWidth: strokeWidth * 2 })
+    ] })
+  }
 });
 const NtdFilter = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdFilter',
-    paths: {
-        solid: ({ primaryColor }) => jsxRuntime.jsx("path", { d: "M21 4H3l7 8.5v4.5l4 2.5v-7L21 4z", fill: primaryColor }),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M21 4H3l7 8.5v4.5l4 2.5v-7L21 4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M21 4H3l7 8.5v4.5l4 2.5v-7L21 4z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M21 4H3l7 8.5v4.5l4 2.5v-7L21 4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M21 4H3l7 8.5v4.5l4 2.5v-7L21 4z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M21 4H3l7 8.5v4.5l4 2.5v-7L21 4z", fill: "white", opacity: "0.1" })] })),
-    },
+  displayName: "NtdFilter",
+  paths: {
+    solid: ({ primaryColor }) => /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 4H3l7 8.5v4.5l4 2.5v-7L21 4z", fill: primaryColor }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M21 4H3l7 8.5v4.5l4 2.5v-7L21 4z",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M21 4H3l7 8.5v4.5l4 2.5v-7L21 4z",
+          fill: secondaryColor,
+          opacity: secondaryOpacity
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M21 4H3l7 8.5v4.5l4 2.5v-7L21 4z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] })),
+    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 4H3l7 8.5v4.5l4 2.5v-7L21 4z", fill: primaryColor }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 4H3l7 8.5v4.5l4 2.5v-7L21 4z", fill: "white", opacity: "0.1" })
+    ] })
+  }
 });
 const NtdSort = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdSort',
-    paths: {
-        solid: ({ primaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "4", y: "5", width: "16", height: "2", rx: "1", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "4", y: "11", width: "11", height: "2", rx: "1", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "4", y: "17", width: "6", height: "2", rx: "1", fill: primaryColor })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("line", { x1: "4", y1: "6", x2: "20", y2: "6", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "4", y1: "12", x2: "15", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "4", y1: "18", x2: "10", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("line", { x1: "4", y1: "6", x2: "20", y2: "6", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "4", y1: "12", x2: "15", y2: "12", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.3 }), jsxRuntime.jsx("line", { x1: "4", y1: "18", x2: "10", y2: "18", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity })] }))),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "4", y: "5", width: "16", height: "2", rx: "1", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "4", y: "5", width: "16", height: "2", rx: "1", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("rect", { x: "4", y: "11", width: "11", height: "2", rx: "1", fill: secondaryColor }), jsxRuntime.jsx("rect", { x: "4", y: "17", width: "6", height: "2", rx: "1", fill: "#3B82F6" })] })),
-    },
+  displayName: "NtdSort",
+  paths: {
+    solid: ({ primaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "5", width: "16", height: "2", rx: "1", fill: primaryColor }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "11", width: "11", height: "2", rx: "1", fill: primaryColor }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "17", width: "6", height: "2", rx: "1", fill: primaryColor })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "4", y1: "6", x2: "20", y2: "6", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "4", y1: "12", x2: "15", y2: "12", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "4", y1: "18", x2: "10", y2: "18", stroke: primaryColor, strokeWidth })
+    ] }),
+    duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "4", y1: "6", x2: "20", y2: "6", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "line",
+        {
+          x1: "4",
+          y1: "12",
+          x2: "15",
+          y2: "12",
+          stroke: secondaryColor,
+          strokeWidth,
+          opacity: secondaryOpacity + 0.3
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "line",
+        {
+          x1: "4",
+          y1: "18",
+          x2: "10",
+          y2: "18",
+          stroke: secondaryColor,
+          strokeWidth,
+          opacity: secondaryOpacity
+        }
+      )
+    ] })),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "5", width: "16", height: "2", rx: "1", fill: primaryColor }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "5", width: "16", height: "2", rx: "1", fill: "white", opacity: "0.08" }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "11", width: "11", height: "2", rx: "1", fill: secondaryColor }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "17", width: "6", height: "2", rx: "1", fill: "#3B82F6" })
+    ] })
+  }
 });
 const NtdPrint = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdPrint',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M4 9h16a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M6 9V3h12v6", stroke: primaryColor, strokeWidth: strokeWidth, fill: accentColor, opacity: accentOpacity * 0.5 }), jsxRuntime.jsx("rect", { x: "6", y: "15", width: "12", height: "7", rx: "1", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("line", { x1: "9", y1: "18", x2: "15", y2: "18", stroke: primaryColor, strokeWidth: "1", opacity: "0.15" })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M6 9V3h12v6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M6 18H4a2 2 0 01-2-2v-5a2 2 0 012-2h16a2 2 0 012 2v5a2 2 0 01-2 2h-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "6", y: "15", width: "12", height: "7", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M4 9h16a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M4 9h16a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2z", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("path", { d: "M6 9V3h12v6", stroke: secondaryColor, strokeWidth: "2", fill: secondaryColor }), jsxRuntime.jsx("rect", { x: "6", y: "15", width: "12", height: "7", rx: "1", fill: "#3B82F6" }), jsxRuntime.jsx("line", { x1: "9", y1: "18", x2: "15", y2: "18", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
-    },
+  displayName: "NtdPrint",
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M4 9h16a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2z",
+          fill: primaryColor
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M6 9V3h12v6",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: accentColor,
+          opacity: accentOpacity * 0.5
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "rect",
+        {
+          x: "6",
+          y: "15",
+          width: "12",
+          height: "7",
+          rx: "1",
+          fill: accentColor,
+          opacity: accentOpacity
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "9", y1: "18", x2: "15", y2: "18", stroke: primaryColor, strokeWidth: "1", opacity: "0.15" })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 9V3h12v6", stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M6 18H4a2 2 0 01-2-2v-5a2 2 0 012-2h16a2 2 0 012 2v5a2 2 0 01-2 2h-2",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "rect",
+        {
+          x: "6",
+          y: "15",
+          width: "12",
+          height: "7",
+          rx: "1",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M4 9h16a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2z",
+          fill: primaryColor
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M4 9h16a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2z",
+          fill: "white",
+          opacity: "0.08"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 9V3h12v6", stroke: secondaryColor, strokeWidth: "2", fill: secondaryColor }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "6", y: "15", width: "12", height: "7", rx: "1", fill: "#3B82F6" }),
+      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "9", y1: "18", x2: "15", y2: "18", stroke: "white", strokeWidth: "1", opacity: "0.35" })
+    ] })
+  }
 });
-const NtdZoomIn = /* @__PURE__ */ lensIcon('NtdZoomIn', 'M11 8v6M8 11h6');
-const NtdZoomOut = /* @__PURE__ */ lensIcon('NtdZoomOut', 'M8 11h6');
-/* NtdUndo / NtdRedo — the old glyph was two arcs of different radii whose ends
-   never met the arrow, which read as a fish rather than a rotation. Redrawn as
-   one semicircular loop (r 5.5 about 13.5,14 — mirrored to 10.5,14 for redo)
-   plus a chevron whose apex lands exactly on the tail start, so the arrow and
-   the tail close. `solid` fills the head so it is no longer byte-identical to
-   `outline`; the tail then starts at the head's back edge (9.5 / 14.5) instead
-   of the apex, keeping the stroke cap from poking past the tip — duotone and
-   vivid too. Every variant but `outline` draws the tail at twice the stroke
-   width. */
+const NtdZoomIn = /* @__PURE__ */ lensIcon("NtdZoomIn", "M11 8v6M8 11h6");
+const NtdZoomOut = /* @__PURE__ */ lensIcon("NtdZoomOut", "M8 11h6");
 const NtdUndo = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdUndo',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M9.5 8.5H13.5a5.5 5.5 0 1 1 0 11H9", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsxRuntime.jsx("path", { d: "M9.5 4L5 8.5l4.5 4.5z", fill: primaryColor })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M5 8.5H13.5a5.5 5.5 0 1 1 0 11H9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M9.5 4L5 8.5l4.5 4.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        // Two-tone by PART, not by a backing blob: the tail in primary, the arrowhead
-        // in secondary (swapped in 1.3.8: the larger part primary), both at full
-        // strength. (The old version put a secondary disc
-        // behind the curve, which read as "a ball in the middle"; a washed-out tail
-        // would likewise miss the point — this is a colour split, not an underlay.)
-        duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M9.5 8.5H13.5a5.5 5.5 0 1 1 0 11H9", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsxRuntime.jsx("path", { d: "M9.5 4L5 8.5l4.5 4.5z", fill: primaryColor })] }))),
-        vivid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M9.5 8.5H13.5a5.5 5.5 0 1 1 0 11H9", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsxRuntime.jsx("path", { d: "M9.5 4L5 8.5l4.5 4.5z", fill: primaryColor })] })),
-    },
+  displayName: "NtdUndo",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M9.5 8.5H13.5a5.5 5.5 0 1 1 0 11H9",
+          stroke: primaryColor,
+          strokeWidth: strokeWidth * 2,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9.5 4L5 8.5l4.5 4.5z", fill: primaryColor })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M5 8.5H13.5a5.5 5.5 0 1 1 0 11H9",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M9.5 4L5 8.5l4.5 4.5",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] }),
+    // Two-tone by PART, not by a backing blob: the tail in primary, the arrowhead
+    // in secondary (swapped in 1.3.8: the larger part primary), both at full
+    // strength. (The old version put a secondary disc
+    // behind the curve, which read as "a ball in the middle"; a washed-out tail
+    // would likewise miss the point — this is a colour split, not an underlay.)
+    duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M9.5 8.5H13.5a5.5 5.5 0 1 1 0 11H9",
+          stroke: secondaryColor,
+          strokeWidth: strokeWidth * 2,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9.5 4L5 8.5l4.5 4.5z", fill: primaryColor })
+    ] })),
+    vivid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M9.5 8.5H13.5a5.5 5.5 0 1 1 0 11H9",
+          stroke: primaryColor,
+          strokeWidth: strokeWidth * 2,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9.5 4L5 8.5l4.5 4.5z", fill: primaryColor })
+    ] })
+  }
 });
 const NtdRedo = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdRedo',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M14.5 8.5H10.5a5.5 5.5 0 1 0 0 11H15", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsxRuntime.jsx("path", { d: "M14.5 4L19 8.5l-4.5 4.5z", fill: primaryColor })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M19 8.5H10.5a5.5 5.5 0 1 0 0 11H15", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M14.5 4L19 8.5l-4.5 4.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        // Mirror of NtdUndo: tail primary, arrowhead secondary — no backing disc.
-        duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M14.5 8.5H10.5a5.5 5.5 0 1 0 0 11H15", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsxRuntime.jsx("path", { d: "M14.5 4L19 8.5l-4.5 4.5z", fill: primaryColor })] }))),
-        vivid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M14.5 8.5H10.5a5.5 5.5 0 1 0 0 11H15", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsxRuntime.jsx("path", { d: "M14.5 4L19 8.5l-4.5 4.5z", fill: primaryColor })] })),
-    },
+  displayName: "NtdRedo",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M14.5 8.5H10.5a5.5 5.5 0 1 0 0 11H15",
+          stroke: primaryColor,
+          strokeWidth: strokeWidth * 2,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14.5 4L19 8.5l-4.5 4.5z", fill: primaryColor })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M19 8.5H10.5a5.5 5.5 0 1 0 0 11H15",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M14.5 4L19 8.5l-4.5 4.5",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] }),
+    // Mirror of NtdUndo: tail primary, arrowhead secondary — no backing disc.
+    duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M14.5 8.5H10.5a5.5 5.5 0 1 0 0 11H15",
+          stroke: secondaryColor,
+          strokeWidth: strokeWidth * 2,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14.5 4L19 8.5l-4.5 4.5z", fill: primaryColor })
+    ] })),
+    vivid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M14.5 8.5H10.5a5.5 5.5 0 1 0 0 11H15",
+          stroke: primaryColor,
+          strokeWidth: strokeWidth * 2,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14.5 4L19 8.5l-4.5 4.5z", fill: primaryColor })
+    ] })
+  }
 });
-// Reply: the arrow turns back to the left at a right angle (the "corner-up-left" of a message
-// thread), unlike NtdUndo's loop. Same split as NtdUndo: arrowhead primary, tail secondary.
 const NtdReply = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdReply',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M20 18v-2a4 4 0 0 0-4-4H8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M9 7L4 12l5 5z", fill: primaryColor })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M20 18v-2a4 4 0 0 0-4-4H4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M9 7L4 12l5 5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M20 18v-2a4 4 0 0 0-4-4H8", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M9 7L4 12l5 5z", fill: primaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M20 18v-2a4 4 0 0 0-4-4H8", stroke: primaryColor, strokeWidth: "2.2", fill: "none" }), jsxRuntime.jsx("path", { d: "M9 7L4 12l5 5z", fill: primaryColor })] })),
-    },
+  displayName: "NtdReply",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M20 18v-2a4 4 0 0 0-4-4H8",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 7L4 12l5 5z", fill: primaryColor })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M20 18v-2a4 4 0 0 0-4-4H4",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M9 7L4 12l5 5",
+          stroke: primaryColor,
+          strokeWidth,
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          fill: "none"
+        }
+      )
+    ] }),
+    duotone: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M20 18v-2a4 4 0 0 0-4-4H8",
+          stroke: secondaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 7L4 12l5 5z", fill: primaryColor })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 18v-2a4 4 0 0 0-4-4H8", stroke: primaryColor, strokeWidth: "2.2", fill: "none" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 7L4 12l5 5z", fill: primaryColor })
+    ] })
+  }
 });
-// A line glyph: twice the stroke width in every variant but `outline`.
 const NtdLink = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdLink',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        // one ring per colour: the left link primary, the right one secondary (swapped in 1.3.8)
-        duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsxRuntime.jsx("path", { d: "M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] }))),
-        vivid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx("path", { d: "M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }) })),
-    },
+  displayName: "NtdLink",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71",
+        stroke: primaryColor,
+        strokeWidth: strokeWidth * 2,
+        fill: "none"
+      }
+    ),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    // one ring per colour: the left link primary, the right one secondary (swapped in 1.3.8)
+    duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71",
+          stroke: secondaryColor,
+          strokeWidth: strokeWidth * 2,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71",
+          stroke: primaryColor,
+          strokeWidth: strokeWidth * 2,
+          fill: "none"
+        }
+      )
+    ] })),
+    vivid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71",
+        stroke: primaryColor,
+        strokeWidth: strokeWidth * 2,
+        fill: "none"
+      }
+    ) })
+  }
 });
-// NtdSettings: a gear whose eight teeth have flat tops, in every variant but `rounded`, which
-// keeps the round-toothed gear it used to draw everywhere.
-const GEAR = 'M9.95 4.58L10.55 1.7L13.45 1.7L14.05 4.58A7.7 7.7 0 0 1 15.8 5.3L18.26 3.69L20.31 5.74L18.7 8.2A7.7 7.7 0 0 1 19.42 9.95L22.3 10.55L22.3 13.45L19.42 14.05A7.7 7.7 0 0 1 18.7 15.8L20.31 18.26L18.26 20.31L15.8 18.7A7.7 7.7 0 0 1 14.05 19.42L13.45 22.3L10.55 22.3L9.95 19.42A7.7 7.7 0 0 1 8.2 18.7L5.74 20.31L3.69 18.26L5.3 15.8A7.7 7.7 0 0 1 4.58 14.05L1.7 13.45L1.7 10.55L4.58 9.95A7.7 7.7 0 0 1 5.3 8.2L3.69 5.74L5.74 3.69L8.2 5.3A7.7 7.7 0 0 1 9.95 4.58Z';
-const GEAR_ROUND = 'M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 01-2.83 2.83l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-4 0v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 010-4h.09A1.65 1.65 0 004.6 8.68a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 012.83-2.83l.06.06A1.65 1.65 0 009 4.6a1.65 1.65 0 001-1.51V3a2 2 0 014 0v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 2.83l-.06.06a1.65 1.65 0 00-.33 1.82V9a1.65 1.65 0 001.51 1H21a2 2 0 010 4h-.09a1.65 1.65 0 00-1.51 1z';
-/** The axle hole, r 3.2. */
-const GEAR_HOLE = 'M12 8.8a3.2 3.2 0 100 6.4 3.2 3.2 0 100-6.4z';
-/** The hub around the hole, r 5 — duotone and vivid only. */
-const GEAR_HUB = 'M12 7a5 5 0 100 10 5 5 0 100-10z';
+const GEAR = "M9.95 4.58L10.55 1.7L13.45 1.7L14.05 4.58A7.7 7.7 0 0 1 15.8 5.3L18.26 3.69L20.31 5.74L18.7 8.2A7.7 7.7 0 0 1 19.42 9.95L22.3 10.55L22.3 13.45L19.42 14.05A7.7 7.7 0 0 1 18.7 15.8L20.31 18.26L18.26 20.31L15.8 18.7A7.7 7.7 0 0 1 14.05 19.42L13.45 22.3L10.55 22.3L9.95 19.42A7.7 7.7 0 0 1 8.2 18.7L5.74 20.31L3.69 18.26L5.3 15.8A7.7 7.7 0 0 1 4.58 14.05L1.7 13.45L1.7 10.55L4.58 9.95A7.7 7.7 0 0 1 5.3 8.2L3.69 5.74L5.74 3.69L8.2 5.3A7.7 7.7 0 0 1 9.95 4.58Z";
+const GEAR_ROUND = "M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 01-2.83 2.83l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-4 0v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 010-4h.09A1.65 1.65 0 004.6 8.68a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 012.83-2.83l.06.06A1.65 1.65 0 009 4.6a1.65 1.65 0 001-1.51V3a2 2 0 014 0v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 2.83l-.06.06a1.65 1.65 0 00-.33 1.82V9a1.65 1.65 0 001.51 1H21a2 2 0 010 4h-.09a1.65 1.65 0 00-1.51 1z";
+const GEAR_HOLE = "M12 8.8a3.2 3.2 0 100 6.4 3.2 3.2 0 100-6.4z";
+const GEAR_HUB = "M12 7a5 5 0 100 10 5 5 0 100-10z";
 const NtdSettings = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdSettings',
-    paths: {
-        solid: ({ primaryColor }) => (jsxRuntime.jsx("path", { d: `${GEAR}${GEAR_HOLE}`, fillRule: "evenodd", fill: primaryColor })),
-        rounded: ({ primaryColor }) => (jsxRuntime.jsx("path", { d: `${GEAR_ROUND}${GEAR_HOLE}`, fillRule: "evenodd", fill: primaryColor })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: `${GEAR}M12 9a3 3 0 100 6 3 3 0 100-6z`, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "round", fill: "none" })),
-        // fills only: the gear primary, its hub secondary (swapped in 1.3.8: the larger part primary)
-        duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: `${GEAR}${GEAR_HOLE}`, fillRule: "evenodd", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: `${GEAR_HUB}${GEAR_HOLE}`, fillRule: "evenodd", fill: primaryColor })] }))),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: `${GEAR}${GEAR_HOLE}`, fillRule: "evenodd", fill: primaryColor }), jsxRuntime.jsx("path", { d: `${GEAR_HUB}${GEAR_HOLE}`, fillRule: "evenodd", fill: secondaryColor })] })),
-    },
+  displayName: "NtdSettings",
+  paths: {
+    solid: ({ primaryColor }) => /* @__PURE__ */ jsxRuntime.jsx("path", { d: `${GEAR}${GEAR_HOLE}`, fillRule: "evenodd", fill: primaryColor }),
+    rounded: ({ primaryColor }) => /* @__PURE__ */ jsxRuntime.jsx("path", { d: `${GEAR_ROUND}${GEAR_HOLE}`, fillRule: "evenodd", fill: primaryColor }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: `${GEAR}M12 9a3 3 0 100 6 3 3 0 100-6z`,
+        stroke: primaryColor,
+        strokeWidth,
+        strokeLinejoin: "round",
+        fill: "none"
+      }
+    ),
+    // fills only: the gear primary, its hub secondary (swapped in 1.3.8: the larger part primary)
+    duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: `${GEAR}${GEAR_HOLE}`,
+          fillRule: "evenodd",
+          fill: secondaryColor,
+          opacity: secondaryOpacity
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: `${GEAR_HUB}${GEAR_HOLE}`, fillRule: "evenodd", fill: primaryColor })
+    ] })),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: `${GEAR}${GEAR_HOLE}`, fillRule: "evenodd", fill: primaryColor }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: `${GEAR_HUB}${GEAR_HOLE}`, fillRule: "evenodd", fill: secondaryColor })
+    ] })
+  }
 });
-// NtdLogIn / NtdLogOut: a line glyph, twice the stroke width in every variant but `outline`. The
-// shaft stops 2 short of the arrowhead's point, so the square caps of `sharp` stay inside it.
-// Vivid splits it like NtdDownload: the arrow primary, the door frame secondary; duotone the other
-// way round, the larger frame primary (1.3.8).
 const NtdLogIn = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdLogIn',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M15 3h4a2 2 0 012 2v14a2 2 0 01-2 2h-4M9 7l5 5-5 5M12 12H3", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M15 3h4a2 2 0 012 2v14a2 2 0 01-2 2h-4M9 7l5 5-5 5M14 12H3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M15 3h4a2 2 0 012 2v14a2 2 0 01-2 2h-4", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsxRuntime.jsx("path", { d: "M9 7l5 5-5 5M12 12H3", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] }))),
-        vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M15 3h4a2 2 0 012 2v14a2 2 0 01-2 2h-4", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsxRuntime.jsx("path", { d: "M9 7l5 5-5 5M12 12H3", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
-    },
+  displayName: "NtdLogIn",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M15 3h4a2 2 0 012 2v14a2 2 0 01-2 2h-4M9 7l5 5-5 5M12 12H3",
+        stroke: primaryColor,
+        strokeWidth: strokeWidth * 2,
+        fill: "none"
+      }
+    ),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M15 3h4a2 2 0 012 2v14a2 2 0 01-2 2h-4M9 7l5 5-5 5M14 12H3",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M15 3h4a2 2 0 012 2v14a2 2 0 01-2 2h-4",
+          stroke: secondaryColor,
+          strokeWidth: strokeWidth * 2,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M9 7l5 5-5 5M12 12H3",
+          stroke: primaryColor,
+          strokeWidth: strokeWidth * 2,
+          fill: "none"
+        }
+      )
+    ] })),
+    vivid: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M15 3h4a2 2 0 012 2v14a2 2 0 01-2 2h-4",
+          stroke: secondaryColor,
+          strokeWidth: strokeWidth * 2,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M9 7l5 5-5 5M12 12H3",
+          stroke: primaryColor,
+          strokeWidth: strokeWidth * 2,
+          fill: "none"
+        }
+      )
+    ] })
+  }
 });
 const NtdLogOut = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdLogOut',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4M15 7l5 5-5 5M18 12H9", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4M15 7l5 5-5 5M20 12H9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsxRuntime.jsx("path", { d: "M15 7l5 5-5 5M18 12H9", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] }))),
-        vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsxRuntime.jsx("path", { d: "M15 7l5 5-5 5M18 12H9", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
-    },
+  displayName: "NtdLogOut",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4M15 7l5 5-5 5M18 12H9",
+        stroke: primaryColor,
+        strokeWidth: strokeWidth * 2,
+        fill: "none"
+      }
+    ),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4M15 7l5 5-5 5M20 12H9",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4",
+          stroke: secondaryColor,
+          strokeWidth: strokeWidth * 2,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M15 7l5 5-5 5M18 12H9",
+          stroke: primaryColor,
+          strokeWidth: strokeWidth * 2,
+          fill: "none"
+        }
+      )
+    ] })),
+    vivid: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4",
+          stroke: secondaryColor,
+          strokeWidth: strokeWidth * 2,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M15 7l5 5-5 5M18 12H9",
+          stroke: primaryColor,
+          strokeWidth: strokeWidth * 2,
+          fill: "none"
+        }
+      )
+    ] })
+  }
 });
 const NtdLock = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdLock',
-    perfectStackX: 12,
-    perfectStackY: 16.5,
-    perfectStackSize: 0.35,
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M7 11V7a5 5 0 0110 0v4", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("circle", { cx: "12", cy: "15.5", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("rect", { x: "11.25", y: "16.5", width: "1.5", height: "2", rx: "0.5", fill: accentColor, opacity: accentOpacity })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M7 11V7a5 5 0 0110 0v4", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("circle", { cx: "12", cy: "15.5", r: "1.5", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "11.25", y: "16.5", width: "1.5", height: "2", rx: "0.5", fill: primaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("circle", { cx: "12", cy: "15.5", r: "1.5", fill: secondaryColor }), jsxRuntime.jsx("rect", { x: "11.25", y: "16.5", width: "1.5", height: "2", rx: "0.5", fill: "#3B82F6" }), jsxRuntime.jsx("path", { d: "M7 11V7a5 5 0 0110 0v4", stroke: "white", strokeWidth: "1" })] })),
-    },
+  displayName: "NtdLock",
+  perfectStackX: 12,
+  perfectStackY: 16.5,
+  perfectStackSize: 0.35,
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", fill: primaryColor }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 11V7a5 5 0 0110 0v4", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "15.5", r: "1.5", fill: accentColor, opacity: accentOpacity }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "rect",
+        {
+          x: "11.25",
+          y: "16.5",
+          width: "1.5",
+          height: "2",
+          rx: "0.5",
+          fill: accentColor,
+          opacity: accentOpacity
+        }
+      )
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "rect",
+        {
+          x: "3",
+          y: "11",
+          width: "18",
+          height: "11",
+          rx: "2.5",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 11V7a5 5 0 0110 0v4", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "15.5", r: "1.5", fill: primaryColor }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "11.25", y: "16.5", width: "1.5", height: "2", rx: "0.5", fill: primaryColor })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", fill: primaryColor }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", fill: "white", opacity: "0.08" }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "15.5", r: "1.5", fill: secondaryColor }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "11.25", y: "16.5", width: "1.5", height: "2", rx: "0.5", fill: "#3B82F6" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 11V7a5 5 0 0110 0v4", stroke: "white", strokeWidth: "1" })
+    ] })
+  }
 });
 const NtdUnlock = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdUnlock',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M7 11V7a5 5 0 019.9-1", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("circle", { cx: "12", cy: "15.5", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("rect", { x: "11.25", y: "16.5", width: "1.5", height: "2", rx: "0.5", fill: accentColor, opacity: accentOpacity })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M7 11V7a5 5 0 019.9-1", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("circle", { cx: "12", cy: "15.5", r: "1.5", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "11.25", y: "16.5", width: "1.5", height: "2", rx: "0.5", fill: primaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("circle", { cx: "12", cy: "15.5", r: "1.5", fill: secondaryColor }), jsxRuntime.jsx("rect", { x: "11.25", y: "16.5", width: "1.5", height: "2", rx: "0.5", fill: "#3B82F6" }), jsxRuntime.jsx("path", { d: "M7 11V7a5 5 0 019.9-1", stroke: "white", strokeWidth: "1" })] })),
-    },
+  displayName: "NtdUnlock",
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", fill: primaryColor }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 11V7a5 5 0 019.9-1", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "15.5", r: "1.5", fill: accentColor, opacity: accentOpacity }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "rect",
+        {
+          x: "11.25",
+          y: "16.5",
+          width: "1.5",
+          height: "2",
+          rx: "0.5",
+          fill: accentColor,
+          opacity: accentOpacity
+        }
+      )
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "rect",
+        {
+          x: "3",
+          y: "11",
+          width: "18",
+          height: "11",
+          rx: "2.5",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 11V7a5 5 0 019.9-1", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "15.5", r: "1.5", fill: primaryColor }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "11.25", y: "16.5", width: "1.5", height: "2", rx: "0.5", fill: primaryColor })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", fill: primaryColor }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", fill: "white", opacity: "0.08" }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "15.5", r: "1.5", fill: secondaryColor }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "11.25", y: "16.5", width: "1.5", height: "2", rx: "0.5", fill: "#3B82F6" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 11V7a5 5 0 019.9-1", stroke: "white", strokeWidth: "1" })
+    ] })
+  }
 });
-// The selection frame of four corners, shared by NtdFrameCorners and NtdGroup (round 40: the user
-// asked for the frame as an icon of its own). A frame glyph: twice the stroke width in every variant
-// but `outline`, mitred corners.
-/** The top-left and bottom-right corners. */
-const FRAME_CORNERS_MAIN = 'M3 7V3h4M21 17v4h-4';
-/** The top-right and bottom-left corners. */
-const FRAME_CORNERS_OTHER = 'M17 3h4v4M7 21H3v-4';
+const FRAME_CORNERS_MAIN = "M3 7V3h4M21 17v4h-4";
+const FRAME_CORNERS_OTHER = "M17 3h4v4M7 21H3v-4";
 function frameCorners(main, other, width) {
-    return main === other ? (jsxRuntime.jsx("path", { d: `${FRAME_CORNERS_MAIN}${FRAME_CORNERS_OTHER}`, stroke: main, strokeWidth: width, strokeLinejoin: "miter", fill: "none" })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: FRAME_CORNERS_MAIN, stroke: main, strokeWidth: width, strokeLinejoin: "miter", fill: "none" }), jsxRuntime.jsx("path", { d: FRAME_CORNERS_OTHER, stroke: other, strokeWidth: width, strokeLinejoin: "miter", fill: "none" })] }));
+  return main === other ? /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: `${FRAME_CORNERS_MAIN}${FRAME_CORNERS_OTHER}`,
+      stroke: main,
+      strokeWidth: width,
+      strokeLinejoin: "miter",
+      fill: "none"
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: FRAME_CORNERS_MAIN,
+        stroke: main,
+        strokeWidth: width,
+        strokeLinejoin: "miter",
+        fill: "none"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: FRAME_CORNERS_OTHER,
+        stroke: other,
+        strokeWidth: width,
+        strokeLinejoin: "miter",
+        fill: "none"
+      }
+    )
+  ] });
 }
-// Duotone and vivid: two opposite corners primary, the other two secondary.
 const NtdFrameCorners = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdFrameCorners',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => frameCorners(primaryColor, primaryColor, strokeWidth * 2),
-        outline: ({ primaryColor, strokeWidth }) => frameCorners(primaryColor, primaryColor, strokeWidth),
-        duotone: ({ primaryColor, secondaryColor, strokeWidth }) => frameCorners(primaryColor, secondaryColor, strokeWidth * 2),
-        vivid: ({ primaryColor, secondaryColor, strokeWidth }) => frameCorners(primaryColor, secondaryColor, strokeWidth * 2),
-    },
+  displayName: "NtdFrameCorners",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => frameCorners(primaryColor, primaryColor, strokeWidth * 2),
+    outline: ({ primaryColor, strokeWidth }) => frameCorners(primaryColor, primaryColor, strokeWidth),
+    duotone: ({ primaryColor, secondaryColor, strokeWidth }) => frameCorners(primaryColor, secondaryColor, strokeWidth * 2),
+    vivid: ({ primaryColor, secondaryColor, strokeWidth }) => frameCorners(primaryColor, secondaryColor, strokeWidth * 2)
+  }
 });
-// Group / ungroup selected objects (1.2.2: the diagram toolbar drew them as ⊞ / ⊟).
-// Group: two objects inside the corners of one selection frame; ungroup: the two apart.
-// Round 40: the frame is NtdFrameCorners' (2× the stroke width; the solid one was 1×, vivid's a
-// fixed 2.2). Duotone, fills and the frame: the frame and the top-left object primary, the other
-// object secondary; vivid puts the frame in the accent colour.
-const GROUP_OBJECTS = ['M7 7h5v5H7z', 'M12 12h5v5h-5z'];
+const GROUP_OBJECTS = ["M7 7h5v5H7z", "M12 12h5v5h-5z"];
 function groupFilled(frame, first, second, strokeWidth, frameOpacity) {
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("g", { opacity: frameOpacity, children: frameCorners(frame, frame, strokeWidth * 2) }), jsxRuntime.jsx("path", { d: GROUP_OBJECTS[0], fill: first }), jsxRuntime.jsx("path", { d: GROUP_OBJECTS[1], fill: second })] }));
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("g", { opacity: frameOpacity, children: frameCorners(frame, frame, strokeWidth * 2) }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: GROUP_OBJECTS[0], fill: first }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: GROUP_OBJECTS[1], fill: second })
+  ] });
 }
 const NtdGroup = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdGroup',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => groupFilled(primaryColor, primaryColor, primaryColor, strokeWidth),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [frameCorners(primaryColor, primaryColor, strokeWidth), jsxRuntime.jsx("path", { d: GROUP_OBJECTS.join(''), stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, strokeWidth }) => groupFilled(primaryColor, primaryColor, secondaryColor, strokeWidth),
-        vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => groupFilled(accentColor, primaryColor, secondaryColor, strokeWidth, accentOpacity),
-    },
+  displayName: "NtdGroup",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => groupFilled(primaryColor, primaryColor, primaryColor, strokeWidth),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      frameCorners(primaryColor, primaryColor, strokeWidth),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: GROUP_OBJECTS.join(""),
+          stroke: primaryColor,
+          strokeWidth,
+          strokeLinejoin: "miter",
+          fill: "none"
+        }
+      )
+    ] }),
+    duotone: ({ primaryColor, secondaryColor, strokeWidth }) => groupFilled(primaryColor, primaryColor, secondaryColor, strokeWidth),
+    vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => groupFilled(accentColor, primaryColor, secondaryColor, strokeWidth, accentOpacity)
+  }
 });
 const NtdUngroup = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdUngroup',
-    paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "3", width: "8", height: "8", rx: "1", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "13", y: "13", width: "8", height: "8", rx: "1", fill: primaryColor })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M3 3h8v8H3zM13 13h8v8h-8z", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "round", fill: "none" })),
-        duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "3", width: "8", height: "8", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "13", y: "13", width: "8", height: "8", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M3 3h8v8H3zM13 13h8v8h-8z", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "round", fill: "none" })] }))),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "3", width: "8", height: "8", rx: "1", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "13", y: "13", width: "8", height: "8", rx: "1", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "3", y: "3", width: "8", height: "8", rx: "1", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("rect", { x: "13", y: "13", width: "8", height: "8", rx: "1", fill: "white", opacity: "0.1" })] })),
-    },
+  displayName: "NtdUngroup",
+  paths: {
+    solid: ({ primaryColor, strokeWidth: _strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "3", width: "8", height: "8", rx: "1", fill: primaryColor }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "13", y: "13", width: "8", height: "8", rx: "1", fill: primaryColor })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M3 3h8v8H3zM13 13h8v8h-8z",
+        stroke: primaryColor,
+        strokeWidth,
+        strokeLinejoin: "round",
+        fill: "none"
+      }
+    ),
+    duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "3", width: "8", height: "8", fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "13", y: "13", width: "8", height: "8", fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M3 3h8v8H3zM13 13h8v8h-8z",
+          stroke: primaryColor,
+          strokeWidth,
+          strokeLinejoin: "round",
+          fill: "none"
+        }
+      )
+    ] })),
+    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "3", width: "8", height: "8", rx: "1", fill: primaryColor }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "13", y: "13", width: "8", height: "8", rx: "1", fill: primaryColor }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "3", width: "8", height: "8", rx: "1", fill: "white", opacity: "0.1" }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "13", y: "13", width: "8", height: "8", rx: "1", fill: "white", opacity: "0.1" })
+    ] })
+  }
 });
-
 exports.NtdCheck = NtdCheck;
 exports.NtdClipboard = NtdClipboard;
 exports.NtdCopy = NtdCopy;