@nice2dev/icons 1.4.7 → 1.4.9

package/dist/cjs/icons/ui.js

@@ -139,14 +139,30 @@ const NtdUserTie = /* @__PURE__ */ createIcon.createIcon({
 const USERS_FRONT_HEAD = { cx: 12, cy: 8, r: 3.75 };
 const USERS_FRONT_BODY = "M18 21.5v-2.25a3.75 3.75 0 00-3.75-3.75h-4.5A3.75 3.75 0 006 19.25v2.25";
 const USERS_BACK_HEADS = [
-  { cx: 4.75, cy: 7, r: 2.5 },
-  { cx: 19.25, cy: 7, r: 2.5 }
+  { cx: 5, cy: 7.5, r: 2.6 },
+  { cx: 19, cy: 7.5, r: 2.6 }
 ];
-const USERS_BACK_BODIES = "M5.25 13.25H3.5A2.75 2.75 0 00.75 16v3.25M18.75 13.25h1.75a2.75 2.75 0 012.75 2.75v3.25";
-function usersFilled(front, back) {
+const USERS_BACK_BODIES = [
+  "M0.75 19.5v-3.6a3.4 3.4 0 013.4-3.4h1.7a3.4 3.4 0 013.4 3.4v3.6",
+  "M14.75 19.5v-3.6a3.4 3.4 0 013.4-3.4h1.7a3.4 3.4 0 013.4 3.4v3.6"
+];
+function usersFilled(front, back, { accentColor, accentOpacity, strokeWidth }) {
+  const gap = strokeWidth * 0.5;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     USERS_BACK_HEADS.map((h) => /* @__PURE__ */ jsxRuntime.jsx("circle", { ...h, fill: back }, h.cx)),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: `${USERS_BACK_BODIES.replace("v3.25M", "v3.25h4.5zM")}h-4.5z`, fill: back }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: USERS_BACK_BODIES.map((d) => `${d}z`).join(""), fill: back }),
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: accentColor, opacity: accentOpacity, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { ...USERS_FRONT_HEAD, r: USERS_FRONT_HEAD.r + gap }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: `${USERS_FRONT_BODY}z`,
+          stroke: accentColor,
+          strokeWidth: gap * 2,
+          strokeLinejoin: "round"
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { ...USERS_FRONT_HEAD, fill: front }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: `${USERS_FRONT_BODY}z`, fill: front })
   ] });
@@ -154,15 +170,35 @@ function usersFilled(front, back) {
 const NtdUsers = /* @__PURE__ */ createIcon.createIcon({
   displayName: "NtdUsers",
   paths: {
-    solid: ({ primaryColor }) => usersFilled(primaryColor, primaryColor),
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs("g", { stroke: primaryColor, strokeWidth, fill: "none", children: [
-      USERS_BACK_HEADS.map((h) => /* @__PURE__ */ jsxRuntime.jsx("circle", { ...h }, h.cx)),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: USERS_BACK_BODIES }),
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { ...USERS_FRONT_HEAD }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: USERS_FRONT_BODY })
-    ] }),
-    duotone: ({ primaryColor, secondaryColor }) => usersFilled(primaryColor, secondaryColor),
-    vivid: ({ primaryColor, secondaryColor }) => usersFilled(primaryColor, secondaryColor)
+    solid: (p) => usersFilled(p.primaryColor, p.primaryColor, p),
+    outline: ({ primaryColor, strokeWidth, uid }) => {
+      const id = `${uid ?? "users"}behind`;
+      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("mask", { id, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "24", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "24", height: "24", fill: "white" }),
+          /* @__PURE__ */ jsxRuntime.jsx("circle", { ...USERS_FRONT_HEAD, r: USERS_FRONT_HEAD.r + strokeWidth * 1.5, fill: "black" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: `${USERS_FRONT_BODY}z`,
+              fill: "black",
+              stroke: "black",
+              strokeWidth: strokeWidth * 3
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("g", { stroke: primaryColor, strokeWidth, fill: "none", mask: `url(#${id})`, children: [
+          USERS_BACK_HEADS.map((h) => /* @__PURE__ */ jsxRuntime.jsx("circle", { ...h }, h.cx)),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: USERS_BACK_BODIES.join("") })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("g", { stroke: primaryColor, strokeWidth, fill: "none", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("circle", { ...USERS_FRONT_HEAD }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: USERS_FRONT_BODY })
+        ] })
+      ] });
+    },
+    duotone: (p) => usersFilled(p.primaryColor, p.secondaryColor, p),
+    vivid: (p) => usersFilled(p.primaryColor, p.secondaryColor, p)
   }
 });
 const HEART = "M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z";
