@nice2dev/icons 1.4.0 → 1.4.2

package/CHANGELOG.md

@@ -1,5 +1,49 @@
 # @nice2dev/icons — Changelog
 
+## 1.4.2
+
+No changes in this release.
+
+## 1.4.1
+
+### Patch Changes
+
+- 0513eac: Icons, showcase feedback round 42.
+
+  New icons:
+
+  - `NtdKnife`: a kitchen knife.
+  - `NtdCookingPan`: a frying pan, side view.
+  - `NtdCash`: a flat banknote.
+  - `NtdCashStack`: three notes.
+  - `NtdRefrigerator`.
+  - `NtdShelfRack`: a storage rack with boxes.
+  - The battery set: `NtdBatteryQuarter`, `NtdBatteryHalf`, `NtdBatteryThreeQuarters` and `NtdBatteryFull`, from the same factory as `NtdBattery`.
+  - `batteryIconFor(level)` returns the step for a 0–1 charge level, rounded to the nearest quarter.
+
+  Redrawn icons:
+
+  - `NtdPlanet`: the ring is one band, with no arcs across it at the sides.
+  - `NtdWallet`: a low, wide back pocket.
+  - `NtdMap`: a folded map with a dashed route and an X.
+  - `NtdLayers`: the top layer is a slab as thick as the others.
+  - `NtdCopy`: the back sheet is a little bigger.
+  - `NtdTrash`: a flat lid and a narrower, taller handle.
+  - `NtdDna`: denser, thinner base pairs.
+  - `NtdBitcoin`: 2× the stroke width.
+  - `NtdTruck`: a lower box and thinner wheel rings.
+  - `NtdNuke`: a mushroom cap with a curved underside.
+  - `NtdTarget`: even gaps between the rings at any stroke width.
+  - `NtdCoffeeFood`: a smaller handle and saucer, and three thinner wisps.
+  - `NtdPiggyBank`: drawn anew.
+  - `NtdHeartPulse`: the line meets the heart's edge in every variant.
+  - `NtdBattery`: empty, with the terminal on the body.
+  - `NtdTemperatureSensor`: a bigger bulb and a thin, tall column.
+  - `NtdWarehouse`: a hall with boxes in the doorway.
+  - `NtdForkKnife`: NtdFood's fork and knife, without the plate.
+
+  `NtdWishlist` is now a deprecated alias of `NtdHeart`.
+
 ## 1.4.0
 
 No changes in this release.

package/README.md

@@ -526,17 +526,19 @@ Properties passed to every path renderer (pre-resolved from user props):
 
 `NtdArrowUpCircle` · `NtdArrowDownCircle` · `NtdArrowLeftCircle` · `NtdArrowRightCircle` · `NtdSquare` · `NtdCircle` · `NtdTriangle` · `NtdHexagon` · `NtdOctagon` · `NtdDiamond` · `NtdPentagon` · `NtdCross` · `NtdStar4` · `NtdCornerUpLeft` · `NtdCornerUpRight` · `NtdCornerDownLeft` · `NtdCornerDownRight` · `NtdMaximize` · `NtdMinimize` · `NtdMove` · `NtdRepeat` · `NtdShuffle`
 
-### Business & Finance (16 icons)
+### Business & Finance (18 icons)
 
-`NtdBriefcase` · `NtdDollar` · `NtdWallet` · `NtdReceipt` · `NtdBank` · `NtdTrendUp` · `NtdTrendDown` · `NtdPercent` · `NtdInvoice` · `NtdStore` · `NtdBarcode` · `NtdCalculator` · `NtdPresentation` · `NtdClipboardCheck` · `NtdPiggyBank` · `NtdCoins`
+`NtdBriefcase` · `NtdDollar` · `NtdWallet` · `NtdReceipt` · `NtdBank` · `NtdTrendUp` · `NtdTrendDown` · `NtdPercent` · `NtdInvoice` · `NtdStore` · `NtdBarcode` · `NtdCalculator` · `NtdPresentation` · `NtdClipboardCheck` · `NtdPiggyBank` · `NtdCoins` · `NtdCash` · `NtdCashStack`
 
 ### Social & Communication (8 icons)
 
 `NtdAtSign` · `NtdPhoneOff` · `NtdBubble` · `NtdThumbsUp` · `NtdThumbsDown` · `NtdBellRing` · `NtdMegaphone` · `NtdQrCode`
 
