@nice2dev/icons 1.3.14 → 1.3.16

package/dist/esm/icons/ui.js

@@ -1,383 +1,1609 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { createIcon } from '../createIcon.js';
-import { bellIcon, swapDuotone, within } from '../iconParts.js';
-
-// NtdHome: walls 9 high under a 7.5 roof (they were 10.5 and read as a tower). The corners are
-// square in every variant: the outline strokes join with miters, since the default round joins
-// rounded the floor. Only `rounded` rounds them.
-const HOME_HOUSE = 'M3 10.5L12 3l9 7.5v9H3Z';
-const HOME_HOUSE_ROUND = 'M10.72 4.07A2 2 0 0 1 13.28 4.07L20.64 10.2A1 1 0 0 1 21 10.97L21 17.5A2 2 0 0 1 19 19.5L5 19.5A2 2 0 0 1 3 17.5L3 10.97A1 1 0 0 1 3.36 10.2Z';
-const HOME_DOOR = 'M9 19.5V13h6v6.5';
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { createIcon } from "../createIcon.js";
+import { bellIcon, within, swapDuotone } from "../iconParts.js";
+const HOME_HOUSE = "M3 10.5L12 3l9 7.5v9H3Z";
+const HOME_HOUSE_ROUND = "M10.72 4.07A2 2 0 0 1 13.28 4.07L20.64 10.2A1 1 0 0 1 21 10.97L21 17.5A2 2 0 0 1 19 19.5L5 19.5A2 2 0 0 1 3 17.5L3 10.97A1 1 0 0 1 3.36 10.2Z";
+const HOME_DOOR = "M9 19.5V13h6v6.5";
 const NtdHome = /* @__PURE__ */ createIcon({
-    displayName: 'NtdHome',
-    paths: {
-        solid: ({ primaryColor }) => jsx("path", { d: HOME_HOUSE, fill: primaryColor }),
-        rounded: ({ primaryColor }) => jsx("path", { d: HOME_HOUSE_ROUND, fill: primaryColor }),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: `${HOME_HOUSE}${HOME_DOOR}`, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: "none" })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: HOME_HOUSE, fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: HOME_HOUSE, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: "none" }), jsx("path", { d: HOME_DOOR, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: primaryColor })] }))),
-        vivid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: HOME_HOUSE, fill: primaryColor }), jsx("path", { d: HOME_HOUSE, fill: "white", opacity: "0.1" })] })),
-    },
+  displayName: "NtdHome",
+  paths: {
+    solid: ({ primaryColor }) => /* @__PURE__ */ jsx("path", { d: HOME_HOUSE, fill: primaryColor }),
+    rounded: ({ primaryColor }) => /* @__PURE__ */ jsx("path", { d: HOME_HOUSE_ROUND, fill: primaryColor }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: `${HOME_HOUSE}${HOME_DOOR}`,
+        stroke: primaryColor,
+        strokeWidth,
+        strokeLinejoin: "miter",
+        fill: "none"
+      }
+    ),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: HOME_HOUSE, fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: HOME_HOUSE,
+          stroke: primaryColor,
+          strokeWidth,
+          strokeLinejoin: "miter",
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: HOME_DOOR,
+          stroke: primaryColor,
+          strokeWidth,
+          strokeLinejoin: "miter",
+          fill: primaryColor
+        }
+      )
+    ] })),
+    vivid: ({ primaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: HOME_HOUSE, fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: HOME_HOUSE, fill: "white", opacity: "0.1" })
+    ] })
+  }
 });
-/* NtdUser — the head sat too far above the shoulders and the glyph read small
-   next to its neighbours. Head centre moved 7 → 8 (gap 4.0 → 3.3), then the
-   whole figure scaled 1.1 about (12,12), baked into the numbers so `strokeWidth`
-   stays at the set-wide weight. Bbox 3.2–20.8 × 3.2–21.9 still clears 0 0 24 24. */
 const NtdUser = /* @__PURE__ */ createIcon({
-    displayName: 'NtdUser',
-    paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "7.6", r: "4.4", fill: primaryColor }), jsx("path", { d: "M20.8 21.9v-2.2a4.4 4.4 0 00-4.4-4.4H7.6a4.4 4.4 0 00-4.4 4.4v2.2", fill: primaryColor })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "7.6", r: "4.4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M20.8 21.9v-2.2a4.4 4.4 0 00-4.4-4.4H7.6a4.4 4.4 0 00-4.4 4.4v2.2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        // fills only: the shoulders primary, the head secondary (swapped in 1.3.8: the larger part
-        // primary)
-        duotone: swapDuotone(({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "7.6", r: "4.4", fill: primaryColor }), jsx("path", { d: "M20.8 21.9v-2.2a4.4 4.4 0 00-4.4-4.4H7.6a4.4 4.4 0 00-4.4 4.4v2.2", fill: secondaryColor })] }))),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "7.6", r: "4.4", fill: primaryColor }), jsx("path", { d: "M20.8 21.9v-2.2a4.4 4.4 0 00-4.4-4.4H7.6a4.4 4.4 0 00-4.4 4.4v2.2", fill: secondaryColor })] })),
-    },
+  displayName: "NtdUser",
+  paths: {
+    solid: ({ primaryColor, strokeWidth: _strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "7.6", r: "4.4", fill: primaryColor }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M20.8 21.9v-2.2a4.4 4.4 0 00-4.4-4.4H7.6a4.4 4.4 0 00-4.4 4.4v2.2",
+          fill: primaryColor
+        }
+      )
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "12",
+          cy: "7.6",
+          r: "4.4",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M20.8 21.9v-2.2a4.4 4.4 0 00-4.4-4.4H7.6a4.4 4.4 0 00-4.4 4.4v2.2",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] }),
+    // fills only: the shoulders primary, the head secondary (swapped in 1.3.8: the larger part
+    // primary)
+    duotone: swapDuotone(({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "7.6", r: "4.4", fill: primaryColor }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M20.8 21.9v-2.2a4.4 4.4 0 00-4.4-4.4H7.6a4.4 4.4 0 00-4.4 4.4v2.2",
+          fill: secondaryColor
+        }
+      )
+    ] })),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "7.6", r: "4.4", fill: primaryColor }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M20.8 21.9v-2.2a4.4 4.4 0 00-4.4-4.4H7.6a4.4 4.4 0 00-4.4 4.4v2.2",
+          fill: secondaryColor
+        }
+      )
+    ] })
+  }
 });