@@ -727,9 +763,11 @@ const CALENDAR_PAGE = { x: 3, y: 4, width: 18, height: 18, rx: 2 };
 const CALENDAR_HEAD_BAND = "M3 4h18v5.5H3z";
 const CALENDAR_RINGS = "M16 2v4M8 2v4";
 const CALENDAR_DETAILS = {
-  month: [11.5, 14.75, 18].flatMap(
-    (y) => [4.75, 8.75, 12.75, 16.75].map((x) => ({ x, y, w: 2.5, h: 2 }))
-  ),
+  plain: [],
+  month: Array.from({ length: 30 }, (_, day) => {
+    const slot = day + 2;
+    return { x: 4.5 + slot % 7 * 2.214, y: 11 + Math.floor(slot / 7) * 2, w: 1.714, h: 1.5 };
+  }),
   week: [6, 9, 12, 15, 18].map((cx) => ({ x: cx - 0.75, y: 11.75, w: 1.5, h: 8 })),
   day: [12, 15.25, 18.5].map((y) => ({ x: 6, y: y - 0.75, w: 12, h: 1.5 }))
 };
@@ -795,7 +833,8 @@ function calendarIcon(displayName, kind) {
     }
   });
 }
-const NtdCalendar = /* @__PURE__ */ calendarIcon("NtdCalendar", "month");
+const NtdCalendar = /* @__PURE__ */ calendarIcon("NtdCalendar", "plain");
+const NtdCalendarMonth = /* @__PURE__ */ calendarIcon("NtdCalendarMonth", "month");
 const NtdCalendarWeek = /* @__PURE__ */ calendarIcon("NtdCalendarWeek", "week");
 const NtdCalendarDay = /* @__PURE__ */ calendarIcon("NtdCalendarDay", "day");
 const NtdTag = /* @__PURE__ */ createIcon.createIcon({
@@ -991,22 +1030,16 @@ const NtdBookmark = /* @__PURE__ */ createIcon.createIcon({
   }
 });
 const FLAG_CLOTH = "M4 3.5s1-1 4-1 5 2 8 2 4-1 4-1v11s-1 1-4 1-5-2-8-2-4 1-4 1z";
+const flagPole = (color, strokeWidth) => /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "3", width: strokeWidth, height: "17.5", fill: color });
 const NtdFlag = /* @__PURE__ */ createIcon.createIcon({
   displayName: "NtdFlag",
   perfectStackX: 12,
   perfectStackY: 9,
   perfectStackSize: 0.35,
   paths: {
-    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    solid: ({ primaryColor, strokeWidth, variant }) => variant === "wireframe" ? /* @__PURE__ */ jsxRuntime.jsx("path", { d: `${FLAG_CLOTH}M4 3v17.5`, stroke: primaryColor, strokeWidth: 1, fill: "none" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: FLAG_CLOTH, fill: primaryColor }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: `M${4 + strokeWidth / 2} 3v17.5`,
-          stroke: primaryColor,
-          strokeWidth
-        }
-      )
+      flagPole(primaryColor, strokeWidth)
     ] }),
     outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx(
       "path",
@@ -1032,14 +1065,7 @@ const NtdFlag = /* @__PURE__ */ createIcon.createIcon({
     vivid: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: FLAG_CLOTH, fill: primaryColor }),
       /* @__PURE__ */ jsxRuntime.jsx("path", { d: FLAG_CLOTH, fill: "white", opacity: "0.1" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: `M${4 + strokeWidth / 2} 3v17.5`,
-          stroke: secondaryColor,
-          strokeWidth
-        }
-      )
+      flagPole(secondaryColor, strokeWidth)
     ] })
   }
 });
@@ -1492,6 +1518,7 @@ exports.NtdBell = NtdBell;
 exports.NtdBookmark = NtdBookmark;
 exports.NtdCalendar = NtdCalendar;
 exports.NtdCalendarDay = NtdCalendarDay;
