@nice2dev/icons 1.4.2 → 1.4.4

package/dist/esm/icons/files.js

@@ -1,6 +1,8 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { createIcon } from "../createIcon.js";
 import { paperIcon, swapDuotone, within } from "../iconParts.js";
+import { stackedIcon } from "../stackedIcon.js";
+import { NtdArrowUp, NtdArrowDown } from "./navigation.js";
 const NtdFile = /* @__PURE__ */ paperIcon("NtdFile");
 const NtdFileText = /* @__PURE__ */ paperIcon(
   "NtdFileText",
@@ -265,134 +267,16 @@ const NtdCloud = /* @__PURE__ */ createIcon({
     ] })
   }
 });
-const NtdCloudUpload = /* @__PURE__ */ createIcon({
-  displayName: "NtdCloudUpload",
-  paths: {
-    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z",
-          fill: primaryColor,
-          opacity: "0.2",
-          stroke: primaryColor,
-          strokeWidth
-        }
-      ),
-      /* @__PURE__ */ jsx("path", { d: "M16 16l-4-4-4 4M12 12v9", stroke: primaryColor, strokeWidth })
-    ] }),
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx("path", { d: "M16 16l-4-4-4 4M12 12v9", stroke: primaryColor, strokeWidth })
-    ] }),
-    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z",
-          fill: secondaryColor,
-          opacity: secondaryOpacity
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx("path", { d: "M16 16l-4-4-4 4M12 12v9", stroke: primaryColor, strokeWidth })
-    ] })),
-    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z",
-          fill: primaryColor,
-          opacity: "0.2",
-          stroke: primaryColor,
-          strokeWidth: "2"
-        }
-      ),
-      /* @__PURE__ */ jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: "white", opacity: "0.1" }),
-      /* @__PURE__ */ jsx("path", { d: "M16 16l-4-4-4 4M12 12v9", stroke: secondaryColor, strokeWidth: "1.8" })
-    ] })
-  }
-});
-const NtdCloudDownload = /* @__PURE__ */ createIcon({
-  displayName: "NtdCloudDownload",
-  paths: {
-    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z",
-          fill: primaryColor,
-          opacity: "0.2",
-          stroke: primaryColor,
-          strokeWidth
-        }
-      ),
-      /* @__PURE__ */ jsx("path", { d: "M8 17l4 4 4-4M12 12v9", stroke: primaryColor, strokeWidth })
-    ] }),
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx("path", { d: "M8 17l4 4 4-4M12 12v9", stroke: primaryColor, strokeWidth })
-    ] }),
-    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z",
-          fill: secondaryColor,
-          opacity: secondaryOpacity
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx("path", { d: "M8 17l4 4 4-4M12 12v9", stroke: primaryColor, strokeWidth })
-    ] })),
-    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z",
-          fill: primaryColor,
-          opacity: "0.2",
-          stroke: primaryColor,
-          strokeWidth: "2"
-        }
-      ),
-      /* @__PURE__ */ jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: "white", opacity: "0.1" }),
-      /* @__PURE__ */ jsx("path", { d: "M8 17l4 4 4-4M12 12v9", stroke: secondaryColor, strokeWidth: "1.8" })
-    ] })
-  }
-});
+const NtdCloudUpload = /* @__PURE__ */ stackedIcon(
+  "NtdCloudUpload",
+  NtdCloud,
+  /* @__PURE__ */ jsx(NtdArrowUp, {})
+);
+const NtdCloudDownload = /* @__PURE__ */ stackedIcon(
+  "NtdCloudDownload",
+  NtdCloud,
+  /* @__PURE__ */ jsx(NtdArrowDown, {})
+);
 const TERMINAL_PROMPT = "M6 8.5l4.5 3.5L6 15.5M12.5 16.5H18";
 const NtdTerminal = /* @__PURE__ */ createIcon({
   displayName: "NtdTerminal",
@@ -636,34 +520,28 @@ const NtdPackage = /* @__PURE__ */ createIcon({
 const LAYERS_TOP = "M12 2.8L21.5 7.6V9.8L12 14.6L2.5 9.8V7.6Z";
 const LAYERS_CREASE = "M2.5 7.6L12 12.4L21.5 7.6";
 const LAYERS_UNDER = "M2.5 10.9L12 15.7L21.5 10.9V13.1L12 17.9L2.5 13.1ZM2.5 14.2L12 19L21.5 14.2V16.4L12 21.2L2.5 16.4Z";
-function layers(top, under, crease, width, uid, round = false) {
+function layers(top, under, round = false) {
   const rounded = round ? (
     // round joins, thin enough to keep the 1.1 gaps open
     { stroke: void 0, strokeWidth: 0.4, strokeLinejoin: "round" }
   ) : void 0;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("path", { d: LAYERS_UNDER, fill: under, ...rounded && { ...rounded, stroke: under } }),
-    /* @__PURE__ */ jsx("path", { d: LAYERS_TOP, fill: top, ...rounded && { ...rounded, stroke: top } }),
-    within(
-      uid,
-      "slab",
-      /* @__PURE__ */ jsx("path", { d: LAYERS_TOP }),
-      /* @__PURE__ */ jsx("path", { d: LAYERS_CREASE, stroke: crease, strokeWidth: width, fill: "none" })
-    )
+    /* @__PURE__ */ jsx("path", { d: LAYERS_TOP, fill: top, ...rounded && { ...rounded, stroke: top } })
   ] });
 }
 const NtdLayers = /* @__PURE__ */ createIcon({
   displayName: "NtdLayers",
   paths: {
-    solid: ({ primaryColor, accentColor, strokeWidth, uid }) => layers(primaryColor, primaryColor, accentColor, strokeWidth, uid),
-    rounded: ({ primaryColor, accentColor, strokeWidth, uid }) => layers(primaryColor, primaryColor, accentColor, strokeWidth, uid, true),
+    solid: ({ primaryColor }) => layers(primaryColor, primaryColor),
+    rounded: ({ primaryColor }) => layers(primaryColor, primaryColor, true),
     outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs("g", { stroke: primaryColor, strokeWidth, strokeLinejoin: "miter", fill: "none", children: [
       /* @__PURE__ */ jsx("path", { d: LAYERS_TOP }),
       /* @__PURE__ */ jsx("path", { d: LAYERS_CREASE }),
       /* @__PURE__ */ jsx("path", { d: LAYERS_UNDER })
     ] }),
-    duotone: ({ primaryColor, secondaryColor, accentColor, strokeWidth, uid }) => layers(primaryColor, secondaryColor, accentColor, strokeWidth, uid),
-    vivid: ({ primaryColor, secondaryColor, accentColor, strokeWidth, uid }) => layers(primaryColor, secondaryColor, accentColor, strokeWidth, uid)
+    duotone: ({ primaryColor, secondaryColor }) => layers(primaryColor, secondaryColor),
+    vivid: ({ primaryColor, secondaryColor }) => layers(primaryColor, secondaryColor)
   }
 });
 const NtdGrid = /* @__PURE__ */ createIcon({
@@ -843,167 +721,110 @@ const NtdList = /* @__PURE__ */ createIcon({
     vivid: ({ primaryColor, secondaryColor, strokeWidth }) => listFilled(primaryColor, secondaryColor, strokeWidth)
   }
 });
+const TABLE = { x: 3, y: 3, width: 18, height: 18, rx: 2 };
+const TABLE_HEADER = "M3 3h18v6H3z";
+const TABLE_GRID = "M3 9h18M3 15h18M9 3v18";
+function tableFilled({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth, uid }, header) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("rect", { ...TABLE, fill: primaryColor }),
+    within(
+      uid,
+      "table",
+      /* @__PURE__ */ jsx("rect", { ...TABLE }),
+      /* @__PURE__ */ jsxs(Fragment, { children: [
+        header && /* @__PURE__ */ jsx("path", { d: TABLE_HEADER, fill: secondaryColor }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: TABLE_GRID,
+            stroke: accentColor,
+            strokeWidth,
+            opacity: accentOpacity
+          }
+        )
+      ] })
+    )
+  ] });
+}
 const NtdTable = /* @__PURE__ */ createIcon({
   displayName: "NtdTable",
   paths: {
-    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "rect",
-        {
-          x: "3",
-          y: "3",
-          width: "18",
-          height: "18",
-          rx: "2",
-          fill: primaryColor,
-          opacity: "0.15",
-          stroke: primaryColor,
-          strokeWidth
-        }
-      ),
-      /* @__PURE__ */ jsx("line", { x1: "3", y1: "9", x2: "21", y2: "9", stroke: primaryColor, strokeWidth }),
-      /* @__PURE__ */ jsx("line", { x1: "3", y1: "15", x2: "21", y2: "15", stroke: primaryColor, strokeWidth }),
-      /* @__PURE__ */ jsx("line", { x1: "9", y1: "3", x2: "9", y2: "21", stroke: primaryColor, strokeWidth })
+    solid: (p) => tableFilled(p, false),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs("g", { stroke: primaryColor, strokeWidth, fill: "none", children: [
+      /* @__PURE__ */ jsx("rect", { ...TABLE }),
+      /* @__PURE__ */ jsx("path", { d: TABLE_GRID })
     ] }),
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "rect",
-        {
-          x: "3",
-          y: "3",
-          width: "18",
-          height: "18",
-          rx: "2",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx("line", { x1: "3", y1: "9", x2: "21", y2: "9", stroke: primaryColor, strokeWidth }),
-      /* @__PURE__ */ jsx("line", { x1: "3", y1: "15", x2: "21", y2: "15", stroke: primaryColor, strokeWidth }),
-      /* @__PURE__ */ jsx("line", { x1: "9", y1: "3", x2: "9", y2: "21", stroke: primaryColor, strokeWidth })
-    ] }),
-    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "rect",
-        {
-          x: "3",
-          y: "3",
-          width: "18",
-          height: "18",
-          rx: "2",
-          fill: secondaryColor,
-          opacity: secondaryOpacity
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "rect",
-        {
-          x: "3",
-          y: "3",
-          width: "18",
-          height: "18",
-          rx: "2",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx("line", { x1: "3", y1: "9", x2: "21", y2: "9", stroke: primaryColor, strokeWidth }),
-      /* @__PURE__ */ jsx("line", { x1: "3", y1: "15", x2: "21", y2: "15", stroke: primaryColor, strokeWidth }),
-      /* @__PURE__ */ jsx("line", { x1: "9", y1: "3", x2: "9", y2: "21", stroke: primaryColor, strokeWidth })
-    ] })),
-    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "rect",
-        {
-          x: "3",
-          y: "3",
-          width: "18",
-          height: "18",
-          rx: "2",
-          fill: primaryColor,
-          opacity: "0.15",
-          stroke: primaryColor,
-          strokeWidth: "2"
-        }
-      ),
-      /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: "white", opacity: "0.1" }),
-      /* @__PURE__ */ jsx("line", { x1: "3", y1: "9", x2: "21", y2: "9", stroke: secondaryColor, strokeWidth: "1.8" }),
-      /* @__PURE__ */ jsx("line", { x1: "3", y1: "15", x2: "21", y2: "15", stroke: "#3B82F6", strokeWidth: "1.5" }),
-      /* @__PURE__ */ jsx("line", { x1: "9", y1: "3", x2: "9", y2: "21", stroke: "#3B82F6", strokeWidth: "1.5" })
-    ] })
+    duotone: (p) => tableFilled(p, true),
+    vivid: (p) => tableFilled(p, true)
   }
 });
