@nice2dev/icons 1.2.2 → 1.3.1

package/dist/esm/icons/business.js

@@ -1,13 +1,21 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { createIcon } from '../createIcon.js';
+import { paperIcon, within } from '../iconParts.js';
 
+// The band sits halfway down the case and is a cut through it: kept inside the case it meets the
+// sides flush (its round caps stuck out of both). A clasp hangs from its middle.
+const BRIEFCASE_CASE = { x: 2, y: 7, width: 20, height: 14, rx: 2 };
+const BRIEFCASE_HANDLE = 'M16 7V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v2';
+/** The clasp over the band, hanging down from it, with its slot (even-odd). */
+const BRIEFCASE_CLASP = 'M11.2 11.2h1.6a.8.8 0 01.8.8v3.4a.8.8 0 01-.8.8h-1.6a.8.8 0 01-.8-.8V12a.8.8 0 01.8-.8z';
+const BRIEFCASE_SLOT = 'M11.4 13.6h1.2v1.2h-1.2z';
 const NtdBriefcase = /* @__PURE__ */ createIcon({
     displayName: 'NtdBriefcase',
     paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "7", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("path", { d: "M16 7V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "2", y1: "13", x2: "22", y2: "13", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity * 0.5 })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "7", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 7V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "2", y1: "13", x2: "22", y2: "13", stroke: primaryColor, strokeWidth: "1.5" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "7", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "7", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 7V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "2", y1: "13", x2: "22", y2: "13", stroke: primaryColor, strokeWidth: "1.5" })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "7", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "7", width: "20", height: "14", rx: "2", fill: "white", opacity: "0.1" }), jsx("path", { d: "M16 7V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v2", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("line", { x1: "2", y1: "13", x2: "22", y2: "13", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
+        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...BRIEFCASE_CASE, fill: primaryColor }), jsx("path", { d: BRIEFCASE_HANDLE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxs("g", { fill: accentColor, opacity: accentOpacity, children: [within(uid, 'band', jsx("rect", { ...BRIEFCASE_CASE }), jsx("line", { x1: "2", y1: "12.5", x2: "22", y2: "12.5", stroke: accentColor, strokeWidth: "1.5" })), jsx("path", { d: `${BRIEFCASE_CLASP}${BRIEFCASE_SLOT}`, fillRule: "evenodd" })] })] })),
+        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { ...BRIEFCASE_CASE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: BRIEFCASE_HANDLE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "2", y1: "12.5", x2: "22", y2: "12.5", stroke: primaryColor, strokeWidth: "1.5" }), jsx("path", { d: BRIEFCASE_CLASP, fill: primaryColor })] })),
+        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { ...BRIEFCASE_CASE, fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { ...BRIEFCASE_CASE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: BRIEFCASE_HANDLE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "2", y1: "12.5", x2: "22", y2: "12.5", stroke: primaryColor, strokeWidth: "1.5" }), jsx("path", { d: BRIEFCASE_CLASP, fill: primaryColor })] })),
+        vivid: ({ primaryColor, secondaryColor, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...BRIEFCASE_CASE, fill: primaryColor }), jsx("rect", { ...BRIEFCASE_CASE, fill: "white", opacity: "0.1" }), jsx("path", { d: BRIEFCASE_HANDLE, stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), within(uid, 'band', jsx("rect", { ...BRIEFCASE_CASE }), jsx("line", { x1: "2", y1: "12.5", x2: "22", y2: "12.5", stroke: secondaryColor, strokeWidth: "1.5" })), jsx("path", { d: `${BRIEFCASE_CLASP}${BRIEFCASE_SLOT}`, fillRule: "evenodd", fill: secondaryColor })] })),
     },
 });
 const NtdDollar = /* @__PURE__ */ createIcon({
@@ -28,22 +36,25 @@ const NtdWallet = /* @__PURE__ */ createIcon({
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "5", width: "20", height: "16", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "5", width: "20", height: "16", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "18", cy: "13", r: "1.5", fill: secondaryColor }), jsx("path", { d: "M2 5a2 2 0 012-2h12l4 4", stroke: "white", strokeWidth: "1", fill: "none" })] })),
     },
 });
+// NtdReceipt: two rows of description and amount, then the total on its own on the right.
+const RECEIPT = 'M4 2v20l3-2 3 2 3-2 3 2 3-2 3 2V2H4z';
+const RECEIPT_TEXT = 'M7.5 7.5h5M15.5 7.5h2M7.5 11.5h5M15.5 11.5h2M13.5 15.5h4';
 const NtdReceipt = /* @__PURE__ */ createIcon({
     displayName: 'NtdReceipt',
     paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 2v20l3-2 3 2 3-2 3 2 3-2 3 2V2H4z", fill: primaryColor }), jsx("line", { x1: "8", y1: "8", x2: "16", y2: "8", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity }), jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity }), jsx("line", { x1: "8", y1: "16", x2: "12", y2: "16", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 2v20l3-2 3 2 3-2 3 2 3-2 3 2V2H4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "8", y1: "8", x2: "16", y2: "8", stroke: primaryColor, strokeWidth: "1.5" }), jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12", stroke: primaryColor, strokeWidth: "1.5" }), jsx("line", { x1: "8", y1: "16", x2: "12", y2: "16", stroke: primaryColor, strokeWidth: "1.5" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 2v20l3-2 3 2 3-2 3 2 3-2 3 2V2H4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 2v20l3-2 3 2 3-2 3 2 3-2 3 2V2H4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "8", y1: "8", x2: "16", y2: "8", stroke: primaryColor, strokeWidth: "1.5" }), jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12", stroke: primaryColor, strokeWidth: "1.5" }), jsx("line", { x1: "8", y1: "16", x2: "12", y2: "16", stroke: primaryColor, strokeWidth: "1.5" })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 2v20l3-2 3 2 3-2 3 2 3-2 3 2V2H4z", fill: primaryColor }), jsx("path", { d: "M4 2v20l3-2 3 2 3-2 3 2 3-2 3 2V2H4z", fill: "white", opacity: "0.1" }), jsx("line", { x1: "8", y1: "8", x2: "16", y2: "8", stroke: secondaryColor, strokeWidth: "1.8" }), jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12", stroke: "#3B82F6", strokeWidth: "1.5" }), jsx("line", { x1: "8", y1: "16", x2: "12", y2: "16", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
