@nice2dev/icons 1.4.12 → 1.4.14

package/CHANGELOG.md

@@ -1,5 +1,64 @@
 # @nice2dev/icons — Changelog
 
+## 1.4.14
+
+### Patch Changes
+
+- 5d1e7d0: Dragging tree rows (deferred since 1.4.5, and OmniVerk wishlist #4 and #6):
+
+  - `NiceTreeGrid`: new `rowDraggable`, `canDrop` and `onRowDrop(dragKey, dropKey, position)`.
+    - The pointer picks the spot: the top quarter of a row drops before it, the bottom quarter
+      after it, the middle inside it. A line or a lit row shows where.
+    - A closed row held under a drag opens. A row never drops into its own branch.
+    - Ctrl+Shift+↑ / ↓ moves the focused row past a sibling, → into the row above it, ← out a
+      level. Screen readers hear each move.
+    - The grid does not move rows itself; update `data`.
+  - `NiceTreeView`: `onNodeDrop` reports the real position from the pointer instead of always
+    `'inside'`. It gains the drop mark, `canDrop`, the same keyboard moves, and `dataTransfer` data,
+    which Firefox needs to start a drag. A leaf takes drops beside it only.
+  - New exports from `@nice2dev/ui`: `useTreeRowDrop`, `treeDropPosition`, `treeKeyboardMove`,
+    `treeKeyboardTarget` and `NiceTreeDropPosition`.
+  - `NiceDevelopmentStudio`: tree rows can be dragged.
+    - Entries go into folders, groups of their own group, and sections, or next to another entry,
+      which reorders them.
+    - Folders go into folders of their group, to the group's top, or into sections, together with
+      what they hold.
+    - New layout helpers `orderStudioEntries`, `moveStudioFolder` and `isStudioFolderWithin`.
+    - `placeStudioEntry` ignores a folder of another group.
+  - Icons:
+    - `NtdAward` duotone and vivid are fills: a secondary outline round primary middles, and in vivid
+      an accent ribbon.
+    - `NtdWallet` has a wider, rounded back strip, and the wireframe no longer draws the hidden part.
+    - `NtdWalletOpen` has a steeper wedge.
+    - `NtdUsers`: the two people behind sit lower.
+
+## 1.4.13
+
+### Patch Changes
+
+- ac79f18: Icon review, round 43 (follow-up 3):
+
+  - New `NtdWalletOpen`: the wallet with its back pocket rising on a slant, now steeper. `NtdWallet`
+    shows a thin back pocket parallel to the body's edge instead.
+  - Battery set (`NtdBattery` … `NtdBatteryFull`): duotone and vivid show the battery's inside as a
+    secondary window slightly larger than the charge blocks. The blocks are primary in duotone and
+    accent in vivid.
+  - `NtdUnlock`: the shackle is open wider and swung 10° counter-clockwise.
+  - `NtdUsers`: the heads sit closer to the bodies; the two people behind lean outwards by 15°.
+  - `NtdWarehouse`: the bottom shelves sit just above the ground; two equal boxes on each level.
+  - `NtdForkKnife`: on their own the fork and knife are wider and further apart.
+  - `NtdChefHat`: no line under the puff; four pleats instead of two.
+  - `NtdAward`: the ribbon's primary border matches the medal's; a vertical line splits the ribbon.
+  - `NtdClipboard`: the sheet closes above the board's bottom edge; the text is higher and thinner.
+  - `NtdCalculatorEdu`: bigger keys and a wider, higher display.
+  - `NtdCookingPan`: the handle and its hole are twice as thick.
+  - `NtdTrash`: the lid's eaves and the handle are 1.5× thicker (filled variants).
+  - `NtdStore`: the cornice is thinner and square-cornered, so it meets the walls evenly.
+  - `NtdRecycle`: in `sharp`, the bands no longer poke out of the arrowheads.
+  - `NtdBeer`: the foam head is lower, cut from below.
+  - Smaller fixes: `NtdCalendar` (thinner accent line), `NtdMountain` (notch), `NtdWine` (thinner,
+    lower surface line).
+
 ## 1.4.12
 
 No changes in this release.

package/README.md

@@ -528,7 +528,7 @@ Properties passed to every path renderer (pre-resolved from user props):
 
 ### Business & Finance (18 icons)
 
-`NtdBriefcase` · `NtdDollar` · `NtdWallet` · `NtdReceipt` · `NtdBank` · `NtdTrendUp` · `NtdTrendDown` · `NtdPercent` · `NtdInvoice` · `NtdStore` · `NtdBarcode` · `NtdCalculator` · `NtdPresentation` · `NtdClipboardCheck` · `NtdPiggyBank` · `NtdCoins` · `NtdCash` · `NtdCashStack`
+`NtdBriefcase` · `NtdDollar` · `NtdWallet` · `NtdWalletOpen` · `NtdReceipt` · `NtdBank` · `NtdTrendUp` · `NtdTrendDown` · `NtdPercent` · `NtdInvoice` · `NtdStore` · `NtdBarcode` · `NtdCalculator` · `NtdPresentation` · `NtdClipboardCheck` · `NtdPiggyBank` · `NtdCoins` · `NtdCash` · `NtdCashStack`
 
 ### Social & Communication (8 icons)
 

package/dist/cjs/icons/actions.js

@@ -158,13 +158,30 @@ const TRASH_HANDLE = "M9.5 3.8V2.4a1.2 1.2 0 011.2-1.2h2.6a1.2 1.2 0 011.2 1.2v1
 const TRASH_HANDLE_LINE = "M9.5 3.45V2.4a1.2 1.2 0 011.2-1.2h2.6a1.2 1.2 0 011.2 1.2v1.05";
 const TRASH_BIN = "M5 6l1 14a2 2 0 002 2h8a2 2 0 002-2l1-14H5z";
 const TRASH_GROOVES = "M10 10.5v7M14 10.5v7";
+const TRASH_BOLD = 1.5;
 const NtdTrash = /* @__PURE__ */ createIcon.createIcon({
   displayName: "NtdTrash",
   paths: {
     solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: TRASH_LID, stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: TRASH_LID,
+          stroke: primaryColor,
+          strokeWidth: strokeWidth * TRASH_BOLD,
+          fill: "none"
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: TRASH_DOME, fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: TRASH_HANDLE, stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: TRASH_HANDLE,
+          stroke: primaryColor,
+          strokeWidth: strokeWidth * TRASH_BOLD,
+          fill: "none"
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: TRASH_BIN, fill: primaryColor }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "line",
@@ -208,9 +225,25 @@ const NtdTrash = /* @__PURE__ */ createIcon.createIcon({
     ] }),
     vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: TRASH_BIN, fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: TRASH_LID, stroke: secondaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: TRASH_LID,
+          stroke: secondaryColor,
+          strokeWidth: strokeWidth * TRASH_BOLD,
+          fill: "none"
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: TRASH_DOME, fill: secondaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: TRASH_HANDLE, stroke: secondaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: TRASH_HANDLE,
+          stroke: secondaryColor,
+          strokeWidth: strokeWidth * TRASH_BOLD,
+          fill: "none"
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
@@ -449,8 +482,9 @@ const NtdCopy = /* @__PURE__ */ createIcon.createIcon({
     vivid: ({ primaryColor, secondaryColor, strokeWidth }) => copyFilled(primaryColor, secondaryColor, strokeWidth)
   }
 });
-const CLIPBOARD_TEXT = "M8 11h8M8 14.5h5";
-const CLIPBOARD_SHEET = "M6 22V4h12V22";
+const CLIPBOARD_TEXT = "M8 10h8M8 13h5";
+const CLIPBOARD_TEXT_WIDTH = 1.2;
+const CLIPBOARD_SHEET = "M6 4.5h12v16H6z";
 const NtdClipboard = /* @__PURE__ */ createIcon.createIcon({
   displayName: "NtdClipboard",
   perfectStackX: 12,
@@ -491,7 +525,15 @@ const NtdClipboard = /* @__PURE__ */ createIcon.createIcon({
           opacity: accentOpacity
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: CLIPBOARD_TEXT, stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: CLIPBOARD_TEXT,
+          stroke: accentColor,
+          strokeWidth: CLIPBOARD_TEXT_WIDTH,
+          opacity: accentOpacity
+        }
+      )
     ] }),
     outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -551,7 +593,15 @@ const NtdClipboard = /* @__PURE__ */ createIcon.createIcon({
           strokeWidth
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: CLIPBOARD_TEXT, stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: CLIPBOARD_TEXT,
+          stroke: accentColor,
+          strokeWidth: CLIPBOARD_TEXT_WIDTH,
+          opacity: accentOpacity
+        }
+      )
     ] })
   }
 });