-### Dev & Tech (9 icons)
+### Dev & Tech (13 icons)
 
-`NtdBrackets` · `NtdServer` · `NtdGitBranch` · `NtdGitCommit` · `NtdGitMerge` · `NtdBattery` · `NtdSlash` · `NtdHash` · `NtdBugDev`
+`NtdBrackets` · `NtdServer` · `NtdGitBranch` · `NtdGitCommit` · `NtdGitMerge` · `NtdBattery` · `NtdBatteryQuarter` · `NtdBatteryHalf` · `NtdBatteryThreeQuarters` · `NtdBatteryFull` · `NtdSlash` · `NtdHash` · `NtdBugDev`
+
+The battery levels for live data: `batteryIconFor(level)` (0–1) returns the nearest quarter's icon.
 
 ### Food & Health (13 icons)
 

package/dist/cjs/iconParts.js

@@ -23,6 +23,9 @@ function within(uid, name, shape, content) {
     /* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: `url(#${id})`, children: content })
   ] });
 }
+const CUTLERY_FORK = "M1 3H1.6V7H2.2V3H2.8V7H3.4V3H4V7.2C4 8.4 3.4 9.1 3 9.3V20.5A0.5 0.5 0 0 1 2 20.5V9.3C1.6 9.1 1 8.4 1 7.2Z";
+const CUTLERY_KNIFE = "M20.2 3C22.4 4.2 23 8.2 22.6 12.6H21.9V20.4A0.75 0.75 0 0 1 20.4 20.4V12.6H20.2Z";
+const CUTLERY_FORK_LINES = "M1.3 3V6.8C1.3 8.2 2.5 8.9 2.5 9.4M3.7 3V6.8C3.7 8.2 2.5 8.9 2.5 9.4M2.5 3V20.6";
 const BELL = "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z";
 const BELL_CLAPPER = "M9 18.5h6a3 3 0 01-6 0z";
 const BELL_CLAPPER_LINE = "M9 19a3 3 0 006 0";
@@ -127,6 +130,9 @@ function paperIcon(displayName, text = "") {
     }
   });
 }
+exports.CUTLERY_FORK = CUTLERY_FORK;
+exports.CUTLERY_FORK_LINES = CUTLERY_FORK_LINES;
+exports.CUTLERY_KNIFE = CUTLERY_KNIFE;
 exports.bellIcon = bellIcon;
 exports.detailColor = detailColor;
 exports.paperIcon = paperIcon;

package/dist/cjs/icons/actions.js

@@ -150,8 +150,8 @@ const NtdEditDetail = /* @__PURE__ */ createIcon.createIcon({
     ] })
   }
 });