-const NtdSmartphone = /* @__PURE__ */ createIcon({
-  displayName: "NtdSmartphone",
-  paths: {
-    solid: ({ primaryColor, accentColor, accentOpacity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: primaryColor }),
-      /* @__PURE__ */ jsx(
-        "rect",
-        {
-          x: "6.5",
-          y: "3.5",
-          width: "11",
-          height: "17",
-          rx: "0.75",
-          fill: accentColor,
-          opacity: accentOpacity
-        }
-      ),
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "18.4", r: "1.25", fill: primaryColor })
-    ] }),
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "rect",
-        {
-          x: "5",
-          y: "2",
-          width: "14",
-          height: "20",
-          rx: "2",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx("line", { x1: "12", y1: "18", x2: "12.01", y2: "18", stroke: primaryColor, strokeWidth })
-    ] }),
-    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "rect",
-        {
-          x: "5",
-          y: "2",
-          width: "14",
-          height: "20",
-          rx: "2",
-          fill: secondaryColor,
-          opacity: secondaryOpacity
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "rect",
-        {
-          x: "5",
-          y: "2",
-          width: "14",
-          height: "20",
-          rx: "2",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx("line", { x1: "12", y1: "18", x2: "12.01", y2: "18", stroke: primaryColor, strokeWidth })
-    ] })),
-    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: primaryColor }),
-      /* @__PURE__ */ jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: "white", opacity: "0.1" }),
-      /* @__PURE__ */ jsx("line", { x1: "12", y1: "18", x2: "12.01", y2: "18", stroke: secondaryColor, strokeWidth: "1.8" })
-    ] })
-  }
+function handheldIcon(displayName, d) {
+  const body = { x: d.x, y: 2, width: d.width, height: 20, rx: 2 };
+  const screen = {
+    x: d.x + d.bezel,
+    y: 2 + d.bezel,
+    width: d.width - 2 * d.bezel,
+    height: 20 - 2 * d.bezel,
+    rx: 0.75
+  };
+  return createIcon({
+    displayName,
+    paths: {
+      solid: ({ primaryColor, accentColor, accentOpacity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("rect", { ...body, fill: primaryColor }),
+        /* @__PURE__ */ jsx("rect", { ...screen, fill: accentColor, opacity: accentOpacity }),
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: d.dotY, r: d.dotR, fill: primaryColor })
+      ] }),
+      outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("rect", { ...body, stroke: primaryColor, strokeWidth, fill: "none" }),
+        /* @__PURE__ */ jsx(
+          "line",
+          {
+            x1: "12",
+            y1: "18",
+            x2: "12.01",
+            y2: "18",
+            stroke: primaryColor,
+            strokeWidth
+          }
+        )
+      ] }),
+      duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("rect", { ...body, fill: secondaryColor, opacity: secondaryOpacity }),
+        /* @__PURE__ */ jsx("rect", { ...body, stroke: primaryColor, strokeWidth, fill: "none" }),
+        /* @__PURE__ */ jsx(
+          "line",
+          {
+            x1: "12",
+            y1: "18",
+            x2: "12.01",
+            y2: "18",
+            stroke: primaryColor,
+            strokeWidth
+          }
+        )
+      ] })),
+      vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("rect", { ...body, fill: primaryColor }),
+        /* @__PURE__ */ jsx("rect", { ...body, fill: "white", opacity: "0.1" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", y1: "18", x2: "12.01", y2: "18", stroke: secondaryColor, strokeWidth: "1.8" })
+      ] })
+    }
+  });
+}
+const NtdSmartphone = /* @__PURE__ */ handheldIcon("NtdSmartphone", {
+  x: 5,
+  width: 14,
+  bezel: 1.5,
+  dotY: 18.4,
+  dotR: 1.25
+});
+const NtdTablet = /* @__PURE__ */ handheldIcon("NtdTablet", {
+  x: 3,
+  width: 18,
+  bezel: 1.25,
+  dotY: 18.75,
+  dotR: 1.1
 });
 const MONITOR_SCREEN = { x: 2, y: 3, width: 20, height: 14, rx: 2 };
 const MONITOR_STAND = "M12 17v4.5M7.5 21.5h9";