-// NtdAdmin: NtdUser in a tie — the same head and shoulders, a knot at the collar and a blade that
-// runs down the chest to the bottom edge, cut off there (a whole short tie with its tip read
-// comic). The tie is twice as wide as it was, knot and blade: 5.2 at the collar, 6.8 at the edge.
-const ADMIN_BODY = 'M20.8 21.9v-2.2a4.4 4.4 0 00-4.4-4.4H7.6a4.4 4.4 0 00-4.4 4.4v2.2';
-const ADMIN_TIE = 'M9.4 15.3h5.2l-1.3 1.8 2.1 4.8H8.6l2.1-4.8z';
+const ADMIN_BODY = "M20.8 21.9v-2.2a4.4 4.4 0 00-4.4-4.4H7.6a4.4 4.4 0 00-4.4 4.4v2.2";
+const ADMIN_TIE = "M9.4 15.3h5.2l-1.3 1.8 2.1 4.8H8.6l2.1-4.8z";
 const NtdAdmin = /* @__PURE__ */ createIcon({
-    displayName: 'NtdAdmin',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "7.6", r: "4.4", fill: primaryColor }), jsx("path", { d: ADMIN_BODY, fill: primaryColor }), jsx("path", { d: ADMIN_TIE, fill: accentColor, opacity: accentOpacity })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "7.6", r: "4.4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: ADMIN_BODY, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: ADMIN_TIE, fill: primaryColor })] })),
-        // as NtdUser: fills only, the head (and the tie) primary, the shoulders secondary
-        duotone: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "7.6", r: "4.4", fill: primaryColor }), jsx("path", { d: ADMIN_BODY, fill: secondaryColor }), jsx("path", { d: ADMIN_TIE, fill: primaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "7.6", r: "4.4", fill: primaryColor }), jsx("path", { d: ADMIN_BODY, fill: secondaryColor }), jsx("path", { d: ADMIN_TIE, fill: primaryColor })] })),
-    },
+  displayName: "NtdAdmin",
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "7.6", r: "4.4", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: ADMIN_BODY, fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: ADMIN_TIE, fill: accentColor, opacity: accentOpacity })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "12",
+          cy: "7.6",
+          r: "4.4",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: ADMIN_BODY, stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsx("path", { d: ADMIN_TIE, fill: primaryColor })
+    ] }),
+    // as NtdUser: fills only, the head (and the tie) primary, the shoulders secondary
+    duotone: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "7.6", r: "4.4", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: ADMIN_BODY, fill: secondaryColor }),
+      /* @__PURE__ */ jsx("path", { d: ADMIN_TIE, fill: primaryColor })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "7.6", r: "4.4", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: ADMIN_BODY, fill: secondaryColor }),
+      /* @__PURE__ */ jsx("path", { d: ADMIN_TIE, fill: primaryColor })
+    ] })
+  }
 });
 const NtdUsers = /* @__PURE__ */ createIcon({
-    displayName: 'NtdUsers',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "9", cy: "7", r: "4", fill: primaryColor }), jsx("path", { d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2", fill: primaryColor }), jsx("path", { d: "M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "9", cy: "7", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "9", cy: "7", r: "4", fill: primaryColor }), jsx("path", { d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 })] }))),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "9", cy: "7", r: "4", fill: primaryColor }), jsx("circle", { cx: "9", cy: "7", r: "4", fill: "white", opacity: "0.08" }), jsx("path", { d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2", fill: secondaryColor }), jsx("path", { d: "M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75", stroke: "white", strokeWidth: "1", fill: "none" })] })),
-    },
+  displayName: "NtdUsers",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "9", cy: "7", r: "4", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2", fill: primaryColor }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "9", cy: "7", r: "4", stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] }),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2",
+          fill: secondaryColor,
+          opacity: secondaryOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx("circle", { cx: "9", cy: "7", r: "4", fill: primaryColor }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75",
+          stroke: secondaryColor,
+          strokeWidth,
+          fill: "none",
+          opacity: secondaryOpacity + 0.2
+        }
+      )
+    ] })),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "9", cy: "7", r: "4", fill: primaryColor }),
+      /* @__PURE__ */ jsx("circle", { cx: "9", cy: "7", r: "4", fill: "white", opacity: "0.08" }),
+      /* @__PURE__ */ jsx("path", { d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2", fill: secondaryColor }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75",
+          stroke: "white",
+          strokeWidth: "1",
+          fill: "none"
+        }
+      )
+    ] })
+  }
 });
-// NtdHeart: duotone fills the heart primary inside a secondary outline (the other way round
-// before); vivid splits it down the middle — primary left, secondary right — inside an accent
-// outline (it was an accent seam between the halves).
-const HEART = 'M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z';
+const HEART = "M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z";
 const NtdHeart = /* @__PURE__ */ createIcon({
-    displayName: 'NtdHeart',
-    // text children centre on the middle of the lobes and the point (stacking, 1.3.5)
-    textCenter: [12, 11.2],
-    paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z", fill: primaryColor })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, strokeWidth }) => (jsx("path", { d: HEART, fill: primaryColor, stroke: secondaryColor, strokeWidth: strokeWidth })),
-        vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("path", { d: HEART, fill: secondaryColor }), within(uid, 'left', jsx("rect", { x: "0", y: "0", width: "12", height: "24" }), jsx("path", { d: HEART, fill: primaryColor })), jsx("path", { d: HEART, stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity, fill: "none" })] })),
-    },
+  displayName: "NtdHeart",
+  // text children centre on the middle of the lobes and the point (stacking, 1.3.5)
+  textCenter: [12, 11.2],
+  paths: {
+    solid: ({ primaryColor, strokeWidth: _strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z",
+        fill: primaryColor
+      }
+    ),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    duotone: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsx("path", { d: HEART, fill: primaryColor, stroke: secondaryColor, strokeWidth }),
+    vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: HEART, fill: secondaryColor }),
+      within(
+        uid,
+        "left",
+        /* @__PURE__ */ jsx("rect", { x: "0", y: "0", width: "12", height: "24" }),
+        /* @__PURE__ */ jsx("path", { d: HEART, fill: primaryColor })
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: HEART,
+          stroke: accentColor,
+          strokeWidth,
+          opacity: accentOpacity,
+          fill: "none"
+        }
+      )
+    ] })
+  }
 });
 const NtdStar = /* @__PURE__ */ createIcon({
-    displayName: 'NtdStar',
-    // text children centre on the middle of the body, below the box centre (stacking, 1.3.5)
-    textCenter: [12, 12.6],
-    paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z", fill: primaryColor })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z", fill: primaryColor }), jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z", fill: "white", opacity: "0.1" })] })),
-    },
+  displayName: "NtdStar",
+  // text children centre on the middle of the body, below the box centre (stacking, 1.3.5)
+  textCenter: [12, 12.6],
+  paths: {
+    solid: ({ primaryColor, strokeWidth: _strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z",
+        fill: primaryColor
+      }
+    ),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z",
+          fill: secondaryColor,
+          opacity: secondaryOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] })),
+    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z",
+          fill: primaryColor
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z",
+          fill: "white",
+          opacity: "0.1"
+        }
+      )
+    ] })
+  }
 });