+exports.NtdCalendarMonth = NtdCalendarMonth;
 exports.NtdCalendarWeek = NtdCalendarWeek;
 exports.NtdClock = NtdClock;
 exports.NtdCursor = NtdCursor;

package/dist/cjs/icons/weather.js

@@ -661,8 +661,8 @@ const NtdTree = /* @__PURE__ */ createIcon.createIcon({
   }
 });
 const MOUNTAIN = "M12 2L2 22h20L12 2z";
-const MOUNTAIN_SNOW = "M12 2L16.6 11.2L14.6 12.3L12.7 14.1L10.7 12L8.9 13.7L7 12Z";
-const MOUNTAIN_SNOW_LINE = "M7 12L8.9 13.7L10.7 12L12.7 14.1L14.6 12.3L16.6 11.2";
+const MOUNTAIN_SNOW = "M12 2L16.6 11.2L14.6 12.3L13.2 14.1L10.7 12L8.9 13.7L7 12Z";
+const MOUNTAIN_SNOW_LINE = "M7 12L8.9 13.7L10.7 12L13.2 14.1L14.6 12.3L16.6 11.2";
 const NtdMountain = /* @__PURE__ */ createIcon.createIcon({
   displayName: "NtdMountain",
   paths: {

package/dist/cjs/index.js

@@ -489,6 +489,7 @@ exports.NtdBell = ui.NtdBell;
 exports.NtdBookmark = ui.NtdBookmark;
 exports.NtdCalendar = ui.NtdCalendar;
 exports.NtdCalendarDay = ui.NtdCalendarDay;
+exports.NtdCalendarMonth = ui.NtdCalendarMonth;
 exports.NtdCalendarWeek = ui.NtdCalendarWeek;
 exports.NtdClock = ui.NtdClock;
 exports.NtdCursor = ui.NtdCursor;

package/dist/esm/icons/actions.js

@@ -150,10 +150,10 @@ const NtdEditDetail = /* @__PURE__ */ createIcon({
   }
 });
 const TRASH_LID = "M4 6H20";
-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_DOME = "M5.5 6A8.54 8.54 0 0 1 18.5 6Z";
+const TRASH_DOME_LINE = "M5.5 6A8.54 8.54 0 0 1 18.5 6";
+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.4";
+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 NtdTrash = /* @__PURE__ */ createIcon({
@@ -448,7 +448,7 @@ const NtdCopy = /* @__PURE__ */ createIcon({
   }
 });
 const CLIPBOARD_TEXT = "M8 11h8M8 14.5h5";
-const CLIPBOARD_SHEET = "M6 22V6.5h12V22";
+const CLIPBOARD_SHEET = "M6 22V4h12V22";
 const NtdClipboard = /* @__PURE__ */ createIcon({
   displayName: "NtdClipboard",
   perfectStackX: 12,
@@ -485,7 +485,7 @@ const NtdClipboard = /* @__PURE__ */ createIcon({
           rx: "1.5",
           fill: primaryColor,
           stroke: accentColor,
-          strokeWidth: "1.5",
+          strokeWidth,
           opacity: accentOpacity
         }
       ),
@@ -546,7 +546,7 @@ const NtdClipboard = /* @__PURE__ */ createIcon({
           rx: "1.5",
           fill: secondaryColor,
           stroke: secondaryColor,
-          strokeWidth: "1.5"
+          strokeWidth
         }
       ),
       /* @__PURE__ */ jsx("path", { d: CLIPBOARD_TEXT, stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })
@@ -711,7 +711,15 @@ function printFilled({ primaryColor, accentColor, accentOpacity, strokeWidth },
         strokeOpacity: accentOpacity
       }
     ),
-    /* @__PURE__ */ jsx("path", { d: PRINT_LINES, stroke: detail, strokeWidth, opacity: detailOpacity })
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: PRINT_LINES,
+        stroke: detail,
+        strokeWidth: strokeWidth * 0.7,
+        opacity: detailOpacity
+      }
+    )
   ] });
 }
 const NtdPrint = /* @__PURE__ */ createIcon({
@@ -1158,50 +1166,37 @@ const NtdLock = /* @__PURE__ */ 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 NtdUnlock = /* @__PURE__ */ createIcon({
   displayName: "NtdUnlock",
+  perfectStackX: 12,
+  perfectStackY: 16,
+  perfectStackSize: 0.4,
   paths: {
     solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", fill: primaryColor }),
-      /* @__PURE__ */ jsx("path", { d: "M7 11V7a5 5 0 019.9-1", stroke: primaryColor, strokeWidth }),
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "15.5", r: "1.5", fill: accentColor, opacity: accentOpacity }),
-      /* @__PURE__ */ jsx(
-        "rect",
-        {
-          x: "11.25",
-          y: "16.5",
-          width: "1.5",
-          height: "2",
-          rx: "0.5",
-          fill: accentColor,
-          opacity: accentOpacity
-        }
-      )
+      /* @__PURE__ */ jsx("path", { d: UNLOCK_SHACKLE, stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }),
+      /* @__PURE__ */ jsx("rect", { ...LOCK_BODY, fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: LOCK_KEYHOLE, fill: accentColor, opacity: accentOpacity })
     ] }),
     outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("g", { stroke: primaryColor, strokeWidth, fill: "none", children: [
+        /* @__PURE__ */ jsx("rect", { ...LOCK_BODY }),
+        /* @__PURE__ */ jsx("path", { d: UNLOCK_SHACKLE })
+      ] }),
+      /* @__PURE__ */ jsx("path", { d: LOCK_KEYHOLE, fill: primaryColor })
+    ] }),
+    vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
-        "rect",
+        "path",
         {
-          x: "3",
-          y: "11",
-          width: "18",
-          height: "11",
-          rx: "2.5",
-          stroke: primaryColor,
-          strokeWidth,
+          d: UNLOCK_SHACKLE,
+          stroke: secondaryColor,
+          strokeWidth: strokeWidth * 2,
           fill: "none"
         }
       ),