+        solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: RECEIPT, fill: primaryColor }), jsx("path", { d: RECEIPT_TEXT, stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity, fill: "none" })] })),
+        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: RECEIPT, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: RECEIPT_TEXT, stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
+        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: RECEIPT, fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: RECEIPT, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: RECEIPT_TEXT, stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
+        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: RECEIPT, fill: primaryColor }), jsx("path", { d: RECEIPT, fill: "white", opacity: "0.1" }), jsx("path", { d: RECEIPT_TEXT, stroke: "white", strokeOpacity: "0.9", strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M13.5 15.5h4", stroke: secondaryColor, strokeWidth: "1.8" })] })),
     },
 });
 const NtdBank = /* @__PURE__ */ createIcon({
     displayName: 'NtdBank',
     paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "12,4 2,9 22,9", fill: primaryColor }), jsx("rect", { x: "2", y: "18", width: "20", height: "2", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "5", y: "9", width: "2", height: "9", fill: primaryColor }), jsx("rect", { x: "9", y: "9", width: "2", height: "9", fill: primaryColor }), jsx("rect", { x: "13", y: "9", width: "2", height: "9", fill: primaryColor }), jsx("rect", { x: "17", y: "9", width: "2", height: "9", fill: primaryColor })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "12,4 2,9 22,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "2", y1: "18", x2: "22", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "6", y1: "9", x2: "6", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "10", y1: "9", x2: "10", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "14", y1: "9", x2: "14", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "18", y1: "9", x2: "18", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "12,4 2,9 22,9", fill: secondaryColor, opacity: secondaryOpacity }), jsx("polygon", { points: "12,4 2,9 22,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "2", y1: "18", x2: "22", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "6", y1: "9", x2: "6", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "10", y1: "9", x2: "10", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "14", y1: "9", x2: "14", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "18", y1: "9", x2: "18", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "12,4 2,9 22,9", fill: primaryColor }), jsx("polygon", { points: "12,4 2,9 22,9", fill: "white", opacity: "0.08" }), jsx("rect", { x: "2", y: "18", width: "20", height: "2", rx: "0.5", fill: secondaryColor }), jsx("rect", { x: "5", y: "9", width: "2", height: "9", fill: "#3B82F6" }), jsx("rect", { x: "9", y: "9", width: "2", height: "9", fill: "#10B981" }), jsx("rect", { x: "13", y: "9", width: "2", height: "9", fill: "#F59E0B" }), jsx("rect", { x: "17", y: "9", width: "2", height: "9", fill: "#F59E0B" })] })),
+        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "12,2 2,9 22,9", fill: primaryColor }), jsx("rect", { x: "2", y: "18", width: "20", height: "2", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "5", y: "9", width: "2", height: "9", fill: primaryColor }), jsx("rect", { x: "9", y: "9", width: "2", height: "9", fill: primaryColor }), jsx("rect", { x: "13", y: "9", width: "2", height: "9", fill: primaryColor }), jsx("rect", { x: "17", y: "9", width: "2", height: "9", fill: primaryColor })] })),
+        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "12,2 2,9 22,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "2", y1: "18", x2: "22", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "6", y1: "9", x2: "6", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "10", y1: "9", x2: "10", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "14", y1: "9", x2: "14", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "18", y1: "9", x2: "18", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "12,2 2,9 22,9", fill: secondaryColor, opacity: secondaryOpacity }), jsx("polygon", { points: "12,2 2,9 22,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "2", y1: "18", x2: "22", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "6", y1: "9", x2: "6", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "10", y1: "9", x2: "10", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "14", y1: "9", x2: "14", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "18", y1: "9", x2: "18", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "12,2 2,9 22,9", fill: primaryColor }), jsx("polygon", { points: "12,2 2,9 22,9", fill: "white", opacity: "0.08" }), jsx("rect", { x: "2", y: "18", width: "20", height: "2", rx: "0.5", fill: secondaryColor }), jsx("rect", { x: "5", y: "9", width: "2", height: "9", fill: "#3B82F6" }), jsx("rect", { x: "9", y: "9", width: "2", height: "9", fill: "#10B981" }), jsx("rect", { x: "13", y: "9", width: "2", height: "9", fill: "#F59E0B" }), jsx("rect", { x: "17", y: "9", width: "2", height: "9", fill: "#F59E0B" })] })),
     },
 });
 const NtdTrendUp = /* @__PURE__ */ createIcon({
@@ -64,24 +75,24 @@ const NtdTrendDown = /* @__PURE__ */ createIcon({
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "23,18 13.5,8.5 8.5,13.5 1,6", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsx("polyline", { points: "17,18 23,18 23,12", stroke: secondaryColor, strokeWidth: "2", fill: "none" })] })),
     },
 });
+// NtdPercent: the dots are rings in every variant, a hole in each (they were plain discs when
+// filled).
+const PERCENT_DOT_TOP = 'M6.5 3.9a2.6 2.6 0 100 5.2 2.6 2.6 0 100-5.2zM6.5 5.4a1.1 1.1 0 100 2.2 1.1 1.1 0 100-2.2z';
+const PERCENT_DOT_BOTTOM = 'M17.5 14.9a2.6 2.6 0 100 5.2 2.6 2.6 0 100-5.2zM17.5 16.4a1.1 1.1 0 100 2.2 1.1 1.1 0 100-2.2z';
 const NtdPercent = /* @__PURE__ */ createIcon({
     displayName: 'NtdPercent',
     paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "19", y1: "5", x2: "5", y2: "19", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "6.5", cy: "6.5", r: "2.5", fill: primaryColor }), jsx("circle", { cx: "17.5", cy: "17.5", r: "2.5", fill: primaryColor })] })),