-const TRASH_LID = "M4 6H5Q12 4 19 6H20";
-const TRASH_HANDLE = "M9 5.2V4.5a1.5 1.5 0 011.5-1.5h3a1.5 1.5 0 011.5 1.5V5.2";
+const TRASH_LID = "M4 6H20";
+const TRASH_HANDLE = "M9.5 6V3.5a1.5 1.5 0 011.5-1.5h2a1.5 1.5 0 011.5 1.5V6";
 const TRASH_BIN = "M5 6l1 14a2 2 0 002 2h8a2 2 0 002-2l1-14H5z";
 const TRASH_GROOVES = "M10 10.5v7M14 10.5v7";
 const NtdTrash = /* @__PURE__ */ createIcon.createIcon({
@@ -395,7 +395,7 @@ const NtdShare = /* @__PURE__ */ createIcon.createIcon({
   }
 });
 const COPY_FRONT = { x: 8.5, y: 3, width: 12.5, height: 12.5, rx: 2.5 };
-const COPY_BACK = { x: 3, y: 10, width: 11, height: 11, rx: 2.5 };
+const COPY_BACK = { x: 3, y: 9.25, width: 11.75, height: 11.75, rx: 2.5 };
 function copyBack(gap, square = false) {
   const { x, y, width, height, rx } = COPY_BACK;
   const top = COPY_FRONT.x - gap;

package/dist/cjs/icons/business.js

@@ -101,14 +101,23 @@ const NtdDollar = /* @__PURE__ */ createIcon.createIcon({
   }
 });
 const WALLET_BODY = { x: 2, y: 6.5, width: 20, height: 14.5, rx: 2.5 };
-const WALLET_BACK = "M4.5 8L16 3.5a1 1 0 011.3.95V8z";
+const WALLET_BACK = "M4.5 8V5.6L19 4.2a1 1 0 011.1 1V8z";
+const WALLET_BACK_LINE = "M4.5 6.5V5.6L19 4.2a1 1 0 011.1 1V6.5";
 const WALLET_POCKET = "M22 10.5h-4.5a2.5 2.5 0 000 5H22z";
 const WALLET_POCKET_LINE = "M22 10.5h-4.5a2.5 2.5 0 000 5H22";
 const NtdWallet = /* @__PURE__ */ createIcon.createIcon({
   displayName: "NtdWallet",
   paths: {
+    // the back pocket is primary like the body: an accent gap (the body's edge, clipped to the pocket)
+    // parts the two
     solid: ({ primaryColor, accentColor, accentOpacity, uid }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: WALLET_BACK, fill: primaryColor }),
+      iconParts.within(
+        uid,
+        "back",
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: WALLET_BACK }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { ...WALLET_BODY, stroke: accentColor, strokeWidth: 1.4, fill: "none" })
+      ),
       /* @__PURE__ */ jsxRuntime.jsx("rect", { ...WALLET_BODY, fill: primaryColor }),
       iconParts.within(
         uid,
@@ -122,7 +131,7 @@ const NtdWallet = /* @__PURE__ */ createIcon.createIcon({
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
-          d: "M4.5 6.5L16 3.5a1 1 0 011.3.95V6.5",
+          d: WALLET_BACK_LINE,
           stroke: primaryColor,
           strokeWidth,
           strokeLinejoin: "miter",
@@ -737,71 +746,78 @@ const NtdClipboardCheck = /* @__PURE__ */ createIcon.createIcon({
     ] })
   }
 });
