@nice2dev/icons 1.3.15 → 1.3.17

package/dist/esm/icons/navigation.js

@@ -1,155 +1,454 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { createIcon } from '../createIcon.js';
-import { swapDuotone } from '../iconParts.js';
-
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { createIcon } from "../createIcon.js";
+import { swapDuotone } from "../iconParts.js";
 const NtdArrowUp = /* @__PURE__ */ createIcon({
-    displayName: 'NtdArrowUp',
-    paths: {
-        solid: ({ primaryColor }) => jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: primaryColor }),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 5.5l-6.5 6.5H10v7h4v-7h4.5L12 5.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: primaryColor }), jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: "white", opacity: "0.1" })] })),
-    },
+  displayName: "NtdArrowUp",
+  paths: {
+    solid: ({ primaryColor }) => /* @__PURE__ */ jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: primaryColor }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M12 5.5l-6.5 6.5H10v7h4v-7h4.5L12 5.5z",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 4l-8 8h5v8h6v-8h5L12 4z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] })),
+    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: "white", opacity: "0.1" })
+    ] })
+  }
 });
 const NtdArrowDown = /* @__PURE__ */ createIcon({
-    displayName: 'NtdArrowDown',
-    paths: {
-        solid: ({ primaryColor }) => jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: primaryColor }),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 18.5l6.5-6.5H14V5h-4v7H5.5L12 18.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: primaryColor }), jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: "white", opacity: "0.1" })] })),
-    },
+  displayName: "NtdArrowDown",
+  paths: {
+    solid: ({ primaryColor }) => /* @__PURE__ */ jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: primaryColor }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M12 18.5l6.5-6.5H14V5h-4v7H5.5L12 18.5z",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 20l8-8h-5V4H9v8H4l8 8z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] })),
+    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: "white", opacity: "0.1" })
+    ] })
+  }
 });
 const NtdArrowLeft = /* @__PURE__ */ createIcon({
-    displayName: 'NtdArrowLeft',
-    paths: {
-        solid: ({ primaryColor }) => jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: primaryColor }),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M5.5 12l6.5-6.5V10h7v4h-7v4.5L5.5 12z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: primaryColor }), jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: "white", opacity: "0.1" })] })),
-    },
+  displayName: "NtdArrowLeft",
+  paths: {
+    solid: ({ primaryColor }) => /* @__PURE__ */ jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: primaryColor }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M5.5 12l6.5-6.5V10h7v4h-7v4.5L5.5 12z",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M4 12l8-8v5h8v6h-8v5L4 12z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] })),
+    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: "white", opacity: "0.1" })
+    ] })
+  }
 });
 const NtdArrowRight = /* @__PURE__ */ createIcon({
-    displayName: 'NtdArrowRight',
-    paths: {
-        solid: ({ primaryColor }) => jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: primaryColor }),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M18.5 12L12 5.5V10H5v4h7v4.5L18.5 12z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: primaryColor }), jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: "white", opacity: "0.1" })] })),
-    },
+  displayName: "NtdArrowRight",
+  paths: {
+    solid: ({ primaryColor }) => /* @__PURE__ */ jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: primaryColor }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M18.5 12L12 5.5V10H5v4h7v4.5L18.5 12z",
+        stroke: primaryColor,
+        strokeWidth,
+        fill: "none"
+      }
+    ),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M20 12l-8-8v5H4v6h8v5l8-8z",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      )
+    ] })),
+    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: "white", opacity: "0.1" })
+    ] })
+  }
 });
 const NtdChevronUp = /* @__PURE__ */ createIcon({
-    displayName: 'NtdChevronUp',
-    paths: {
-        solid: ({ primaryColor }) => jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: primaryColor }),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M6 15l6-6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 15l6-6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: primaryColor }), jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: "white", opacity: "0.1" })] })),
-    },
+  displayName: "NtdChevronUp",
+  paths: {
+    solid: ({ primaryColor }) => /* @__PURE__ */ jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: primaryColor }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx("path", { d: "M6 15l6-6 6 6", stroke: primaryColor, strokeWidth }),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsx("path", { d: "M6 15l6-6 6 6", stroke: primaryColor, strokeWidth })
+    ] })),
+    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: "white", opacity: "0.1" })
+    ] })
+  }
 });
 const NtdChevronDown = /* @__PURE__ */ createIcon({
-    displayName: 'NtdChevronDown',
-    paths: {
-        solid: ({ primaryColor }) => jsx("path", { d: "M12 16l7-7H5l7 7z", fill: primaryColor }),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M6 9l6 6 6-6", stroke: primaryColor, strokeWidth: strokeWidth })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 16l7-7H5l7 7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 9l6 6 6-6", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 16l7-7H5l7 7z", fill: primaryColor }), jsx("path", { d: "M12 16l7-7H5l7 7z", fill: "white", opacity: "0.1" })] })),
-    },
+  displayName: "NtdChevronDown",
+  paths: {
+    solid: ({ primaryColor }) => /* @__PURE__ */ jsx("path", { d: "M12 16l7-7H5l7 7z", fill: primaryColor }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx("path", { d: "M6 9l6 6 6-6", stroke: primaryColor, strokeWidth }),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M12 16l7-7H5l7 7z", fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsx("path", { d: "M6 9l6 6 6-6", stroke: primaryColor, strokeWidth })
+    ] })),
+    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M12 16l7-7H5l7 7z", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: "M12 16l7-7H5l7 7z", fill: "white", opacity: "0.1" })
+    ] })
+  }
 });
 const NtdChevronLeft = /* @__PURE__ */ createIcon({
-    displayName: 'NtdChevronLeft',
-    paths: {
-        solid: ({ primaryColor }) => jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: primaryColor }),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M15 6l-6 6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M15 6l-6 6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: primaryColor }), jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: "white", opacity: "0.1" })] })),
-    },
+  displayName: "NtdChevronLeft",
+  paths: {
+    solid: ({ primaryColor }) => /* @__PURE__ */ jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: primaryColor }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx("path", { d: "M15 6l-6 6 6 6", stroke: primaryColor, strokeWidth }),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsx("path", { d: "M15 6l-6 6 6 6", stroke: primaryColor, strokeWidth })
+    ] })),
+    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: "white", opacity: "0.1" })
+    ] })
+  }
 });
 const NtdChevronRight = /* @__PURE__ */ createIcon({
-    displayName: 'NtdChevronRight',
-    paths: {
-        solid: ({ primaryColor }) => jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: primaryColor }),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M9 6l6 6-6 6", stroke: primaryColor, strokeWidth: strokeWidth })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M9 6l6 6-6 6", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: primaryColor }), jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: "white", opacity: "0.1" })] })),
-    },
+  displayName: "NtdChevronRight",
+  paths: {
+    solid: ({ primaryColor }) => /* @__PURE__ */ jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: primaryColor }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx("path", { d: "M9 6l6 6-6 6", stroke: primaryColor, strokeWidth }),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsx("path", { d: "M9 6l6 6-6 6", stroke: primaryColor, strokeWidth })
+    ] })),
+    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: "white", opacity: "0.1" })
+    ] })
+  }
 });
 const NtdMenu = /* @__PURE__ */ createIcon({
-    displayName: 'NtdMenu',
-    paths: {
-        solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "5", width: "18", height: "2", rx: "1", fill: primaryColor }), jsx("rect", { x: "3", y: "11", width: "18", height: "2", rx: "1", fill: primaryColor }), jsx("rect", { x: "3", y: "17", width: "18", height: "2", rx: "1", fill: primaryColor })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "3", y1: "6", x2: "21", y2: "6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "3", y1: "12", x2: "21", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "3", y1: "18", x2: "21", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        // the bars of solid, the middle one in secondary (the secondary underlay was drawn over)
-        duotone: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "5", width: "18", height: "2", rx: "1", fill: primaryColor }), jsx("rect", { x: "3", y: "11", width: "18", height: "2", rx: "1", fill: secondaryColor }), jsx("rect", { x: "3", y: "17", width: "18", height: "2", rx: "1", fill: primaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "5", width: "18", height: "2", rx: "1", fill: primaryColor }), jsx("rect", { x: "3", y: "11", width: "18", height: "2", rx: "1", fill: secondaryColor }), jsx("rect", { x: "3", y: "17", width: "18", height: "2", rx: "1", fill: primaryColor })] })),
-    },
+  displayName: "NtdMenu",
+  paths: {
+    solid: ({ primaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { x: "3", y: "5", width: "18", height: "2", rx: "1", fill: primaryColor }),
+      /* @__PURE__ */ jsx("rect", { x: "3", y: "11", width: "18", height: "2", rx: "1", fill: primaryColor }),
+      /* @__PURE__ */ jsx("rect", { x: "3", y: "17", width: "18", height: "2", rx: "1", fill: primaryColor })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("line", { x1: "3", y1: "6", x2: "21", y2: "6", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsx("line", { x1: "3", y1: "12", x2: "21", y2: "12", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsx("line", { x1: "3", y1: "18", x2: "21", y2: "18", stroke: primaryColor, strokeWidth })
+    ] }),
+    // the bars of solid, the middle one in secondary (the secondary underlay was drawn over)
+    duotone: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { x: "3", y: "5", width: "18", height: "2", rx: "1", fill: primaryColor }),
+      /* @__PURE__ */ jsx("rect", { x: "3", y: "11", width: "18", height: "2", rx: "1", fill: secondaryColor }),
+      /* @__PURE__ */ jsx("rect", { x: "3", y: "17", width: "18", height: "2", rx: "1", fill: primaryColor })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("rect", { x: "3", y: "5", width: "18", height: "2", rx: "1", fill: primaryColor }),
+      /* @__PURE__ */ jsx("rect", { x: "3", y: "11", width: "18", height: "2", rx: "1", fill: secondaryColor }),
+      /* @__PURE__ */ jsx("rect", { x: "3", y: "17", width: "18", height: "2", rx: "1", fill: primaryColor })
+    ] })
+  }
 });