@@ -1133,12 +954,34 @@ const NtdKey = /* @__PURE__ */ createIcon({
   }
 });
 const AWARD_RIBBON = "M8.21 13.89L7 23l5-3 5 3-1.21-9.12";
-const AWARD_RIBBON_INNER = "M9.67 14.3L8.9 20.11L12 18.25L15.1 20.11L14.32 14.3z";
-function awardFilled({ primaryColor, secondaryColor, strokeWidth }, ribbonEdge) {
+const AWARD_RIBBON_INNER = "M9.67 14.3L8.9 20.11L12 18.25L15.1 20.11L14.32 14.3";
+function awardFilled({ primaryColor, accentColor, accentOpacity, strokeWidth }, ribbon, lines) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("path", { d: AWARD_RIBBON, fill: ribbonEdge, stroke: ribbonEdge, strokeWidth }),
-    /* @__PURE__ */ jsx("path", { d: AWARD_RIBBON_INNER, fill: secondaryColor }),
-    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "8", r: "7", fill: primaryColor })
+    /* @__PURE__ */ jsx("path", { d: AWARD_RIBBON, fill: ribbon, stroke: ribbon, strokeWidth }),
+    lines && /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: AWARD_RIBBON_INNER,
+        stroke: accentColor,
+        strokeWidth: strokeWidth * 0.6,
+        strokeLinejoin: "round",
+        opacity: accentOpacity,
+        fill: "none"
+      }
+    ),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "8", r: "7", fill: primaryColor }),
+    lines && /* @__PURE__ */ jsx(
+      "circle",
+      {
+        cx: "12",
+        cy: "8",
+        r: "5.9",
+        stroke: accentColor,
+        strokeWidth: strokeWidth * 0.6,
+        opacity: accentOpacity,
+        fill: "none"
+      }
+    )
   ] });
 }
 const NtdAward = /* @__PURE__ */ createIcon({
@@ -1147,7 +990,7 @@ const NtdAward = /* @__PURE__ */ createIcon({
   perfectStackY: 8,
   perfectStackSize: 0.4,
   paths: {
-    solid: (props) => awardFilled(props, props.primaryColor),
+    solid: (p) => awardFilled(p, p.primaryColor, true),
     outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("circle", { cx: "12", cy: "8", r: "7", stroke: primaryColor, strokeWidth, fill: "none" }),
       /* @__PURE__ */ jsx(
@@ -1160,104 +1003,31 @@ const NtdAward = /* @__PURE__ */ createIcon({
         }
       )
     ] }),
-    duotone: (props) => awardFilled(props, props.primaryColor),
-    vivid: (props) => awardFilled(props, props.accentColor)
-  }
-});
-const NtdCoffee = /* @__PURE__ */ createIcon({
-  displayName: "NtdCoffee",
-  perfectStackX: 10,
-  perfectStackY: 14.5,
-  perfectStackSize: 0.4,
-  paths: {
-    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M18 8h1a4 4 0 010 8h-1M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z",
-          fill: primaryColor
-        }
-      ),
-      /* @__PURE__ */ jsx("line", { x1: "6", y1: "1", x2: "6", y2: "4", stroke: primaryColor, strokeWidth }),
-      /* @__PURE__ */ jsx("line", { x1: "10", y1: "1", x2: "10", y2: "4", stroke: primaryColor, strokeWidth }),
-      /* @__PURE__ */ jsx("line", { x1: "14", y1: "1", x2: "14", y2: "4", stroke: primaryColor, strokeWidth })
-    ] }),
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M18 8h1a4 4 0 010 8h-1M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx("line", { x1: "6", y1: "1", x2: "6", y2: "4", stroke: primaryColor, strokeWidth }),
-      /* @__PURE__ */ jsx("line", { x1: "10", y1: "1", x2: "10", y2: "4", stroke: primaryColor, strokeWidth }),
-      /* @__PURE__ */ jsx("line", { x1: "14", y1: "1", x2: "14", y2: "4", stroke: primaryColor, strokeWidth })
-    ] }),
-    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z",
-          fill: secondaryColor,
-          opacity: secondaryOpacity
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M18 8h1a4 4 0 010 8h-1M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx("line", { x1: "6", y1: "1", x2: "6", y2: "4", stroke: primaryColor, strokeWidth }),
-      /* @__PURE__ */ jsx("line", { x1: "10", y1: "1", x2: "10", y2: "4", stroke: primaryColor, strokeWidth }),
-      /* @__PURE__ */ jsx("line", { x1: "14", y1: "1", x2: "14", y2: "4", stroke: primaryColor, strokeWidth })
-    ] })),
-    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M18 8h1a4 4 0 010 8h-1M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z",
-          fill: primaryColor
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M18 8h1a4 4 0 010 8h-1M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z",
-          fill: "white",
-          opacity: "0.1"
-        }
-      ),
-      /* @__PURE__ */ jsx("line", { x1: "6", y1: "1", x2: "6", y2: "4", stroke: secondaryColor, strokeWidth: "1.8" }),
-      /* @__PURE__ */ jsx("line", { x1: "10", y1: "1", x2: "10", y2: "4", stroke: "#3B82F6", strokeWidth: "1.5" }),
-      /* @__PURE__ */ jsx("line", { x1: "14", y1: "1", x2: "14", y2: "4", stroke: "#3B82F6", strokeWidth: "1.5" })
-    ] })
+    duotone: (p) => awardFilled(p, p.secondaryColor, false),
+    vivid: (p) => awardFilled(p, p.secondaryColor, true)
   }
 });
 const CART_FRAME = "M2 3.5h2.3l3.3 12.9H19.3";
 const CART_BASKET = "M5.07 6.5H21.3l-1.7 7.1H6.88z";