+        solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "19", y1: "5", x2: "5", y2: "19", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: `${PERCENT_DOT_TOP}${PERCENT_DOT_BOTTOM}`, fillRule: "evenodd", fill: primaryColor })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "19", y1: "5", x2: "5", y2: "19", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "6.5", cy: "6.5", r: "2.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "17.5", cy: "17.5", r: "2.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "19", y1: "5", x2: "5", y2: "19", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2 }), jsx("circle", { cx: "6.5", cy: "6.5", r: "2.5", fill: primaryColor }), jsx("circle", { cx: "17.5", cy: "17.5", r: "2.5", fill: primaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "6.5", cy: "6.5", r: "2.5", fill: primaryColor }), jsx("circle", { cx: "6.5", cy: "6.5", r: "2.5", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "17.5", cy: "17.5", r: "2.5", fill: secondaryColor }), jsx("line", { x1: "19", y1: "5", x2: "5", y2: "19", stroke: "white", strokeWidth: "1" })] })),
-    },
-});
-const NtdInvoice = /* @__PURE__ */ createIcon({
-    displayName: 'NtdInvoice',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z", fill: primaryColor }), jsx("path", { d: "M14 2v6h6", fill: primaryColor, opacity: 0.6 }), jsx("line", { x1: "8", y1: "13", x2: "12", y2: "13", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity }), jsx("line", { x1: "8", y1: "17", x2: "16", y2: "17", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity }), jsx("line", { x1: "14", y1: "13", x2: "16", y2: "13", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity * 0.6 })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M14 2v6h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "8", y1: "13", x2: "12", y2: "13", stroke: primaryColor, strokeWidth: "1.5" }), jsx("line", { x1: "8", y1: "17", x2: "16", y2: "17", stroke: primaryColor, strokeWidth: "1.5" }), jsx("line", { x1: "14", y1: "13", x2: "16", y2: "13", stroke: primaryColor, strokeWidth: "1.5" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M14 2v6h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "8", y1: "13", x2: "12", y2: "13", stroke: primaryColor, strokeWidth: "1.5" }), jsx("line", { x1: "8", y1: "17", x2: "16", y2: "17", stroke: primaryColor, strokeWidth: "1.5" })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z", fill: primaryColor }), jsx("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M14 2v6h6", fill: secondaryColor }), jsx("line", { x1: "8", y1: "13", x2: "12", y2: "13", stroke: "white", strokeWidth: "1", opacity: "0.4" }), jsx("line", { x1: "8", y1: "17", x2: "16", y2: "17", stroke: "white", strokeWidth: "1", opacity: "0.4" }), jsx("line", { x1: "14", y1: "13", x2: "16", y2: "13", stroke: "white", strokeWidth: "1", opacity: "0.4" })] })),
+        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "19", y1: "5", x2: "5", y2: "19", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2 }), jsx("path", { d: `${PERCENT_DOT_TOP}${PERCENT_DOT_BOTTOM}`, fillRule: "evenodd", fill: primaryColor })] })),
+        vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "19", y1: "5", x2: "5", y2: "19", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: PERCENT_DOT_TOP, fillRule: "evenodd", fill: primaryColor }), jsx("path", { d: PERCENT_DOT_BOTTOM, fillRule: "evenodd", fill: secondaryColor })] })),
     },
 });
+// NtdInvoice: NtdFile's page with a short title, two rows of item and amount, and the total on
+// its own at the bottom right, as on a receipt.
+const NtdInvoice = /* @__PURE__ */ paperIcon('NtdInvoice', 'M7.5 7h2.5M7.5 12.5h3.3M13.8 12.5h2.7M7.5 15.5h3.3M13.8 15.5h2.7M12.5 19h4');
+/** @deprecated A second invoice next to {@link NtdInvoice} — use that. */
+const NtdInvoiceDoc = NtdInvoice;
 const NtdStore = /* @__PURE__ */ createIcon({
     displayName: 'NtdStore',
     paths: {
@@ -91,13 +102,31 @@ const NtdStore = /* @__PURE__ */ createIcon({
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 9l1-5h16l1 5", fill: primaryColor }), jsx("path", { d: "M3 9l1-5h16l1 5", fill: "white", opacity: "0.08" }), jsx("rect", { x: "5", y: "14", width: "14", height: "8", fill: secondaryColor }), jsx("rect", { x: "9", y: "17", width: "6", height: "5", fill: "#3B82F6" }), jsx("path", { d: "M3 9h18", stroke: "white", strokeWidth: "1" }), jsx("path", { d: "M3 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: "white", strokeWidth: "1", fill: "none" }), jsx("path", { d: "M9 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: "white", strokeWidth: "1", fill: "none" }), jsx("path", { d: "M15 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: "white", strokeWidth: "1", fill: "none" })] })),
     },
 });
+// NtdBarcode: eleven bars, 0.8–1.6 wide, like a real code (six bars up to 3 wide read as a few
+// fat stripes). [x, width] per bar, from 2 to 22; the widest ones are the 1.6.
+const BARCODE_BARS = [
+    [2, 1.2],
+    [4, 0.8],
+    [5.6, 1.6],
+    [8, 0.8],
+    [10, 1.2],
+    [12, 0.8],
+    [13.6, 0.8],
+    [15.6, 1.6],
+    [18, 0.8],
+    [19.6, 0.8],
+    [21.2, 0.8],
+];
 const NtdBarcode = /* @__PURE__ */ createIcon({
     displayName: 'NtdBarcode',
     paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "2", height: "16", fill: primaryColor }), jsx("rect", { x: "6", y: "4", width: "1", height: "16", fill: primaryColor }), jsx("rect", { x: "9", y: "4", width: "2", height: "16", fill: primaryColor }), jsx("rect", { x: "13", y: "4", width: "1", height: "16", fill: primaryColor }), jsx("rect", { x: "15", y: "4", width: "3", height: "16", fill: primaryColor }), jsx("rect", { x: "20", y: "4", width: "2", height: "16", fill: primaryColor })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "3", y1: "4", x2: "3", y2: "20", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "7", y1: "4", x2: "7", y2: "20", stroke: primaryColor, strokeWidth: "1.5" }), jsx("line", { x1: "10", y1: "4", x2: "10", y2: "20", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "13.5", y1: "4", x2: "13.5", y2: "20", stroke: primaryColor, strokeWidth: "1" }), jsx("line", { x1: "16.5", y1: "4", x2: "16.5", y2: "20", stroke: primaryColor, strokeWidth: "3" }), jsx("line", { x1: "21", y1: "4", x2: "21", y2: "20", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "4", width: "1", height: "16", fill: secondaryColor, opacity: secondaryOpacity + 0.2 }), jsx("rect", { x: "13", y: "4", width: "1", height: "16", fill: secondaryColor, opacity: secondaryOpacity + 0.2 }), jsx("rect", { x: "2", y: "4", width: "2", height: "16", fill: primaryColor }), jsx("rect", { x: "9", y: "4", width: "2", height: "16", fill: primaryColor }), jsx("rect", { x: "15", y: "4", width: "3", height: "16", fill: primaryColor }), jsx("rect", { x: "20", y: "4", width: "2", height: "16", fill: primaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "2", height: "16", fill: primaryColor }), jsx("rect", { x: "2", y: "4", width: "2", height: "16", fill: "white", opacity: "0.08" }), jsx("rect", { x: "6", y: "4", width: "1", height: "16", fill: secondaryColor }), jsx("rect", { x: "9", y: "4", width: "2", height: "16", fill: "#3B82F6" }), jsx("rect", { x: "13", y: "4", width: "1", height: "16", fill: "#10B981" }), jsx("rect", { x: "15", y: "4", width: "3", height: "16", fill: "#F59E0B" }), jsx("rect", { x: "20", y: "4", width: "2", height: "16", fill: "#F59E0B" })] })),