-      /* @__PURE__ */ jsx("path", { d: "M7 11V7a5 5 0 019.9-1", stroke: primaryColor, strokeWidth }),
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "15.5", r: "1.5", fill: primaryColor }),
-      /* @__PURE__ */ jsx("rect", { x: "11.25", y: "16.5", width: "1.5", height: "2", rx: "0.5", fill: primaryColor })
-    ] }),
-    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", fill: primaryColor }),
-      /* @__PURE__ */ jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2.5", fill: "white", opacity: "0.08" }),
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "15.5", r: "1.5", fill: secondaryColor }),
-      /* @__PURE__ */ jsx("rect", { x: "11.25", y: "16.5", width: "1.5", height: "2", rx: "0.5", fill: "#3B82F6" }),
-      /* @__PURE__ */ jsx("path", { d: "M7 11V7a5 5 0 019.9-1", stroke: "white", strokeWidth: "1" })
+      /* @__PURE__ */ jsx("rect", { ...LOCK_BODY, fill: primaryColor }),
+      /* @__PURE__ */ jsx("path", { d: LOCK_KEYHOLE, fill: accentColor, opacity: accentOpacity })
     ] })
   }
 });

package/dist/esm/icons/business.js

@@ -99,8 +99,8 @@ const NtdDollar = /* @__PURE__ */ createIcon({
   }
 });
 const WALLET_BODY = { x: 2, y: 6.5, width: 20, height: 14.5, rx: 2.5 };