-const CART_BARS = "M11.3 5v10M15.9 5v10M3 10.05h20";
+const CART_BARS = "M6.39 5L8.94 15M12.2 5v10M16.6 5v10M3 10.05h20";
+const CART_WHEELS = [9.4, 18.2];
+function cartFilled({ primaryColor, accentColor, accentOpacity, strokeWidth, uid }, frame, wheels, bars) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: CART_FRAME, stroke: frame, strokeWidth: strokeWidth * 2, fill: "none" }),
+    /* @__PURE__ */ jsx("path", { d: CART_BASKET, fill: primaryColor }),
+    bars && within(
+      uid,
+      "bars",
+      /* @__PURE__ */ jsx("path", { d: CART_BASKET }),
+      /* @__PURE__ */ jsx("path", { d: CART_BARS, stroke: accentColor, strokeWidth: "1.3", opacity: accentOpacity })
+    ),
+    CART_WHEELS.map((cx) => /* @__PURE__ */ jsx("circle", { cx, cy: "20", r: "1.8", fill: wheels }, cx))
+  ] });
+}
 const NtdCart = /* @__PURE__ */ createIcon({
   displayName: "NtdCart",
   paths: {
-    solid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("path", { d: CART_FRAME, stroke: primaryColor, strokeWidth, fill: "none" }),
-      /* @__PURE__ */ jsx("path", { d: CART_BASKET, fill: primaryColor }),
-      within(
-        uid,
-        "bars",
-        /* @__PURE__ */ jsx("path", { d: CART_BASKET }),
-        /* @__PURE__ */ jsx("path", { d: CART_BARS, stroke: accentColor, strokeWidth: "1.3", opacity: accentOpacity })
-      ),
-      /* @__PURE__ */ jsx("circle", { cx: "9.4", cy: "20", r: "1.8", fill: secondaryColor }),
-      /* @__PURE__ */ jsx("circle", { cx: "18.2", cy: "20", r: "1.8", fill: secondaryColor })
-    ] }),
+    solid: (p) => cartFilled(p, p.primaryColor, p.primaryColor, true),
     outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("path", { d: CART_FRAME, stroke: primaryColor, strokeWidth, fill: "none" }),
       /* @__PURE__ */ jsx(
@@ -1270,38 +1040,20 @@ const NtdCart = /* @__PURE__ */ createIcon({
           fill: "none"
         }
       ),
-      /* @__PURE__ */ jsx("circle", { cx: "9.4", cy: "20", r: "1.4", stroke: primaryColor, strokeWidth }),
-      /* @__PURE__ */ jsx("circle", { cx: "18.2", cy: "20", r: "1.4", stroke: primaryColor, strokeWidth })
-    ] }),
-    duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("path", { d: CART_BASKET, fill: secondaryColor, opacity: secondaryOpacity }),
-      /* @__PURE__ */ jsx("path", { d: CART_FRAME, stroke: primaryColor, strokeWidth, fill: "none" }),
-      /* @__PURE__ */ jsx(
-        "path",
+      CART_WHEELS.map((cx) => /* @__PURE__ */ jsx(
+        "circle",
         {
-          d: CART_BASKET,
+          cx,
+          cy: "20",
+          r: "1.4",
           stroke: primaryColor,
-          strokeWidth,
-          strokeLinejoin: "round",
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx("circle", { cx: "9.4", cy: "20", r: "1.8", fill: primaryColor }),
-      /* @__PURE__ */ jsx("circle", { cx: "18.2", cy: "20", r: "1.8", fill: primaryColor })
+          strokeWidth
+        },
+        cx
+      ))
     ] }),
