@nice2dev/icons 1.4.1 → 1.4.3

package/dist/esm/icons/travel.js

@@ -137,245 +137,84 @@ const NtdPlaneTakeoff = /* @__PURE__ */ createIcon({
     ] })
   }
 });
+const TRAIN_BODY = { x: 4, y: 3, width: 16, height: 15, rx: 3 };
+const TRAIN_WINDOWS = [7, 13];
+const TRAIN_LIGHTS = [8, 16];
+const TRAIN_RAILS = "M8 20l-2 2M16 20l2 2M12 20v2";
+function trainFilled({ primaryColor, strokeWidth }, windows, lights, opacity) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("rect", { ...TRAIN_BODY, fill: primaryColor }),
+    TRAIN_WINDOWS.map((x) => /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x,
+        y: "6",
+        width: "4",
+        height: "5",
+        rx: "1",
+        fill: windows,
+        opacity: windows === lights ? opacity : 1
+      },
+      x
+    )),
+    TRAIN_LIGHTS.map((cx) => /* @__PURE__ */ jsx("circle", { cx, cy: "15", r: "1.5", fill: lights, opacity }, cx)),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: TRAIN_RAILS,
+        stroke: primaryColor,
+        strokeWidth: strokeWidth * 2,
+        strokeLinecap: "round"
+      }
+    )
+  ] });
+}
 const NtdTrain = /* @__PURE__ */ createIcon({
   displayName: "NtdTrain",
   paths: {
-    solid: ({ primaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("rect", { x: "4", y: "3", width: "16", height: "15", rx: "3", fill: primaryColor }),
-      /* @__PURE__ */ jsx("rect", { x: "7", y: "6", width: "4", height: "5", rx: "1", fill: "white", opacity: "0.5" }),
-      /* @__PURE__ */ jsx("rect", { x: "13", y: "6", width: "4", height: "5", rx: "1", fill: "white", opacity: "0.5" }),
-      /* @__PURE__ */ jsx("circle", { cx: "8", cy: "15", r: "1.5", fill: "white" }),
-      /* @__PURE__ */ jsx("circle", { cx: "16", cy: "15", r: "1.5", fill: "white" }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M8 20l-2 2M16 20l2 2M12 18v4",
-          stroke: primaryColor,
-          strokeWidth: "2",
-          strokeLinecap: "round"
-        }
-      )
-    ] }),
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "rect",
-        {
-          x: "4",
-          y: "3",
-          width: "16",
-          height: "15",
-          rx: "3",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "rect",
-        {
-          x: "7",
-          y: "6",
-          width: "4",
-          height: "5",
-          rx: "1",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "rect",
-        {
-          x: "13",
-          y: "6",
-          width: "4",
-          height: "5",
-          rx: "1",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "circle",
-        {
-          cx: "8",
-          cy: "15",
-          r: "1.5",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "circle",
-        {
-          cx: "16",
-          cy: "15",
-          r: "1.5",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M8 20l-2 2M16 20l2 2M12 18v4",
-          stroke: primaryColor,
-          strokeWidth,
-          strokeLinecap: "round"
-        }
-      )
+    solid: (p) => trainFilled(p, p.accentColor, p.accentColor, p.accentOpacity),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs("g", { stroke: primaryColor, strokeWidth, fill: "none", children: [
+      /* @__PURE__ */ jsx("rect", { ...TRAIN_BODY }),
+      TRAIN_WINDOWS.map((x) => /* @__PURE__ */ jsx("rect", { x, y: "6", width: "4", height: "5", rx: "1" }, x)),
+      TRAIN_LIGHTS.map((cx) => /* @__PURE__ */ jsx("circle", { cx, cy: "15", r: "1.5" }, cx)),
+      /* @__PURE__ */ jsx("path", { d: TRAIN_RAILS, strokeLinecap: "round" })
     ] }),
-    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "rect",
-        {
-          x: "4",
-          y: "3",
-          width: "16",
-          height: "15",
-          rx: "3",
-          fill: secondaryColor,
-          opacity: secondaryOpacity
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "rect",
-        {
-          x: "4",
-          y: "3",
-          width: "16",
-          height: "15",
-          rx: "3",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx("rect", { x: "7", y: "6", width: "4", height: "5", rx: "1", fill: primaryColor }),
-      /* @__PURE__ */ jsx("rect", { x: "13", y: "6", width: "4", height: "5", rx: "1", fill: primaryColor }),
-      /* @__PURE__ */ jsx("circle", { cx: "8", cy: "15", r: "1.5", fill: primaryColor }),
-      /* @__PURE__ */ jsx("circle", { cx: "16", cy: "15", r: "1.5", fill: primaryColor }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M8 20l-2 2M16 20l2 2M12 18v4",
-          stroke: primaryColor,
-          strokeWidth,
-          strokeLinecap: "round"
-        }
-      )
-    ] })),
-    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("rect", { x: "4", y: "3", width: "16", height: "15", rx: "3", fill: primaryColor }),
-      /* @__PURE__ */ jsx("rect", { x: "4", y: "3", width: "16", height: "15", rx: "3", fill: "white", opacity: "0.08" }),
-      /* @__PURE__ */ jsx("rect", { x: "7", y: "6", width: "4", height: "5", rx: "1", fill: "white", opacity: "0.5" }),
-      /* @__PURE__ */ jsx("rect", { x: "13", y: "6", width: "4", height: "5", rx: "1", fill: "white", opacity: "0.5" }),
-      /* @__PURE__ */ jsx("circle", { cx: "8", cy: "15", r: "1.5", fill: "white" }),
-      /* @__PURE__ */ jsx("circle", { cx: "16", cy: "15", r: "1.5", fill: "white" }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M8 20l-2 2M16 20l2 2M12 18v4",
-          stroke: "white",
-          strokeWidth: "1",
-          strokeLinecap: "round"
-        }
-      )
-    ] })
+    duotone: (p) => trainFilled(p, p.secondaryColor, p.secondaryColor, 1),
+    vivid: (p) => trainFilled(p, p.secondaryColor, p.accentColor, p.accentOpacity)
   }
 });
