@nice2dev/icons 1.4.1 → 1.4.3

package/dist/esm/icons/ui.js

@@ -108,124 +108,59 @@ const NtdUser = /* @__PURE__ */ createIcon({
   }
 });
 const ADMIN_BODY = "M20.8 21.9v-2.2a4.4 4.4 0 00-4.4-4.4H7.6a4.4 4.4 0 00-4.4 4.4v2.2";
-const ADMIN_TIE = "M9.4 15.3h5.2l-1.3 1.8 2.1 4.8H8.6l2.1-4.8z";
-const NtdAdmin = /* @__PURE__ */ createIcon({
-  displayName: "NtdAdmin",
+const ADMIN_SHIRT = "M8.6 15.3h6.8L12 21.9z";
+const ADMIN_TIE = "M10.8 15.3h2.4l-.5 1.3h-1.4zM11.3 16.85h1.4l.4 2.35L12 20.4l-1.1-1.2z";
+function userTieFilled(head, body, shirt, shirtOpacity, tie) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "7.6", r: "4.4", fill: head }),
+    /* @__PURE__ */ jsx("path", { d: ADMIN_BODY, fill: body }),
+    shirt && /* @__PURE__ */ jsx("path", { d: ADMIN_SHIRT, fill: shirt, opacity: shirtOpacity }),
+    /* @__PURE__ */ jsx("path", { d: ADMIN_TIE, fill: tie })
+  ] });
+}
+const NtdUserTie = /* @__PURE__ */ createIcon({
+  displayName: "NtdUserTie",
   paths: {
-    solid: ({ primaryColor, accentColor, accentOpacity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "7.6", r: "4.4", fill: primaryColor }),
-      /* @__PURE__ */ jsx("path", { d: ADMIN_BODY, fill: primaryColor }),
-      /* @__PURE__ */ jsx("path", { d: ADMIN_TIE, fill: accentColor, opacity: accentOpacity })
-    ] }),
+    solid: ({ primaryColor, accentColor, accentOpacity }) => userTieFilled(primaryColor, primaryColor, accentColor, accentOpacity, primaryColor),
     outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "circle",
-        {
-          cx: "12",
-          cy: "7.6",
-          r: "4.4",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx("path", { d: ADMIN_BODY, stroke: primaryColor, strokeWidth, fill: "none" }),
-      /* @__PURE__ */ jsx("path", { d: ADMIN_TIE, fill: primaryColor })
-    ] }),
-    // as NtdUser: fills only, the head (and the tie) primary, the shoulders secondary
-    duotone: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "7.6", r: "4.4", fill: primaryColor }),
-      /* @__PURE__ */ jsx("path", { d: ADMIN_BODY, fill: secondaryColor }),
+      /* @__PURE__ */ jsxs("g", { stroke: primaryColor, strokeWidth, fill: "none", children: [
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "7.6", r: "4.4" }),
+        /* @__PURE__ */ jsx("path", { d: ADMIN_BODY }),
+        /* @__PURE__ */ jsx("path", { d: "M8.6 15.3L12 21.9l3.4-6.6", strokeLinejoin: "miter" })
+      ] }),
       /* @__PURE__ */ jsx("path", { d: ADMIN_TIE, fill: primaryColor })
     ] }),
-    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "7.6", r: "4.4", fill: primaryColor }),
-      /* @__PURE__ */ jsx("path", { d: ADMIN_BODY, fill: secondaryColor }),
-      /* @__PURE__ */ jsx("path", { d: ADMIN_TIE, fill: primaryColor })
-    ] })
+    duotone: ({ primaryColor, secondaryColor }) => userTieFilled(primaryColor, secondaryColor, null, 1, primaryColor),
+    vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => userTieFilled(primaryColor, secondaryColor, accentColor, accentOpacity, primaryColor)
   }
 });