+        // lines, not rects: the wireframe then draws one thin line per bar rather than the outlines of
+        // 0.8-wide boxes, which run together; the square caps end every bar at 4 and 20
+        solid: ({ primaryColor }) => (jsx(Fragment, { children: BARCODE_BARS.map(([x, w]) => (jsx("line", { x1: x + w / 2, y1: 4 + w / 2, x2: x + w / 2, y2: 20 - w / 2, stroke: primaryColor, strokeWidth: w, strokeLinecap: "square" }, x))) })),
+        outline: ({ primaryColor }) => (jsx(Fragment, { children: BARCODE_BARS.map(([x, w]) => (jsx("line", { x1: x + w / 2, y1: 4 + w / 2, x2: x + w / 2, y2: 20 - w / 2, stroke: primaryColor, strokeWidth: w }, x))) })),
+        // every other bar in secondary
+        duotone: ({ primaryColor, secondaryColor }) => (jsx(Fragment, { children: BARCODE_BARS.map(([x, w], i) => (jsx("rect", { x: x, y: "4", width: w, height: "16", fill: i % 2 ? secondaryColor : primaryColor }, x))) })),
+        vivid: ({ primaryColor, secondaryColor }) => (jsx(Fragment, { children: BARCODE_BARS.map(([x, w], i) => (jsx("rect", { x: x, y: "4", width: w, height: "16", fill: i % 3 === 1 ? secondaryColor : primaryColor }, x))) })),
     },
 });
 const NtdCalculator = /* @__PURE__ */ createIcon({
@@ -165,4 +194,4 @@ const NtdMilestone = /* @__PURE__ */ createIcon({
     },
 });
 
-export { NtdBank, NtdBarcode, NtdBriefcase, NtdCalculator, NtdClipboardCheck, NtdCoins, NtdDollar, NtdInvoice, NtdKanban, NtdMilestone, NtdPercent, NtdPiggyBank, NtdPresentation, NtdReceipt, NtdStore, NtdTrendDown, NtdTrendUp, NtdWallet };
+export { NtdBank, NtdBarcode, NtdBriefcase, NtdCalculator, NtdClipboardCheck, NtdCoins, NtdDollar, NtdInvoice, NtdInvoiceDoc, NtdKanban, NtdMilestone, NtdPercent, NtdPiggyBank, NtdPresentation, NtdReceipt, NtdStore, NtdTrendDown, NtdTrendUp, NtdWallet };

package/dist/esm/icons/ecommerce.js

@@ -5,15 +5,6 @@ import { createIcon } from '../createIcon.js';
 // E-Commerce Icons
 // Shopping cart, checkout, wishlist, compare, shipping, returns, promo, etc.
 // ═══════════════════════════════════════════════════════════════════════════════
-const NtdShoppingCart = /* @__PURE__ */ createIcon({
-    displayName: 'NtdShoppingCart',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 6h15l-1.5 9H7.5L6 6z", fill: primaryColor }), jsx("circle", { cx: "9", cy: "20", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "18", cy: "20", r: "1.5", fill: primaryColor }), jsx("path", { d: "M1 1h4l1 4", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 6h15l-1.5 9H7.5L6 6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "20", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "18", cy: "20", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M1 1h4l1 4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 6h15l-1.5 9H7.5L6 6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 6h15l-1.5 9H7.5L6 6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "20", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "18", cy: "20", r: "1.5", fill: primaryColor }), jsx("path", { d: "M1 1h4l1 4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 6h15l-1.5 9H7.5L6 6z", fill: primaryColor }), jsx("path", { d: "M6 6h15l-1.5 9H7.5L6 6z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "9", cy: "20", r: "1.5", fill: secondaryColor }), jsx("circle", { cx: "18", cy: "20", r: "1.5", fill: "#F59E0B" }), jsx("path", { d: "M1 1h4l1 4", stroke: "white", strokeWidth: "1", opacity: "0.35", fill: "none" })] })),
-    },
-});
 const NtdCartAdd = /* @__PURE__ */ createIcon({
     displayName: 'NtdCartAdd',
     paths: {
@@ -131,15 +122,6 @@ const NtdPayment = /* @__PURE__ */ createIcon({
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "2", y: "9", width: "20", height: "3", fill: secondaryColor }), jsx("rect", { x: "5", y: "15", width: "4", height: "2", rx: "0.5", fill: "#F59E0B" }), jsx("rect", { x: "11", y: "15", width: "3", height: "2", rx: "0.5", fill: "#EF4444" })] })),
     },
 });