-const NtdPiggyBank = /* @__PURE__ */ createIcon.createIcon({
-  displayName: "NtdPiggyBank",
-  paths: {
-    solid: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("ellipse", { cx: "12", cy: "13", rx: "8", ry: "6", fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "9", cy: "11", r: "1", fill: secondaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M20 13c1 0 2 .5 2 2s-1 2-2 2",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 19l-1 3", stroke: primaryColor, strokeWidth }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17 19l1 3", stroke: primaryColor, strokeWidth }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M14 7c-1-1-2.5-1.5-4-1.5S7 6 6 7",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "10", y1: "5", x2: "10", y2: "3", stroke: primaryColor, strokeWidth })
-    ] }),
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "ellipse",
-        {
-          cx: "12",
-          cy: "13",
-          rx: "8",
-          ry: "6",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
+const PIG_BODY = { cx: 11.5, cy: 13, rx: 7.5, ry: 6 };
+const PIG_EAR = "M13.6 8.3C13.9 6.4 15 5.2 16.6 5.1C17.3 6.3 17.6 8.1 17.3 10.1Z";
+const PIG_SNOUT = { x: 17.6, y: 10.6, width: 4.2, height: 5, rx: 2 };
+const PIG_LEGS = "M6.2 16h2.6v4.2a.8.8 0 01-.8.8h-1a.8.8 0 01-.8-.8zM14.4 16h2.6v4.2a.8.8 0 01-.8.8h-1a.8.8 0 01-.8-.8z";
+const PIG_TAIL = "M4.3 12c-1.5-.8-3-.1-3 1.3s1.3 1.7 2 1.1";
+const PIG_SLOT = "M9.3 8.9h3.4";
+const PIG_COIN = { cx: 11, cy: 4.1, r: 2.2 };
+const PIG_OUTSIDE = "M-1-1H25V25H-1ZM4 13a7.5 6 0 1 0 15 0a7.5 6 0 1 0-15 0Z";
+const PIG_OUTSIDE_SNOUT = "M-1-1H25V25H-1ZM19.6 10.6h.2a2 2 0 012 2v1a2 2 0 01-2 2h-.2a2 2 0 01-2-2v-1a2 2 0 012-2Z";
+function piggyFace(eye, width) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "16.2", cy: "11", r: "0.85", fill: eye }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "19", cy: "13.1", r: "0.55", fill: eye }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "20.4", cy: "13.1", r: "0.55", fill: eye }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: PIG_SLOT, stroke: eye, strokeWidth: width })
+  ] });
+}
+function piggyFilled({ primaryColor, accentColor, strokeWidth }, parts) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: PIG_LEGS, fill: parts }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: PIG_EAR, fill: parts }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: PIG_TAIL, stroke: primaryColor, strokeWidth: strokeWidth * 1.5, fill: "none" }),
+    /* @__PURE__ */ jsxRuntime.jsx("ellipse", { ...PIG_BODY, fill: primaryColor }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { ...PIG_SNOUT, fill: parts }),
+    piggyFace(accentColor, strokeWidth * 1.2),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { ...PIG_COIN, fill: parts }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "circle",
+      {
+        cx: PIG_COIN.cx,
+        cy: PIG_COIN.cy,
+        r: PIG_COIN.r - 0.8,
+        stroke: accentColor,
+        strokeWidth: strokeWidth * 0.6,
+        fill: "none"
+      }
+    )
+  ] });
+}
+function piggyLines(color, width, uid) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { stroke: color, strokeWidth: width, fill: "none", children: [
+      iconParts.within(
+        uid,
+        "parts",
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: PIG_OUTSIDE, clipRule: "evenodd" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: PIG_LEGS }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: PIG_EAR })
+        ] })
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "9", cy: "11", r: "1", fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M20 13c1 0 2 .5 2 2s-1 2-2 2",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
+      iconParts.within(
+        uid,
+        "body",
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: PIG_OUTSIDE_SNOUT, clipRule: "evenodd" }),
+        /* @__PURE__ */ jsxRuntime.jsx("ellipse", { ...PIG_BODY })
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 19l-1 3", stroke: primaryColor, strokeWidth }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17 19l1 3", stroke: primaryColor, strokeWidth }),
-      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "10", y1: "7", x2: "10", y2: "4", stroke: primaryColor, strokeWidth })
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { ...PIG_SNOUT }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: PIG_TAIL }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { ...PIG_COIN })
     ] }),
-    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("ellipse", { cx: "12", cy: "13", rx: "8", ry: "6", fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("ellipse", { cx: "12", cy: "13", rx: "8", ry: "6", fill: "white", opacity: "0.08" }),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "9", cy: "11", r: "1", fill: secondaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 13c1 0 2 .5 2 2s-1 2-2 2", stroke: "white", strokeWidth: "1", fill: "none" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 19l-1 3", stroke: "white", strokeWidth: "1" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17 19l1 3", stroke: "white", strokeWidth: "1" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 7c-1-1-2.5-1.5-4-1.5S7 6 6 7", stroke: "white", strokeWidth: "1", fill: "none" }),
-      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "10", y1: "5", x2: "10", y2: "3", stroke: "white", strokeWidth: "1" })
-    ] })
+    piggyFace(color, width)
+  ] });
+}
+const NtdPiggyBank = /* @__PURE__ */ createIcon.createIcon({
+  displayName: "NtdPiggyBank",
+  paths: {
+    // the wireframe re-draws this as lines: there the parts must not cross the body
+    solid: (props) => props.variant === "wireframe" ? piggyLines(props.primaryColor, 1, props.uid) : piggyFilled(props, props.primaryColor),
+    outline: ({ primaryColor, strokeWidth, uid }) => piggyLines(primaryColor, strokeWidth, uid),
+    duotone: (props) => piggyFilled(props, props.secondaryColor),
+    vivid: (props) => piggyFilled(props, props.secondaryColor)
   }
 });
 const COIN_FRONT = { cx: 9.2, cy: 15, r: 6.5 };