+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 }
+];
+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) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    USERS_BACK_HEADS.map((h) => /* @__PURE__ */ jsx("circle", { ...h, fill: back }, h.cx)),
+    /* @__PURE__ */ jsx("path", { d: `${USERS_BACK_BODIES.replace("v3.25M", "v3.25h4.5zM")}h-4.5z`, fill: back }),
+    /* @__PURE__ */ jsx("circle", { ...USERS_FRONT_HEAD, fill: front }),
+    /* @__PURE__ */ jsx("path", { d: `${USERS_FRONT_BODY}z`, fill: front })
+  ] });
+}
 const NtdUsers = /* @__PURE__ */ createIcon({
   displayName: "NtdUsers",
   paths: {
-    solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("circle", { cx: "9", cy: "7", r: "4", fill: primaryColor }),
-      /* @__PURE__ */ jsx("path", { d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2", fill: primaryColor }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      )
+    solid: ({ primaryColor }) => usersFilled(primaryColor, primaryColor),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs("g", { stroke: primaryColor, strokeWidth, fill: "none", children: [
+      USERS_BACK_HEADS.map((h) => /* @__PURE__ */ jsx("circle", { ...h }, h.cx)),
+      /* @__PURE__ */ jsx("path", { d: USERS_BACK_BODIES }),
+      /* @__PURE__ */ jsx("circle", { ...USERS_FRONT_HEAD }),
+      /* @__PURE__ */ jsx("path", { d: USERS_FRONT_BODY })
     ] }),
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("circle", { cx: "9", cy: "7", r: "4", stroke: primaryColor, strokeWidth, fill: "none" }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      )
-    ] }),
-    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2",
-          fill: secondaryColor,
-          opacity: secondaryOpacity
-        }
-      ),
-      /* @__PURE__ */ jsx("circle", { cx: "9", cy: "7", r: "4", fill: primaryColor }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75",
-          stroke: secondaryColor,
-          strokeWidth,
-          fill: "none",
-          opacity: secondaryOpacity + 0.2
-        }
-      )
-    ] })),
-    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("circle", { cx: "9", cy: "7", r: "4", fill: primaryColor }),
-      /* @__PURE__ */ jsx("circle", { cx: "9", cy: "7", r: "4", fill: "white", opacity: "0.08" }),
-      /* @__PURE__ */ jsx("path", { d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2", fill: secondaryColor }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75",
-          stroke: "white",
-          strokeWidth: "1",
-          fill: "none"
-        }
-      )
-    ] })
+    duotone: ({ primaryColor, secondaryColor }) => usersFilled(primaryColor, secondaryColor),
+    vivid: ({ primaryColor, secondaryColor }) => usersFilled(primaryColor, secondaryColor)
   }
 });
 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";
@@ -789,56 +724,78 @@ const NtdHourglass = /* @__PURE__ */ createIcon({
 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";
-function calendarFilled({
-  primaryColor,
-  secondaryColor,
-  accentColor,
-  accentOpacity,
-  strokeWidth,
-  uid
-}) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+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 }))
+  ),
+  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 }))
+};
+function calendarDetails(kind, fill, opacity = 1) {
+  return CALENDAR_DETAILS[kind].map((d) => /* @__PURE__ */ jsx(
+    "rect",
+    {
+      x: d.x,
+      y: d.y,
+      width: d.w,
+      height: d.h,
+      fill,
+      opacity
+    },
+    `${d.x}-${d.y}`
+  ));
+}
+function calendarIcon(displayName, kind) {
+  const filled = ({
+    primaryColor,
+    secondaryColor,
+    accentColor,
+    accentOpacity,
+    strokeWidth,
+    uid,
+    stacked
+  }, two, details) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("rect", { ...CALENDAR_PAGE, fill: primaryColor }),
     within(
       uid,
       "header",
       /* @__PURE__ */ jsx("rect", { ...CALENDAR_PAGE }),
       /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("path", { d: CALENDAR_HEAD_BAND, fill: secondaryColor }),
+        two && /* @__PURE__ */ jsx("path", { d: CALENDAR_HEAD_BAND, fill: secondaryColor }),
         /* @__PURE__ */ jsx("path", { d: "M3 9.5h18", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })
       ] })
     ),
-    /* @__PURE__ */ jsx("path", { d: CALENDAR_RINGS, stroke: secondaryColor, strokeWidth: strokeWidth * 1.6 })
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: CALENDAR_RINGS,
+        stroke: two ? secondaryColor : primaryColor,
+        strokeWidth: strokeWidth * 1.6
+      }
+    ),
+    !stacked && calendarDetails(kind, details, details === accentColor ? accentOpacity : 1)
   ] });
+  return createIcon({
+    displayName,
+    perfectStackX: 12,
+    perfectStackY: 15.75,
+    perfectStackSize: 0.55,
+    paths: {
+      solid: (p) => filled(p, false, p.accentColor),
+      outline: ({ primaryColor, strokeWidth, stacked }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("rect", { ...CALENDAR_PAGE, stroke: primaryColor, strokeWidth, fill: "none" }),
+        /* @__PURE__ */ jsx("path", { d: CALENDAR_RINGS, stroke: primaryColor, strokeWidth: strokeWidth * 1.6 }),
+        /* @__PURE__ */ jsx("path", { d: "M3 9.5h18", stroke: primaryColor, strokeWidth }),
+        !stacked && calendarDetails(kind, primaryColor)
+      ] }),
+      duotone: (p) => filled(p, true, p.secondaryColor),
+      vivid: (p) => filled(p, true, p.accentColor)
+    }
+  });
 }
-const NtdCalendar = /* @__PURE__ */ createIcon({
-  displayName: "NtdCalendar",
-  perfectStackX: 12,
-  perfectStackY: 13,
-  perfectStackSize: 0.55,
-  paths: {
-    solid: calendarFilled,
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "rect",
-        {
-          x: "3",
-          y: "4",
-          width: "18",
-          height: "18",
-          rx: "2",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx("path", { d: CALENDAR_RINGS, stroke: primaryColor, strokeWidth: strokeWidth * 1.6 }),
-      /* @__PURE__ */ jsx("path", { d: "M3 9.5h18", stroke: primaryColor, strokeWidth })
-    ] }),
-    duotone: calendarFilled,
-    vivid: calendarFilled
-  }
-});
+const NtdCalendar = /* @__PURE__ */ calendarIcon("NtdCalendar", "month");
+const NtdCalendarWeek = /* @__PURE__ */ calendarIcon("NtdCalendarWeek", "week");
+const NtdCalendarDay = /* @__PURE__ */ calendarIcon("NtdCalendarDay", "day");
 const NtdTag = /* @__PURE__ */ createIcon({
   displayName: "NtdTag",
   perfectStackX: 12.5,
@@ -1031,11 +988,11 @@ const NtdBookmark = /* @__PURE__ */ createIcon({
     sharp: ({ primaryColor }) => /* @__PURE__ */ jsx("path", { d: "M19 21l-7-5-7 5V3h14v18z", fill: primaryColor })
   }
 });
-const FLAG_CLOTH = "M4 4.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 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 NtdFlag = /* @__PURE__ */ createIcon({
   displayName: "NtdFlag",
   perfectStackX: 12,
-  perfectStackY: 10,
+  perfectStackY: 9,
   perfectStackSize: 0.35,
   paths: {
     solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -1240,76 +1197,37 @@ const NtdShield = /* @__PURE__ */ createIcon({
   }
 });
 const GLOBE_GRID = "M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10A15.3 15.3 0 0112 2z";
+function globeLines(color, width) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: color, strokeWidth: width, fill: "none" }),
+    /* @__PURE__ */ jsx("path", { d: GLOBE_GRID, stroke: color, strokeWidth: width, fill: "none" })
+  ] });
+}
+function globeFilled(disc, grid, width, uid) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", fill: disc }),
+    within(
+      uid,
+      "grid",
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ jsx("path", { d: GLOBE_GRID, stroke: grid, strokeWidth: width, fill: "none" })
+    )
+  ] });
+}
 const NtdGlobe = /* @__PURE__ */ createIcon({
   displayName: "NtdGlobe",
   paths: {
-    // a filled globe with its grid in the accent colour, kept inside the disc (it was the
-    // outline's rings, unfilled). The grid is 1.5x the stroke in the filled variants, but stays
-    // at 0.75x in the cutout, which is drawn from this layer too.
-    solid: ({ variant, primaryColor, accentColor, accentOpacity, strokeWidth, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }),
-      within(
-        uid,
-        "grid",
-        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: GLOBE_GRID,
-            stroke: accentColor,
-            strokeWidth: strokeWidth * (variant === "cutout" ? 0.75 : 1.5),
-            opacity: accentOpacity,
-            fill: "none"
-          }
-        )
-      )
-    ] }),
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "circle",
-        {
-          cx: "12",
-          cy: "12",
-          r: "10",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10A15.3 15.3 0 0112 2z",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      )
-    ] }),
-    vivid: ({ primaryColor, secondaryColor, strokeWidth, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }),
-      within(
-        uid,
-        "grid",
-        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: GLOBE_GRID,
-            stroke: secondaryColor,
-            strokeWidth: strokeWidth * 1.5,
-            fill: "none"
-          }
-        )
-      )
-    ] })
+    solid: ({ primaryColor, strokeWidth }) => globeLines(primaryColor, strokeWidth * 2),
+    outline: ({ primaryColor, strokeWidth }) => globeLines(primaryColor, strokeWidth),
+    duotone: ({ primaryColor, secondaryColor, strokeWidth, uid }) => globeFilled(secondaryColor, primaryColor, strokeWidth * 1.5, uid),
+    vivid: ({ primaryColor, secondaryColor, strokeWidth, uid }) => globeFilled(secondaryColor, primaryColor, strokeWidth * 1.5, uid)
   }
 });
 const MAP = "M1.5 5.5L8 3l8 2.5L22.5 3v15.5L16 21l-8-2.5L1.5 21z";
 const MAP_MIDDLE = "M8 3l8 2.5V21l-8-2.5z";
 const MAP_FOLDS = "M8 3v15.5M16 5.5V21";
 const MAP_ROUTE = "M4 17c2.5-.5 2.5-4.5 5.5-4.5s3 3 5.5 2c1.5-.6 2-2.2 2.4-3.2";