@@ -1168,7 +1218,8 @@ const NtdLock = /* @__PURE__ */ createIcon.createIcon({
     vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => lockFilled(primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth * 2)
   }
 });
-const UNLOCK_SHACKLE = "M6 10.5V7a6 6 0 0112 0v0.5";
+const UNLOCK_SHACKLE = "M6 10.5V8.2a6 6 0 0 1 11.91-1.04";
+const UNLOCK_SWING = "rotate(-10 6 10)";
 const NtdUnlock = /* @__PURE__ */ createIcon.createIcon({
   displayName: "NtdUnlock",
   perfectStackX: 12,
@@ -1176,14 +1227,23 @@ const NtdUnlock = /* @__PURE__ */ createIcon.createIcon({
   perfectStackSize: 0.4,
   paths: {
     solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: UNLOCK_SHACKLE, stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: UNLOCK_SHACKLE,
+          transform: UNLOCK_SWING,
+          stroke: primaryColor,
+          strokeWidth: strokeWidth * 2,
+          fill: "none"
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx("rect", { ...LOCK_BODY, fill: primaryColor }),
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: LOCK_KEYHOLE, fill: accentColor, opacity: accentOpacity })
     ] }),
     outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("g", { stroke: primaryColor, strokeWidth, fill: "none", children: [
         /* @__PURE__ */ jsxRuntime.jsx("rect", { ...LOCK_BODY }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: UNLOCK_SHACKLE })
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: UNLOCK_SHACKLE, transform: UNLOCK_SWING })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: LOCK_KEYHOLE, fill: primaryColor })
     ] }),