+const CAR_BODY = "M2.5 13a2 2 0 012-2h.32L6.48 6.03A1.5 1.5 0 017.9 5h8.2a1.5 1.5 0 011.42 1.03L19.18 11h.32a2 2 0 012 2v3a2 2 0 01-2 2h-15a2 2 0 01-2-2z";
+const CAR_GLASS = "M7.73 6.3H16.27L17.76 10.4H6.24Z";
+const CAR_MIRRORS = "M3.35 9.3h2.1v1.5h-2.1a.75.75 0 010-1.5zM18.55 9.3h2.1a.75.75 0 010 1.5h-2.1z";
+const CAR_LIGHTS = [5.8, 18.2];
+const CAR_GRILLE = { x: 9.2, y: 13.6, width: 5.6, height: 1.4, rx: 0.7 };
+const CAR_WHEELS = "M4.2 18.6h3.4v1.6a.8.8 0 01-.8.8H5a.8.8 0 01-.8-.8zM16.4 18.6h3.4v1.6a.8.8 0 01-.8.8h-1.8a.8.8 0 01-.8-.8z";
+function carFilled({ primaryColor }, glass, lights, lightsOpacity) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: CAR_MIRRORS, fill: primaryColor }),
+    /* @__PURE__ */ jsx("path", { d: CAR_BODY, fill: primaryColor }),
+    /* @__PURE__ */ jsx("path", { d: CAR_WHEELS, fill: primaryColor }),
+    /* @__PURE__ */ jsx("path", { d: CAR_GLASS, fill: glass, opacity: glass === lights ? lightsOpacity : 1 }),
+    /* @__PURE__ */ jsxs("g", { fill: lights, opacity: lightsOpacity, children: [
+      CAR_LIGHTS.map((cx) => /* @__PURE__ */ jsx("circle", { cx, cy: "14.3", r: "1.3" }, cx)),
+      /* @__PURE__ */ jsx("rect", { ...CAR_GRILLE })
+    ] })
+  ] });
+}
 const NtdCar = /* @__PURE__ */ createIcon({
   displayName: "NtdCar",
   paths: {
-    solid: ({ primaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z",
-          fill: primaryColor
-        }
-      ),
-      /* @__PURE__ */ jsx("circle", { cx: "7", cy: "15", r: "1.5", fill: "white", opacity: "0.5" }),
-      /* @__PURE__ */ jsx("circle", { cx: "17", cy: "15", r: "1.5", fill: "white", opacity: "0.5" })
+    solid: (p) => carFilled(p, p.accentColor, p.accentColor, p.accentOpacity),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs("g", { stroke: primaryColor, strokeWidth, strokeLinejoin: "round", fill: "none", children: [
+      /* @__PURE__ */ jsx("path", { d: CAR_MIRRORS }),
+      /* @__PURE__ */ jsx("path", { d: CAR_BODY }),
+      /* @__PURE__ */ jsx("path", { d: CAR_GLASS }),
+      /* @__PURE__ */ jsx("path", { d: CAR_WHEELS }),
+      CAR_LIGHTS.map((cx) => /* @__PURE__ */ jsx("circle", { cx, cy: "14.3", r: "1.1" }, cx)),
+      /* @__PURE__ */ jsx("path", { d: "M9.9 14.3h4.2", strokeLinecap: "round" })
     ] }),
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "circle",
-        {
-          cx: "7",
-          cy: "15",
-          r: "1.5",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "circle",
-        {
-          cx: "17",
-          cy: "15",
-          r: "1.5",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      )
-    ] }),
-    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z",
-          fill: secondaryColor,
-          opacity: secondaryOpacity
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx("circle", { cx: "7", cy: "15", r: "1.5", fill: primaryColor }),
-      /* @__PURE__ */ jsx("circle", { cx: "17", cy: "15", r: "1.5", fill: primaryColor })
-    ] })),
-    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z",
-          fill: primaryColor
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z",
-          fill: "white",
-          opacity: "0.08"
-        }
-      ),
-      /* @__PURE__ */ jsx("circle", { cx: "7", cy: "15", r: "1.5", fill: "white", opacity: "0.5" }),
-      /* @__PURE__ */ jsx("circle", { cx: "17", cy: "15", r: "1.5", fill: "white", opacity: "0.5" })
-    ] })
+    duotone: (p) => carFilled(p, p.secondaryColor, p.secondaryColor, 1),
+    vivid: (p) => carFilled(p, p.secondaryColor, p.accentColor, p.accentOpacity)
   }
 });
 const BUS_BODY = { x: 3, y: 2, width: 18, height: 17, rx: 2.5 };