@@ -868,6 +884,134 @@ const NtdCoins = /* @__PURE__ */ createIcon.createIcon({
     vivid: ({ primaryColor, secondaryColor, accentColor, strokeWidth }) => coins(secondaryColor, primaryColor, accentColor, strokeWidth)
   }
 });
+const NOTE_RX = 1.2;
+const NOTE_GAP = 0.8;
+function noteRect([x, y, w, h], grow = 0) {
+  return `M${x - grow} ${y - grow}h${w + 2 * grow}v${h + 2 * grow}h${-w - 2 * grow}Z`;
+}
+function noteDetails([x, y, w, h], color, width, discFilled) {
+  const r = h * 0.24;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "rect",
+      {
+        x: x + 1.3,
+        y: y + 1.3,
+        width: w - 2.6,
+        height: h - 2.6,
+        rx: "0.5",
+        stroke: color,
+        strokeWidth: width * 0.5,
+        fill: "none"
+      }
+    ),
+    discFilled ? /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: x + w / 2, cy: y + h / 2, r, fill: color }) : /* @__PURE__ */ jsxRuntime.jsx(
+      "circle",
+      {
+        cx: x + w / 2,
+        cy: y + h / 2,
+        r,
+        stroke: color,
+        strokeWidth: width,
+        fill: "none"
+      }
+    )
+  ] });
+}
+function notesFilled(notes, fills, rim, details, width) {
+  const front = notes[notes.length - 1];
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    notes.map((n, i) => {
+      const [x, y, w, h] = n;
+      return /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
+        rim && i > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x,
+            y,
+            width: w,
+            height: h,
+            rx: NOTE_RX,
+            stroke: rim,
+            strokeWidth: NOTE_GAP * 2,
+            fill: "none"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x, y, width: w, height: h, rx: NOTE_RX, fill: fills[i] })
+      ] }, i);
+    }),
+    noteDetails(front, details, width, true)
+  ] });
+}
+function notesLines(notes, color, width, uid) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("g", { stroke: color, strokeWidth: width, fill: "none", children: notes.map((n, i) => {
+      const [x, y, w, h] = n;
+      const line = /* @__PURE__ */ jsxRuntime.jsx(
+        "rect",
+        {
+          x: x + width / 2,
+          y: y + width / 2,
+          width: w - width,
+          height: h - width,
+          rx: NOTE_RX
+        }
+      );
+      const next = notes[i + 1];
+      return next ? /* @__PURE__ */ jsxRuntime.jsx("g", { children: iconParts.within(
+        uid,
+        `note${i}`,
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: `M-1-1H25V25H-1Z${noteRect(next, NOTE_GAP)}`, clipRule: "evenodd" }),
+        line
+      ) }, i) : /* @__PURE__ */ jsxRuntime.jsx("g", { children: line }, i);
+    }) }),
+    noteDetails(notes[notes.length - 1], color, width, false)
+  ] });
+}
+const CASH_NOTE = [3, 6.75, 18, 10.5];
+const CASH_TURN = "rotate(-20 12 12)";
+const NtdCash = /* @__PURE__ */ createIcon.createIcon({
+  displayName: "NtdCash",
+  paths: {
+    solid: ({ primaryColor, accentColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx("g", { transform: CASH_TURN, children: notesFilled([CASH_NOTE], [primaryColor], void 0, accentColor, strokeWidth) }),
+    outline: ({ primaryColor, strokeWidth, uid }) => /* @__PURE__ */ jsxRuntime.jsx("g", { transform: CASH_TURN, children: notesLines([CASH_NOTE], primaryColor, strokeWidth, uid) }),
+    duotone: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx("g", { transform: CASH_TURN, children: notesFilled([CASH_NOTE], [primaryColor], void 0, secondaryColor, strokeWidth) }),
+    vivid: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx("g", { transform: CASH_TURN, children: notesFilled([CASH_NOTE], [primaryColor], void 0, secondaryColor, strokeWidth) })
+  }
+});
+const CASH_STACK = [
+  [6, 4.25, 16, 9],
+  [4, 7.5, 16, 9],
+  [2, 10.75, 16, 9]
+];
+const NtdCashStack = /* @__PURE__ */ createIcon.createIcon({
+  displayName: "NtdCashStack",
+  paths: {
+    // the wireframe re-draws this as lines: there the notes behind hide behind those in front
+    solid: ({ primaryColor, accentColor, strokeWidth, uid, variant }) => variant === "wireframe" ? notesLines(CASH_STACK, primaryColor, 1, uid) : notesFilled(
+      CASH_STACK,
+      [primaryColor, primaryColor, primaryColor],
+      accentColor,
+      accentColor,
+      strokeWidth
+    ),
+    outline: ({ primaryColor, strokeWidth, uid }) => notesLines(CASH_STACK, primaryColor, strokeWidth, uid),
+    duotone: ({ primaryColor, secondaryColor, strokeWidth }) => notesFilled(
+      CASH_STACK,
+      [primaryColor, secondaryColor, primaryColor],
+      void 0,
+      secondaryColor,
+      strokeWidth
+    ),
+    vivid: ({ primaryColor, secondaryColor, accentColor, strokeWidth }) => notesFilled(
+      CASH_STACK,
+      [primaryColor, secondaryColor, primaryColor],
+      accentColor,
+      secondaryColor,
+      strokeWidth
+    )
+  }
+});
 const NtdKanban = /* @__PURE__ */ createIcon.createIcon({
   displayName: "NtdKanban",
   paths: {
@@ -991,6 +1135,8 @@ exports.NtdBank = NtdBank;
 exports.NtdBarcode = NtdBarcode;
 exports.NtdBriefcase = NtdBriefcase;
 exports.NtdCalculator = NtdCalculator;
+exports.NtdCash = NtdCash;
+exports.NtdCashStack = NtdCashStack;
 exports.NtdClipboardCheck = NtdClipboardCheck;
 exports.NtdCoins = NtdCoins;
 exports.NtdDollar = NtdDollar;

package/dist/cjs/icons/devtech.js

@@ -259,69 +259,60 @@ const NtdGitMerge = /* @__PURE__ */ createIcon.createIcon({
     ] })
   }
 });
-const NtdBattery = /* @__PURE__ */ createIcon.createIcon({
-  displayName: "NtdBattery",
-  perfectStackX: 10,
-  perfectStackY: 12,
-  perfectStackSize: 0.4,
-  paths: {
-    solid: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "1", y: "6", width: "18", height: "12", rx: "2", fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "23", y1: "10", x2: "23", y2: "14", stroke: primaryColor, strokeWidth }),
-      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "9", width: "8", height: "6", rx: "1", fill: secondaryColor, opacity: 0.4 })
-    ] }),
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "rect",
-        {
-          x: "1",
-          y: "6",
-          width: "18",
-          height: "12",
-          rx: "2",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "23", y1: "10", x2: "23", y2: "14", stroke: primaryColor, strokeWidth })
-    ] }),
-    duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "rect",
-        {
-          x: "1",
-          y: "6",
-          width: "18",
-          height: "12",
-          rx: "2",
-          fill: secondaryColor,
-          opacity: secondaryOpacity
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "rect",
-        {
-          x: "1",
-          y: "6",
-          width: "18",
-          height: "12",
-          rx: "2",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "23", y1: "10", x2: "23", y2: "14", stroke: primaryColor, strokeWidth })
-    ] })),
-    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "1", y: "6", width: "18", height: "12", rx: "2", fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "1", y: "6", width: "18", height: "12", rx: "2", fill: "white", opacity: "0.08" }),
-      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "9", width: "8", height: "6", rx: "1", fill: secondaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "23", y1: "10", x2: "23", y2: "14", stroke: "white", strokeWidth: "1" })
-    ] })
-  }
-});
+const BATTERY_BODY = { x: 1.5, y: 6.5, width: 18.5, height: 11, rx: 2 };
+const BATTERY_TERMINAL = "M19.5 9.5h2a1 1 0 011 1v3a1 1 0 01-1 1h-2z";
+const BATTERY_TERMINAL_LINE = "M20 9.5h1.5a1 1 0 011 1v3a1 1 0 01-1 1H20";
+const BATTERY_BLOCKS = [3.5, 7.35, 11.2, 15.05];
+function batteryBlocks(count, fill) {
+  return BATTERY_BLOCKS.slice(0, count).map((x) => /* @__PURE__ */ jsxRuntime.jsx("rect", { x, y: "8.5", width: "2.95", height: "7", fill }, x));
+}
+function batteryIcon(displayName, count) {
+  const filled = (body, blocks) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { ...BATTERY_BODY, fill: body }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: BATTERY_TERMINAL, fill: body }),
+    batteryBlocks(count, blocks)
+  ] });
+  return createIcon.createIcon({
+    displayName,
+    perfectStackX: 10.75,
+    perfectStackY: 12,
+    perfectStackSize: 0.4,
+    paths: {
+      solid: ({ primaryColor, accentColor }) => filled(primaryColor, accentColor),
+      outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { ...BATTERY_BODY, stroke: primaryColor, strokeWidth, fill: "none" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: BATTERY_TERMINAL_LINE,
+            stroke: primaryColor,
+            strokeWidth,
+            fill: "none"
+          }
+        ),
+        batteryBlocks(count, primaryColor)
+      ] }),
+      duotone: ({ primaryColor, secondaryColor }) => filled(primaryColor, secondaryColor),
+      vivid: ({ primaryColor, secondaryColor }) => filled(primaryColor, secondaryColor)
+    }
+  });
+}
+const NtdBattery = /* @__PURE__ */ batteryIcon("NtdBattery", 0);
+const NtdBatteryQuarter = /* @__PURE__ */ batteryIcon("NtdBatteryQuarter", 1);
+const NtdBatteryHalf = /* @__PURE__ */ batteryIcon("NtdBatteryHalf", 2);
+const NtdBatteryThreeQuarters = /* @__PURE__ */ batteryIcon("NtdBatteryThreeQuarters", 3);
+const NtdBatteryFull = /* @__PURE__ */ batteryIcon("NtdBatteryFull", 4);
+const BATTERY_STEPS = [
+  NtdBattery,
+  NtdBatteryQuarter,
+  NtdBatteryHalf,
+  NtdBatteryThreeQuarters,
+  NtdBatteryFull
+];
+function batteryIconFor(level) {
+  const clamped = Number.isNaN(level) ? 0 : Math.min(1, Math.max(0, level));
+  return BATTERY_STEPS[Math.round(clamped * 4)];
+}
 const NtdSlash = /* @__PURE__ */ createIcon.createIcon({
   displayName: "NtdSlash",
   paths: {
@@ -1719,6 +1710,10 @@ const NtdSolidJsLogo = /* @__PURE__ */ createIcon.createIcon({
 exports.NtdAIBrain = NtdAIBrain;
 exports.NtdAstroLogo = NtdAstroLogo;
 exports.NtdBattery = NtdBattery;
+exports.NtdBatteryFull = NtdBatteryFull;
+exports.NtdBatteryHalf = NtdBatteryHalf;
+exports.NtdBatteryQuarter = NtdBatteryQuarter;
+exports.NtdBatteryThreeQuarters = NtdBatteryThreeQuarters;
 exports.NtdBlueprint = NtdBlueprint;
 exports.NtdBrackets = NtdBrackets;
 exports.NtdBugDev = NtdBugDev;
@@ -1747,3 +1742,4 @@ exports.NtdSolidJsLogo = NtdSolidJsLogo;
 exports.NtdSvelteLogo = NtdSvelteLogo;
 exports.NtdTauriLogo = NtdTauriLogo;
 exports.NtdViteLogo = NtdViteLogo;
+exports.batteryIconFor = batteryIconFor;