@@ -1192,6 +1252,7 @@ const NtdUnlock = /* @__PURE__ */ createIcon.createIcon({
         "path",
         {
           d: UNLOCK_SHACKLE,
+          transform: UNLOCK_SWING,
           stroke: secondaryColor,
           strokeWidth: strokeWidth * 2,
           fill: "none"

package/dist/cjs/icons/business.js

@@ -101,40 +101,46 @@ const NtdDollar = /* @__PURE__ */ createIcon.createIcon({
   }
 });
 const WALLET_BODY = { x: 2, y: 6.5, width: 20, height: 14.5, rx: 2.5 };
-const WALLET_BACK = "M6 8V5.9L19 5a1 1 0 011.1 1V8z";
-const WALLET_BACK_LINE = "M6 6.5V5.9L19 5a1 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: {
+function walletIcon(displayName, back, backLine, backSharp) {
+  return createIcon.createIcon({
+    displayName,
+    paths: walletPaths(back, backLine, backSharp)
+  });
+}
+function walletPaths(WALLET_BACK, WALLET_BACK_LINE, WALLET_BACK_SHARP) {
+  return {
     // 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, strokeWidth, 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: strokeWidth * 0.9,
-            fill: "none"
-          }
-        )
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("rect", { ...WALLET_BODY, fill: primaryColor }),
-      iconParts.within(
-        uid,
-        "pocket",
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { ...WALLET_BODY }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: WALLET_POCKET, fill: accentColor, opacity: accentOpacity })
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "17.6", cy: "13", r: "1.1", fill: primaryColor })
-    ] }),
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth, uid, variant }) => {
+      const back = variant === "sharp" ? WALLET_BACK_SHARP : WALLET_BACK;
+      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: back, fill: primaryColor }),
+        iconParts.within(
+          uid,
+          "back",
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: back }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "rect",
+            {
+              ...WALLET_BODY,
+              stroke: accentColor,
+              strokeWidth: strokeWidth * 0.9,
+              fill: "none"
+            }
+          )
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { ...WALLET_BODY, fill: primaryColor }),
+        iconParts.within(
+          uid,
+          "pocket",
+          /* @__PURE__ */ jsxRuntime.jsx("rect", { ...WALLET_BODY }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: WALLET_POCKET, fill: accentColor, opacity: accentOpacity })
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "17.6", cy: "13", r: "1.1", fill: primaryColor })
+      ] });
+    },
     outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
@@ -173,8 +179,20 @@ const NtdWallet = /* @__PURE__ */ createIcon.createIcon({
       ),
       /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "17.6", cy: "13", r: "1.1", fill: secondaryColor })
     ] })
-  }
-});
+  };
+}
+const NtdWallet = /* @__PURE__ */ walletIcon(
+  "NtdWallet",
+  "M4.5 6.5V5.4a0.8 0.8 0 0 1 0.8-0.8h13.4a0.8 0.8 0 0 1 0.8 0.8V6.5Z",
+  "M4.5 6.5V5.4a0.8 0.8 0 0 1 0.8-0.8h13.4a0.8 0.8 0 0 1 0.8 0.8V6.5",
+  "M4.5 6.5V4.6h15V6.5Z"
+);
+const NtdWalletOpen = /* @__PURE__ */ walletIcon(
+  "NtdWalletOpen",
+  "M6 6.5V5.9L19 2.6a1 1 0 0 1 1.1 1V6.5Z",
+  "M6 6.5V5.9L19 2.6a1 1 0 0 1 1.1 1V6.5",
+  "M6 6.5V5.9L20.1 2.32V6.5Z"
+);
 const RECEIPT = "M4 2v20l3-2 3 2 3-2 3 2 3-2 3 2V2H4z";
 const RECEIPT_TEXT = "M7 7.5h6.5M16.4 7.5h2M7 11.5h6.5M16.4 11.5h2M14.4 15.5h4";
 const NtdReceipt = /* @__PURE__ */ createIcon.createIcon({
@@ -378,7 +396,7 @@ const NtdInvoice = /* @__PURE__ */ iconParts.paperIcon(
 );
 const NtdInvoiceDoc = NtdInvoice;
 const STORE_BODY = "M2.5 5H21.5V21H2.5Z";
-const STORE_CORNICE = { x: 1.5, y: 3, width: 21, height: 2.4, rx: 0.6 };
+const STORE_CORNICE = { x: 1.5, y: 3.5, width: 21, height: 1.9 };
 const STORE_CUT = "M2.5 5.4H21.5";
 const STORE_SIGN = { x: 3.8, y: 6.7, width: 16.4, height: 3.9, rx: 0.5 };
 const STORE_GLASS = "M4.2 11.9h4.8v6.8H4.2zM15 11.9h4.8v6.8H15zM10.2 12.2h3.6V21h-3.6z";
@@ -1226,3 +1244,4 @@ exports.NtdStore = NtdStore;
 exports.NtdTrendDown = NtdTrendDown;
 exports.NtdTrendUp = NtdTrendUp;
 exports.NtdWallet = NtdWallet;
+exports.NtdWalletOpen = NtdWalletOpen;

package/dist/cjs/icons/devtech.js

@@ -263,13 +263,15 @@ 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];
+const BATTERY_WINDOW = { x: 2.9, y: 7.9, width: 15.7, height: 8.2 };
 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: [
+  const filled = (body, blocks, window) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("rect", { ...BATTERY_BODY, fill: body }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: BATTERY_TERMINAL, fill: body }),
+    window && /* @__PURE__ */ jsxRuntime.jsx("rect", { ...BATTERY_WINDOW, fill: window }),
     batteryBlocks(count, blocks)
   ] });
   return createIcon.createIcon({
@@ -292,8 +294,8 @@ function batteryIcon(displayName, count) {
         ),
         batteryBlocks(count, primaryColor)
       ] }),
-      duotone: ({ primaryColor, secondaryColor }) => filled(primaryColor, secondaryColor),
-      vivid: ({ primaryColor, secondaryColor }) => filled(primaryColor, secondaryColor)
+      duotone: ({ primaryColor, secondaryColor }) => filled(primaryColor, primaryColor, secondaryColor),
+      vivid: ({ primaryColor, secondaryColor, accentColor }) => filled(primaryColor, accentColor, secondaryColor)
     }
   });
 }

package/dist/cjs/icons/education.js

@@ -930,16 +930,16 @@ const NtdBackpack = /* @__PURE__ */ createIcon.createIcon({
   }
 });
 const CALC_BODY = { x: 4.6, y: 2, width: 14.8, height: 20, rx: 2 };
-const CALC_DISPLAY = { x: 6.8, y: 4.5, width: 10.4, height: 4.5, rx: 1 };
-const CALC_KEYS = "M6.8 11h2.8v2.4H6.8zM10.6 11h2.8v2.4h-2.8zM14.4 11h2.8v2.4h-2.8zM6.8 14.4h2.8v2.4H6.8zM10.6 14.4h2.8v2.4h-2.8zM14.4 14.4h2.8v2.4h-2.8zM6.8 17.8h2.8v2.4H6.8zM10.6 17.8h6.6v2.4h-6.6z";
+const CALC_DISPLAY = { x: 6, y: 3.4, width: 12, height: 4.8, rx: 1 };
+const CALC_KEYS = "M6 9.4h3.6v3.3H6zM10.2 9.4h3.6v3.3h-3.6zM14.4 9.4h3.6v3.3h-3.6zM6 13.3h3.6v3.3H6zM10.2 13.3h3.6v3.3h-3.6zM14.4 13.3h3.6v3.3h-3.6zM6 17.2h3.6v3.3H6zM10.2 17.2h7.8v3.3h-7.8z";
 const CALC_DOTS = [
-  [8.2, 12.2],
-  [12, 12.2],
-  [15.8, 12.2],
-  [8.2, 15.6],
-  [12, 15.6],
-  [15.8, 15.6],
-  [8.2, 19]
+  [7.8, 11.05],
+  [12, 11.05],
+  [16.2, 11.05],
+  [7.8, 14.95],
+  [12, 14.95],
+  [16.2, 14.95],
+  [7.8, 18.85]
 ];
 function calculatorFilled({ primaryColor, accentColor, accentOpacity, strokeWidth }, display, displayOpacity) {
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -969,7 +969,7 @@ const NtdCalculator = /* @__PURE__ */ createIcon.createIcon({
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: primaryColor, children: [
         CALC_DOTS.map(([cx, cy]) => /* @__PURE__ */ jsxRuntime.jsx("circle", { cx, cy, r: "1" }, `${cx},${cy}`)),
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "10.6", y: "18.4", width: "6.6", height: "1.2", rx: "0.5" })
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "10.6", y: "18.25", width: "7", height: "1.2", rx: "0.5" })
       ] })
     ] }),
     vivid: (props) => calculatorFilled(props, props.secondaryColor, 1)

package/dist/cjs/icons/files.js

@@ -956,7 +956,36 @@ const NtdKey = /* @__PURE__ */ createIcon.createIcon({
   }
 });
 const AWARD_RIBBON = "M8.21 13.89L7 23l5-3 5 3-1.21-9.12";
-const AWARD_RIBBON_INNER = "M9.67 13.42L8.9 20.11L12 18.25L15.1 20.11L14.32 13.43";
+const AWARD_RIBBON_INNER = "M8.93 13.04L7.76 21.85L12 19.3L16.24 21.85L15.07 13.04M12 13.9V19.3";
+const AWARD_RIBBON_INSIDE = "M8.93 13.04L7.76 21.85L12 19.3L16.24 21.85L15.07 13.04Z";
+const AWARD_RIBBON_SPLIT = "M12 13.9V19.3";
+function awardTwoTone({ primaryColor, secondaryColor, strokeWidth }, inside, insideOpacity, joined) {
+  const ribbonInside = /* @__PURE__ */ jsxRuntime.jsx("path", { d: AWARD_RIBBON_INSIDE, fill: inside, opacity: insideOpacity });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: AWARD_RIBBON,
+        fill: secondaryColor,
+        stroke: secondaryColor,
+        strokeWidth
+      }
+    ),
+    !joined && ribbonInside,
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "8", r: "7", fill: secondaryColor }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "8", r: "5.9", fill: primaryColor }),
+    joined && ribbonInside,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: AWARD_RIBBON_SPLIT,
+        stroke: secondaryColor,
+        strokeWidth: strokeWidth * 0.6,
+        strokeLinecap: "butt"
+      }
+    )
+  ] });
+}
 function awardInsets(color, opacity, width) {
   return /* @__PURE__ */ jsxRuntime.jsxs("g", { stroke: color, strokeWidth: width, opacity, fill: "none", children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "8", r: "5.9" }),
@@ -990,8 +1019,8 @@ const NtdAward = /* @__PURE__ */ createIcon.createIcon({
       ),
       awardInsets(primaryColor, 1, strokeWidth * 0.6)
     ] }),
-    duotone: (p) => awardFilled(p, p.secondaryColor),
-    vivid: (p) => awardFilled(p, p.secondaryColor)
+    duotone: (p) => awardTwoTone(p, p.primaryColor, 1, true),
+    vivid: (p) => awardTwoTone(p, p.accentColor, p.accentOpacity, false)
   }
 });
 const CART_FRAME = "M2 3.5h2.3l3.3 12.9H19.3";

package/dist/cjs/icons/food.js

