@nice2dev/icons 1.4.1 → 1.4.3

package/CHANGELOG.md

@@ -1,5 +1,62 @@
 # @nice2dev/icons — Changelog
 
+## 1.4.3
+
+### Patch Changes
+
+- 2f6b749: Icons, showcase feedback round 43 — part A.
+
+  **Removed (breaking, the user's decision — no aliases):** `NtdModel` (use `NtdLayers`), `NtdGradient`
+  (`NtdSquare`), `NtdDnaScience` (`NtdDna`), `NtdCertified` (`NtdStar`), `NtdDiploma` (`NtdCertificate`),
+  `NtdExam` (`NtdQuiz`). **Renamed:** `NtdAdmin` → `NtdUserTie`, `NtdGasFee` → `NtdGasPump`,
+  `NtdCoffeeFood` → `NtdCoffee` (the drawing with the saucer; the other `NtdCoffee` is gone).
+
+  Stacking:
+
+  - **Series** — `stackAlign="next-right" | "next-left" | "next-up" | "next-down"` puts a child beside the
+    icon, in its colours, variant and size, one after another; the SVG grows to hold them. An icon can
+    declare its glyph width (`createIcon` option `seriesWidth`) so narrow glyphs pack tightly. The
+    stacker has the four positions as arrows under the pad. New type `IconStackSeriesAlign`.
+  - `stackedIcon(displayName, Base, layers)` — an icon defined as a stack of others; it is an icon itself.
+  - Renderers receive `stacked` (something is stacked inside) to leave details out under it.
+
+  New icons:
+
+  - Roman numerals `NtdRomanI`, `V`, `X`, `L`, `C`, `D`, `M` + `romanNumeralIcons(n)` / `toRomanNumeral(n)`.
+  - Dice pips `NtdDicePips1`–`6` (to stack on `NtdSquare`) + `dicePipsIconFor(n)`; `NtdDice` sized like
+    `NtdSquare`.
+  - Rack fill levels `NtdShelfRack` (now empty), `NtdShelfRackQuarter`, `Half`, `ThreeQuarters`, `Full` +
+    `shelfRackIconFor(level)`; `NtdWarehouse` shows two full racks.
+  - `NtdCalendarWeek`, `NtdCalendarDay` (with `NtdCalendar`, which now shows date cells and is primary in
+    the solid variants), `NtdTablet` (from the same factory as `NtdSmartphone`), `NtdMarket`,
+    `NtdEyeDropper`, `NtdScroll` (unrolls when it appears) and `NtdScrollRolled`.
+  - `NtdCloudUpload` / `NtdCloudDownload` are now stacks of `NtdCloud` with an arrow at its spot.
+
+- 24aca69: Icons, showcase feedback round 43 — part B: 62 redrawn icons, and a stacking fix.
+
+  - **Stacking in a hollow spot:** new `createIcon` option `perfectStackFilled` — the variants in which
+    the perfect-stack spot lies on a fill. `NtdSearch`, `NtdZoomIn` and `NtdZoomOut` fill their glass
+    only in `duotone`; elsewhere an icon stacked in the lens now keeps the lens's colours instead of
+    taking the accent, which vanished against the page (NiceIconStacker's preview showed only the base).
+  - Documents, office, UI: `NtdFile`, `NtdFileText` and the other paper icons (fold primary with a thin
+    accent line), `NtdContract`, `NtdClipboard`, `NtdCertificate`, `NtdQuiz`, `NtdPrint`, `NtdTable`,
+    `NtdPieChart`, `NtdLayers`, `NtdTrash`, `NtdUsers`, `NtdUserTie`, `NtdGlobe`, `NtdLock`, `NtdFlag`,
+    `NtdMap`, `NtdSun`, `NtdRefresh`, `NtdShuffle`, `NtdMegaphone`.
+  - Food, finance, commerce: `NtdWine`, `NtdBeer`, `NtdChefHat`, `NtdHamburger`, `NtdCookingPan`,
+    `NtdPlate`, `NtdFood`, `NtdForkKnife` (a four-tine fork), `NtdKnife`, `NtdCoffee`, `NtdPartyPopper`,
+    `NtdCart`, `NtdWallet`, `NtdPiggyBank`, `NtdCash`, `NtdCashStack`, `NtdCoupon` (empty middle, a real
+    `sharp`), `NtdTicket`, `NtdStore` (a shop front), `NtdAward`, `NtdMedal` (empty middle, perfect stack).
+  - Transport, buildings, science, nature, sport: `NtdTruck`, `NtdCar`, `NtdTrain`, `NtdBike`,
+    `NtdApartment`, `NtdRefrigerator`, `NtdGasPump`, `NtdMolecule`, `NtdNuke`, `NtdMagnet`, `NtdLeaf`,
+    `NtdMountain`, `NtdBeach`, `NtdRecycle`, `NtdRunning`, `NtdStopwatch`, `NtdTemperatureSensor` (a real
+    `sharp`), `NtdGamepad`, `NtdBrush`, `NtdCalculatorEdu`.
+  - No fixed colours left in the redrawn icons (white overlays, `#F59E0B`, `#EF4444`, `#3B82F6` and the
+    white text of `NtdMedal` / `NtdMagnet` are gone).
+
+## 1.4.2
+
+No changes in this release.
+
 ## 1.4.1
 
 ### Patch Changes

package/dist/cjs/NiceIconStacker.js

@@ -27,6 +27,12 @@ const PAD = [
   { align: "bottom", row: 5, col: 3 },
   { align: "bottom-right", row: 5, col: 5 }
 ];
+const SERIES = [
+  { align: "next-left", Arrow: navigation.NtdArrowLeft },
+  { align: "next-up", Arrow: navigation.NtdArrowUp },
+  { align: "next-down", Arrow: navigation.NtdArrowDown },
+  { align: "next-right", Arrow: navigation.NtdArrowRight }
+];
 function alignNames(t) {
   return {
     perfect: t("iconStacker.align.perfect", "Auto"),
@@ -52,7 +58,11 @@ function alignNames(t) {
     "half-bottom-right": t(
       "iconStacker.align.half-bottom-right",
       "Halfway to the bottom-right corner"
-    )
+    ),
+    "next-right": t("iconStacker.align.next-right", "Next, to the right"),
+    "next-left": t("iconStacker.align.next-left", "Next, to the left"),
+    "next-up": t("iconStacker.align.next-up", "Next, above"),
+    "next-down": t("iconStacker.align.next-down", "Next, below")
   };
 }
 const STAGE_SIZE = 64;
@@ -381,7 +391,31 @@ const NiceIconStacker = React.forwardRef(
                           onClick: () => update(edited.id, { align: a })
                         },
                         a
-                      )) })
+                      )) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "span",
+                        {
+                          className: "nice-icon-stacker__pad-series",
+                          title: t(
+                            "iconStacker.align.seriesHint",
+                            "Beside the icon, in its colours and size"
+                          ),
+                          children: SERIES.map(({ align: a, Arrow }) => /* @__PURE__ */ jsxRuntime.jsx(
+                            "button",
+                            {
+                              type: "button",
+                              role: "radio",
+                              "aria-checked": align === a,
+                              "aria-label": alignName(a),
+                              title: alignName(a),
+                              className: "nice-icon-stacker__pad-next",
+                              onClick: () => update(edited.id, { align: a }),
+                              children: /* @__PURE__ */ jsxRuntime.jsx(Arrow, { size: 14, primaryColor: "currentColor" })
+                            },
+                            a
+                          ))
+                        }
+                      )
                     ]
                   }
                 ),