-const MAP_X = "M17.4 6.9l3.2 3.2M20.6 6.9l-3.2 3.2";
+const MAP_X = "M18 6.9l3.2 3.2M21.2 6.9l-3.2 3.2";
 function mapMarks(route, mark, width) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
@@ -1317,8 +1235,8 @@ function mapMarks(route, mark, width) {
       {
         d: MAP_ROUTE,
         stroke: route,
-        strokeWidth: width,
-        strokeDasharray: `1.2 ${1.2 + width}`,
+        strokeWidth: width * 0.75,
+        strokeDasharray: `1.2 ${1.2 + width * 0.75}`,
         fill: "none"
       }
     ),
@@ -1407,54 +1325,34 @@ function pinIcon(displayName, dot) {
 }
 const NtdPin = /* @__PURE__ */ pinIcon("NtdPin", false);
 const NtdMapPin = /* @__PURE__ */ pinIcon("NtdMapPin", true);
+const SUN_RAYS = "M12 1v2.6M12 20.4V23M1 12h2.6M20.4 12H23M4.22 4.22l1.84 1.84M17.94 17.94l1.84 1.84M4.22 19.78l1.84-1.84M17.94 6.06l1.84-1.84";
 const NtdSun = /* @__PURE__ */ createIcon({
   displayName: "NtdSun",
   paths: {
     solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "5", fill: primaryColor }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42",
-          stroke: primaryColor,
-          strokeWidth
-        }
-      )
+      /* @__PURE__ */ jsx("path", { d: SUN_RAYS, stroke: primaryColor, strokeWidth: strokeWidth * 1.5 })
     ] }),
     outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "5", stroke: primaryColor, strokeWidth, fill: "none" }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42",
-          stroke: primaryColor,
-          strokeWidth
-        }
-      )
+      /* @__PURE__ */ jsx("path", { d: SUN_RAYS, stroke: primaryColor, strokeWidth })
     ] }),
     duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         "path",
         {
-          d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42",
+          d: SUN_RAYS,
           stroke: secondaryColor,
-          strokeWidth,
+          strokeWidth: strokeWidth * 1.5,
           opacity: secondaryOpacity + 0.2
         }
       ),
       /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "5", fill: primaryColor })
     ] }),
-    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    vivid: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "5", fill: primaryColor }),
       /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "5", fill: "white", opacity: "0.1" }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42",
-          stroke: secondaryColor,
-          strokeWidth: "1.8"
-        }
-      )
+      /* @__PURE__ */ jsx("path", { d: SUN_RAYS, stroke: secondaryColor, strokeWidth: strokeWidth * 1.5 })
     ] })
   }
 });
@@ -1588,11 +1486,12 @@ const NtdWireframe = /* @__PURE__ */ createIcon({
   }
 });
 export {
-  NtdAdmin,
   NtdBackspace,
   NtdBell,
   NtdBookmark,
   NtdCalendar,
+  NtdCalendarDay,
+  NtdCalendarWeek,
   NtdClock,
   NtdCursor,
   NtdError,
@@ -1617,6 +1516,7 @@ export {
   NtdThumbDown,
   NtdThumbUp,
   NtdUser,
+  NtdUserTie,
   NtdUsers,
   NtdWarning,
   NtdWireframe,

package/dist/esm/icons/weather.js

@@ -568,61 +568,35 @@ const NtdUmbrella = /* @__PURE__ */ createIcon({
     ] })
   }
 });