-const NtdBell = /* @__PURE__ */ bellIcon('NtdBell', false);
+const NtdBell = /* @__PURE__ */ bellIcon("NtdBell", false);
 const NtdEye = /* @__PURE__ */ createIcon({
-    displayName: 'NtdEye',
-    paths: {
-        // the whole eye primary, the iris a thin ring in the accent colour (r 4.5) around a large pupil
-        // (r 3.4) — primary here (the filled variants do not use secondary), secondary in duotone and
-        // vivid
-        solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "4.5", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "12", r: "3.4", fill: primaryColor })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        // the eye primary, the ring in the accent colour, the pupil secondary
-        duotone: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "4.5", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "12", r: "3.4", fill: secondaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "4.5", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "12", r: "3.4", fill: secondaryColor })] })),
-    },
+  displayName: "NtdEye",
+  paths: {
+    // the whole eye primary, the iris a thin ring in the accent colour (r 4.5) around a large pupil
+    // (r 3.4) — primary here (the filled variants do not use secondary), secondary in duotone and
+    // vivid
+    solid: ({ primaryColor, accentColor, accentOpacity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z", fill: primaryColor }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "4.5", fill: accentColor, opacity: accentOpacity }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3.4", fill: primaryColor })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3", stroke: primaryColor, strokeWidth, fill: "none" })
+    ] }),
+    // the eye primary, the ring in the accent colour, the pupil secondary
+    duotone: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z", fill: primaryColor }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "4.5", fill: accentColor, opacity: accentOpacity }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3.4", fill: secondaryColor })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z", fill: primaryColor }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "4.5", fill: accentColor, opacity: accentOpacity }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3.4", fill: secondaryColor })
+    ] })
+  }
 });
 const NtdEyeOff = /* @__PURE__ */ createIcon({
-    displayName: 'NtdEyeOff',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24M1 1l22 22", stroke: primaryColor, strokeWidth: strokeWidth })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24M1 1l22 22", stroke: primaryColor, strokeWidth: strokeWidth })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z", fill: secondaryColor, opacity: secondaryOpacity * 0.5 }), jsx("path", { d: "M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24M1 1l22 22", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsx(Fragment, { children: jsx("path", { d: "M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24M1 1l22 22", stroke: primaryColor, strokeWidth: "2.2" }) })),
-    },
+  displayName: "NtdEyeOff",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24M1 1l22 22",
+        stroke: primaryColor,
+        strokeWidth
+      }
+    ),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24M1 1l22 22",
+        stroke: primaryColor,
+        strokeWidth
+      }
+    ),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z",
+          fill: secondaryColor,
+          opacity: secondaryOpacity * 0.5
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24M1 1l22 22",
+          stroke: primaryColor,
+          strokeWidth
+        }
+      )
+    ] })),
+    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24M1 1l22 22",
+        stroke: primaryColor,
+        strokeWidth: "2.2"
+      }
+    ) })
+  }
 });
 const NtdInfo = /* @__PURE__ */ createIcon({
-    displayName: 'NtdInfo',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "8", r: "1", fill: accentColor, opacity: accentOpacity })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "12", cy: "8", r: "1", fill: primaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "8", r: "1", fill: secondaryColor }), jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12", stroke: "white", strokeWidth: "1", opacity: "0.4" })] })),
-    },
+  displayName: "NtdInfo",
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }),
+      /* @__PURE__ */ jsx(
+        "line",
+        {
+          x1: "12",
+          y1: "16",
+          x2: "12",
+          y2: "12",
+          stroke: accentColor,
+          strokeWidth,
+          opacity: accentOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "8", r: "1", fill: accentColor, opacity: accentOpacity })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "12",
+          cy: "12",
+          r: "10",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "8", r: "1", fill: primaryColor })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "8", r: "1", fill: secondaryColor }),
+      /* @__PURE__ */ jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12", stroke: "white", strokeWidth: "1", opacity: "0.4" })
+    ] })
+  }
 });
 const NtdWarning = /* @__PURE__ */ createIcon({
-    displayName: 'NtdWarning',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z", fill: primaryColor }), jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: accentColor, opacity: accentOpacity })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: primaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z", fill: primaryColor }), jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: secondaryColor }), jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13", stroke: "white", strokeWidth: "1", opacity: "0.4" })] })),
-    },
+  displayName: "NtdWarning",
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z",
+          fill: primaryColor
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "line",
+        {
+          x1: "12",
+          y1: "9",
+          x2: "12",
+          y2: "13",
+          stroke: accentColor,
+          strokeWidth,
+          opacity: accentOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "17", r: "1", fill: accentColor, opacity: accentOpacity })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "17", r: "1", fill: primaryColor })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z",
+          fill: primaryColor
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z",
+          fill: "white",
+          opacity: "0.08"
+        }
+      ),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "17", r: "1", fill: secondaryColor }),
+      /* @__PURE__ */ jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13", stroke: "white", strokeWidth: "1", opacity: "0.4" })
+    ] })
+  }
 });
 const NtdError = /* @__PURE__ */ createIcon({
-    displayName: 'NtdError',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("line", { x1: "15", y1: "9", x2: "9", y2: "15", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity }), jsx("line", { x1: "9", y1: "9", x2: "15", y2: "15", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "15", y1: "9", x2: "9", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "9", y1: "9", x2: "15", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsx("line", { x1: "15", y1: "9", x2: "9", y2: "15", stroke: secondaryColor, strokeWidth: "1.8" }), jsx("line", { x1: "9", y1: "9", x2: "15", y2: "15", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
-    },
+  displayName: "NtdError",
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }),
+      /* @__PURE__ */ jsx(
+        "line",
+        {
+          x1: "15",
+          y1: "9",
+          x2: "9",
+          y2: "15",
+          stroke: accentColor,
+          strokeWidth,
+          opacity: accentOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "line",
+        {
+          x1: "9",
+          y1: "9",
+          x2: "15",
+          y2: "15",
+          stroke: accentColor,
+          strokeWidth,
+          opacity: accentOpacity
+        }
+      )
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "12",
+          cy: "12",
+          r: "10",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("line", { x1: "15", y1: "9", x2: "9", y2: "15", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsx("line", { x1: "9", y1: "9", x2: "15", y2: "15", stroke: primaryColor, strokeWidth })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }),
+      /* @__PURE__ */ jsx("line", { x1: "15", y1: "9", x2: "9", y2: "15", stroke: secondaryColor, strokeWidth: "1.8" }),
+      /* @__PURE__ */ jsx("line", { x1: "9", y1: "9", x2: "15", y2: "15", stroke: "#3B82F6", strokeWidth: "1.5" })
+    ] })
+  }
 });
 const NtdSuccess = /* @__PURE__ */ createIcon({
-    displayName: 'NtdSuccess',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M9 12l2 2 4-4", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 12l2 2 4-4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsx("path", { d: "M9 12l2 2 4-4", stroke: secondaryColor, strokeWidth: "1.8" })] })),
-    },
+  displayName: "NtdSuccess",
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M9 12l2 2 4-4",
+          stroke: accentColor,
+          strokeWidth,
+          opacity: accentOpacity
+        }
+      )
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "12",
+          cy: "12",
+          r: "10",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: "M9 12l2 2 4-4", stroke: primaryColor, strokeWidth })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }),
+      /* @__PURE__ */ jsx("path", { d: "M9 12l2 2 4-4", stroke: secondaryColor, strokeWidth: "1.8" })
+    ] })
+  }
 });
 const NtdHelp = /* @__PURE__ */ createIcon({
-    displayName: 'NtdHelp',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: accentColor, opacity: accentOpacity })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: primaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: secondaryColor }), jsx("path", { d: "M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3", stroke: "white", strokeWidth: "1", fill: "none", opacity: "0.4" })] })),
-    },
+  displayName: "NtdHelp",
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3",
+          stroke: accentColor,
+          strokeWidth,
+          fill: "none",
+          opacity: accentOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "17", r: "1", fill: accentColor, opacity: accentOpacity })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "12",
+          cy: "12",
+          r: "10",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "17", r: "1", fill: primaryColor })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "17", r: "1", fill: secondaryColor }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3",
+          stroke: "white",
+          strokeWidth: "1",
+          fill: "none",
+          opacity: "0.4"
+        }
+      )
+    ] })
+  }
 });
-/**
- * The hands: minute 6.8 long, hour 5.4 (were 6 and 4.5) — twice the stroke width in every variant
- * but `outline`.
- */
-const CLOCK_HANDS = 'M12 5.2V12l4.83 2.41';
+const CLOCK_HANDS = "M12 5.2V12l4.83 2.41";
 const NtdClock = /* @__PURE__ */ createIcon({
-    displayName: 'NtdClock',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: CLOCK_HANDS, stroke: accentColor, strokeWidth: strokeWidth * 2, opacity: accentOpacity })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: CLOCK_HANDS, stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsx("path", { d: CLOCK_HANDS, stroke: secondaryColor, strokeWidth: strokeWidth * 2 })] })),
-    },
+  displayName: "NtdClock",
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: CLOCK_HANDS,
+          stroke: accentColor,
+          strokeWidth: strokeWidth * 2,
+          opacity: accentOpacity
+        }
+      )
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "12",
+          cy: "12",
+          r: "10",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: CLOCK_HANDS, stroke: primaryColor, strokeWidth })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }),
+      /* @__PURE__ */ jsx("path", { d: CLOCK_HANDS, stroke: secondaryColor, strokeWidth: strokeWidth * 2 })
+    ] })
+  }
 });