-const NtdInvoiceDoc = /* @__PURE__ */ createIcon({
-    displayName: 'NtdInvoiceDoc',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z", fill: primaryColor }), jsx("path", { d: "M14 2v6h6", fill: accentColor, opacity: accentOpacity * 0.5 }), jsx("rect", { x: "8", y: "12", width: "8", height: "1", rx: "0.5", fill: accentColor, opacity: accentOpacity }), jsx("rect", { x: "8", y: "15", width: "6", height: "1", rx: "0.5", fill: accentColor, opacity: accentOpacity }), jsx("rect", { x: "8", y: "18", width: "4", height: "1", rx: "0.5", fill: accentColor, opacity: accentOpacity })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M14 2v6h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 12h8M8 15h6M8 18h4", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M14 2v6h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 12h8M8 15h6M8 18h4", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z", fill: primaryColor }), jsx("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M14 2v6h6", fill: secondaryColor }), jsx("rect", { x: "8", y: "12", width: "8", height: "1", rx: "0.5", fill: "#F59E0B" }), jsx("rect", { x: "8", y: "15", width: "6", height: "1", rx: "0.5", fill: "#EF4444" }), jsx("rect", { x: "8", y: "18", width: "4", height: "1", rx: "0.5", fill: "#10B981" })] })),
-    },
-});
 const NtdRefund = /* @__PURE__ */ createIcon({
     displayName: 'NtdRefund',
     paths: {
@@ -150,4 +132,4 @@ const NtdRefund = /* @__PURE__ */ createIcon({
     },
 });
 
-export { NtdCartAdd, NtdCartRemove, NtdCheckout, NtdCompare, NtdCoupon, NtdDiscount, NtdGiftCard, NtdInvoiceDoc, NtdPayment, NtdPromoTag, NtdRefund, NtdReturn, NtdShipping, NtdShoppingCart, NtdStorefront, NtdWishlist };
+export { NtdCartAdd, NtdCartRemove, NtdCheckout, NtdCompare, NtdCoupon, NtdDiscount, NtdGiftCard, NtdPayment, NtdPromoTag, NtdRefund, NtdReturn, NtdShipping, NtdStorefront, NtdWishlist };

package/dist/esm/icons/education.js

@@ -43,15 +43,27 @@ const NtdUniversity = /* @__PURE__ */ createIcon({
 /* ────────────────────────────────────────────────────────────────────────────
    LEARNING TOOLS
 ───────────────────────────────────────────────────────────────────────────── */
-const NtdBook = /* @__PURE__ */ createIcon({
-    displayName: 'NtdBook',
-    paths: {
-        solid: ({ primaryColor }) => (jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm3 2v2h10V6H7zm0 4v2h10v-2H7z", fill: primaryColor })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 6h10M7 10h10", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 6h10M7 10h10", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm3 2v2h10V6H7zm0 4v2h10v-2H7z", fill: primaryColor }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm3 2v2h10V6H7zm0 4v2h10v-2H7z", fill: "white", opacity: "0.1" })] })),
-    },
-});
+// NtdBook: a closed book, not a page — the rounded spine on the left, the block of pages showing
+// at the bottom between the front cover and the line of the back cover, reaching almost to the
+// right edge. The cover is plain, so another glyph can sit on it; NtdBookBookmark adds a ribbon.
+const BOOK_SILHOUETTE = 'M7 2h12a1 1 0 011 1v17a1 1 0 01-1 1H7a2.5 2.5 0 01-2.5-2.5v-14A2.5 2.5 0 017 2z';
+const BOOK_PAGES = 'M7.4 17.6h12.2v2.3H7.4a1.15 1.15 0 010-2.3z';
+const BOOK_RIBBON = 'M9.5 2v6.5l1.75-1.3L13 8.5V2z';
+const BOOK_OUTLINE = 'M4.5 18.5v-14A2.5 2.5 0 017 2h12a1 1 0 011 1v17a1 1 0 01-1 1H7a2.5 2.5 0 010-5h13';
+/** The book, with the ribbon bookmark or without it. */
+function bookIcon(displayName, ribbon) {
+    return createIcon({
+        displayName,
+        paths: {
+            solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: BOOK_SILHOUETTE, fill: primaryColor }), jsxs("g", { fill: accentColor, opacity: accentOpacity, children: [jsx("path", { d: BOOK_PAGES }), ribbon && jsx("path", { d: BOOK_RIBBON })] })] })),
+            outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: BOOK_OUTLINE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), ribbon && (jsx("path", { d: "M9.5 2.5v6l1.75-1.3L13 8.5v-6", stroke: primaryColor, strokeWidth: strokeWidth * 0.75, fill: "none" }))] })),
+            duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: BOOK_SILHOUETTE, fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: BOOK_OUTLINE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), ribbon && jsx("path", { d: BOOK_RIBBON, fill: primaryColor })] })),
+            vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: BOOK_SILHOUETTE, fill: primaryColor }), jsx("path", { d: BOOK_SILHOUETTE, fill: "white", opacity: "0.1" }), jsx("path", { d: BOOK_PAGES, fill: accentColor, opacity: accentOpacity }), ribbon && jsx("path", { d: BOOK_RIBBON, fill: secondaryColor })] })),
+        },
+    });
+}
+const NtdBook = /* @__PURE__ */ bookIcon('NtdBook', false);
+const NtdBookBookmark = /* @__PURE__ */ bookIcon('NtdBookBookmark', true);
 const NtdOpenBook = /* @__PURE__ */ createIcon({
     displayName: 'NtdOpenBook',
     paths: {
@@ -189,4 +201,4 @@ const educationIcons = {
     NtdCalculator,
 };
 
-export { NtdBackpack, NtdBook, NtdCalculator, NtdCertificate, NtdDiploma, NtdExam, NtdFlashcard, NtdGraduationCap, NtdNotebook, NtdOnlineCourse, NtdOpenBook, NtdPen, NtdPencil, NtdQuiz, NtdSchool, NtdUniversity, NtdWebinar, educationIcons };
+export { NtdBackpack, NtdBook, NtdBookBookmark, NtdCalculator, NtdCertificate, NtdDiploma, NtdExam, NtdFlashcard, NtdGraduationCap, NtdNotebook, NtdOnlineCourse, NtdOpenBook, NtdPen, NtdPencil, NtdQuiz, NtdSchool, NtdUniversity, NtdWebinar, educationIcons };

package/dist/esm/icons/files.js

@@ -1,40 +1,29 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { createIcon } from '../createIcon.js';
+import { paperIcon, within } from '../iconParts.js';
 
-const NtdFile = /* @__PURE__ */ createIcon({
-    displayName: 'NtdFile',
-    paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M13 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V9l-7-7z", fill: primaryColor })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M13 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V9l-7-7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M13 2v7h7", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M13 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V9l-7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M13 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V9l-7-7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M13 2v7h7", stroke: primaryColor, strokeWidth: strokeWidth, fill: primaryColor, opacity: secondaryOpacity + 0.1 })] })),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M13 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V9l-7-7z", fill: primaryColor }), jsx("path", { d: "M13 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V9l-7-7z", fill: "white", opacity: "0.1" })] })),
-    },
-});
-const NtdFileText = /* @__PURE__ */ createIcon({
-    displayName: 'NtdFileText',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M13 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V9l-7-7z", fill: primaryColor }), jsx("line", { x1: "8", y1: "13", x2: "16", y2: "13", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity }), jsx("line", { x1: "8", y1: "17", x2: "14", y2: "17", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M13 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V9l-7-7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M13 2v7h7", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "8", y1: "13", x2: "16", y2: "13", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "8", y1: "17", x2: "14", y2: "17", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M13 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V9l-7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M13 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V9l-7-7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M13 2v7h7", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "8", y1: "13", x2: "16", y2: "13", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "8", y1: "17", x2: "14", y2: "17", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M13 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V9l-7-7z", fill: primaryColor }), jsx("path", { d: "M13 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V9l-7-7z", fill: "white", opacity: "0.1" }), jsx("line", { x1: "8", y1: "13", x2: "16", y2: "13", stroke: secondaryColor, strokeWidth: "1.8" }), jsx("line", { x1: "8", y1: "17", x2: "14", y2: "17", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
-    },
-});
+// NtdFile is the page every paper icon is drawn on (`paperIcon` in iconParts.tsx): the fold is
+// 8 now (7 before — the duotone's stroked fold looked the largest), secondary when the page is
+// filled, square in `sharp`.
+const NtdFile = /* @__PURE__ */ paperIcon('NtdFile');
+const NtdFileText = /* @__PURE__ */ paperIcon('NtdFileText', 'M7.5 9.5h3M7.5 13.5h9M7.5 17.5h9');
+// The folder tab runs 2 → 11 before its slope (2 → 9 before), in NtdFolder and NtdFolderOpen.
 const NtdFolder = /* @__PURE__ */ createIcon({
     displayName: 'NtdFolder',
     paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2v11z", fill: primaryColor })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2v11z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2v11z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2v11z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2v11z", fill: primaryColor }), jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2v11z", fill: "white", opacity: "0.1" })] })),