-    vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("path", { d: CART_FRAME, stroke: primaryColor, strokeWidth, fill: "none" }),
-      /* @__PURE__ */ jsx("path", { d: CART_BASKET, fill: primaryColor }),
-      /* @__PURE__ */ jsx("path", { d: CART_BASKET, fill: "white", opacity: "0.12" }),
-      within(
-        uid,
-        "bars",
-        /* @__PURE__ */ jsx("path", { d: CART_BASKET }),
-        /* @__PURE__ */ jsx("path", { d: CART_BARS, stroke: accentColor, strokeWidth: "1.3", opacity: accentOpacity })
-      ),
-      /* @__PURE__ */ jsx("circle", { cx: "9.4", cy: "20", r: "1.8", fill: secondaryColor }),
-      /* @__PURE__ */ jsx("circle", { cx: "18.2", cy: "20", r: "1.8", fill: secondaryColor })
-    ] })
+    duotone: (p) => cartFilled(p, p.secondaryColor, p.secondaryColor, false),
+    vivid: (p) => cartFilled(p, p.primaryColor, p.secondaryColor, true)
   }
 });
 const NtdShoppingCart = NtdCart;
@@ -1359,8 +1111,8 @@ const NtdCreditCard = /* @__PURE__ */ createIcon({
     ] })
   }
 });