-// NtdHourglass: two plates and the curved glass between them, the sand running from the top bulb
-// (resting at the neck) through a thread onto a pile in the bottom one. Under the `turn` animation
-// the sand pours while the glass holds, in step with the turns (animations.css): each bulb draws
-// its sand twice — at the neck and piled on the base — both scaled from a full bulb, which the
-// CSS swaps between; at rest they are drawn here part way through. Duotone and vivid: the sand
-// secondary.
 const HOURGLASS_PLATES = [
-    { x: 4, y: 2, width: 16, height: 2.5, rx: 1 },
-    { x: 4, y: 19.5, width: 16, height: 2.5, rx: 1 },
+  { x: 4, y: 2, width: 16, height: 2.5, rx: 1 },
+  { x: 4, y: 19.5, width: 16, height: 2.5, rx: 1 }
 ];
-const HOURGLASS_GLASS = 'M6.5 4.5v1.3c0 2.9 2.1 4.6 4.1 6.2-2 1.6-4.1 3.3-4.1 6.2v1.3M17.5 4.5v1.3c0 2.9-2.1 4.6-4.1 6.2 2 1.6 4.1 3.3 4.1 6.2v1.3';
-/** A full bulb of sand: the top one (apex at the neck 12,11.4, base at 5.8) and the bottom one. */
-const HOURGLASS_SAND_TOP = 'M8.2 5.8h7.6c0 2.3-1.5 3.9-3.8 5.6-2.3-1.7-3.8-3.3-3.8-5.6z';
-const HOURGLASS_SAND_BOTTOM = 'M8.2 18.2h7.6c0-2.3-1.5-3.9-3.8-5.6-2.3 1.7-3.8 3.3-3.8 5.6z';
+const HOURGLASS_GLASS = "M6.5 4.5v1.3c0 2.9 2.1 4.6 4.1 6.2-2 1.6-4.1 3.3-4.1 6.2v1.3M17.5 4.5v1.3c0 2.9-2.1 4.6-4.1 6.2 2 1.6 4.1 3.3 4.1 6.2v1.3";
+const HOURGLASS_SAND_TOP = "M8.2 5.8h7.6c0 2.3-1.5 3.9-3.8 5.6-2.3-1.7-3.8-3.3-3.8-5.6z";
+const HOURGLASS_SAND_BOTTOM = "M8.2 18.2h7.6c0-2.3-1.5-3.9-3.8-5.6-2.3 1.7-3.8 3.3-3.8 5.6z";
 function hourglassSand(fill, strokeWidth) {
-    const part = (name) => `ntd-hourglass-sand ntd-hourglass-sand--${name}`;
-    return (jsxs(Fragment, { children: [jsx("path", { className: part('top-neck'), d: HOURGLASS_SAND_TOP, fill: fill, transform: "translate(12 11.4) scale(0.6) translate(-12 -11.4)" }), jsx("path", { className: part('top-base'), d: HOURGLASS_SAND_TOP, fill: fill, transform: "scale(0)" }), jsx("path", { className: part('bottom-neck'), d: HOURGLASS_SAND_BOTTOM, fill: fill, transform: "scale(0)" }), jsx("path", { className: part('bottom-base'), d: HOURGLASS_SAND_BOTTOM, fill: fill, transform: "translate(0 18.2) scale(1 0.45) translate(0 -18.2)" }), jsx("path", { className: part('stream-up'), d: "M12 11.6V6.4", stroke: fill, strokeWidth: strokeWidth * 0.5, opacity: "0" }), jsx("path", { className: part('stream-down'), d: "M12 12.4V17.6", stroke: fill, strokeWidth: strokeWidth * 0.5 })] }));
+  const part = (name) => `ntd-hourglass-sand ntd-hourglass-sand--${name}`;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        className: part("top-neck"),
+        d: HOURGLASS_SAND_TOP,
+        fill,
+        transform: "translate(12 11.4) scale(0.6) translate(-12 -11.4)"
+      }
+    ),
+    /* @__PURE__ */ jsx("path", { className: part("top-base"), d: HOURGLASS_SAND_TOP, fill, transform: "scale(0)" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        className: part("bottom-neck"),
+        d: HOURGLASS_SAND_BOTTOM,
+        fill,
+        transform: "scale(0)"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        className: part("bottom-base"),
+        d: HOURGLASS_SAND_BOTTOM,
+        fill,
+        transform: "translate(0 18.2) scale(1 0.45) translate(0 -18.2)"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        className: part("stream-up"),
+        d: "M12 11.6V6.4",
+        stroke: fill,
+        strokeWidth: strokeWidth * 0.5,
+        opacity: "0"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        className: part("stream-down"),
+        d: "M12 12.4V17.6",
+        stroke: fill,
+        strokeWidth: strokeWidth * 0.5
+      }
+    )
+  ] });
 }
 function hourglassFilled(frame, sand, strokeWidth) {
-    return (jsxs(Fragment, { children: [HOURGLASS_PLATES.map((p) => (jsx("rect", { ...p, fill: frame }, p.y))), jsx("path", { d: HOURGLASS_GLASS, stroke: frame, strokeWidth: strokeWidth, fill: "none" }), hourglassSand(sand, strokeWidth)] }));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    HOURGLASS_PLATES.map((p) => /* @__PURE__ */ jsx("rect", { ...p, fill: frame }, p.y)),
+    /* @__PURE__ */ jsx("path", { d: HOURGLASS_GLASS, stroke: frame, strokeWidth, fill: "none" }),
+    hourglassSand(sand, strokeWidth)
+  ] });
 }
 const NtdHourglass = /* @__PURE__ */ createIcon({
-    displayName: 'NtdHourglass',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => hourglassFilled(primaryColor, primaryColor, strokeWidth),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: `M4.5 3.25h15M4.5 20.75h15${HOURGLASS_GLASS}`, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), hourglassSand(primaryColor, strokeWidth)] })),
-        duotone: ({ primaryColor, secondaryColor, strokeWidth }) => hourglassFilled(primaryColor, secondaryColor, strokeWidth),
-        vivid: ({ primaryColor, secondaryColor, strokeWidth }) => hourglassFilled(primaryColor, secondaryColor, strokeWidth),
-    },
+  displayName: "NtdHourglass",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => hourglassFilled(primaryColor, primaryColor, strokeWidth),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: `M4.5 3.25h15M4.5 20.75h15${HOURGLASS_GLASS}`,
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      hourglassSand(primaryColor, strokeWidth)
+    ] }),
+    duotone: ({ primaryColor, secondaryColor, strokeWidth }) => hourglassFilled(primaryColor, secondaryColor, strokeWidth),
+    vivid: ({ primaryColor, secondaryColor, strokeWidth }) => hourglassFilled(primaryColor, secondaryColor, strokeWidth)
+  }
 });
-// The binder rings are 1.6x the stroke wide; the header line is a cut across the page, kept
-// inside it so it meets the sides flush (its round caps stuck out of both). Filled — solid and
-// duotone alike — the header and the rings are secondary over a primary sheet, the line between
-// them in the accent colour. The header is a plain band clipped to the page, so `sharp` and
-// `rounded` (which re-shape the page's `<rect>`) square or round its top corners with the page's.
 const CALENDAR_PAGE = { x: 3, y: 4, width: 18, height: 18, rx: 2 };