+        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", fill: primaryColor })),
+        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
+        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", fill: primaryColor }), jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", fill: "white", opacity: "0.1" })] })),
     },
 });
 const NtdFolderOpen = /* @__PURE__ */ createIcon({
     displayName: 'NtdFolderOpen',
     paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2v11z", fill: primaryColor, opacity: "0.3" }), jsx("path", { d: "M2 10h20M4 21l2-11h16l-2 11H4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: primaryColor })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2v11z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 10h20", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2v11z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2v11z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 10h20", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2v11z", fill: primaryColor, opacity: "0.3" }), jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2v11z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M2 10h20M4 21l2-11h16l-2 11H4z", stroke: secondaryColor, strokeWidth: "2", fill: secondaryColor })] })),
+        solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", fill: primaryColor, opacity: "0.3" }), jsx("path", { d: "M2 10h20M4 21l2-11h16l-2 11H4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: primaryColor })] })),
+        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 10h20", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 10h20", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", fill: primaryColor, opacity: "0.3" }), jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M2 10h20M4 21l2-11h16l-2 11H4z", stroke: secondaryColor, strokeWidth: "2", fill: secondaryColor })] })),
     },
 });
 const NtdArchive = /* @__PURE__ */ createIcon({
@@ -46,13 +35,21 @@ const NtdArchive = /* @__PURE__ */ createIcon({
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "5", rx: "1", fill: primaryColor }), jsx("rect", { x: "2", y: "3", width: "20", height: "5", rx: "1", fill: "white", opacity: "0.08" }), jsx("path", { d: "M4 8v11a2 2 0 002 2h12a2 2 0 002-2V8", fill: secondaryColor, opacity: "0.7" }), jsx("line", { x1: "10", y1: "12", x2: "14", y2: "12", stroke: "white", strokeWidth: "1", opacity: "0.4" })] })),
     },
 });
+// NtdDatabase: a cylinder of three discs, its silhouette — sides, bottom and the back of the top —
+// one path, so no seam shows where a separate cap met the body. The filled variants draw no line
+// along the cap's front edge (it set the cap apart as a fourth disc), and the gaps between the
+// discs are bands between two parallel arcs, 1.3 high everywhere and cut square at the sides — a
+// stroked arc clipped to the body thinned to a wedge along the sides.
+const DB_SILHOUETTE = 'M4 5.5v13a8 2.6 0 0016 0v-13a8 2.6 0 00-16 0z';
+const DB_GAPS = 'M4 9.18a8 2.6 0 0016 0v1.3a8 2.6 0 01-16 0zM4 13.52a8 2.6 0 0016 0v1.3a8 2.6 0 01-16 0z';
 const NtdDatabase = /* @__PURE__ */ createIcon({
     displayName: 'NtdDatabase',
     paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", fill: primaryColor }), jsx("path", { d: "M21 12c0 1.66-4.03 3-9 3s-9-1.34-9-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 5v14c0 1.66 4.03 3 9 3s9-1.34 9-3V5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M21 12c0 1.66-4.03 3-9 3s-9-1.34-9-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 5v14c0 1.66 4.03 3 9 3s9-1.34 9-3V5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 5v14c0 1.66 4.03 3 9 3s9-1.34 9-3V5", fill: secondaryColor, opacity: secondaryOpacity * 0.5 }), jsx("ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M21 12c0 1.66-4.03 3-9 3s-9-1.34-9-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 5v14c0 1.66 4.03 3 9 3s9-1.34 9-3V5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", fill: "white", opacity: "0.1" }), jsx("path", { d: "M21 12c0 1.66-4.03 3-9 3s-9-1.34-9-3", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("path", { d: "M3 5v14c0 1.66 4.03 3 9 3s9-1.34 9-3V5", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" })] })),
+        solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: DB_SILHOUETTE, fill: primaryColor }), jsx("path", { d: DB_GAPS, fill: accentColor, opacity: accentOpacity })] })),
+        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "5.5", rx: "8", ry: "2.6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 5.5v13a8 2.6 0 0016 0v-13M4 9.83a8 2.6 0 0016 0M4 14.17a8 2.6 0 0016 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        // one tint for the cap and the body: the cap in full secondary read as a separate disc
+        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: DB_SILHOUETTE, fill: secondaryColor, opacity: secondaryOpacity }), jsx("ellipse", { cx: "12", cy: "5.5", rx: "8", ry: "2.6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 5.5v13a8 2.6 0 0016 0v-13M4 9.83a8 2.6 0 0016 0M4 14.17a8 2.6 0 0016 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: DB_SILHOUETTE, fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "5.5", rx: "8", ry: "2.6", fill: "white", opacity: "0.25" }), jsx("path", { d: DB_GAPS, fill: secondaryColor })] })),
     },
 });
 const NtdCloud = /* @__PURE__ */ createIcon({
@@ -82,13 +79,16 @@ const NtdCloudDownload = /* @__PURE__ */ createIcon({
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: primaryColor, opacity: "0.2", stroke: primaryColor, strokeWidth: "2" }), jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M8 17l4 4 4-4M12 12v9", stroke: secondaryColor, strokeWidth: "1.8" })] })),
     },
 });
+// The prompt marks are twice the stroke width on the filled screen (like NtdCheck), and a little
+// larger everywhere so the heavy ones do not run together.
+const TERMINAL_PROMPT = 'M6 8.5l4.5 3.5L6 15.5M12.5 16.5H18';
 const NtdTerminal = /* @__PURE__ */ createIcon({
     displayName: 'NtdTerminal',
     paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", fill: primaryColor }), jsx("path", { d: "M6 9l4 3-4 3", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity }), jsx("line", { x1: "12", y1: "17", x2: "18", y2: "17", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 9l4 3-4 3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "12", y1: "17", x2: "18", y2: "17", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 9l4 3-4 3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "12", y1: "17", x2: "18", y2: "17", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", fill: "white", opacity: "0.1" }), jsx("path", { d: "M6 9l4 3-4 3", stroke: secondaryColor, strokeWidth: "1.8" }), jsx("line", { x1: "12", y1: "17", x2: "18", y2: "17", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
+        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", fill: primaryColor }), jsx("path", { d: TERMINAL_PROMPT, stroke: accentColor, strokeWidth: strokeWidth * 2, opacity: accentOpacity, fill: "none" })] })),
+        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: TERMINAL_PROMPT, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: TERMINAL_PROMPT, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", fill: "white", opacity: "0.1" }), jsx("path", { d: TERMINAL_PROMPT, stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
     },
 });
 const NtdCode = /* @__PURE__ */ createIcon({
@@ -181,22 +181,21 @@ const NtdCpu = /* @__PURE__ */ createIcon({
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: primaryColor, opacity: "0.15", stroke: primaryColor, strokeWidth: "2" }), jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "9", y: "9", width: "6", height: "6", rx: "1", fill: secondaryColor }), jsx("path", { d: "M9 1v3M15 1v3M9 20v3M15 20v3M20 9h3M20 14h3M1 9h3M1 14h3", stroke: "white", strokeWidth: "1" })] })),
     },
 });