-const PIE_REST = "M11 12L18.07 4.93A10 10 0 1 0 18.07 19.07Z";
-const PIE_SLICE = "M13 12L20.07 4.93A10 10 0 0 1 20.07 19.07Z";
+const PIE_REST = "M11.01 12.99H21.01A10 10 0 1 1 11.01 2.99Z";
+const PIE_SLICE = "M12.99 11.01V1.01A10 10 0 0 1 22.99 11.01Z";
 function pieFilled(rest, slice) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("path", { d: PIE_REST, fill: rest }),
@@ -1371,29 +1123,11 @@ const NtdPieChart = /* @__PURE__ */ createIcon({
   displayName: "NtdPieChart",
   paths: {
     solid: ({ primaryColor }) => pieFilled(primaryColor, primaryColor),
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M15.76 21.27A10 10 0 1 1 15.65 2.69",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M19.07 19.07A10 10 0 0 0 19.07 4.93L12 12z",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      )
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs("g", { stroke: primaryColor, strokeWidth, strokeLinejoin: "miter", fill: "none", children: [
+      /* @__PURE__ */ jsx("path", { d: PIE_REST }),
+      /* @__PURE__ */ jsx("path", { d: PIE_SLICE })
     ] }),
-    duotone: swapDuotone(
-      ({ primaryColor, secondaryColor }) => pieFilled(secondaryColor, primaryColor)
-    ),
+    duotone: ({ primaryColor, secondaryColor }) => pieFilled(primaryColor, secondaryColor),
     vivid: ({ primaryColor, secondaryColor }) => pieFilled(primaryColor, secondaryColor)
   }
 });