-const CALENDAR_HEAD_BAND = 'M3 4h18v5.5H3z';
-const CALENDAR_RINGS = 'M16 2v4M8 2v4';
-function calendarFilled({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth, uid, }) {
-    return (jsxs(Fragment, { children: [jsx("rect", { ...CALENDAR_PAGE, fill: primaryColor }), within(uid, 'header', jsx("rect", { ...CALENDAR_PAGE }), jsxs(Fragment, { children: [jsx("path", { d: CALENDAR_HEAD_BAND, fill: secondaryColor }), jsx("path", { d: "M3 9.5h18", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })), jsx("path", { d: CALENDAR_RINGS, stroke: secondaryColor, strokeWidth: strokeWidth * 1.6 })] }));
+const CALENDAR_HEAD_BAND = "M3 4h18v5.5H3z";
+const CALENDAR_RINGS = "M16 2v4M8 2v4";
+function calendarFilled({
+  primaryColor,
+  secondaryColor,
+  accentColor,
+  accentOpacity,
+  strokeWidth,
+  uid
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("rect", { ...CALENDAR_PAGE, fill: primaryColor }),
+    within(
+      uid,
+      "header",
+      /* @__PURE__ */ jsx("rect", { ...CALENDAR_PAGE }),
+      /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("path", { d: CALENDAR_HEAD_BAND, fill: secondaryColor }),
+        /* @__PURE__ */ jsx("path", { d: "M3 9.5h18", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })
+      ] })
+    ),
+    /* @__PURE__ */ jsx("path", { d: CALENDAR_RINGS, stroke: secondaryColor, strokeWidth: strokeWidth * 1.6 })
+  ] });
 }
 const NtdCalendar = /* @__PURE__ */ createIcon({
-    displayName: 'NtdCalendar',
-    perfectStackX: 12,
-    perfectStackY: 13,
-    perfectStackSize: 0.55,
-    paths: {
-        solid: calendarFilled,
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: CALENDAR_RINGS, stroke: primaryColor, strokeWidth: strokeWidth * 1.6 }), jsx("path", { d: "M3 9.5h18", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: calendarFilled,
-        vivid: calendarFilled,
-    },
+  displayName: "NtdCalendar",
+  perfectStackX: 12,
+  perfectStackY: 13,
+  perfectStackSize: 0.55,
+  paths: {
+    solid: calendarFilled,
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "3",
+          y: "4",
+          width: "18",
+          height: "18",
+          rx: "2",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: CALENDAR_RINGS, stroke: primaryColor, strokeWidth: strokeWidth * 1.6 }),
+      /* @__PURE__ */ jsx("path", { d: "M3 9.5h18", stroke: primaryColor, strokeWidth })
+    ] }),
+    duotone: calendarFilled,
+    vivid: calendarFilled
+  }
 });
-// NtdTag: the hole sits on the tag's axis close to the point (5.5, 5.5; it was 7, 7). Stacked icons
-// and text go past the hole, along the tag (1.3.8).
 const NtdTag = /* @__PURE__ */ createIcon({
-    displayName: 'NtdTag',
-    perfectStackX: 12.5,
-    perfectStackY: 12.5,
-    perfectStackRotation: 45,
-    perfectStackSize: 0.4,
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z", fill: primaryColor }), jsx("circle", { cx: "5.5", cy: "5.5", r: "1.5", fill: accentColor, opacity: accentOpacity })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "5.5", cy: "5.5", r: "1", fill: primaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z", fill: primaryColor }), jsx("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "5.5", cy: "5.5", r: "1.5", fill: secondaryColor })] })),
-    },
+  displayName: "NtdTag",
+  perfectStackX: 12.5,
+  perfectStackY: 12.5,
+  perfectStackRotation: 45,
+  perfectStackSize: 0.4,
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z",
+          fill: primaryColor
+        }
+      ),
+      /* @__PURE__ */ jsx("circle", { cx: "5.5", cy: "5.5", r: "1.5", fill: accentColor, opacity: accentOpacity })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("circle", { cx: "5.5", cy: "5.5", r: "1", fill: primaryColor })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z",
+          fill: primaryColor
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z",
+          fill: "white",
+          opacity: "0.08"
+        }
+      ),
+      /* @__PURE__ */ jsx("circle", { cx: "5.5", cy: "5.5", r: "1.5", fill: secondaryColor })
+    ] })
+  }
 });
-/** The backspace key: a key shape pointing left with a cross inside (delete the last character). */
 const NtdBackspace = /* @__PURE__ */ createIcon({
-    displayName: 'NtdBackspace',
-    perfectStackX: 13.5,
-    perfectStackY: 12,
-    perfectStackSize: 0.5,
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 4H8l-7 8 7 8h13a2 2 0 002-2V6a2 2 0 00-2-2z", fill: primaryColor }), jsx("line", { x1: "18", y1: "9", x2: "12", y2: "15", stroke: accentColor, strokeOpacity: accentOpacity, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("line", { x1: "12", y1: "9", x2: "18", y2: "15", stroke: accentColor, strokeOpacity: accentOpacity, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 4H8l-7 8 7 8h13a2 2 0 002-2V6a2 2 0 00-2-2z", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "round", fill: "none" }), jsx("line", { x1: "18", y1: "9", x2: "12", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("line", { x1: "12", y1: "9", x2: "18", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 4H8l-7 8 7 8h13a2 2 0 002-2V6a2 2 0 00-2-2z", fill: primaryColor }), jsx("line", { x1: "18", y1: "9", x2: "12", y2: "15", stroke: secondaryColor, strokeWidth: "1.8", strokeLinecap: "round" }), jsx("line", { x1: "12", y1: "9", x2: "18", y2: "15", stroke: secondaryColor, strokeWidth: "1.8", strokeLinecap: "round" })] })),
-    },
+  displayName: "NtdBackspace",
+  perfectStackX: 13.5,
+  perfectStackY: 12,
+  perfectStackSize: 0.5,
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M21 4H8l-7 8 7 8h13a2 2 0 002-2V6a2 2 0 00-2-2z", fill: primaryColor }),
+      /* @__PURE__ */ jsx(
+        "line",
+        {
+          x1: "18",
+          y1: "9",
+          x2: "12",
+          y2: "15",
+          stroke: accentColor,
+          strokeOpacity: accentOpacity,
+          strokeWidth,
+          strokeLinecap: "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "line",
+        {
+          x1: "12",
+          y1: "9",
+          x2: "18",
+          y2: "15",
+          stroke: accentColor,
+          strokeOpacity: accentOpacity,
+          strokeWidth,
+          strokeLinecap: "round"
+        }
+      )
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M21 4H8l-7 8 7 8h13a2 2 0 002-2V6a2 2 0 00-2-2z",
+          stroke: primaryColor,
+          strokeWidth,
+          strokeLinejoin: "round",
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "line",
+        {
+          x1: "18",
+          y1: "9",
+          x2: "12",
+          y2: "15",
+          stroke: primaryColor,
+          strokeWidth,
+          strokeLinecap: "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "line",
+        {
+          x1: "12",
+          y1: "9",
+          x2: "18",
+          y2: "15",
+          stroke: primaryColor,
+          strokeWidth,
+          strokeLinecap: "round"
+        }
+      )
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M21 4H8l-7 8 7 8h13a2 2 0 002-2V6a2 2 0 00-2-2z", fill: primaryColor }),
+      /* @__PURE__ */ jsx(
+        "line",
+        {
+          x1: "18",
+          y1: "9",
+          x2: "12",
+          y2: "15",
+          stroke: secondaryColor,
+          strokeWidth: "1.8",
+          strokeLinecap: "round"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "line",
+        {
+          x1: "12",
+          y1: "9",
+          x2: "18",
+          y2: "15",
+          stroke: secondaryColor,
+          strokeWidth: "1.8",
+          strokeLinecap: "round"
+        }
+      )
+    ] })
+  }
 });
 const NtdBookmark = /* @__PURE__ */ createIcon({
-    displayName: 'NtdBookmark',
-    perfectStackX: 12,
-    perfectStackY: 9.5,
-    perfectStackSize: 0.4,
-    paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2v16z", fill: primaryColor })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2v16z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2v16z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2v16z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2v16z", fill: primaryColor }), jsx("path", { d: "M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2v16z", fill: "white", opacity: "0.1" })] })),
-        // square top corners: the derived `sharp` only re-caps strokes, the arcs of a path stay round
-        sharp: ({ primaryColor }) => jsx("path", { d: "M19 21l-7-5-7 5V3h14v18z", fill: primaryColor }),
-    },
+  displayName: "NtdBookmark",
+  perfectStackX: 12,
+  perfectStackY: 9.5,
+  perfectStackSize: 0.4,
+  paths: {
+    solid: ({ primaryColor, strokeWidth: _strokeWidth }) => /* @__PURE__ */ jsx("path", { d: "M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2v16z", fill: primaryColor }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2v16z",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2v16z",
+          fill: secondaryColor,
+          opacity: secondaryOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2v16z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] })),
+    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2v16z", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: "M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2v16z", fill: "white", opacity: "0.1" })
+    ] }),
+    // square top corners: the derived `sharp` only re-caps strokes, the arcs of a path stay round
+    sharp: ({ primaryColor }) => /* @__PURE__ */ jsx("path", { d: "M19 21l-7-5-7 5V3h14v18z", fill: primaryColor })
+  }
 });