@@ -542,92 +381,74 @@ const NtdShip = /* @__PURE__ */ createIcon({
     ] })
   }
 });
-const NtdBike = /* @__PURE__ */ createIcon({
-  displayName: "NtdBike",
-  paths: {
-    solid: ({ primaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("circle", { cx: "5", cy: "17", r: "3", fill: primaryColor }),
-      /* @__PURE__ */ jsx("circle", { cx: "19", cy: "17", r: "3", fill: primaryColor }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M12 17l3-7h3M12 17l-3-4h-4M12 17V9l2-2h3",
-          stroke: primaryColor,
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          fill: "none"
-        }
-      )
-    ] }),
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("circle", { cx: "5", cy: "17", r: "3", stroke: primaryColor, strokeWidth, fill: "none" }),
-      /* @__PURE__ */ jsx("circle", { cx: "19", cy: "17", r: "3", stroke: primaryColor, strokeWidth, fill: "none" }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M12 17l3-7h3M12 17l-3-4h-4M12 17V9l2-2h3",
-          stroke: primaryColor,
-          strokeWidth,
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          fill: "none"
-        }
-      )
+const BIKE_WHEELS = [5.4, 18.6];
+const BIKE_FRAME = "M5.4 16L9 9.6H15.84M10.6 16L9 9.6M10.6 16H5.4M10.6 16L16.79 11.8M15.5 8.8L18.6 16M15.5 8.8L15.1 7.2H17.6M9 9.6L8.7 8.1";
+const BIKE_SADDLE = "M7.3 7.9h2.9";
+const BIKE_SPOKES = "M2.7 16h5.4M4.05 13.66l2.7 4.68M6.75 13.66l-2.7 4.68M15.9 16h5.4M17.25 13.66l2.7 4.68M19.95 13.66l-2.7 4.68";
+function bikeDrawing({ strokeWidth }, tyres, frame, accent, accentOpacity, lineWidth) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    accent && /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: BIKE_SPOKES,
+        stroke: accent,
+        strokeWidth: strokeWidth * 0.45,
+        opacity: accentOpacity
+      }
+    ),
+    BIKE_WHEELS.map((cx) => /* @__PURE__ */ jsx(
+      "circle",
+      {
+        cx,
+        cy: "16",
+        r: "3.6",
+        stroke: tyres,
+        strokeWidth: lineWidth * 0.8,
+        fill: "none"
+      },
+      cx
+    )),
+    /* @__PURE__ */ jsxs("g", { stroke: frame, strokeLinecap: "round", strokeLinejoin: "round", fill: "none", children: [
+      /* @__PURE__ */ jsx("path", { d: BIKE_FRAME, strokeWidth: lineWidth * 0.7 }),
+      /* @__PURE__ */ jsx("path", { d: BIKE_SADDLE, strokeWidth: lineWidth })
     ] }),
-    duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    accent && /* @__PURE__ */ jsxs("g", { opacity: accentOpacity, children: [
       /* @__PURE__ */ jsx(
         "circle",
         {
-          cx: "5",
-          cy: "17",
-          r: "3",
-          fill: secondaryColor,
-          opacity: secondaryOpacity,
-          stroke: primaryColor,
-          strokeWidth
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "circle",
-        {
-          cx: "19",
-          cy: "17",
-          r: "3",
-          fill: secondaryColor,
-          opacity: secondaryOpacity,
-          stroke: primaryColor,
-          strokeWidth
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M12 17l3-7h3M12 17l-3-4h-4M12 17V9l2-2h3",
-          stroke: primaryColor,
-          strokeWidth,
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
+          cx: "10.6",
+          cy: "16",
+          r: "1.7",
+          stroke: accent,
+          strokeWidth: strokeWidth * 0.6,
           fill: "none"
         }
-      )
-    ] }),
-    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("circle", { cx: "5", cy: "17", r: "3", fill: primaryColor }),
-      /* @__PURE__ */ jsx("circle", { cx: "5", cy: "17", r: "3", fill: "white", opacity: "0.08" }),
-      /* @__PURE__ */ jsx("circle", { cx: "19", cy: "17", r: "3", fill: secondaryColor }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M12 17l3-7h3M12 17l-3-4h-4M12 17V9l2-2h3",
-          stroke: "white",
-          strokeWidth: "1",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          fill: "none"
-        }
-      )
+      ),
+      BIKE_WHEELS.map((cx) => /* @__PURE__ */ jsx("circle", { cx, cy: "16", r: "0.7", fill: accent }, cx))
     ] })
+  ] });
+}
+const NtdBike = /* @__PURE__ */ createIcon({
+  displayName: "NtdBike",
+  paths: {
+    solid: (p) => bikeDrawing(
+      p,
+      p.primaryColor,
+      p.primaryColor,
+      p.accentColor,
+      p.accentOpacity,
+      p.strokeWidth * 2
+    ),
+    outline: (p) => bikeDrawing(p, p.primaryColor, p.primaryColor, null, 1, p.strokeWidth * 1.25),
+    duotone: (p) => bikeDrawing(p, p.secondaryColor, p.primaryColor, null, 1, p.strokeWidth * 2),
+    vivid: (p) => bikeDrawing(
+      p,
+      p.primaryColor,
+      p.secondaryColor,
+      p.accentColor,
+      p.accentOpacity,
+      p.strokeWidth * 2
+    )
   }
 });
 const NtdTaxi = /* @__PURE__ */ createIcon({
@@ -968,107 +789,65 @@ const NtdPassport = /* @__PURE__ */ createIcon({
     ] })
   }
 });