-const NtdLeaf = /* @__PURE__ */ createIcon({
-  displayName: "NtdLeaf",
-  paths: {
-    solid: ({ primaryColor, strokeWidth: _strokeWidth }) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M17 8C8 10 5.9 16.17 3.82 21.34l1.89.66.95-2.3c.48.17.98.3 1.34.3C19 20 22 3 22 3c-1 2-8 2.25-13 3.25S2 11.5 2 13.5s1.75 3.75 1.75 3.75",
-        fill: primaryColor
-      }
-    ) }),
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+const LEAF = "M6.2 17.8C6.2 9 12 2.8 21.2 2.8C21.2 12 15 17.8 6.2 17.8Z";
+const LEAF_STALK = "M7 17L3 21";
+const LEAF_MIDRIB = "M6.2 17.8L17.6 6.4";
+function leafFilled({ primaryColor, accentColor, accentOpacity, strokeWidth }, stalk, midrib) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: LEAF_STALK, stroke: stalk, strokeWidth: strokeWidth * 1.6, strokeLinecap: "round" }),
+    /* @__PURE__ */ jsx("path", { d: LEAF, fill: primaryColor }),
+    midrib && /* @__PURE__ */ jsx(
       "path",
       {
-        d: "M17 8C8 10 5.9 16.17 3.82 21.34l1.89.66.95-2.3c.48.17.98.3 1.34.3C19 20 22 3 22 3c-1 2-8 2.25-13 3.25S2 11.5 2 13.5s1.75 3.75 1.75 3.75",
-        stroke: primaryColor,
-        strokeWidth,
-        fill: "none"
+        d: LEAF_MIDRIB,
+        stroke: accentColor,
+        strokeWidth: strokeWidth * 0.6,
+        strokeLinecap: "round",
+        opacity: accentOpacity
       }
-    ) }),
-    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M17 8C8 10 5.9 16.17 3.82 21.34l1.89.66.95-2.3c.48.17.98.3 1.34.3C19 20 22 3 22 3c-1 2-8 2.25-13 3.25S2 11.5 2 13.5s1.75 3.75 1.75 3.75",
-          fill: secondaryColor,
-          opacity: secondaryOpacity
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M17 8C8 10 5.9 16.17 3.82 21.34l1.89.66.95-2.3c.48.17.98.3 1.34.3C19 20 22 3 22 3c-1 2-8 2.25-13 3.25S2 11.5 2 13.5s1.75 3.75 1.75 3.75",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      )
-    ] })),
-    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M17 8C8 10 5.9 16.17 3.82 21.34l1.89.66.95-2.3c.48.17.98.3 1.34.3C19 20 22 3 22 3c-1 2-8 2.25-13 3.25S2 11.5 2 13.5s1.75 3.75 1.75 3.75",
-          fill: primaryColor
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M17 8C8 10 5.9 16.17 3.82 21.34l1.89.66.95-2.3c.48.17.98.3 1.34.3C19 20 22 3 22 3c-1 2-8 2.25-13 3.25S2 11.5 2 13.5s1.75 3.75 1.75 3.75",
-          fill: "white",
-          opacity: "0.1"
-        }
-      )
-    ] })
+    )
+  ] });
+}
+const NtdLeaf = /* @__PURE__ */ createIcon({
+  displayName: "NtdLeaf",
+  paths: {
+    solid: (p) => leafFilled(p, p.primaryColor, true),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs("g", { stroke: primaryColor, strokeWidth, strokeLinecap: "round", fill: "none", children: [
+      /* @__PURE__ */ jsx("path", { d: LEAF, strokeLinejoin: "round" }),
+      /* @__PURE__ */ jsx("path", { d: "M6.2 17.8L3 21M6.2 17.8L16.4 7.6" })
+    ] }),
+    duotone: (p) => leafFilled(p, p.secondaryColor, false),
+    vivid: (p) => leafFilled(p, p.secondaryColor, true)
   }
 });
 const NtdFlower = /* @__PURE__ */ createIcon({
@@ -685,8 +659,8 @@ const NtdTree = /* @__PURE__ */ createIcon({
   }
 });
 const MOUNTAIN = "M12 2L2 22h20L12 2z";
-const MOUNTAIN_SNOW = "M12 2L15 8L14 10.2L13.1 9.4L11.9 11L10.6 9.1L9.5 10.4L8.4 9.2Z";
-const MOUNTAIN_SNOW_LINE = "M8.4 9.2L9.5 10.4L10.6 9.1L11.9 11L13.1 9.4L14 10.2L15 8";
+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 NtdMountain = /* @__PURE__ */ createIcon({
   displayName: "NtdMountain",
   paths: {
@@ -702,7 +676,7 @@ const NtdMountain = /* @__PURE__ */ createIcon({
             d: MOUNTAIN_SNOW_LINE,
             stroke: accentColor,
             strokeOpacity: accentOpacity,
-            strokeWidth,
+            strokeWidth: strokeWidth * 0.7,
             strokeLinejoin: "miter",
             fill: "none"
           }
@@ -716,7 +690,7 @@ const NtdMountain = /* @__PURE__ */ createIcon({
         {
           d: MOUNTAIN_SNOW_LINE,
           stroke: primaryColor,
-          strokeWidth: strokeWidth * 0.8,
+          strokeWidth: strokeWidth * 0.6,
           fill: "none"
         }
       )