-// NtdFlag: the pole is the cloth's left edge, from just above the cloth to 5 below it (7 before).
-// It used to start under the cloth one half-stroke to the right of its edge, which lined up with
-// the fill but stuck out right of the outline. Filled, its left side is the cloth's left edge;
-// stroked, it runs along that edge.
-const FLAG_CLOTH = 'M4 4.5s1-1 4-1 5 2 8 2 4-1 4-1v11s-1 1-4 1-5-2-8-2-4 1-4 1z';
+const FLAG_CLOTH = "M4 4.5s1-1 4-1 5 2 8 2 4-1 4-1v11s-1 1-4 1-5-2-8-2-4 1-4 1z";
 const NtdFlag = /* @__PURE__ */ createIcon({
-    displayName: 'NtdFlag',
-    perfectStackX: 12,
-    perfectStackY: 10,
-    perfectStackSize: 0.35,
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: FLAG_CLOTH, fill: primaryColor }), jsx("path", { d: `M${4 + strokeWidth / 2} 3v17.5`, stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: `${FLAG_CLOTH}M4 3v17.5`, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: FLAG_CLOTH, fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: `${FLAG_CLOTH}M4 3v17.5`, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
-        vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: FLAG_CLOTH, fill: primaryColor }), jsx("path", { d: FLAG_CLOTH, fill: "white", opacity: "0.1" }), jsx("path", { d: `M${4 + strokeWidth / 2} 3v17.5`, stroke: secondaryColor, strokeWidth: strokeWidth })] })),
-    },
+  displayName: "NtdFlag",
+  perfectStackX: 12,
+  perfectStackY: 10,
+  perfectStackSize: 0.35,
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: FLAG_CLOTH, fill: primaryColor }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: `M${4 + strokeWidth / 2} 3v17.5`,
+          stroke: primaryColor,
+          strokeWidth
+        }
+      )
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: `${FLAG_CLOTH}M4 3v17.5`,
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: FLAG_CLOTH, fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: `${FLAG_CLOTH}M4 3v17.5`,
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] })),
+    vivid: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: FLAG_CLOTH, fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: FLAG_CLOTH, fill: "white", opacity: "0.1" }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: `M${4 + strokeWidth / 2} 3v17.5`,
+          stroke: secondaryColor,
+          strokeWidth
+        }
+      )
+    ] })
+  }
 });
 const NtdThumbUp = /* @__PURE__ */ createIcon({
-    displayName: 'NtdThumbUp',
-    paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14zM7 22H4a2 2 0 01-2-2v-7a2 2 0 012-2h3", fill: primaryColor })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14zM7 22H4a2 2 0 01-2-2v-7a2 2 0 012-2h3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M7 11H4a2 2 0 00-2 2v7a2 2 0 002 2h3V11z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14zM7 22H4a2 2 0 01-2-2v-7a2 2 0 012-2h3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14zM7 22H4a2 2 0 01-2-2v-7a2 2 0 012-2h3", fill: primaryColor }), jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14zM7 22H4a2 2 0 01-2-2v-7a2 2 0 012-2h3", fill: "white", opacity: "0.1" })] })),
-    },
+  displayName: "NtdThumbUp",
+  paths: {
+    solid: ({ primaryColor, strokeWidth: _strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14zM7 22H4a2 2 0 01-2-2v-7a2 2 0 012-2h3",
+        fill: primaryColor
+      }
+    ),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14zM7 22H4a2 2 0 01-2-2v-7a2 2 0 012-2h3",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M7 11H4a2 2 0 00-2 2v7a2 2 0 002 2h3V11z",
+          fill: secondaryColor,
+          opacity: secondaryOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14zM7 22H4a2 2 0 01-2-2v-7a2 2 0 012-2h3",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] }),
+    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14zM7 22H4a2 2 0 01-2-2v-7a2 2 0 012-2h3",
+          fill: primaryColor
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14zM7 22H4a2 2 0 01-2-2v-7a2 2 0 012-2h3",
+          fill: "white",
+          opacity: "0.1"
+        }
+      )
+    ] })
+  }
 });
 const NtdThumbDown = /* @__PURE__ */ createIcon({
-    displayName: 'NtdThumbDown',
-    paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10zM17 2h2.67A2.31 2.31 0 0122 4v7a2.31 2.31 0 01-2.33 2H17", fill: primaryColor })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10zM17 2h2.67A2.31 2.31 0 0122 4v7a2.31 2.31 0 01-2.33 2H17", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M17 2h2.67A2.31 2.31 0 0122 4v7a2.31 2.31 0 01-2.33 2H17V2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10zM17 2h2.67A2.31 2.31 0 0122 4v7a2.31 2.31 0 01-2.33 2H17", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10zM17 2h2.67A2.31 2.31 0 0122 4v7a2.31 2.31 0 01-2.33 2H17", fill: primaryColor }), jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10zM17 2h2.67A2.31 2.31 0 0122 4v7a2.31 2.31 0 01-2.33 2H17", fill: "white", opacity: "0.1" })] })),
-    },
+  displayName: "NtdThumbDown",
+  paths: {
+    solid: ({ primaryColor, strokeWidth: _strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10zM17 2h2.67A2.31 2.31 0 0122 4v7a2.31 2.31 0 01-2.33 2H17",
+        fill: primaryColor
+      }
+    ),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10zM17 2h2.67A2.31 2.31 0 0122 4v7a2.31 2.31 0 01-2.33 2H17",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M17 2h2.67A2.31 2.31 0 0122 4v7a2.31 2.31 0 01-2.33 2H17V2z",
+          fill: secondaryColor,
+          opacity: secondaryOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10zM17 2h2.67A2.31 2.31 0 0122 4v7a2.31 2.31 0 01-2.33 2H17",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] }),
+    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10zM17 2h2.67A2.31 2.31 0 0122 4v7a2.31 2.31 0 01-2.33 2H17",
+          fill: primaryColor
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10zM17 2h2.67A2.31 2.31 0 0122 4v7a2.31 2.31 0 01-2.33 2H17",
+          fill: "white",
+          opacity: "0.1"
+        }
+      )
+    ] })
+  }
 });
 const NtdShield = /* @__PURE__ */ createIcon({
-    displayName: 'NtdShield',
-    // text children centre on the wide upper part of the shield (stacking, 1.3.5)
-    textCenter: [12, 11],
-    paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z", fill: primaryColor })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 12l2 2 4-4", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z", fill: primaryColor }), jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z", fill: "white", opacity: "0.1" })] })),
-    },
+  displayName: "NtdShield",
+  // text children centre on the wide upper part of the shield (stacking, 1.3.5)
+  textCenter: [12, 11],
+  paths: {
+    solid: ({ primaryColor, strokeWidth: _strokeWidth }) => /* @__PURE__ */ jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z", fill: primaryColor }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z",
+          fill: secondaryColor,
+          opacity: secondaryOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: "M9 12l2 2 4-4", stroke: primaryColor, strokeWidth })
+    ] })),
+    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z", fill: "white", opacity: "0.1" })
+    ] })
+  }
 });