-const WALLET_BACK = "M4.5 8V5.7L19 5a1 1 0 011.1 1V8z";
-const WALLET_BACK_LINE = "M4.5 6.5V5.7L19 5a1 1 0 011.1 1V6.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({
@@ -377,13 +377,22 @@ const NtdInvoice = /* @__PURE__ */ 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_SIGN = { x: 6.5, y: 6.4, width: 11, height: 2.5, rx: 0.5 };
-const STORE_GLASS = "M4.2 10.6h4.8v6.8H4.2zM15 10.6h4.8v6.8H15zM10.2 10.6h3.6V21h-3.6z";
-const STORE_GLARE = "M5.4 15.6l2.6-2.6M5.4 13l1.2-1.2M16.2 15.6l2.6-2.6M16.2 13l1.2-1.2";
-const STORE_HANDLE = { cx: 13, cy: 16.2, r: 0.45 };
-function storeFilled({ primaryColor, accentColor, accentOpacity, strokeWidth }, glass, sign) {
+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";
+const STORE_GLARE = "M5.4 16.9l2.6-2.6M5.4 14.3l1.2-1.2M16.2 16.9l2.6-2.6M16.2 14.3l1.2-1.2";
+const STORE_HANDLE = { cx: 13, cy: 16.9, r: 0.45 };
+function storeFilled({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }, variant) {
+  const glass = variant === "solid" ? null : secondaryColor;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("rect", { ...STORE_CORNICE, fill: primaryColor }),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        ...STORE_CORNICE,
+        fill: variant === "vivid" ? accentColor : primaryColor,
+        opacity: variant === "vivid" ? accentOpacity : void 0
+      }
+    ),
     /* @__PURE__ */ jsx(
       "path",
       {
@@ -393,36 +402,36 @@ function storeFilled({ primaryColor, accentColor, accentOpacity, strokeWidth },
       }
     ),
     glass && /* @__PURE__ */ jsx("path", { d: STORE_GLASS, fill: glass }),
-    sign && /* @__PURE__ */ jsx(
-      "rect",
-      {
-        ...STORE_SIGN,
-        stroke: accentColor,
-        strokeWidth: strokeWidth * 0.6,
-        opacity: accentOpacity,
-        fill: "none"
-      }
-    ),
-    (sign || !glass) && /* @__PURE__ */ jsx("path", { d: STORE_GLARE, stroke: primaryColor, strokeWidth: strokeWidth * 0.6 }),
+    variant === "solid" && /* @__PURE__ */ jsxs("g", { stroke: accentColor, strokeWidth: strokeWidth * 0.6, opacity: accentOpacity, fill: "none", children: [
+      /* @__PURE__ */ jsx("path", { d: STORE_CUT }),
+      /* @__PURE__ */ jsx("rect", { ...STORE_SIGN })
+    ] }),
+    variant === "duotone" && /* @__PURE__ */ jsx("rect", { ...STORE_SIGN, fill: secondaryColor }),
+    variant === "vivid" && /* @__PURE__ */ jsx("rect", { ...STORE_SIGN, fill: accentColor, opacity: accentOpacity }),
+    variant !== "duotone" && /* @__PURE__ */ jsx("path", { d: STORE_GLARE, stroke: primaryColor, strokeWidth: strokeWidth * 0.6 }),
     /* @__PURE__ */ jsx("circle", { ...STORE_HANDLE, fill: primaryColor })
   ] });
 }
 const NtdStore = /* @__PURE__ */ createIcon({
   displayName: "NtdStore",
+  perfectStackX: 12,
+  perfectStackY: STORE_SIGN.y + STORE_SIGN.height / 2,
+  perfectStackSize: 0.15,
+  perfectStackFilled: ["solid", "duotone", "sharp", "rounded", "cutout", "mini", "3d"],
   paths: {
-    solid: (p) => storeFilled(p, null, true),
+    solid: (p) => storeFilled(p, "solid"),
     outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs("g", { stroke: primaryColor, strokeWidth, strokeLinejoin: "miter", fill: "none", children: [
         /* @__PURE__ */ jsx("path", { d: "M3 5.4V21H21V5.4" }),
         /* @__PURE__ */ jsx("rect", { ...STORE_CORNICE }),
         /* @__PURE__ */ jsx("rect", { ...STORE_SIGN }),
-        /* @__PURE__ */ jsx("path", { d: "M4.2 10.6h4.8v6.8H4.2zM15 10.6h4.8v6.8H15zM10.2 21V10.6h3.6V21" }),
+        /* @__PURE__ */ jsx("path", { d: "M4.2 11.9h4.8v6.8H4.2zM15 11.9h4.8v6.8H15zM10.2 21V12.2h3.6V21" }),
         /* @__PURE__ */ jsx("path", { d: STORE_GLARE, strokeWidth: strokeWidth * 0.6 })
       ] }),
       /* @__PURE__ */ jsx("circle", { ...STORE_HANDLE, fill: primaryColor })
     ] }),