@@ -417,7 +417,8 @@ const NtdCoffee = /* @__PURE__ */ createIcon.createIcon({
   }
 });
 const WINE_BOWL = "M8 3h8c.9 1.8 1.3 3.5 1.3 5a5.3 5.3 0 01-10.6 0c0-1.5.4-3.2 1.3-5z";
-const WINE_LIQUID = "M5 8.5h14V15H5z";
+const WINE_LIQUID = "M5 9.5h14V15H5z";
+const WINE_SURFACE = "M5 9.5h14";
 const WINE_STEM = { x: 11.2, y: 12.8, width: 1.6, height: 6.7 };
 const WINE_FOOT = { x: 8, y: 19.25, width: 8, height: 1.5, rx: 0.75 };
 function wineFilled({ primaryColor, accentColor, accentOpacity, strokeWidth, uid }, wine, surface) {
@@ -432,9 +433,9 @@ function wineFilled({ primaryColor, accentColor, accentOpacity, strokeWidth, uid
         surface && /* @__PURE__ */ jsxRuntime.jsx(
           "path",
           {
-            d: "M5 8.5h14",
+            d: WINE_SURFACE,
             stroke: accentColor,
-            strokeWidth: strokeWidth * 0.6,
+            strokeWidth: strokeWidth * 0.4,
             opacity: accentOpacity
           }
         )
@@ -450,7 +451,7 @@ const NtdWine = /* @__PURE__ */ createIcon.createIcon({
     solid: (p) => wineFilled(p, p.primaryColor, true),
     outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs("g", { stroke: primaryColor, strokeWidth, fill: "none", children: [
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: WINE_BOWL, strokeLinejoin: "miter" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6.75 8.5h10.5M12 13.3v6.2M8.5 20h7" })
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6.95 9.5h10.1M12 13.3v6.2M8.5 20h7" })
     ] }),
     duotone: (p) => wineFilled(p, p.secondaryColor, false),
     vivid: (p) => wineFilled(p, p.secondaryColor, true)
@@ -458,7 +459,7 @@ const NtdWine = /* @__PURE__ */ createIcon.createIcon({
 });
 const BEER_GLASS = "M4.5 8H15.5C16.45 11 16.45 17 15.6 19.9A2.1 2.1 0 0 1 13.6 21.5H6.4A2.1 2.1 0 0 1 4.4 19.9C3.55 17 3.55 11 4.5 8Z";
 const BEER_GLASS_SHARP = "M4.5 8H15.5C16.45 11 16.45 17 15.6 21.5H4.4C3.55 17 3.55 11 4.5 8Z";
-const BEER_FOAM = "M4.6 7.55A1.71 1.71 0 0 1 6.49 4.95A2.07 2.07 0 0 1 10.23 4.05A2.07 2.07 0 0 1 13.69 4.95A1.71 1.71 0 0 1 15.4 7.55Z";
+const BEER_FOAM = "M4.6 7.55V6.34A1.71 1.71 0 0 1 6.49 5.65A2.07 2.07 0 0 1 10.23 4.75A2.07 2.07 0 0 1 13.69 5.65A1.71 1.71 0 0 1 15.4 6.43V7.55Z";
 const BEER_HANDLE = "M16 11H17.5A2 2 0 0 1 19.5 13V16A2 2 0 0 1 17.5 18H16";
 const BEER_RIBS = "M8 11V18.5M12 11V18.5";
 function beer(p, width, glassPath = BEER_GLASS) {
@@ -645,7 +646,8 @@ const NtdSoda = /* @__PURE__ */ createIcon.createIcon({
 const CHEF_PUFF = "M6 8a4 4 0 014-4h4a4 4 0 014 4c2 0 4 1.5 4 4s-2 4-4 4H6c-2 0-4-1.5-4-4s2-4 4-4z";
 const CHEF_BAND = "M6 16h12v5a1 1 0 01-1 1H7a1 1 0 01-1-1z";
 const CHEF_BAND_SHARP = "M6 16h12v6H6z";
-const CHEF_LINES = "M6 16.25h12M9.5 18v2.5M14.5 18v2.5";
+const CHEF_LINES = "M8.4 16.9v4.2M10.8 16.9v4.2M13.2 16.9v4.2M15.6 16.9v4.2";
+const CHEF_LINES_OUTLINE = "M8.4 17.3v3.4M10.8 17.3v3.4M13.2 17.3v3.4M15.6 17.3v3.4";
 function chefHatFilled({ primaryColor, accentColor, accentOpacity, strokeWidth }, band, lines, bandPath = CHEF_BAND) {
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: CHEF_PUFF, fill: primaryColor }),
@@ -672,16 +674,17 @@ const NtdChefHat = /* @__PURE__ */ createIcon.createIcon({
     outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs("g", { stroke: primaryColor, strokeWidth, fill: "none", strokeLinejoin: "miter", children: [
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: CHEF_PUFF }),
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 16v5a1 1 0 001 1h10a1 1 0 001-1v-5" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9.5 18v2.5M14.5 18v2.5" })
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: CHEF_LINES_OUTLINE })
     ] }),
     duotone: (p) => chefHatFilled(p, p.secondaryColor, false),
     vivid: (p) => chefHatFilled(p, p.secondaryColor, true)
   }
 });
 const FORK_KNIFE_SCALE = 1.15;