+const TICKET = "M2.5 6H6a1 1 0 002 0H21.5A1.5 1.5 0 0123 7.5V16.5A1.5 1.5 0 0121.5 18H8a1 1 0 00-2 0H2.5A1.5 1.5 0 011 16.5V7.5A1.5 1.5 0 012.5 6Z";
+const TICKET_PERFORATION = "M7 7.6V16.4";
+const TICKET_TEXT = "M9.6 12.6h5.6M9.6 15h3.6";
+const TICKET_TITLE = "M9.6 9.6h7.2";
+const TICKET_BARS = [
+  [18.4, 0.6],
+  [19.4, 0.4],
+  [20.2, 0.8],
+  [21.4, 0.4]
+];
+function ticketDetails(color, width, opacity = 1) {
+  return /* @__PURE__ */ jsxs("g", { opacity, children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: TICKET_PERFORATION,
+        stroke: color,
+        strokeWidth: width,
+        strokeDasharray: "1.2 0.8",
+        fill: "none"
+      }
+    ),
+    /* @__PURE__ */ jsx("circle", { cx: "4", cy: "12", r: "1.5", stroke: color, strokeWidth: width, fill: "none" }),
+    /* @__PURE__ */ jsx("path", { d: TICKET_TITLE, stroke: color, strokeWidth: width * 1.6, strokeLinecap: "round" }),
+    /* @__PURE__ */ jsx("path", { d: TICKET_TEXT, stroke: color, strokeWidth: width, strokeLinecap: "round" }),
+    TICKET_BARS.map(([x, w]) => /* @__PURE__ */ jsx("rect", { x, y: "9", width: w, height: "6.4", fill: color }, x))
+  ] });
+}
+function ticketFilled({ primaryColor, accentColor, accentOpacity, strokeWidth, uid }, stub, details) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: TICKET, fill: primaryColor }),
+    stub !== primaryColor && within(
+      uid,
+      "stub",
+      /* @__PURE__ */ jsx("rect", { x: "0", y: "0", width: "7", height: "24" }),
+      /* @__PURE__ */ jsx("path", { d: TICKET, fill: stub })
+    ),
+    details && ticketDetails(accentColor, strokeWidth * 0.8, accentOpacity)
+  ] });
+}
 const NtdTicket = /* @__PURE__ */ createIcon({
   displayName: "NtdTicket",
   paths: {
-    solid: ({ primaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M4 6h16a2 2 0 012 2v2a2 2 0 000 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 000-4V8a2 2 0 012-2z",
-          fill: primaryColor
-        }
-      ),
-      /* @__PURE__ */ jsx("path", { d: "M9 6v12", stroke: "white", strokeWidth: "1.5", strokeDasharray: "2 2" }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M13 10h5M13 14h4",
-          stroke: "white",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          opacity: "0.5"
-        }
-      )
-    ] }),
+    solid: (p) => ticketFilled(p, p.primaryColor, true),
     outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         "path",
         {
-          d: "M4 6h16a2 2 0 012 2v2a2 2 0 000 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 000-4V8a2 2 0 012-2z",
+          d: TICKET,
           stroke: primaryColor,
           strokeWidth,
+          strokeLinejoin: "round",
           fill: "none"
         }
       ),
-      /* @__PURE__ */ jsx("path", { d: "M9 6v12", stroke: primaryColor, strokeWidth, strokeDasharray: "2 2" }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M13 10h5M13 14h4",
-          stroke: primaryColor,
-          strokeWidth,
-          strokeLinecap: "round"
-        }
-      )
+      ticketDetails(primaryColor, strokeWidth)
     ] }),
-    duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M4 6h16a2 2 0 012 2v2a2 2 0 000 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 000-4V8a2 2 0 012-2z",
-          fill: secondaryColor,
-          opacity: secondaryOpacity
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M4 6h16a2 2 0 012 2v2a2 2 0 000 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 000-4V8a2 2 0 012-2z",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx("path", { d: "M9 6v12", stroke: primaryColor, strokeWidth, strokeDasharray: "2 2" }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M13 10h5M13 14h4",
-          stroke: primaryColor,
-          strokeWidth,
-          strokeLinecap: "round"
-        }
-      )
-    ] })),
-    vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M4 6h16a2 2 0 012 2v2a2 2 0 000 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 000-4V8a2 2 0 012-2z",
-          fill: primaryColor
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M4 6h16a2 2 0 012 2v2a2 2 0 000 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 000-4V8a2 2 0 012-2z",
-          fill: "white",
-          opacity: "0.1"
-        }
-      ),
-      /* @__PURE__ */ jsx("path", { d: "M9 6v12", stroke: "white", strokeWidth: "1.8", strokeDasharray: "2 2" }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M13 10h5M13 14h4",
-          stroke: "white",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          opacity: "0.5"
-        }
-      )
-    ] })
+    duotone: (p) => ticketFilled(p, p.secondaryColor, false),
+    vivid: (p) => ticketFilled(p, p.secondaryColor, true)
   }
 });
 const NtdHotel = /* @__PURE__ */ createIcon({
@@ -1204,94 +983,47 @@ const NtdHotel = /* @__PURE__ */ createIcon({
     ] })
   }
 });