-// The filled cross is drawn as two strokes at twice the stroke width, like NtdCheck: it was a
-// fixed outline that did not follow `strokeWidth` at all.
 const NtdClose = /* @__PURE__ */ createIcon({
-    displayName: 'NtdClose',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M18 6L6 18M6 6l12 12", stroke: primaryColor, strokeWidth: strokeWidth * 2 })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        // like NtdPlus: one stroke per colour, no backing disc; vivid adds the crossing in accent
-        duotone: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 6l12 12", stroke: secondaryColor, strokeWidth: strokeWidth * 2 }), jsx("path", { d: "M18 6L6 18", stroke: primaryColor, strokeWidth: strokeWidth * 2 })] })),
-        vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 6l12 12", stroke: secondaryColor, strokeWidth: strokeWidth * 2 }), jsx("path", { d: "M18 6L6 18", stroke: primaryColor, strokeWidth: strokeWidth * 2 }), jsx("rect", { x: 12 - strokeWidth, y: 12 - strokeWidth, width: strokeWidth * 2, height: strokeWidth * 2, transform: "rotate(45 12 12)", fill: accentColor, opacity: accentOpacity })] })),
-    },
+  displayName: "NtdClose",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx("path", { d: "M18 6L6 18M6 6l12 12", stroke: primaryColor, strokeWidth: strokeWidth * 2 }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18", stroke: primaryColor, strokeWidth }),
+      /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18", stroke: primaryColor, strokeWidth })
+    ] }),
+    // like NtdPlus: one stroke per colour, no backing disc; vivid adds the crossing in accent
+    duotone: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M6 6l12 12", stroke: secondaryColor, strokeWidth: strokeWidth * 2 }),
+      /* @__PURE__ */ jsx("path", { d: "M18 6L6 18", stroke: primaryColor, strokeWidth: strokeWidth * 2 })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M6 6l12 12", stroke: secondaryColor, strokeWidth: strokeWidth * 2 }),
+      /* @__PURE__ */ jsx("path", { d: "M18 6L6 18", stroke: primaryColor, strokeWidth: strokeWidth * 2 }),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: 12 - strokeWidth,
+          y: 12 - strokeWidth,
+          width: strokeWidth * 2,
+          height: strokeWidth * 2,
+          transform: "rotate(45 12 12)",
+          fill: accentColor,
+          opacity: accentOpacity
+        }
+      )
+    ] })
+  }
 });
 const NtdMoreHorizontal = /* @__PURE__ */ createIcon({
-    displayName: 'NtdMoreHorizontal',
-    paths: {
-        solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "19", cy: "12", r: "2", fill: primaryColor })] })),
-        outline: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }), jsx("circle", { cx: "19", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" })] })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "19", cy: "12", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] }))),
-        // vivid: the outer dots primary, the middle one secondary (the last was a fixed #3B82F6)
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: secondaryColor }), jsx("circle", { cx: "19", cy: "12", r: "2", fill: primaryColor })] })),
-    },
+  displayName: "NtdMoreHorizontal",
+  paths: {
+    solid: ({ primaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "5", cy: "12", r: "2", fill: primaryColor }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor }),
+      /* @__PURE__ */ jsx("circle", { cx: "19", cy: "12", r: "2", fill: primaryColor })
+    ] }),
+    outline: ({ primaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "5", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }),
+      /* @__PURE__ */ jsx("circle", { cx: "19", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" })
+    ] }),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "5", cy: "12", r: "2", fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsx("circle", { cx: "19", cy: "12", r: "2", fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })
+    ] })),
+    // vivid: the outer dots primary, the middle one secondary (the last was a fixed #3B82F6)
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "5", cy: "12", r: "2", fill: primaryColor }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2", fill: secondaryColor }),
+      /* @__PURE__ */ jsx("circle", { cx: "19", cy: "12", r: "2", fill: primaryColor })
+    ] })
+  }
 });
 const NtdMoreVertical = /* @__PURE__ */ createIcon({
-    displayName: 'NtdMoreVertical',
-    paths: {
-        solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "19", r: "2", fill: primaryColor })] })),
-        outline: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }), jsx("circle", { cx: "12", cy: "19", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" })] })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "19", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] }))),
-        // vivid: the outer dots primary, the middle one secondary (the last was a fixed #3B82F6)
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "19", r: "2", fill: primaryColor })] })),
-    },
+  displayName: "NtdMoreVertical",
+  paths: {
+    solid: ({ primaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "5", r: "2", fill: primaryColor }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "19", r: "2", fill: primaryColor })
+    ] }),
+    outline: ({ primaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "5", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "19", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" })
+    ] }),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "5", r: "2", fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "19", r: "2", fill: secondaryColor, opacity: secondaryOpacity }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })
+    ] })),
+    // vivid: the outer dots primary, the middle one secondary (the last was a fixed #3B82F6)
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "5", r: "2", fill: primaryColor }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2", fill: secondaryColor }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "19", r: "2", fill: primaryColor })
+    ] })
+  }
 });
 const NtdExternalLink = /* @__PURE__ */ createIcon({
-    displayName: 'NtdExternalLink',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "6", width: "13", height: "15", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", stroke: primaryColor, strokeWidth: "2" }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
-    },
+  displayName: "NtdExternalLink",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6",
+          stroke: primaryColor,
+          strokeWidth
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "polyline",
+        {
+          points: "16,3 21,3 21,8",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: primaryColor, strokeWidth })
+    ] }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "polyline",
+        {
+          points: "16,3 21,3 21,8",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: primaryColor, strokeWidth })
+    ] }),
+    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "3",
+          y: "6",
+          width: "13",
+          height: "15",
+          rx: "2",
+          fill: secondaryColor,
+          opacity: secondaryOpacity
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "polyline",
+        {
+          points: "16,3 21,3 21,8",
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: primaryColor, strokeWidth })
+    ] })),
+    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6",
+          stroke: primaryColor,
+          strokeWidth: "2"
+        }
+      ),
+      /* @__PURE__ */ jsx("polyline", { points: "16,3 21,3 21,8", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }),
+      /* @__PURE__ */ jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: "#3B82F6", strokeWidth: "1.5" })
+    ] })
+  }
 });