+const FORK_KNIFE_WIDEN = 1.3;
 const FORK_KNIFE_FRAME = `translate(12 12) scale(${FORK_KNIFE_SCALE}) translate(-12 -12)`;
-const FORK_KNIFE_FORK_AT = "translate(6.3 0)";
-const FORK_KNIFE_KNIFE_AT = "translate(-6.55 0)";
+const FORK_KNIFE_FORK_AT = `translate(7.913 0) scale(${FORK_KNIFE_WIDEN} 1) translate(-2.1 0)`;
+const FORK_KNIFE_KNIFE_AT = `translate(16.609 0) scale(${FORK_KNIFE_WIDEN} 1) translate(-22.3 0)`;
 function forkKnifeFilled(fork, knife) {
   return /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: FORK_KNIFE_FRAME, children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: iconParts.CUTLERY_FORK, transform: FORK_KNIFE_FORK_AT, fill: fork }),
@@ -700,7 +703,7 @@ const NtdForkKnife = /* @__PURE__ */ createIcon.createIcon({
           d: iconParts.CUTLERY_KNIFE,
           transform: FORK_KNIFE_KNIFE_AT,
           stroke: primaryColor,
-          strokeWidth: strokeWidth / FORK_KNIFE_SCALE,
+          strokeWidth: strokeWidth / (FORK_KNIFE_SCALE * FORK_KNIFE_WIDEN),
           strokeLinejoin: "miter",
           fill: "none"
         }
@@ -747,8 +750,8 @@ const NtdKnife = /* @__PURE__ */ createIcon.createIcon({
 });
 const PAN_TURN = "rotate(45 12 12)";
 const PAN_CENTER = { cx: 9.5, cy: 12 };
-const PAN_HANDLE = "M16.6 10.8H21.8A1.2 1.2 0 0 1 21.8 13.2H16.6Z";
-const PAN_HOLE = { cx: 21.55, cy: 12, r: 0.55 };
+const PAN_HANDLE = "M16 9.6H21A2.4 2.4 0 0 1 21 14.4H16Z";
+const PAN_HOLE = { cx: 21, cy: 12, r: 1.1 };
 function panFilled({ primaryColor, accentColor, accentOpacity, strokeWidth }, handle, rings, ringsOpacity) {
   return /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: PAN_TURN, children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: PAN_HANDLE, fill: handle }),
@@ -774,7 +777,7 @@ const NtdCookingPan = /* @__PURE__ */ createIcon.createIcon({
     outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: PAN_TURN, stroke: primaryColor, strokeWidth, fill: "none", children: [
       /* @__PURE__ */ jsxRuntime.jsx("circle", { ...PAN_CENTER, r: "7.5" }),
       /* @__PURE__ */ jsxRuntime.jsx("circle", { ...PAN_CENTER, r: "6.2" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17 10.8H21.8A1.2 1.2 0 0 1 21.8 13.2H17" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16.6 9.6H21A2.4 2.4 0 0 1 21 14.4H16.6" }),
       /* @__PURE__ */ jsxRuntime.jsx("circle", { ...PAN_HOLE })
     ] }),
     duotone: (p) => panFilled(p, p.secondaryColor, p.secondaryColor, 1),

package/dist/cjs/icons/index.js

@@ -302,6 +302,7 @@ exports.NtdStore = business.NtdStore;
 exports.NtdTrendDown = business.NtdTrendDown;
 exports.NtdTrendUp = business.NtdTrendUp;
 exports.NtdWallet = business.NtdWallet;
+exports.NtdWalletOpen = business.NtdWalletOpen;
 exports.NtdAtSign = social.NtdAtSign;
 exports.NtdBellRing = social.NtdBellRing;
 exports.NtdBubble = social.NtdBubble;