-const GLOBE_GRID = 'M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10A15.3 15.3 0 0112 2z';
+const GLOBE_GRID = "M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10A15.3 15.3 0 0112 2z";
 const NtdGlobe = /* @__PURE__ */ createIcon({
-    displayName: 'NtdGlobe',
-    paths: {
-        // a filled globe with its grid in the accent colour, kept inside the disc (it was the
-        // outline's rings, unfilled). The grid is 1.5x the stroke in the filled variants, but stays
-        // at 0.75x in the cutout, which is drawn from this layer too.
-        solid: ({ variant, primaryColor, accentColor, accentOpacity, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), within(uid, 'grid', jsx("circle", { cx: "12", cy: "12", r: "10" }), jsx("path", { d: GLOBE_GRID, stroke: accentColor, strokeWidth: strokeWidth * (variant === 'cutout' ? 0.75 : 1.5), opacity: accentOpacity, fill: "none" }))] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10A15.3 15.3 0 0112 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), within(uid, 'grid', jsx("circle", { cx: "12", cy: "12", r: "10" }), jsx("path", { d: GLOBE_GRID, stroke: secondaryColor, strokeWidth: strokeWidth * 1.5, fill: "none" }))] })),
-    },
+  displayName: "NtdGlobe",
+  paths: {
+    // a filled globe with its grid in the accent colour, kept inside the disc (it was the
+    // outline's rings, unfilled). The grid is 1.5x the stroke in the filled variants, but stays
+    // at 0.75x in the cutout, which is drawn from this layer too.
+    solid: ({ variant, primaryColor, accentColor, accentOpacity, strokeWidth, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }),
+      within(
+        uid,
+        "grid",
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: GLOBE_GRID,
+            stroke: accentColor,
+            strokeWidth: strokeWidth * (variant === "cutout" ? 0.75 : 1.5),
+            opacity: accentOpacity,
+            fill: "none"
+          }
+        )
+      )
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "12",
+          cy: "12",
+          r: "10",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10A15.3 15.3 0 0112 2z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] }),
+    vivid: ({ primaryColor, secondaryColor, strokeWidth, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }),
+      within(
+        uid,
+        "grid",
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: GLOBE_GRID,
+            stroke: secondaryColor,
+            strokeWidth: strokeWidth * 1.5,
+            fill: "none"
+          }
+        )
+      )
+    ] })
+  }
 });
 const NtdMap = /* @__PURE__ */ createIcon({
-    displayName: 'NtdMap',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M1 6v16l7-4 8 4 7-4V2l-7 4-8-4-7 4zM8 2v16M16 6v16", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M1 6v16l7-4 8 4 7-4V2l-7 4-8-4-7 4zM8 2v16M16 6v16", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2l8 4v16l-8-4V2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M1 6v16l7-4 8 4 7-4V2l-7 4-8-4-7 4zM8 2v16M16 6v16", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsx(Fragment, { children: jsx("path", { d: "M1 6v16l7-4 8 4 7-4V2l-7 4-8-4-7 4zM8 2v16M16 6v16", stroke: primaryColor, strokeWidth: "2.2", fill: "none" }) })),
-    },
+  displayName: "NtdMap",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M1 6v16l7-4 8 4 7-4V2l-7 4-8-4-7 4zM8 2v16M16 6v16",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M1 6v16l7-4 8 4 7-4V2l-7 4-8-4-7 4zM8 2v16M16 6v16",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M8 2l8 4v16l-8-4V2z", fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M1 6v16l7-4 8 4 7-4V2l-7 4-8-4-7 4zM8 2v16M16 6v16",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] }),
+    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M1 6v16l7-4 8 4 7-4V2l-7 4-8-4-7 4zM8 2v16M16 6v16",
+        stroke: primaryColor,
+        strokeWidth: "2.2",
+        fill: "none"
+      }
+    ) })
+  }
 });
-// NtdPin / NtdMapPin: one map pin, plain and with the dot in its head (NtdPin had the dot until
-// 1.3.8). The head is the spot stacked icons and text go to: its centre (12, 10), half the pin's
-// size — the head is 18 across. The outline's point is sharp (miter join). Duotone and vivid are
-// fills only: the plain pin split down the middle, primary left and secondary right; the map pin
-// primary with a secondary dot (vivid had a white sheen).
-const PIN_BODY = 'M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z';
+const PIN_BODY = "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z";
 const PIN_DOT = { cx: 12, cy: 10, r: 3 };
 function pinIcon(displayName, dot) {
-    const filled = ({ primaryColor, secondaryColor, uid }) => dot ? (jsxs(Fragment, { children: [jsx("path", { d: PIN_BODY, fill: primaryColor }), jsx("circle", { ...PIN_DOT, fill: secondaryColor })] })) : (jsxs(Fragment, { children: [jsx("path", { d: PIN_BODY, fill: secondaryColor }), within(uid, 'left', jsx("rect", { x: "0", y: "0", width: "12", height: "24" }), jsx("path", { d: PIN_BODY, fill: primaryColor }))] }));
-    return createIcon({
-        displayName,
-        perfectStackX: 12,
-        perfectStackY: 10,
-        perfectStackSize: 0.5,
-        paths: {
-            solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: PIN_BODY, fill: primaryColor }), dot && jsx("circle", { ...PIN_DOT, fill: accentColor, opacity: accentOpacity })] })),
-            outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: PIN_BODY, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: "none" }), dot && (jsx("circle", { ...PIN_DOT, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }))] })),
-            duotone: filled,
-            vivid: filled,
-        },
-    });
+  const filled = ({ primaryColor, secondaryColor, uid }) => dot ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: PIN_BODY, fill: primaryColor }),
+    /* @__PURE__ */ jsx("circle", { ...PIN_DOT, fill: secondaryColor })
+  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: PIN_BODY, fill: secondaryColor }),
+    within(
+      uid,
+      "left",
+      /* @__PURE__ */ jsx("rect", { x: "0", y: "0", width: "12", height: "24" }),
+      /* @__PURE__ */ jsx("path", { d: PIN_BODY, fill: primaryColor })
+    )
+  ] });
+  return createIcon({
+    displayName,
+    perfectStackX: 12,
+    perfectStackY: 10,
+    perfectStackSize: 0.5,
+    paths: {
+      solid: ({ primaryColor, accentColor, accentOpacity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("path", { d: PIN_BODY, fill: primaryColor }),
+        dot && /* @__PURE__ */ jsx("circle", { ...PIN_DOT, fill: accentColor, opacity: accentOpacity })
+      ] }),
+      outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: PIN_BODY,
+            stroke: primaryColor,
+            strokeWidth,
+            strokeLinejoin: "miter",
+            fill: "none"
+          }
+        ),
+        dot && /* @__PURE__ */ jsx("circle", { ...PIN_DOT, stroke: primaryColor, strokeWidth, fill: "none" })
+      ] }),
+      duotone: filled,
+      vivid: filled
+    }
+  });
 }