package/dist/cjs/createIcon.js

@@ -182,8 +182,10 @@ function createIcon(options) {
     x: options.perfectStackX ?? textCenter[0],
     y: options.perfectStackY ?? textCenter[1],
     rotation: options.perfectStackRotation ?? stacking.BOX_PERFECT_STACK.rotation,
-    size: options.perfectStackSize ?? stacking.BOX_PERFECT_STACK.size
+    size: options.perfectStackSize ?? stacking.BOX_PERFECT_STACK.size,
+    filled: options.perfectStackFilled
   };
+  const seriesWidth = options.seriesWidth ?? 24;
   const Icon = React.forwardRef(
     ({
       size = "md",
@@ -264,7 +266,11 @@ function createIcon(options) {
         strokeWidth: effectiveStrokeWidth,
         strokeLinecap,
         strokeLinejoin,
-        uid
+        uid,
+        // content stacked inside (not a series beside it) — renderers may leave details out (1.4.3)
+        stacked: React.Children.toArray(children).some(
+          (c) => !(stacking.isNtdIconElement(c) && stacking.isSeriesAlign(c.props.stackAlign))
+        )
       };
       const renderer = variant === "wireframe" ? paths.solid : variant === "duotone" && !paths.duotone ? solidDuotone : paths[variant] ?? (variant === "sharp" ? paths.solid : void 0) ?? (variant === "rounded" ? paths.solid : void 0) ?? (variant === "mini" ? paths.solid : void 0) ?? (variant === "3d" ? paths.solid : void 0) ?? (variant === "vivid" ? paths.solid : void 0) ?? paths.solid;
       const is3d = variant === "3d";
@@ -334,6 +340,17 @@ function createIcon(options) {
         paced,
         stacked
       ] }) : paced;
+      const series = viewBox === "0 0 24 24" ? stacking.layoutStackSeries(children, seriesWidth) : null;
+      const seriesLayer = series ? stacking.renderStackSeries(series, {
+        variant,
+        primaryColor: effectivePrimary,
+        secondaryColor: resolvedSecondary,
+        accentColor: resolvedAccent,
+        strokeWidth
+      }) : null;
+      const svgViewBox = series ? series.box.join(" ") : viewBox;
+      const svgWidth = series ? Math.round(1e3 * (resolvedSize * series.box[2] / 24)) / 1e3 : resolvedSize;
+      const svgHeight = series ? Math.round(1e3 * (resolvedSize * series.box[3] / 24)) / 1e3 : resolvedSize;
       const iconContent = variant === "mini" ? /* @__PURE__ */ jsxRuntime.jsx(
         "g",
         {
@@ -346,9 +363,9 @@ function createIcon(options) {
         {
           ref,
           xmlns: "http://www.w3.org/2000/svg",
-          viewBox,
-          width: resolvedSize,
-          height: resolvedSize,
+          viewBox: svgViewBox,
+          width: svgWidth,
+          height: svgHeight,
           fill: "none",
           strokeLinecap,
           strokeLinejoin,
@@ -402,7 +419,8 @@ function createIcon(options) {
             ) : /* @__PURE__ */ jsxRuntime.jsxs("g", { filter: is3d ? `url(#${filterId})` : void 0, children: [
               iconContent,
               smilAnimationElements
-            ] }) : is3d ? /* @__PURE__ */ jsxRuntime.jsx("g", { filter: `url(#${filterId})`, children: iconContent }) : iconContent
+            ] }) : is3d ? /* @__PURE__ */ jsxRuntime.jsx("g", { filter: `url(#${filterId})`, children: iconContent }) : iconContent,
+            seriesLayer
           ]
         },
         `${playKey ?? ""}:${replays}`