-const NtdZap = /* @__PURE__ */ createIcon({
-    displayName: 'NtdZap',
-    paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M13 2L3 14h9l-1 8 10-12h-9l1-8z", fill: primaryColor })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M13 2L3 14h9l-1 8 10-12h-9l1-8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M13 2L3 14h9l-1 8 10-12h-9l1-8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M13 2L3 14h9l-1 8 10-12h-9l1-8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M13 2L3 14h9l-1 8 10-12h-9l1-8z", fill: primaryColor }), jsx("path", { d: "M13 2L3 14h9l-1 8 10-12h-9l1-8z", fill: "white", opacity: "0.1" })] })),
-    },
-});
+// NtdKey: the bow top right with its hole on the key's axis, the blade running down-left to two
+// teeth (it was the stroked key with the bow bottom left). Drawn along its own axis and turned
+// 135°: bow r 6 at (16, 8), blade 3.2 wide.
+const KEY = 'M10.78 10.96L3.2 18.54L7.3 22.64L8.72 21.22L7.87 20.37L8.79 19.46L9.64 20.3L11.05 18.89L9.21 17.05L13.04 13.22A6 6 0 1 0 10.78 10.96Z';
+const KEY_BLADE = 'M10.78 10.96L3.2 18.54L7.3 22.64L8.72 21.22L7.87 20.37L8.79 19.46L9.64 20.3L11.05 18.89L9.21 17.05L13.04 13.22A6 6 0 0 1 10.78 10.96Z';
+const KEY_BOW = 'M16 2a6 6 0 100 12 6 6 0 100-12z';
+const KEY_HOLE = 'M17.84 4.56a1.6 1.6 0 100 3.2 1.6 1.6 0 100-3.2z';
 const NtdKey = /* @__PURE__ */ createIcon({
     displayName: 'NtdKey',
     paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 2l-2 2m-7.61 7.61a5.5 5.5 0 11-7.78 7.78 5.5 5.5 0 017.78-7.78zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "7.5", cy: "16.5", r: "1.5", fill: primaryColor })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M21 2l-2 2m-7.61 7.61a5.5 5.5 0 11-7.78 7.78 5.5 5.5 0 017.78-7.78zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4", stroke: primaryColor, strokeWidth: strokeWidth })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "8", cy: "16", r: "5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M21 2l-2 2m-7.61 7.61a5.5 5.5 0 11-7.78 7.78 5.5 5.5 0 017.78-7.78zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "7.5", cy: "16.5", r: "1.5", fill: primaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "7.5", cy: "16.5", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "7.5", cy: "16.5", r: "1.5", fill: "white", opacity: "0.1" }), jsx("path", { d: "M21 2l-2 2m-7.61 7.61a5.5 5.5 0 11-7.78 7.78 5.5 5.5 0 017.78-7.78zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4", stroke: secondaryColor, strokeWidth: "1.8" })] })),
+        solid: ({ primaryColor }) => (jsx("path", { d: `${KEY}${KEY_HOLE}`, fillRule: "evenodd", fill: primaryColor })),
+        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: KEY, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: "none" }), jsx("path", { d: KEY_HOLE, fill: primaryColor })] })),
+        // fills only: the blade secondary, the bow primary
+        duotone: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: KEY_BLADE, fill: secondaryColor }), jsx("path", { d: `${KEY_BOW}${KEY_HOLE}`, fillRule: "evenodd", fill: primaryColor })] })),
+        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: `${KEY}${KEY_HOLE}`, fillRule: "evenodd", fill: primaryColor }), jsx("path", { d: KEY_BLADE, fill: secondaryColor, opacity: "0.5" })] })),
     },
 });
 const NtdAward = /* @__PURE__ */ createIcon({
@@ -217,22 +216,37 @@ const NtdCoffee = /* @__PURE__ */ createIcon({
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8h1a4 4 0 010 8h-1M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z", fill: primaryColor }), jsx("path", { d: "M18 8h1a4 4 0 010 8h-1M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z", fill: "white", opacity: "0.1" }), jsx("line", { x1: "6", y1: "1", x2: "6", y2: "4", stroke: secondaryColor, strokeWidth: "1.8" }), jsx("line", { x1: "10", y1: "1", x2: "10", y2: "4", stroke: "#3B82F6", strokeWidth: "1.5" }), jsx("line", { x1: "14", y1: "1", x2: "14", y2: "4", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
     },
 });
+// NtdCart: the basket a trapeze in primary (it was a 15 % wash), the handle running on down the
+// basket's left side into the base rail, the wheels secondary, the basket's bars cut into it in
+// the accent colour.
+const CART_FRAME = 'M2 3.5h2.3l3.3 12.9H19.3';
+const CART_BASKET = 'M5.07 6.5H21.3l-1.7 7.1H6.88z';
+const CART_BARS = 'M11.3 5v10M15.9 5v10M3 10.05h20';
 const NtdCart = /* @__PURE__ */ createIcon({
     displayName: 'NtdCart',
     paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6", fill: primaryColor, opacity: "0.15", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "9", cy: "21", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "20", cy: "21", r: "1.5", fill: primaryColor })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "21", r: "1", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("circle", { cx: "20", cy: "21", r: "1", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 6h17l-1.68 8.39a2 2 0 01-2 1.61H9.68a2 2 0 01-2-1.61L6 6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "21", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "20", cy: "21", r: "1.5", fill: primaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6", fill: primaryColor, opacity: "0.15", stroke: primaryColor, strokeWidth: "2" }), jsx("path", { d: "M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "9", cy: "21", r: "1.5", fill: secondaryColor }), jsx("circle", { cx: "20", cy: "21", r: "1.5", fill: "#3B82F6" })] })),
+        solid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("path", { d: CART_FRAME, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: CART_BASKET, fill: primaryColor }), within(uid, 'bars', jsx("path", { d: CART_BASKET }), jsx("path", { d: CART_BARS, stroke: accentColor, strokeWidth: "1.3", opacity: accentOpacity })), jsx("circle", { cx: "9.4", cy: "20", r: "1.8", fill: secondaryColor }), jsx("circle", { cx: "18.2", cy: "20", r: "1.8", fill: secondaryColor })] })),
+        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: CART_FRAME, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: CART_BASKET, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "round", fill: "none" }), jsx("circle", { cx: "9.4", cy: "20", r: "1.4", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "18.2", cy: "20", r: "1.4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: CART_BASKET, fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: CART_FRAME, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: CART_BASKET, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "round", fill: "none" }), jsx("circle", { cx: "9.4", cy: "20", r: "1.8", fill: primaryColor }), jsx("circle", { cx: "18.2", cy: "20", r: "1.8", fill: primaryColor })] })),
+        vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("path", { d: CART_FRAME, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: CART_BASKET, fill: primaryColor }), jsx("path", { d: CART_BASKET, fill: "white", opacity: "0.12" }), within(uid, 'bars', jsx("path", { d: CART_BASKET }), jsx("path", { d: CART_BARS, stroke: accentColor, strokeWidth: "1.3", opacity: accentOpacity })), jsx("circle", { cx: "9.4", cy: "20", r: "1.8", fill: secondaryColor }), jsx("circle", { cx: "18.2", cy: "20", r: "1.8", fill: secondaryColor })] })),
     },
 });