@@ -1546,11 +1280,11 @@ const NtdTarget = /* @__PURE__ */ createIcon({
     vivid: ({ primaryColor, secondaryColor, strokeWidth }) => target(primaryColor, secondaryColor, secondaryColor, strokeWidth * 2, true)
   }
 });
-const TRUCK_BODY = "M2 6h13a1 1 0 011 1V9h4l3 3v4.5H2a1 1 0 01-1-1V7a1 1 0 011-1z";
-const TRUCK_BODY_ROUNDED = "M4 6h9a3 3 0 013 3h4l3 3v2.5a2 2 0 01-2 2H4a3 3 0 01-3-3V9a3 3 0 013-3z";
-const TRUCK_BOX = "M2 6h13a1 1 0 011 1v9.5H2a1 1 0 01-1-1V7a1 1 0 011-1z";
-const TRUCK_CAB = "M15.5 9H20l3 3v4.5h-7.5z";
-const TRUCK_WHEELS = [5.5, 18.5];
+const TRUCK_BODY = "M3.2 6h10.6a1 1 0 011 1V9h4l3 3v4.5H3.2a1 1 0 01-1-1V7a1 1 0 011-1z";
+const TRUCK_BODY_ROUNDED = "M5.2 6h6.6a3 3 0 013 3h4l3 3v2.5a2 2 0 01-2 2H5.2a3 3 0 01-3-3V9a3 3 0 013-3z";
+const TRUCK_BOX = "M3.2 6h10.6a1 1 0 011 1v9.5H3.2a1 1 0 01-1-1V7a1 1 0 011-1z";
+const TRUCK_CAB = "M14.3 9H18.8l3 3v4.5h-7.5z";
+const TRUCK_WHEELS = [5.7, 17.3];
 function truckWheels(fill, ring, opacity) {
   return TRUCK_WHEELS.map((cx) => /* @__PURE__ */ jsx(
     "circle",
@@ -1578,38 +1312,36 @@ const NtdTruck = /* @__PURE__ */ createIcon({
     solid: (props) => truckSolid(TRUCK_BODY, props),
     rounded: (props) => truckSolid(TRUCK_BODY_ROUNDED, props),
     outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("path", { d: "M1 6h15v10.5H1z", stroke: primaryColor, strokeWidth, fill: "none" }),
       /* @__PURE__ */ jsx(
         "path",
         {
-          d: "M16 9h4l3 3v4.5h-7V9z",
+          d: "M2.2 6h12.6v10.5H2.2z",
           stroke: primaryColor,
           strokeWidth,
           fill: "none"
         }
       ),
       /* @__PURE__ */ jsx(
-        "circle",
+        "path",
         {
-          cx: "5.5",
-          cy: "17.4",
-          r: "3",
+          d: "M14.8 9h4l3 3v4.5h-7V9z",
           stroke: primaryColor,
           strokeWidth,
           fill: "none"
         }
       ),
-      /* @__PURE__ */ jsx(
+      TRUCK_WHEELS.map((cx) => /* @__PURE__ */ jsx(
         "circle",
         {
-          cx: "18.5",
+          cx,
           cy: "17.4",
           r: "3",
           stroke: primaryColor,
           strokeWidth,
           fill: "none"
-        }
-      )
+        },
+        cx
+      ))
     ] }),
     // the cab in full secondary, as every duotone split
     duotone: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -1634,7 +1366,6 @@ export {
   NtdCloudDownload,
   NtdCloudUpload,
   NtdCode,
-  NtdCoffee,
   NtdCpu,
   NtdCreditCard,
   NtdDatabase,
@@ -1653,6 +1384,7 @@ export {
   NtdShoppingCart,
   NtdSmartphone,
   NtdTable,
+  NtdTablet,
   NtdTarget,
   NtdTerminal,
   NtdTruck