-// NtdRefresh: two arcs round 12,12 (r 7), each ending in a filled head — a line glyph twice the
-// stroke width in every variant but `outline`. The tail stops inside its head, so no cap sticks
-// out of it in `sharp` (the old tails ran into the heads' corners). Each head (7.2 wide, 4.2 long)
-// points along the chord to the start of the other arrow's tail, with a clear gap before it — the
-// bigger heads pointed past the tails and nearly touched them. Duotone and vivid: the top arrow
-// primary, the bottom one secondary.
 const REFRESH_TOP = {
-    tail: 'M6.34 7.89A7 7 0 0 1 17.98 8.37',
-    head: 'M14.59 8.46L17.89 12.9L21.77 8.96z',
+  tail: "M6.34 7.89A7 7 0 0 1 17.98 8.37",
+  start: [6.34, 7.89],
+  head: "M14.59 8.46L17.89 12.9L21.77 8.96z"
 };
 const REFRESH_BOTTOM = {
-    tail: 'M17.66 16.11A7 7 0 0 1 6.02 15.63',
-    head: 'M9.41 15.54L6.11 11.1L2.23 15.04z',
+  tail: "M17.66 16.11A7 7 0 0 1 6.02 15.63",
+  start: [17.66, 16.11],
+  head: "M9.41 15.54L6.11 11.1L2.23 15.04z"
 };