-    duotone: (p) => storeFilled(p, p.secondaryColor, false),
-    vivid: (p) => storeFilled(p, p.secondaryColor, true)
+    duotone: (p) => storeFilled(p, "duotone"),
+    vivid: (p) => storeFilled(p, "vivid")
   }
 });
 const BARCODE_BARS = [
@@ -850,6 +859,9 @@ const NtdCoins = /* @__PURE__ */ createIcon({
 });
 const NOTE_RX = 1.2;
 const NOTE_GAP = 0.8;
+function insetNote([x, y, w, h], by) {
+  return [x + by, y + by, w - 2 * by, h - 2 * by];
+}
 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`;
 }
@@ -872,10 +884,17 @@ function noteDetails([x, y, w, h], color, width, discFilled, ring = false) {
           fill: "none"
         }
       ),
-      /* @__PURE__ */ jsxs("g", { stroke: color, strokeWidth: discFilled ? width * 0.6 : width, fill: "none", children: [
-        /* @__PURE__ */ jsx("circle", { cx, cy, r: h * 0.3 }),
-        /* @__PURE__ */ jsx("circle", { cx, cy, r: h * 0.11 })
-      ] })
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx,
+          cy,
+          r: h * 0.3,
+          stroke: color,
+          strokeWidth: discFilled ? width * 0.3 : width * 0.5,
+          fill: "none"
+        }
+      )
     ] });
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -952,7 +971,7 @@ function notesLines(notes, color, width, uid, ring = false) {
         line
       ) }, i) : /* @__PURE__ */ jsx("g", { children: line }, i);
     }) }),
-    noteDetails(notes[notes.length - 1], color, width, false, ring)
+    noteDetails(insetNote(notes[notes.length - 1], width / 2), color, width, false, ring)
   ] });
 }
 const CASH_NOTE = [3, 6.75, 18, 10.5];
@@ -967,35 +986,38 @@ const NtdCash = /* @__PURE__ */ createIcon({
   }
 });
 const CASH_STACK = [
-  [5.7, 4.8, 16, 9],
-  [4, 7.5, 16, 9],
-  [2.3, 10.2, 16, 9]
+  [4.7, 5.4, 17, 9.6],
+  [3.5, 7.2, 17, 9.6],
+  [2.3, 9, 17, 9.6]
 ];
 const NtdCashStack = /* @__PURE__ */ 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(
+    solid: ({ primaryColor, accentColor, strokeWidth, uid, variant }) => variant === "wireframe" ? notesLines(CASH_STACK, primaryColor, 1, uid, true) : notesFilled(
       CASH_STACK,
       [primaryColor, primaryColor, primaryColor],
       accentColor,
       accentColor,
-      strokeWidth
+      strokeWidth,
+      true
     ),
-    outline: ({ primaryColor, strokeWidth, uid }) => notesLines(CASH_STACK, primaryColor, strokeWidth, uid),
+    outline: ({ primaryColor, strokeWidth, uid }) => notesLines(CASH_STACK, primaryColor, strokeWidth, uid, true),
     duotone: ({ primaryColor, secondaryColor, strokeWidth }) => notesFilled(
       CASH_STACK,
       [primaryColor, secondaryColor, primaryColor],
       void 0,
       secondaryColor,
-      strokeWidth
+      strokeWidth,
+      true
     ),
     vivid: ({ primaryColor, secondaryColor, accentColor, strokeWidth }) => notesFilled(
       CASH_STACK,
       [primaryColor, secondaryColor, primaryColor],
       accentColor,
       secondaryColor,
-      strokeWidth
+      strokeWidth,
+      true
     )
   }
 });

package/dist/esm/icons/education.js

@@ -639,7 +639,7 @@ const NtdWebinar = /* @__PURE__ */ createIcon({
   }
 });
 const CERT_SHEET = { x: 2, y: 4, width: 20, height: 14, rx: 2 };
-const CERT_BORDER = { x: 3.75, y: 5.75, width: 16.5, height: 10.5, rx: 0.75 };
+const CERT_BORDER = { x: 3.2, y: 5.2, width: 17.6, height: 11.6, rx: 0.75 };
 const CERT_TEXT = "M5.75 8.75h8.5M5.75 11.5h6";
 const CERT_RIBBON = "M15 17h4v4.75l-2-1.5-2 1.5z";
 const CERT_SEAL = { cx: 17, cy: 15, r: 3.25 };
@@ -665,7 +665,15 @@ function certificateFilled({ primaryColor, accentColor, accentOpacity, strokeWid
         /* @__PURE__ */ jsx("path", { d: CERT_TEXT, stroke: detail, strokeWidth: "1.25", opacity: detailOpacity })
       ] })
     ),
-    /* @__PURE__ */ jsx("circle", { ...CERT_SEAL, r: CERT_SEAL.r + 0.9, fill: accentColor, opacity: accentOpacity }),
+    /* @__PURE__ */ jsx(
+      "circle",
+      {
+        ...CERT_SEAL,
+        r: CERT_SEAL.r + strokeWidth * 0.6,
+        fill: accentColor,
+        opacity: accentOpacity
+      }
+    ),
     /* @__PURE__ */ jsx("circle", { ...CERT_SEAL, fill: seal }),
     /* @__PURE__ */ jsx(
       "circle",
@@ -698,9 +706,9 @@ const NtdCertificate = /* @__PURE__ */ createIcon({
   }
 });
 const QUIZ_SHEET = { x: 3, y: 2, width: 18, height: 20, rx: 2 };
-const QUIZ_QUESTION = "M6 6.5h12";
-const QUIZ_BOXES = "M6 10.75h2.75v2.75H6zM6 15.75h2.75v2.75H6z";
-const QUIZ_ANSWERS = "M11 12.1h7M11 17.1h5";
+const QUIZ_QUESTION = "M6 5.5h12M6 8.25h8.5";
+const QUIZ_BOXES = "M6 11.5h2.75v2.75H6zM6 16.25h2.75v2.75H6z";
+const QUIZ_ANSWERS = "M11 12.85h7M11 17.6h5";
 const NtdQuiz = /* @__PURE__ */ createIcon({
   displayName: "NtdQuiz",
   paths: {

package/dist/esm/icons/files.js

@@ -954,34 +954,18 @@ 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.3";
-function awardFilled({ primaryColor, accentColor, accentOpacity, strokeWidth }, ribbon, lines) {
+const AWARD_RIBBON_INNER = "M9.67 13.42L8.9 20.11L12 18.25L15.1 20.11L14.32 13.43";
+function awardInsets(color, opacity, width) {
+  return /* @__PURE__ */ jsxs("g", { stroke: color, strokeWidth: width, opacity, fill: "none", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "8", r: "5.9" }),
+    /* @__PURE__ */ jsx("path", { d: AWARD_RIBBON_INNER, strokeLinejoin: "round" })
+  ] });
+}
+function awardFilled({ primaryColor, accentColor, accentOpacity, strokeWidth }, ribbon) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__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"
-      }
-    )
+    awardInsets(accentColor, accentOpacity, strokeWidth * 0.6)
   ] });
 }
 const NtdAward = /* @__PURE__ */ createIcon({
@@ -990,7 +974,7 @@ const NtdAward = /* @__PURE__ */ createIcon({
   perfectStackY: 8,
   perfectStackSize: 0.4,
   paths: {
-    solid: (p) => awardFilled(p, p.primaryColor, true),
+    solid: (p) => awardFilled(p, p.primaryColor),
     outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("circle", { cx: "12", cy: "8", r: "7", stroke: primaryColor, strokeWidth, fill: "none" }),
       /* @__PURE__ */ jsx(
@@ -1001,15 +985,16 @@ const NtdAward = /* @__PURE__ */ createIcon({
           strokeWidth,
           fill: "none"
         }
-      )
+      ),
+      awardInsets(primaryColor, 1, strokeWidth * 0.6)
     ] }),
-    duotone: (p) => awardFilled(p, p.secondaryColor, false),
-    vivid: (p) => awardFilled(p, p.secondaryColor, true)
+    duotone: (p) => awardFilled(p, p.secondaryColor),
+    vivid: (p) => awardFilled(p, p.secondaryColor)
   }
 });
 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 = "M6.39 5L8.94 15M12.2 5v10M16.6 5v10M3 10.05h20";
+const CART_BARS = "M6.39 5L8.94 15M12.2 5v10M16.6 5v10M7.68 10.05H23";
 const CART_WHEELS = [9.4, 18.2];
 function cartFilled({ primaryColor, accentColor, accentOpacity, strokeWidth, uid }, frame, wheels, bars) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [