@nice2dev/icons 1.4.2 → 1.4.4

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.6L19 4.2a1 1 0 011.1 1V8z";
-const WALLET_BACK_LINE = "M4.5 6.5V5.6L19 4.2a1 1 0 011.1 1V6.5";
+const WALLET_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_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({
@@ -108,13 +108,21 @@ const NtdWallet = /* @__PURE__ */ createIcon({
   paths: {
     // the back pocket is primary like the body: an accent gap (the body's edge, clipped to the pocket)
     // parts the two
-    solid: ({ primaryColor, accentColor, accentOpacity, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("path", { d: WALLET_BACK, fill: primaryColor }),
       within(
         uid,
         "back",
         /* @__PURE__ */ jsx("path", { d: WALLET_BACK }),
-        /* @__PURE__ */ jsx("rect", { ...WALLET_BODY, stroke: accentColor, strokeWidth: 1.4, fill: "none" })
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            ...WALLET_BODY,
+            stroke: accentColor,
+            strokeWidth: strokeWidth * 0.9,
+            fill: "none"
+          }
+        )
       ),
       /* @__PURE__ */ jsx("rect", { ...WALLET_BODY, fill: primaryColor }),
       within(
@@ -367,106 +375,54 @@ const NtdInvoice = /* @__PURE__ */ paperIcon(
   "M7 7h3M7 12.5h4.5M14.3 12.5h2.7M7 15.5h4.5M14.3 15.5h2.7M13 19h4"
 );
 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) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("rect", { ...STORE_CORNICE, fill: primaryColor }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: glass ? STORE_BODY : `${STORE_BODY}${STORE_GLASS}`,
+        fillRule: "evenodd",
+        fill: primaryColor
+      }
+    ),
+    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 }),
+    /* @__PURE__ */ jsx("circle", { ...STORE_HANDLE, fill: primaryColor })
+  ] });
+}
 const NtdStore = /* @__PURE__ */ createIcon({
   displayName: "NtdStore",
   paths: {
-    solid: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("path", { d: "M3 9l1-5h16l1 5", fill: secondaryColor }),
-      /* @__PURE__ */ jsx("path", { d: "M3 9h18", stroke: primaryColor, strokeWidth }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M3 9c0 1.66 1.34 3 3 3s3-1.34 3-3",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M9 9c0 1.66 1.34 3 3 3s3-1.34 3-3",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M15 9c0 1.66 1.34 3 3 3s3-1.34 3-3",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx("rect", { x: "5", y: "14", width: "14", height: "8", fill: primaryColor }),
-      /* @__PURE__ */ jsx("rect", { x: "9", y: "17", width: "6", height: "5", fill: secondaryColor, opacity: 0.5 })
-    ] }),
+    solid: (p) => storeFilled(p, null, true),
     outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("path", { d: "M3 9l1-5h16l1 5", stroke: primaryColor, strokeWidth, fill: "none" }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M3 9c0 1.66 1.34 3 3 3s3-1.34 3-3",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M9 9c0 1.66 1.34 3 3 3s3-1.34 3-3",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M15 9c0 1.66 1.34 3 3 3s3-1.34 3-3",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "rect",
-        {
-          x: "5",
-          y: "14",
-          width: "14",
-          height: "8",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "rect",
-        {
-          x: "9",
-          y: "17",
-          width: "6",
-          height: "5",
-          stroke: primaryColor,
-          strokeWidth: "1.5",
-          fill: "none"
-        }
-      )
+      /* @__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: STORE_GLARE, strokeWidth: strokeWidth * 0.6 })
+      ] }),
+      /* @__PURE__ */ jsx("circle", { ...STORE_HANDLE, fill: primaryColor })
     ] }),
-    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("path", { d: "M3 9l1-5h16l1 5", fill: primaryColor }),
-      /* @__PURE__ */ jsx("path", { d: "M3 9l1-5h16l1 5", fill: "white", opacity: "0.08" }),
-      /* @__PURE__ */ jsx("rect", { x: "5", y: "14", width: "14", height: "8", fill: secondaryColor }),
-      /* @__PURE__ */ jsx("rect", { x: "9", y: "17", width: "6", height: "5", fill: "#3B82F6" }),
-      /* @__PURE__ */ jsx("path", { d: "M3 9h18", stroke: "white", strokeWidth: "1" }),
-      /* @__PURE__ */ jsx("path", { d: "M3 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: "white", strokeWidth: "1", fill: "none" }),
-      /* @__PURE__ */ jsx("path", { d: "M9 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: "white", strokeWidth: "1", fill: "none" }),
-      /* @__PURE__ */ jsx("path", { d: "M15 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: "white", strokeWidth: "1", fill: "none" })
-    ] })
+    duotone: (p) => storeFilled(p, p.secondaryColor, false),
+    vivid: (p) => storeFilled(p, p.secondaryColor, true)
   }
 });
 const BARCODE_BARS = [
@@ -746,29 +702,39 @@ const NtdClipboardCheck = /* @__PURE__ */ createIcon({
 });
 const PIG_BODY = { cx: 11.5, cy: 13, rx: 7.5, ry: 6 };
 const PIG_EAR = "M13.6 8.3C13.9 6.4 15 5.2 16.6 5.1C17.3 6.3 17.6 8.1 17.3 10.1Z";
-const PIG_SNOUT = { x: 17.6, y: 10.6, width: 4.2, height: 5, rx: 2 };
+const PIG_SNOUT = { x: 18.2, y: 10.6, width: 3.2, height: 5, rx: 1.6 };
 const PIG_LEGS = "M6.2 16h2.6v4.2a.8.8 0 01-.8.8h-1a.8.8 0 01-.8-.8zM14.4 16h2.6v4.2a.8.8 0 01-.8.8h-1a.8.8 0 01-.8-.8z";
-const PIG_TAIL = "M4.3 12c-1.5-.8-3-.1-3 1.3s1.3 1.7 2 1.1";
+const PIG_TAIL = "M4.8 10.6C3.4 10.4 2.4 9.6 2.6 8.4C2.8 7.3 4.2 7.3 4.3 8.3C4.4 9.2 3.2 9.6 2.2 9.2";
 const PIG_SLOT = "M9.3 8.9h3.4";
 const PIG_COIN = { cx: 11, cy: 4.1, r: 2.2 };
 const PIG_OUTSIDE = "M-1-1H25V25H-1ZM4 13a7.5 6 0 1 0 15 0a7.5 6 0 1 0-15 0Z";
-const PIG_OUTSIDE_SNOUT = "M-1-1H25V25H-1ZM19.6 10.6h.2a2 2 0 012 2v1a2 2 0 01-2 2h-.2a2 2 0 01-2-2v-1a2 2 0 012-2Z";
-function piggyFace(eye, width) {
+const PIG_OUTSIDE_SNOUT = "M-1-1H25V25H-1ZM19.8 10.6a1.6 1.6 0 011.6 1.6v1.8a1.6 1.6 0 01-1.6 1.6a1.6 1.6 0 01-1.6-1.6v-1.8a1.6 1.6 0 011.6-1.6Z";
+function piggyFace(eye, width, blush) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("circle", { cx: "16.2", cy: "11", r: "0.85", fill: eye }),
-    /* @__PURE__ */ jsx("circle", { cx: "19", cy: "13.1", r: "0.55", fill: eye }),
-    /* @__PURE__ */ jsx("circle", { cx: "20.4", cy: "13.1", r: "0.55", fill: eye }),
+    /* @__PURE__ */ jsx("circle", { cx: "15.9", cy: "11", r: "1", fill: eye }),
+    blush !== void 0 && /* @__PURE__ */ jsx("ellipse", { cx: "15.5", cy: "13.5", rx: "1.2", ry: "0.6", fill: eye, opacity: blush }),
+    /* @__PURE__ */ jsx("ellipse", { cx: "19.2", cy: "13.1", rx: "0.4", ry: "0.8", fill: eye }),
+    /* @__PURE__ */ jsx("ellipse", { cx: "20.4", cy: "13.1", rx: "0.4", ry: "0.8", fill: eye }),
     /* @__PURE__ */ jsx("path", { d: PIG_SLOT, stroke: eye, strokeWidth: width })
   ] });
 }
-function piggyFilled({ primaryColor, accentColor, strokeWidth }, parts) {
+function piggyFilled({ primaryColor, accentColor, accentOpacity, strokeWidth }, parts) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("path", { d: PIG_LEGS, fill: parts }),
     /* @__PURE__ */ jsx("path", { d: PIG_EAR, fill: parts }),
-    /* @__PURE__ */ jsx("path", { d: PIG_TAIL, stroke: primaryColor, strokeWidth: strokeWidth * 1.5, fill: "none" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: PIG_TAIL,
+        stroke: primaryColor,
+        strokeWidth,
+        strokeLinecap: "round",
+        fill: "none"
+      }
+    ),
     /* @__PURE__ */ jsx("ellipse", { ...PIG_BODY, fill: primaryColor }),
     /* @__PURE__ */ jsx("rect", { ...PIG_SNOUT, fill: parts }),
-    piggyFace(accentColor, strokeWidth * 1.2),
+    piggyFace(accentColor, strokeWidth * 1.2, accentOpacity * 0.45),
     /* @__PURE__ */ jsx("circle", { ...PIG_COIN, fill: parts }),
     /* @__PURE__ */ jsx(
       "circle",
@@ -887,8 +853,31 @@ const NOTE_GAP = 0.8;
 function noteRect([x, y, w, h], grow = 0) {
   return `M${x - grow} ${y - grow}h${w + 2 * grow}v${h + 2 * grow}h${-w - 2 * grow}Z`;
 }
-function noteDetails([x, y, w, h], color, width, discFilled) {
+function noteDetails([x, y, w, h], color, width, discFilled, ring = false) {
   const r = h * 0.24;
+  if (ring) {
+    const cx = x + w / 2;
+    const cy = y + h / 2;
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: x + 1.3,
+          y: y + 1.3,
+          width: w - 2.6,
+          height: h - 2.6,
+          rx: "0.5",
+          stroke: color,
+          strokeWidth: width * 0.5,
+          fill: "none"
+        }
+      ),
+      /* @__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 })
+      ] })
+    ] });
+  }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "rect",
@@ -916,7 +905,7 @@ function noteDetails([x, y, w, h], color, width, discFilled) {
     )
   ] });
 }
-function notesFilled(notes, fills, rim, details, width) {
+function notesFilled(notes, fills, rim, details, width, ring = false) {
   const front = notes[notes.length - 1];
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     notes.map((n, i) => {
@@ -938,10 +927,10 @@ function notesFilled(notes, fills, rim, details, width) {
         /* @__PURE__ */ jsx("rect", { x, y, width: w, height: h, rx: NOTE_RX, fill: fills[i] })
       ] }, i);
     }),
-    noteDetails(front, details, width, true)
+    noteDetails(front, details, width, true, ring)
   ] });
 }
-function notesLines(notes, color, width, uid) {
+function notesLines(notes, color, width, uid, ring = false) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("g", { stroke: color, strokeWidth: width, fill: "none", children: notes.map((n, i) => {
       const [x, y, w, h] = n;
@@ -963,7 +952,7 @@ function notesLines(notes, color, width, uid) {
         line
       ) }, i) : /* @__PURE__ */ jsx("g", { children: line }, i);
     }) }),
-    noteDetails(notes[notes.length - 1], color, width, false)
+    noteDetails(notes[notes.length - 1], color, width, false, ring)
   ] });
 }
 const CASH_NOTE = [3, 6.75, 18, 10.5];
@@ -971,16 +960,16 @@ const CASH_TURN = "rotate(-20 12 12)";
 const NtdCash = /* @__PURE__ */ createIcon({
   displayName: "NtdCash",
   paths: {
-    solid: ({ primaryColor, accentColor, strokeWidth }) => /* @__PURE__ */ jsx("g", { transform: CASH_TURN, children: notesFilled([CASH_NOTE], [primaryColor], void 0, accentColor, strokeWidth) }),
-    outline: ({ primaryColor, strokeWidth, uid }) => /* @__PURE__ */ jsx("g", { transform: CASH_TURN, children: notesLines([CASH_NOTE], primaryColor, strokeWidth, uid) }),
-    duotone: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsx("g", { transform: CASH_TURN, children: notesFilled([CASH_NOTE], [primaryColor], void 0, secondaryColor, strokeWidth) }),
-    vivid: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsx("g", { transform: CASH_TURN, children: notesFilled([CASH_NOTE], [primaryColor], void 0, secondaryColor, strokeWidth) })
+    solid: ({ primaryColor, accentColor, strokeWidth }) => /* @__PURE__ */ jsx("g", { transform: CASH_TURN, children: notesFilled([CASH_NOTE], [primaryColor], void 0, accentColor, strokeWidth, true) }),
+    outline: ({ primaryColor, strokeWidth, uid }) => /* @__PURE__ */ jsx("g", { transform: CASH_TURN, children: notesLines([CASH_NOTE], primaryColor, strokeWidth, uid, true) }),
+    duotone: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsx("g", { transform: CASH_TURN, children: notesFilled([CASH_NOTE], [primaryColor], void 0, secondaryColor, strokeWidth, true) }),
+    vivid: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsx("g", { transform: CASH_TURN, children: notesFilled([CASH_NOTE], [primaryColor], void 0, secondaryColor, strokeWidth, true) })
   }
 });
 const CASH_STACK = [
-  [6, 4.25, 16, 9],
+  [5.7, 4.8, 16, 9],
   [4, 7.5, 16, 9],
-  [2, 10.75, 16, 9]
+  [2.3, 10.2, 16, 9]
 ];
 const NtdCashStack = /* @__PURE__ */ createIcon({
   displayName: "NtdCashStack",
@@ -1129,6 +1118,68 @@ const NtdMilestone = /* @__PURE__ */ createIcon({
     ] })
   }
 });
+const MARKET_AWNING = "M2 3.5h20v4.5a2.5 2.5 0 01-5 0a2.5 2.5 0 01-5 0a2.5 2.5 0 01-5 0a2.5 2.5 0 01-5 0z";
+const MARKET_STRIPES = "M7 3.5h5v8H7zM17 3.5h5v8h-5z";
+const MARKET_POSTS = "M4 9.5h1.5v6H4zM18.5 9.5H20v6h-1.5z";
+const MARKET_COUNTER = { x: 3, y: 14.5, width: 18, height: 6.5, rx: 1 };
+function marketFilled(body, awning, stripes, accent, accentOpacity, width, uid) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: MARKET_AWNING, fill: awning }),
+    stripes && within(
+      uid,
+      "awning",
+      /* @__PURE__ */ jsx("path", { d: MARKET_AWNING }),
+      /* @__PURE__ */ jsx("path", { d: MARKET_STRIPES, fill: stripes, opacity: accentOpacity })
+    ),
+    /* @__PURE__ */ jsx("path", { d: MARKET_POSTS, fill: body }),
+    /* @__PURE__ */ jsx("rect", { ...MARKET_COUNTER, fill: body }),
+    within(
+      uid,
+      "counter",
+      /* @__PURE__ */ jsx("rect", { ...MARKET_COUNTER }),
+      /* @__PURE__ */ jsx("path", { d: "M3 16.75h18", stroke: accent, strokeWidth: width, opacity: accentOpacity })
+    )
+  ] });
+}
+const NtdMarket = /* @__PURE__ */ createIcon({
+  displayName: "NtdMarket",
+  paths: {
+    solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth, uid }) => marketFilled(
+      primaryColor,
+      primaryColor,
+      accentColor,
+      accentColor,
+      accentOpacity,
+      strokeWidth,
+      uid
+    ),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs("g", { stroke: primaryColor, strokeWidth, fill: "none", strokeLinejoin: "miter", children: [
+      /* @__PURE__ */ jsx("path", { d: MARKET_AWNING }),
+      /* @__PURE__ */ jsx("path", { d: "M7 3.5v5.4M12 3.5v5.4M17 3.5v5.4" }),
+      /* @__PURE__ */ jsx("path", { d: "M4.75 10.5v4M19.25 10.5v4" }),
+      /* @__PURE__ */ jsx("rect", { ...MARKET_COUNTER }),
+      /* @__PURE__ */ jsx("path", { d: "M3 16.75h18" })
+    ] }),
+    duotone: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth, uid }) => marketFilled(
+      primaryColor,
+      secondaryColor,
+      null,
+      accentColor,
+      accentOpacity,
+      strokeWidth,
+      uid
+    ),
+    vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth, uid }) => marketFilled(
+      primaryColor,
+      secondaryColor,
+      accentColor,
+      accentColor,
+      accentOpacity,
+      strokeWidth,
+      uid
+    )
+  }
+});
 export {
   NtdBank,
   NtdBarcode,
@@ -1142,6 +1193,7 @@ export {
   NtdInvoice,
   NtdInvoiceDoc,
   NtdKanban,
+  NtdMarket,
   NtdMilestone,
   NtdPercent,
   NtdPiggyBank,

package/dist/esm/icons/ecommerce.js

@@ -492,83 +492,27 @@ const NtdGiftCard = /* @__PURE__ */ createIcon({
     ] })
   }
 });