@@ -412,6 +430,7 @@ function createIcon(options) {
   Icon.displayName = displayName;
   Icon[stacking.NTD_ICON_MARK] = true;
   Icon[stacking.PERFECT_STACK] = perfect;
+  Icon[stacking.SERIES_WIDTH] = seriesWidth;
   return Icon;
 }
 exports.createIcon = createIcon;

package/dist/cjs/iconParts.js

@@ -23,9 +23,8 @@ 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 CUTLERY_FORK = "M0.4 3H0.9V7H1.37V3H1.87V7H2.33V3H2.83V7H3.3V3H3.8V7.3C3.8 8.6 3.1 9.3 2.7 9.6V20.4A0.6 0.6 0 0 1 1.5 20.4V9.6C1.1 9.3 0.4 8.6 0.4 7.3Z";
+const CUTLERY_KNIFE = "M21 3C23.3 4.2 24 8.2 23.6 12.6H22.7V20.35A0.85 0.85 0 0 1 21 20.35Z";
 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";
@@ -63,6 +62,7 @@ const PAPER_FOLD = "M12 2v6a2 2 0 002 2h6z";
 const PAPER_FOLD_LINE = "M12 2v8h8";
 const PAPER_SHARP = "M12 2H4v20h16V10z";
 const PAPER_FOLD_SHARP = "M12 2v8h8z";