+/** @deprecated A second cart next to {@link NtdCart} — use that. */
+const NtdShoppingCart = NtdCart;
+// NtdCreditCard: the back of a real card — the magnetic stripe high up and edge to edge (kept
+// inside the card, so it meets the sides flush), the signature panel long and to the left, the
+// CVV box small on the right. The details are accent coloured, so a cutout keeps them.
+const CARD_BODY = { x: 1.5, y: 4.5, width: 21, height: 15, rx: 2 };
+const CARD_STRIPE = { x: 1.5, y: 7, width: 21, height: 3.6 };
+const CARD_SIGNATURE = { x: 4, y: 13.6, width: 11.5, height: 2.2, rx: 0.6 };
+const CARD_CVV = { x: 16.6, y: 13.6, width: 3.6, height: 2.2, rx: 0.6 };
 const NtdCreditCard = /* @__PURE__ */ createIcon({
     displayName: 'NtdCreditCard',
     paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "1", y: "4", width: "22", height: "16", rx: "2", fill: primaryColor }), jsx("line", { x1: "1", y1: "10", x2: "23", y2: "10", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "1", y: "4", width: "22", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "1", y1: "10", x2: "23", y2: "10", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "1", y: "4", width: "22", height: "16", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "1", y: "4", width: "22", height: "6", rx: "2", fill: primaryColor, opacity: secondaryOpacity + 0.2 }), jsx("rect", { x: "1", y: "4", width: "22", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "1", y1: "10", x2: "23", y2: "10", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "1", y: "4", width: "22", height: "16", rx: "2", fill: primaryColor }), jsx("rect", { x: "1", y: "4", width: "22", height: "16", rx: "2", fill: "white", opacity: "0.1" }), jsx("line", { x1: "1", y1: "10", x2: "23", y2: "10", stroke: secondaryColor, strokeWidth: "1.8" })] })),
+        solid: ({ primaryColor, accentColor, accentOpacity, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...CARD_BODY, fill: primaryColor }), within(uid, 'stripe', jsx("rect", { ...CARD_BODY }), jsx("rect", { ...CARD_STRIPE, fill: accentColor, opacity: accentOpacity })), jsx("rect", { ...CARD_SIGNATURE, fill: accentColor, opacity: accentOpacity }), jsx("rect", { ...CARD_CVV, fill: accentColor, opacity: accentOpacity })] })),
+        outline: ({ primaryColor, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...CARD_BODY, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), within(uid, 'stripe', jsx("rect", { ...CARD_BODY }), jsx("rect", { ...CARD_STRIPE, fill: primaryColor })), jsx("path", { d: "M5 14.7h9.5M17.6 14.7h1.6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...CARD_BODY, fill: secondaryColor, opacity: secondaryOpacity }), within(uid, 'stripe', jsx("rect", { ...CARD_BODY }), jsx("rect", { ...CARD_STRIPE, fill: primaryColor })), jsx("rect", { ...CARD_SIGNATURE, fill: primaryColor }), jsx("rect", { ...CARD_CVV, fill: primaryColor }), jsx("rect", { ...CARD_BODY, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        vivid: ({ primaryColor, accentColor, accentOpacity, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...CARD_BODY, fill: primaryColor }), jsx("rect", { ...CARD_BODY, fill: "white", opacity: "0.1" }), within(uid, 'stripe', jsx("rect", { ...CARD_BODY }), jsx("rect", { ...CARD_STRIPE, fill: "black", opacity: "0.35" })), jsx("rect", { ...CARD_SIGNATURE, fill: accentColor, opacity: accentOpacity }), jsx("rect", { ...CARD_CVV, fill: accentColor, opacity: accentOpacity })] })),
     },
 });
 const NtdPieChart = /* @__PURE__ */ createIcon({
@@ -281,4 +295,4 @@ const NtdTruck = /* @__PURE__ */ createIcon({
     },
 });
 
-export { NtdActivity, NtdArchive, NtdAward, NtdBarChart, NtdCart, NtdCloud, NtdCloudDownload, NtdCloudUpload, NtdCode, NtdCoffee, NtdCpu, NtdCreditCard, NtdDatabase, NtdFile, NtdFileText, NtdFolder, NtdFolderOpen, NtdGit, NtdGrid, NtdKey, NtdLayers, NtdList, NtdMonitor, NtdPackage, NtdPieChart, NtdSmartphone, NtdTable, NtdTarget, NtdTerminal, NtdTruck, NtdZap };
+export { NtdActivity, NtdArchive, NtdAward, NtdBarChart, NtdCart, NtdCloud, NtdCloudDownload, NtdCloudUpload, NtdCode, NtdCoffee, NtdCpu, NtdCreditCard, NtdDatabase, NtdFile, NtdFileText, NtdFolder, NtdFolderOpen, NtdGit, NtdGrid, NtdKey, NtdLayers, NtdList, NtdMonitor, NtdPackage, NtdPieChart, NtdShoppingCart, NtdSmartphone, NtdTable, NtdTarget, NtdTerminal, NtdTruck };