+const COUPON = "M2 6a2 2 0 012-2h16a2 2 0 012 2v3.4a2.6 2.6 0 100 5.2V18a2 2 0 01-2 2H4a2 2 0 01-2-2v-3.4a2.6 2.6 0 100-5.2V6z";
+const COUPON_SHARP = "M2 4h20v5.4a2.6 2.6 0 100 5.2V20H2v-5.4a2.6 2.6 0 100-5.2V4z";
 const NtdCoupon = /* @__PURE__ */ createIcon({
   displayName: "NtdCoupon",
+  perfectStackX: 12,
+  perfectStackY: 12,
+  perfectStackSize: 0.5,
   paths: {
-    solid: ({ primaryColor, accentColor, accentOpacity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M2 6a2 2 0 012-2h16a2 2 0 012 2v4a2 2 0 100 4v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4a2 2 0 100-4V6z",
-          fill: primaryColor
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M10 8v8M10 8l-3 3M10 8l3 3",
-          stroke: accentColor,
-          strokeWidth: "1.5",
-          opacity: accentOpacity
-        }
-      ),
-      /* @__PURE__ */ jsx("circle", { cx: "16", cy: "10", r: "1", fill: accentColor, opacity: accentOpacity }),
-      /* @__PURE__ */ jsx("circle", { cx: "16", cy: "14", r: "1", fill: accentColor, opacity: accentOpacity })
-    ] }),
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M2 6a2 2 0 012-2h16a2 2 0 012 2v4a2 2 0 100 4v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4a2 2 0 100-4V6z",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx("path", { d: "M10 8v8M10 8l-3 3M10 8l3 3", stroke: primaryColor, strokeWidth }),
-      /* @__PURE__ */ jsx(
-        "circle",
-        {
-          cx: "16",
-          cy: "10",
-          r: "1",
-          stroke: primaryColor,
-          strokeWidth: strokeWidth * 0.5,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "circle",
-        {
-          cx: "16",
-          cy: "14",
-          r: "1",
-          stroke: primaryColor,
-          strokeWidth: strokeWidth * 0.5,
-          fill: "none"
-        }
-      )
-    ] }),
-    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M2 6a2 2 0 012-2h16a2 2 0 012 2v4a2 2 0 100 4v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4a2 2 0 100-4V6z",
-          fill: primaryColor
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M2 6a2 2 0 012-2h16a2 2 0 012 2v4a2 2 0 100 4v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4a2 2 0 100-4V6z",
-          fill: "white",
-          opacity: "0.08"
-        }
-      ),
-      /* @__PURE__ */ jsx("circle", { cx: "16", cy: "10", r: "1", fill: secondaryColor }),
-      /* @__PURE__ */ jsx("circle", { cx: "16", cy: "14", r: "1", fill: "#F59E0B" }),
-      /* @__PURE__ */ jsx("path", { d: "M10 8v8M10 8l-3 3M10 8l3 3", stroke: "white", strokeWidth: "1", opacity: "0.35" })
-    ] })
+    solid: ({ primaryColor }) => /* @__PURE__ */ jsx("path", { d: COUPON, fill: primaryColor }),
+    sharp: ({ primaryColor }) => /* @__PURE__ */ jsx("path", { d: COUPON_SHARP, fill: primaryColor }),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: COUPON,
+        stroke: primaryColor,
+        strokeWidth,
+        strokeLinejoin: "round",
+        fill: "none"
+      }
+    ),
+    vivid: ({ primaryColor }) => /* @__PURE__ */ jsx("path", { d: COUPON, fill: primaryColor })
   }
 });
 const NtdStorefront = /* @__PURE__ */ createIcon({