+const PAPER_FOLD_EDGE = "M12 2v6a2 2 0 002 2h6";
 function paperIcon(displayName, text = "") {
   return createIcon.createIcon({
     displayName,
@@ -71,9 +71,20 @@ function paperIcon(displayName, text = "") {
     perfectStackY: 14,
     perfectStackSize: 0.5,
     paths: {
-      solid: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx("path", { d: PAPER, fill: primaryColor }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: PAPER_FOLD, fill: secondaryColor }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: PAPER_FOLD, fill: primaryColor }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: PAPER_FOLD_EDGE,
+            stroke: accentColor,
+            strokeOpacity: accentOpacity,
+            strokeWidth,
+            strokeLinecap: "butt",
+            fill: "none"
+          }
+        ),
         text && /* @__PURE__ */ jsxRuntime.jsx(
           "path",
           {
@@ -87,9 +98,21 @@ function paperIcon(displayName, text = "") {
         )
       ] }),
       // square at every corner, the fold included — the derived `sharp` keeps a path's arcs round
-      sharp: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      sharp: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx("path", { d: PAPER_SHARP, fill: primaryColor }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: PAPER_FOLD_SHARP, fill: secondaryColor }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: PAPER_FOLD_SHARP, fill: primaryColor }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: PAPER_FOLD_LINE,
+            stroke: accentColor,
+            strokeOpacity: accentOpacity,
+            strokeWidth,
+            strokeLinecap: "butt",
+            strokeLinejoin: "miter",
+            fill: "none"
+          }
+        ),
         text && /* @__PURE__ */ jsxRuntime.jsx(
           "path",
           {
@@ -111,16 +134,15 @@ function paperIcon(displayName, text = "") {
         }
       ),
       // duotone (1.3.8): createIcon's default — the solid page, its writing in secondary like the fold
-      vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx("path", { d: PAPER, fill: primaryColor }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: PAPER, fill: "white", opacity: "0.1" }),
         /* @__PURE__ */ jsxRuntime.jsx("path", { d: PAPER_FOLD, fill: secondaryColor }),
         text && /* @__PURE__ */ jsxRuntime.jsx(
           "path",
           {
             d: text,
-            stroke: "white",
-            strokeOpacity: "0.9",
+            stroke: accentColor,
+            strokeOpacity: accentOpacity,
             strokeWidth: "1.5",
             strokeLinecap: "round",
             fill: "none"
@@ -131,7 +153,6 @@ 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;

package/dist/cjs/iconValue.js

@@ -31,7 +31,12 @@ const ALIGN_CODE = {
   "half-top-left": "htl",
   "half-top-right": "htr",
   "half-bottom-left": "hbl",
-  "half-bottom-right": "hbr"
+  "half-bottom-right": "hbr",
+  // a series beside the icon (1.4.3)
+  "next-right": "nr",
+  "next-left": "nl",
+  "next-up": "nu",
+  "next-down": "nd"
 };
 function reverse(codes) {
   const map = /* @__PURE__ */ new Map();

package/dist/cjs/icons/actions.js

@@ -8,6 +8,7 @@ const LENS_HANDLE = "M21 21l-4.35-4.35";
 function lensIcon(displayName, glyph = "") {
   return createIcon.createIcon({
     displayName,
+    perfectStackFilled: ["duotone"],
     paths: {
       solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx(
         "path",
@@ -151,7 +152,10 @@ const NtdEditDetail = /* @__PURE__ */ createIcon.createIcon({
   }
 });
 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_DOME = "M6 6A9.28 9.28 0 0 1 18 6Z";
+const TRASH_DOME_LINE = "M6 6A9.28 9.28 0 0 1 18 6";
+const TRASH_HANDLE = "M9.5 4.6V3.2a1.2 1.2 0 011.2-1.2h2.6a1.2 1.2 0 011.2 1.2v1.4";
+const TRASH_HANDLE_LINE = "M9.5 4.15V3.2a1.2 1.2 0 011.2-1.2h2.6a1.2 1.2 0 011.2 1.2v.95";
 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({
@@ -159,6 +163,7 @@ const NtdTrash = /* @__PURE__ */ createIcon.createIcon({
   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_DOME, fill: primaryColor }),
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: TRASH_HANDLE, stroke: primaryColor, strokeWidth, fill: "none" }),
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: TRASH_BIN, fill: primaryColor }),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -188,7 +193,8 @@ const NtdTrash = /* @__PURE__ */ createIcon.createIcon({
     ] }),
     outline: ({ primaryColor, 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_HANDLE, stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: TRASH_DOME_LINE, stroke: primaryColor, strokeWidth, fill: "none" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: TRASH_HANDLE_LINE, stroke: primaryColor, strokeWidth, fill: "none" }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
@@ -203,6 +209,7 @@ 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_DOME, fill: secondaryColor }),
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: TRASH_HANDLE, stroke: secondaryColor, strokeWidth, fill: "none" }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
@@ -443,13 +450,14 @@ const NtdCopy = /* @__PURE__ */ createIcon.createIcon({
   }
 });
 const CLIPBOARD_TEXT = "M8 11h8M8 14.5h5";
+const CLIPBOARD_SHEET = "M6 22V6.5h12V22";
 const NtdClipboard = /* @__PURE__ */ createIcon.createIcon({
   displayName: "NtdClipboard",
   perfectStackX: 12,
   perfectStackY: 12.5,
   perfectStackSize: 0.5,
   paths: {
-    solid: ({ primaryColor, accentColor, accentOpacity }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
@@ -457,6 +465,18 @@ const NtdClipboard = /* @__PURE__ */ createIcon.createIcon({
           fill: primaryColor
         }
       ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: CLIPBOARD_SHEET,
+          stroke: accentColor,
+          strokeWidth: strokeWidth * 0.6,
+          strokeLinecap: "butt",
+          strokeLinejoin: "miter",
+          fill: "none",
+          opacity: accentOpacity
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx(
         "rect",
         {
@@ -498,7 +518,7 @@ const NtdClipboard = /* @__PURE__ */ createIcon.createIcon({
       ),
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: CLIPBOARD_TEXT, stroke: primaryColor, strokeWidth })
     ] }),
-    vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
@@ -506,6 +526,18 @@ const NtdClipboard = /* @__PURE__ */ createIcon.createIcon({
           fill: primaryColor
         }
       ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: CLIPBOARD_SHEET,
+          stroke: accentColor,
+          strokeWidth: strokeWidth * 0.6,
+          strokeLinecap: "butt",
+          strokeLinejoin: "miter",
+          fill: "none",
+          opacity: accentOpacity
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx(
         "rect",
         {
@@ -662,86 +694,41 @@ const NtdSort = /* @__PURE__ */ createIcon.createIcon({
     ] })
   }
 });
+const PRINT_BODY = "M4 9h16a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2z";
+const PRINT_PAPER_IN = { x: 6, y: 3, width: 12, height: 5.25 };
+const PRINT_PAPER_OUT = { x: 6, y: 14, width: 12, height: 8, rx: 1 };
+const PRINT_LINES = "M8.5 17.75h7M8.5 19.75h4.5";
+function printFilled({ primaryColor, accentColor, accentOpacity, strokeWidth }, paper, detail, detailOpacity) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { ...PRINT_PAPER_IN, fill: paper }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: PRINT_BODY, fill: primaryColor }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "18.5", cy: "11.75", r: "0.9", fill: detail, opacity: detailOpacity }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "rect",
+      {
+        ...PRINT_PAPER_OUT,
+        fill: paper,
+        stroke: accentColor,
+        strokeWidth: strokeWidth * 0.6,
+        strokeOpacity: accentOpacity
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: PRINT_LINES, stroke: detail, strokeWidth, opacity: detailOpacity })
+  ] });
+}
 const NtdPrint = /* @__PURE__ */ createIcon.createIcon({
   displayName: "NtdPrint",
   paths: {
-    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M4 9h16a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2z",
-          fill: primaryColor
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M6 9V3h12v6",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: accentColor,
-          opacity: accentOpacity * 0.5
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "rect",
-        {
-          x: "6",
-          y: "15",
-          width: "12",
-          height: "7",
-          rx: "1",
-          fill: accentColor,
-          opacity: accentOpacity
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "9", y1: "18", x2: "15", y2: "18", stroke: primaryColor, strokeWidth: "1", opacity: "0.15" })
+    solid: (p) => printFilled(p, p.primaryColor, p.accentColor, p.accentOpacity),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs("g", { stroke: primaryColor, strokeWidth, fill: "none", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 9V3h12v6" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 18H4a2 2 0 01-2-2v-5a2 2 0 012-2h16a2 2 0 012 2v5a2 2 0 01-2 2h-2" }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { ...PRINT_PAPER_OUT }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: PRINT_LINES }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "18.5", cy: "11.75", r: "0.5", fill: primaryColor, stroke: "none" })
     ] }),
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 9V3h12v6", stroke: primaryColor, strokeWidth, fill: "none" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M6 18H4a2 2 0 01-2-2v-5a2 2 0 012-2h16a2 2 0 012 2v5a2 2 0 01-2 2h-2",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "rect",
-        {
-          x: "6",
-          y: "15",
-          width: "12",
-          height: "7",
-          rx: "1",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      )
-    ] }),
-    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M4 9h16a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2z",
-          fill: primaryColor
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M4 9h16a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2z",
-          fill: "white",
-          opacity: "0.08"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 9V3h12v6", stroke: secondaryColor, strokeWidth: "2", fill: secondaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "6", y: "15", width: "12", height: "7", rx: "1", fill: "#3B82F6" }),
-      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "9", y1: "18", x2: "15", y2: "18", stroke: "white", strokeWidth: "1", opacity: "0.35" })
-    ] })
+    duotone: (p) => printFilled(p, p.secondaryColor, p.primaryColor, 1),
+    vivid: (p) => printFilled(p, p.secondaryColor, p.accentColor, p.accentOpacity)
   }
 });
 const NtdZoomIn = /* @__PURE__ */ lensIcon("NtdZoomIn", "M11 8v6M8 11h6");