-const NtdBeach = /* @__PURE__ */ createIcon({
-  displayName: "NtdBeach",
-  paths: {
-    solid: ({ primaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("circle", { cx: "18", cy: "6", r: "4", fill: primaryColor }),
-      /* @__PURE__ */ jsx("path", { d: "M12 8v14", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 8c4 0 8 3 8 6H4c0-3 4-6 8-6z", fill: primaryColor }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M2 22c3-2 6-3 10-3s7 1 10 3",
-          stroke: primaryColor,
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          fill: "none"
-        }
-      )
-    ] }),
-    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("circle", { cx: "18", cy: "6", r: "4", stroke: primaryColor, strokeWidth, fill: "none" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 8v14", stroke: primaryColor, strokeWidth, strokeLinecap: "round" }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M12 8c4 0 8 3 8 6H4c0-3 4-6 8-6z",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M2 22c3-2 6-3 10-3s7 1 10 3",
-          stroke: primaryColor,
-          strokeWidth,
-          strokeLinecap: "round",
-          fill: "none"
-        }
-      )
+const BEACH_SUN = { cx: 18.6, cy: 4.4, r: 2.6 };
+const BEACH_CANOPY = "M12 8c4 0 8 3 8 6H4c0-3 4-6 8-6z";
+const BEACH_RIBS = "M12 8L9 14M12 8L15 14";
+const BEACH_POLE = "M12 8v14";
+const BEACH_GROUND = "M2 22c3-2 6-3 10-3s7 1 10 3";
+function beachFilled({ primaryColor, accentColor, accentOpacity, strokeWidth, uid }, sun, ribs) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("circle", { ...BEACH_SUN, fill: sun }),
+    /* @__PURE__ */ jsxs("g", { stroke: primaryColor, strokeWidth: strokeWidth * 1.3, strokeLinecap: "round", fill: "none", children: [
+      /* @__PURE__ */ jsx("path", { d: BEACH_POLE }),
+      /* @__PURE__ */ jsx("path", { d: BEACH_GROUND })
     ] }),
-    duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("circle", { cx: "18", cy: "6", r: "4", fill: primaryColor }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M12 8c4 0 8 3 8 6H4c0-3 4-6 8-6z",
-          fill: secondaryColor,
-          opacity: secondaryOpacity
-        }
-      ),
-      /* @__PURE__ */ jsx("path", { d: "M12 8v14", stroke: primaryColor, strokeWidth, strokeLinecap: "round" }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M12 8c4 0 8 3 8 6H4c0-3 4-6 8-6z",
-          stroke: primaryColor,
-          strokeWidth,
-          fill: "none"
-        }
-      ),
+    /* @__PURE__ */ jsx("path", { d: BEACH_CANOPY, fill: primaryColor }),
+    ribs && within(
+      uid,
+      "canopy",
+      /* @__PURE__ */ jsx("path", { d: BEACH_CANOPY }),
       /* @__PURE__ */ jsx(
         "path",
         {
-          d: "M2 22c3-2 6-3 10-3s7 1 10 3",
-          stroke: primaryColor,
-          strokeWidth,
-          strokeLinecap: "round",
-          fill: "none"
+          d: BEACH_RIBS,
+          stroke: accentColor,
+          strokeWidth: strokeWidth * 0.6,
+          opacity: accentOpacity
         }
       )
+    )
+  ] });
+}
+const NtdBeach = /* @__PURE__ */ createIcon({
+  displayName: "NtdBeach",
+  paths: {
+    solid: (p) => beachFilled(p, p.primaryColor, true),
+    outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs("g", { stroke: primaryColor, strokeWidth, strokeLinecap: "round", fill: "none", children: [
+      /* @__PURE__ */ jsx("circle", { ...BEACH_SUN }),
+      /* @__PURE__ */ jsx("path", { d: "M12 14v8" }),
+      /* @__PURE__ */ jsx("path", { d: BEACH_CANOPY, strokeLinejoin: "round" }),
+      /* @__PURE__ */ jsx("path", { d: BEACH_GROUND })
     ] }),
-    vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("circle", { cx: "18", cy: "6", r: "4", fill: primaryColor }),
-      /* @__PURE__ */ jsx("circle", { cx: "18", cy: "6", r: "4", fill: "white", opacity: "0.08" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 8c4 0 8 3 8 6H4c0-3 4-6 8-6z", fill: secondaryColor }),
-      /* @__PURE__ */ jsx("path", { d: "M12 8v14", stroke: "white", strokeWidth: "1", strokeLinecap: "round" }),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M2 22c3-2 6-3 10-3s7 1 10 3",
-          stroke: "white",
-          strokeWidth: "1",
-          strokeLinecap: "round",
-          fill: "none"
-        }
-      )
-    ] })
+    duotone: (p) => beachFilled(p, p.secondaryColor, false),
+    vivid: (p) => beachFilled(p, p.secondaryColor, true)
   }
 });
 const NtdCamping = /* @__PURE__ */ createIcon({