-const NtdPin = /* @__PURE__ */ pinIcon('NtdPin', false);
-const NtdMapPin = /* @__PURE__ */ pinIcon('NtdMapPin', true);
+const NtdPin = /* @__PURE__ */ pinIcon("NtdPin", false);
+const NtdMapPin = /* @__PURE__ */ pinIcon("NtdMapPin", true);
 const NtdSun = /* @__PURE__ */ createIcon({
-    displayName: 'NtdSun',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "5", fill: primaryColor }), jsx("path", { d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2 }), jsx("circle", { cx: "12", cy: "12", r: "5", fill: primaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "5", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "5", fill: "white", opacity: "0.1" }), jsx("path", { d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42", stroke: secondaryColor, strokeWidth: "1.8" })] })),
-    },
+  displayName: "NtdSun",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "5", fill: primaryColor }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42",
+          stroke: primaryColor,
+          strokeWidth
+        }
+      )
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "5", stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42",
+          stroke: primaryColor,
+          strokeWidth
+        }
+      )
+    ] }),
+    duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42",
+          stroke: secondaryColor,
+          strokeWidth,
+          opacity: secondaryOpacity + 0.2
+        }
+      ),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "5", fill: primaryColor })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "5", fill: primaryColor }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "5", fill: "white", opacity: "0.1" }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42",
+          stroke: secondaryColor,
+          strokeWidth: "1.8"
+        }
+      )
+    ] })
+  }
 });
 const NtdMoon = /* @__PURE__ */ createIcon({
-    displayName: 'NtdMoon',
-    paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z", fill: primaryColor })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z", fill: primaryColor }), jsx("path", { d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z", fill: "white", opacity: "0.1" })] })),
-    },
+  displayName: "NtdMoon",
+  paths: {
+    solid: ({ primaryColor, strokeWidth: _strokeWidth }) => /* @__PURE__ */ jsx("path", { d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z", fill: primaryColor }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z",
+          fill: secondaryColor,
+          opacity: secondaryOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] })),
+    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z", fill: "white", opacity: "0.1" })
+    ] })
+  }
 });
-// ── Relocated from brand packs ──
 const NtdCursor = /* @__PURE__ */ createIcon({
-    displayName: 'NtdCursor',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 3l12 8-5 1.5L14 20l-3 1-2-7-4 2z", fill: primaryColor }), jsx("line", { x1: "16", y1: "5", x2: "20", y2: "3", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M5 3l12 8-5 1.5L14 20l-3 1-2-7-4 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 3l12 8-5 1.5L14 20l-3 1-2-7-4 2z", fill: primaryColor }), jsx("path", { d: "M5 3l12 8-5 1.5L14 20l-3 1-2-7-4 2z", fill: "white", opacity: "0.1" }), jsx("line", { x1: "16", y1: "5", x2: "20", y2: "3", stroke: secondaryColor, strokeWidth: "1.8" })] })),
-    },
+  displayName: "NtdCursor",
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M5 3l12 8-5 1.5L14 20l-3 1-2-7-4 2z", fill: primaryColor }),
+      /* @__PURE__ */ jsx(
+        "line",
+        {
+          x1: "16",
+          y1: "5",
+          x2: "20",
+          y2: "3",
+          stroke: accentColor,
+          strokeWidth,
+          opacity: accentOpacity
+        }
+      )
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M5 3l12 8-5 1.5L14 20l-3 1-2-7-4 2z",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M5 3l12 8-5 1.5L14 20l-3 1-2-7-4 2z", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: "M5 3l12 8-5 1.5L14 20l-3 1-2-7-4 2z", fill: "white", opacity: "0.1" }),
+      /* @__PURE__ */ jsx("line", { x1: "16", y1: "5", x2: "20", y2: "3", stroke: secondaryColor, strokeWidth: "1.8" })
+    ] })
+  }
 });
 const NtdWireframe = /* @__PURE__ */ createIcon({
-    displayName: 'NtdWireframe',
-    paths: {
-        solid: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "16", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 9h18M8 9v11M14 9v11", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M3 4h18v16H3zM3 9h18M8 9v11M14 9v11", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "16", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 4h18v16H3zM3 9h18M8 9v11M14 9v11", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "16", rx: "2", fill: primaryColor }), jsx("rect", { x: "3", y: "4", width: "18", height: "16", rx: "2", fill: "white", opacity: "0.1" }), jsx("path", { d: "M3 9h18M8 9v11M14 9v11", stroke: secondaryColor, strokeWidth: "1.8" })] })),
-    },
+  displayName: "NtdWireframe",
+  paths: {
+    solid: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "3",
+          y: "4",
+          width: "18",
+          height: "16",
+          rx: "2",
+          fill: secondaryColor,
+          opacity: secondaryOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: "M3 9h18M8 9v11M14 9v11", stroke: primaryColor, strokeWidth })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M3 4h18v16H3zM3 9h18M8 9v11M14 9v11",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "3",
+          y: "4",
+          width: "18",
+          height: "16",
+          rx: "2",
+          fill: secondaryColor,
+          opacity: secondaryOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M3 4h18v16H3zM3 9h18M8 9v11M14 9v11",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] })),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "18", height: "16", rx: "2", fill: primaryColor }),
+      /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "18", height: "16", rx: "2", fill: "white", opacity: "0.1" }),
+      /* @__PURE__ */ jsx("path", { d: "M3 9h18M8 9v11M14 9v11", stroke: secondaryColor, strokeWidth: "1.8" })
+    ] })
+  }
 });
-
-export { NtdAdmin, NtdBackspace, NtdBell, NtdBookmark, NtdCalendar, NtdClock, NtdCursor, NtdError, NtdEye, NtdEyeOff, NtdFlag, NtdGlobe, NtdHeart, NtdHelp, NtdHome, NtdHourglass, NtdInfo, NtdMap, NtdMapPin, NtdMoon, NtdPin, NtdShield, NtdStar, NtdSuccess, NtdSun, NtdTag, NtdThumbDown, NtdThumbUp, NtdUser, NtdUsers, NtdWarning, NtdWireframe };
+export {
+  NtdAdmin,
+  NtdBackspace,
+  NtdBell,
+  NtdBookmark,
+  NtdCalendar,
+  NtdClock,
+  NtdCursor,
+  NtdError,
+  NtdEye,
+  NtdEyeOff,
+  NtdFlag,
+  NtdGlobe,
+  NtdHeart,
+  NtdHelp,
+  NtdHome,
+  NtdHourglass,
+  NtdInfo,
+  NtdMap,
+  NtdMapPin,
+  NtdMoon,
+  NtdPin,
+  NtdShield,
+  NtdStar,
+  NtdSuccess,
+  NtdSun,
+  NtdTag,
+  NtdThumbDown,
+  NtdThumbUp,
+  NtdUser,
+  NtdUsers,
+  NtdWarning,
+  NtdWireframe
+};