package/dist/cjs/icons/realestate.js

@@ -430,7 +430,7 @@ const RACK_SLOTS = [
   [6.9, 6.2, 4.2]
 ];
 const round = (n) => Math.round(n * 1e3) / 1e3;
-function rackGeometry(f, width, boxes) {
+function rackGeometry(f, width, boxes, even = false) {
   const heavy = width * 1.35;
   const topEdge = f.top - heavy / 2;
   const bottomEdge = f.bottom - heavy / 2;
@@ -451,16 +451,22 @@ function rackGeometry(f, width, boxes) {
     { floor: shelf - half, ceiling: topEdge + width }
   ];
   const scale = (f.right - f.left) / 16;
+  const gap = 0.6 * scale;
+  const evenWidth = (f.right - f.left - width - 3 * gap) / 2;
   const rects = RACK_SLOTS.slice(0, boxes).map(([x, w, h], i) => {
     const level = levels[Math.floor(i / 2)];
-    const gap = 0.6 * scale;
-    const bh = Math.min(h * scale, level.floor - level.ceiling - gap - 0.4 * scale);
+    const room = level.floor - level.ceiling - gap - 0.4 * scale;
+    if (even) {
+      const left = f.left + half + gap + i % 2 * (evenWidth + gap);
+      return rect(left, level.floor - gap - room, evenWidth, room);
+    }
+    const bh = Math.min(h * scale, room);
     return rect(f.left + half + x * scale, level.floor - gap - bh, w * scale, bh);
   }).join("");
   return { lines, frame, rects };
 }
-function rackDrawing(f, boxes, frame, fill, width, outline) {
-  const g = rackGeometry(f, width, boxes);
+function rackDrawing(f, boxes, frame, fill, width, outline, even = false) {
+  const g = rackGeometry(f, width, boxes, even);
   if (outline) {
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: g.lines, stroke: frame, strokeWidth: width, strokeLinecap: "butt", fill: "none" }),
@@ -505,13 +511,13 @@ function shelfRackIconFor(level) {
 }
 const WAREHOUSE = "M1.5 9.2L12 3.5L22.5 9.2V21H20.4V11H3.6V21H1.5Z";
 const WAREHOUSE_RACKS = [
-  { left: 4.75, right: 11.15, top: 12.3, bottom: 19.25, floor: 21 },
-  { left: 12.85, right: 19.25, top: 12.3, bottom: 19.25, floor: 21 }
+  { left: 4.75, right: 11.15, top: 12.3, bottom: 20.3, floor: 21 },
+  { left: 12.85, right: 19.25, top: 12.3, bottom: 20.3, floor: 21 }
 ];
 function warehouseDrawing(hall, rackFrame, boxes, width, outline) {
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     outline ? /* @__PURE__ */ jsxRuntime.jsx("path", { d: WAREHOUSE, stroke: hall, strokeWidth: width, strokeLinejoin: "miter", fill: "none" }) : /* @__PURE__ */ jsxRuntime.jsx("path", { d: WAREHOUSE, fill: hall }),
-    WAREHOUSE_RACKS.map((f) => /* @__PURE__ */ jsxRuntime.jsx("g", { children: rackDrawing(f, 4, rackFrame, boxes, outline ? width * 0.7 : width * 0.35, outline) }, f.left))
+    WAREHOUSE_RACKS.map((f) => /* @__PURE__ */ jsxRuntime.jsx("g", { children: rackDrawing(f, 4, rackFrame, boxes, outline ? width * 0.7 : width * 0.35, outline, true) }, f.left))
   ] });
 }
 const NtdWarehouse = /* @__PURE__ */ createIcon.createIcon({

package/dist/cjs/icons/sustainability.js

@@ -5,7 +5,7 @@ const createIcon = require("../createIcon.js");
 const iconParts = require("../iconParts.js");
 const weather = require("./weather.js");
 const RECYCLE_TURNS = [0, 120, 240];
-const RECYCLE_BAND = "M7.82 12.85L5.42 17H9.5";
+const RECYCLE_BAND = "M7.82 12.85L5.42 17H9.25";
 const RECYCLE_HEAD = "M9.22 14.7L11.82 17L9.22 19.3Z";
 function recycleArrows(colors, width, filled) {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: RECYCLE_TURNS.map((turn, i) => /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: `rotate(${turn} 12 13.2)`, children: [