@@ -1146,54 +1133,31 @@ const NtdLogOut = /* @__PURE__ */ createIcon.createIcon({
     ] })
   }
 });
+const LOCK_BODY = { x: 3, y: 10, width: 18, height: 12, rx: 2.5 };
+const LOCK_SHACKLE = "M6 10.5V8a6 6 0 0112 0v2.5";
+const LOCK_KEYHOLE = "M12 12.8a2.1 2.1 0 011.1 3.89V19a.5.5 0 01-.5.5h-1.2a.5.5 0 01-.5-.5v-2.31A2.1 2.1 0 0112 12.8z";
+function lockFilled(body, shackle, keyhole, keyholeOpacity, width) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: LOCK_SHACKLE, stroke: shackle, strokeWidth: width, fill: "none" }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { ...LOCK_BODY, fill: body }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: LOCK_KEYHOLE, fill: keyhole, opacity: keyholeOpacity })
+  ] });
+}
 const NtdLock = /* @__PURE__ */ createIcon.createIcon({
   displayName: "NtdLock",
   perfectStackX: 12,
-  perfectStackY: 16.5,
-  perfectStackSize: 0.35,
+  perfectStackY: 16,
+  perfectStackSize: 0.4,
   paths: {
-    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 11V7a5 5 0 0110 0v4", stroke: primaryColor, strokeWidth }),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "15.5", r: "1.5", fill: accentColor, opacity: accentOpacity }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "rect",
-        {
-          x: "11.25",
-          y: "16.5",
-          width: "1.5",
-          height: "2",
-          rx: "0.5",
-          fill: accentColor,
-          opacity: accentOpacity
-        }
-      )
-    ] }),
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => lockFilled(primaryColor, primaryColor, accentColor, accentOpacity, strokeWidth * 2),
     outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "rect",
-        {
-          x: "3",
-          y: "11",
-          width: "18",
-          height: "11",
-          rx: "2.5",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 11V7a5 5 0 0110 0v4", stroke: primaryColor, strokeWidth }),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "15.5", r: "1.5", fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "11.25", y: "16.5", width: "1.5", height: "2", rx: "0.5", fill: primaryColor })
+      /* @__PURE__ */ jsxRuntime.jsxs("g", { stroke: primaryColor, strokeWidth, fill: "none", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { ...LOCK_BODY }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: LOCK_SHACKLE })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: LOCK_KEYHOLE, fill: primaryColor })
     ] }),
-    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", fill: "white", opacity: "0.08" }),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "15.5", r: "1.5", fill: secondaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "11.25", y: "16.5", width: "1.5", height: "2", rx: "0.5", fill: "#3B82F6" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 11V7a5 5 0 0110 0v4", stroke: "white", strokeWidth: "1" })
-    ] })
+    vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => lockFilled(primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth * 2)
   }
 });
 const NtdUnlock = /* @__PURE__ */ createIcon.createIcon({