-function refreshArrows(top, bottom, strokeWidth) {
-    return (jsxs(Fragment, { children: [jsx("path", { d: REFRESH_TOP.tail, stroke: top, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: REFRESH_TOP.head, fill: top }), jsx("path", { d: REFRESH_BOTTOM.tail, stroke: bottom, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: REFRESH_BOTTOM.head, fill: bottom })] }));
+function refreshArrows(top, bottom, strokeWidth, roundTail = true) {
+  const w = strokeWidth * 2;
+  return /* @__PURE__ */ jsx(Fragment, { children: [
+    [REFRESH_TOP, top],
+    [REFRESH_BOTTOM, bottom]
+  ].map(([arrow, color]) => {
+    const a = arrow;
+    const c = color;
+    return /* @__PURE__ */ jsxs("g", { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: a.tail,
+          stroke: c,
+          strokeWidth: w,
+          strokeLinecap: roundTail ? "butt" : void 0,
+          fill: "none"
+        }
+      ),
+      roundTail && /* @__PURE__ */ jsx("circle", { cx: a.start[0], cy: a.start[1], r: w / 2, fill: c }),
+      /* @__PURE__ */ jsx("path", { d: a.head, fill: c })
+    ] }, a.tail);
+  }) });
 }
 const NtdRefresh = /* @__PURE__ */ createIcon({
-    displayName: 'NtdRefresh',
-    paths: {
-        solid: ({ primaryColor, strokeWidth }) => refreshArrows(primaryColor, primaryColor, strokeWidth),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M4 4v5h5M20 20v-5h-5M20.49 9A9 9 0 005.64 5.64L4 9m16 6l-1.64 3.36A9 9 0 013.51 15", stroke: primaryColor, strokeWidth: strokeWidth })),
-        duotone: ({ primaryColor, secondaryColor, strokeWidth }) => refreshArrows(primaryColor, secondaryColor, strokeWidth),
-        vivid: ({ primaryColor, secondaryColor, strokeWidth }) => refreshArrows(primaryColor, secondaryColor, strokeWidth),
-    },
+  displayName: "NtdRefresh",
+  paths: {
+    solid: ({ primaryColor, strokeWidth }) => refreshArrows(primaryColor, primaryColor, strokeWidth),
+    sharp: ({ primaryColor, strokeWidth }) => refreshArrows(primaryColor, primaryColor, strokeWidth, false),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M4 4v5h5M20 20v-5h-5M20.49 9A9 9 0 005.64 5.64L4 9m16 6l-1.64 3.36A9 9 0 013.51 15",
+        stroke: primaryColor,
+        strokeWidth
+      }
+    ),
+    duotone: ({ primaryColor, secondaryColor, strokeWidth }) => refreshArrows(primaryColor, secondaryColor, strokeWidth),
+    vivid: ({ primaryColor, secondaryColor, strokeWidth }) => refreshArrows(primaryColor, secondaryColor, strokeWidth)
+  }
 });
-
-export { NtdArrowDown, NtdArrowLeft, NtdArrowRight, NtdArrowUp, NtdChevronDown, NtdChevronLeft, NtdChevronRight, NtdChevronUp, NtdClose, NtdExternalLink, NtdMenu, NtdMoreHorizontal, NtdMoreVertical, NtdRefresh };
+export {
+  NtdArrowDown,
+  NtdArrowLeft,
+  NtdArrowRight,
+  NtdArrowUp,
+  NtdChevronDown,
+  NtdChevronLeft,
+  NtdChevronRight,
+  NtdChevronUp,
+  NtdClose,
+  NtdExternalLink,
+  NtdMenu,
+  NtdMoreHorizontal,
+  NtdMoreVertical,
+  NtdRefresh
+};