@serenis/icons 2.46.0 → 2.48.0

package/dist/index.js

@@ -2635,20 +2635,62 @@ var SuccessSolid = ({ color, height, width }) => /* @__PURE__ */ jsxs80("svg", {
 ] });
 var IconSuccessSolid = (props) => /* @__PURE__ */ jsx161(Icon_default, __spreadValues({ Svg: SuccessSolid }, props));
 
-// src/components/Support.tsx
+// src/components/Sun.tsx
 import { jsx as jsx162 } from "react/jsx-runtime";
-var Support = ({ color, height, width }) => /* @__PURE__ */ jsx162("svg", { fill: "none", height, viewBox: "0 0 24 24", width, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx162(
+var Sun = ({ color, height, width }) => /* @__PURE__ */ jsx162("svg", { fill: "none", height, viewBox: "0 0 24 24", width, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx162(
+  "path",
+  {
+    d: "M12 2.37v1.75M12 19.88v1.75M5.19 5.19l1.24 1.24M17.57 17.57l1.24 1.24M2.37 12h1.75M19.88 12h1.75M5.19 18.81l1.24-1.24M17.57 6.43l1.24-1.24M7.62 12a4.38 4.38 0 1 0 8.76 0 4.38 4.38 0 1 0-8.76 0Z",
+    stroke: color,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.4"
+  }
+) });
+var IconSun = (props) => /* @__PURE__ */ jsx162(Icon_default, __spreadValues({ Svg: Sun }, props));
+
+// src/components/Sunrise.tsx
+import { jsx as jsx163 } from "react/jsx-runtime";
+var Sunrise = ({ color, height, width }) => /* @__PURE__ */ jsx163("svg", { fill: "none", height, viewBox: "0 0 24 24", width, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx163(
+  "path",
+  {
+    d: "M16.38 17.25a4.38 4.38 0 0 0-8.76 0M12 3.25V9.37M15.5 6.75 12 3.25 8.5 6.75M5.19 10.44l1.24 1.25M2.37 17.25h1.75M19.88 17.25h1.75M17.57 11.69l1.24-1.25M21.63 20.75H2.37",
+    stroke: color,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.4"
+  }
+) });
+var IconSunrise = (props) => /* @__PURE__ */ jsx163(Icon_default, __spreadValues({ Svg: Sunrise }, props));
+
+// src/components/Sunset.tsx
+import { jsx as jsx164 } from "react/jsx-runtime";
+var Sunset = ({ color, height, width }) => /* @__PURE__ */ jsx164("svg", { fill: "none", height, viewBox: "0 0 24 24", width, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx164(
+  "path",
+  {
+    d: "M16.38 17.25a4.38 4.38 0 0 0-8.76 0M12 9.37V3.25M8.5 5.87 12 9.37l3.5-3.5M5.19 10.44l1.24 1.25M2.37 17.25h1.75M19.88 17.25h1.75M17.57 11.69l1.24-1.25M21.63 20.75H2.37",
+    stroke: color,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.4"
+  }
+) });
+var IconSunset = (props) => /* @__PURE__ */ jsx164(Icon_default, __spreadValues({ Svg: Sunset }, props));
+
+// src/components/Support.tsx
+import { jsx as jsx165 } from "react/jsx-runtime";
+var Support = ({ color, height, width }) => /* @__PURE__ */ jsx165("svg", { fill: "none", height, viewBox: "0 0 24 24", width, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx165(
   "path",
   {
     d: "M8.3 9.747a.7.7 0 1 0 1.4 0H8.3Zm3 5.253a.7.7 0 1 0 1.4 0h-1.4Zm1.4 2.5a.7.7 0 1 0-1.4 0h1.4Zm-1.4 1a.7.7 0 1 0 1.4 0h-1.4ZM12 1.7c5.689 0 10.3 4.611 10.3 10.3h1.4C23.7 5.538 18.462.3 12 .3v1.4ZM22.3 12c0 5.689-4.611 10.3-10.3 10.3v1.4c6.462 0 11.7-5.238 11.7-11.7h-1.4ZM12 22.3C6.311 22.3 1.7 17.689 1.7 12H.3c0 6.462 5.238 11.7 11.7 11.7v-1.4ZM1.7 12C1.7 6.311 6.311 1.7 12 1.7V.3C5.538.3.3 5.538.3 12h1.4ZM12 7.7c1.33 0 2.3.973 2.3 2.047h1.4c0-1.96-1.716-3.447-3.7-3.447v1.4ZM9.7 9.747c0-1.074.97-2.047 2.3-2.047V6.3c-1.984 0-3.7 1.487-3.7 3.447h1.4Zm4.6 0c0 1.063-.554 1.696-1.235 2.235a14.15 14.15 0 0 1-.525.39c-.171.124-.354.255-.515.387-.275.226-.725.633-.725 1.241h1.4c0 .108-.075.078.213-.158.12-.099.265-.203.445-.333.174-.125.374-.27.577-.43.82-.649 1.765-1.642 1.765-3.332h-1.4ZM11.3 14v1h1.4v-1h-1.4Zm0 3.5v1h1.4v-1h-1.4Z",
     fill: color
   }
 ) });
-var IconSupport = (props) => /* @__PURE__ */ jsx162(Icon_default, __spreadValues({ Svg: Support }, props));
+var IconSupport = (props) => /* @__PURE__ */ jsx165(Icon_default, __spreadValues({ Svg: Support }, props));
 
 // src/components/SupportHeadphone.tsx
-import { jsx as jsx163 } from "react/jsx-runtime";
-var SupportHeadphone = ({ width, height, color }) => /* @__PURE__ */ jsx163("svg", { fill: "none", height, viewBox: "0 0 24 24", width, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx163(
+import { jsx as jsx166 } from "react/jsx-runtime";
+var SupportHeadphone = ({ width, height, color }) => /* @__PURE__ */ jsx166("svg", { fill: "none", height, viewBox: "0 0 24 24", width, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx166(
   "path",
   {
     d: "M12 21.98c6.89 0 9.5-1.43 9.5-6.66m-19-2.41c0-.83.53-1.56 1.33-1.76.77-.19 1.79-.4 2.79-.51.68-.07 1.28.33 1.4 1 .1.6.18 1.47.18 2.73 0 1.27-.09 2.15-.19 2.74-.11.67-.71 1.07-1.4 1-1-.1-2-.32-2.78-.51-.8-.2-1.33-.93-1.33-1.76zm0 0v-1.38a9.5 9.5 0 1 1 19 0v1.38m0 0c0-.83-.53-1.56-1.33-1.76a21 21 0 0 0-2.79-.51c-.68-.07-1.28.33-1.4 1-.1.6-.18 1.47-.18 2.73 0 1.27.09 2.15.19 2.74.11.67.71 1.07 1.4 1 1-.1 2-.32 2.78-.51.8-.2 1.33-.93 1.33-1.76z",
@@ -2657,11 +2699,11 @@ var SupportHeadphone = ({ width, height, color }) => /* @__PURE__ */ jsx163("svg
     strokeWidth: "1.4"
   }
 ) });
-var IconSupportHeadphone = (props) => /* @__PURE__ */ jsx163(Icon_default, __spreadValues({ Svg: SupportHeadphone }, props));
+var IconSupportHeadphone = (props) => /* @__PURE__ */ jsx166(Icon_default, __spreadValues({ Svg: SupportHeadphone }, props));
 
 // src/components/Telegram.tsx
-import { jsx as jsx164 } from "react/jsx-runtime";
-var Telegram = ({ color, height, width }) => /* @__PURE__ */ jsx164("svg", { fill: "none", height, viewBox: "0 0 24 24", width, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx164(
+import { jsx as jsx167 } from "react/jsx-runtime";
+var Telegram = ({ color, height, width }) => /* @__PURE__ */ jsx167("svg", { fill: "none", height, viewBox: "0 0 24 24", width, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx167(
   "path",
   {
     d: "M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20m4 6a476.3 476.3 0 0 0-10.3 4.4q0 .5 1.2.7l1.5.4q.5 0 1.1-.4l4.4-2.8v.2c0 .2-2.5 2.5-2.7 2.7-.5.6-1.2 1-.2 1.6l2.2 1.5c.6.3 1 .8 1.6.7q.5 0 .7-1l1-7.9z",
@@ -2669,40 +2711,40 @@ var Telegram = ({ color, height, width }) => /* @__PURE__ */ jsx164("svg", { fil
     fillRule: "evenodd"
   }
 ) });
-var IconTelegram = (props) => /* @__PURE__ */ jsx164(Icon_default, __spreadValues({ Svg: Telegram }, props));
+var IconTelegram = (props) => /* @__PURE__ */ jsx167(Icon_default, __spreadValues({ Svg: Telegram }, props));
 
 // src/components/TikTok.tsx
-import { jsx as jsx165, jsxs as jsxs81 } from "react/jsx-runtime";
+import { jsx as jsx168, jsxs as jsxs81 } from "react/jsx-runtime";
 var TikTok = ({ color, height, width }) => /* @__PURE__ */ jsxs81("svg", { fill: "none", height, viewBox: "0 0 24 24", width, xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ jsx165(
+  /* @__PURE__ */ jsx168(
     "path",
     {
       d: "M10.074 9.95v-.688a5.314 5.314 0 0 0-.721-.053A5.359 5.359 0 0 0 4 14.562a5.35 5.35 0 0 0 2.285 4.383A5.331 5.331 0 0 1 4.847 15.3a5.358 5.358 0 0 1 5.227-5.35Z",
       fill: color !== "currentColor" ? color : "#25F4EE"
     }
   ),
-  /* @__PURE__ */ jsx165(
+  /* @__PURE__ */ jsx168(
     "path",
     {
       d: "M10.2 17.745a2.446 2.446 0 0 0 2.44-2.352l.004-11.655h2.13A4.051 4.051 0 0 1 14.705 3h-2.908l-.005 11.655a2.445 2.445 0 0 1-2.44 2.353c-.409 0-.794-.103-1.133-.281a2.442 2.442 0 0 0 1.982 1.02l-.001-.002ZM18.751 7.693v-.647a4.023 4.023 0 0 1-2.203-.655 4.048 4.048 0 0 0 2.203 1.302Z",
       fill: color !== "currentColor" ? color : "#25F4EE"
     }
   ),
-  /* @__PURE__ */ jsx165(
+  /* @__PURE__ */ jsx168(
     "path",
     {
       d: "M16.548 6.39a4.028 4.028 0 0 1-.995-2.653h-.78a4.054 4.054 0 0 0 1.775 2.653ZM9.353 12.118a2.448 2.448 0 0 0-2.445 2.445c0 .938.532 1.754 1.31 2.163a2.428 2.428 0 0 1-.463-1.425 2.448 2.448 0 0 1 2.445-2.445c.252 0 .493.042.722.112V10a5.313 5.313 0 0 0-.722-.053c-.042 0-.084.003-.127.003v2.28a2.403 2.403 0 0 0-.721-.112Z",
       fill: color !== "currentColor" ? color : "#FE2C55"
     }
   ),
-  /* @__PURE__ */ jsx165(
+  /* @__PURE__ */ jsx168(
     "path",
     {
       d: "M18.752 7.693v2.261a6.919 6.919 0 0 1-4.046-1.3v5.91a5.359 5.359 0 0 1-5.353 5.352c-1.141 0-2.199-.36-3.068-.97a5.34 5.34 0 0 0 3.916 1.708 5.359 5.359 0 0 0 5.353-5.353v-5.91a6.914 6.914 0 0 0 4.046 1.301V7.783c-.29 0-.575-.031-.848-.09Z",
       fill: color !== "currentColor" ? color : "#FE2C55"
     }
   ),
-  /* @__PURE__ */ jsx165(
+  /* @__PURE__ */ jsx168(
     "path",
     {
       d: "M14.705 14.563v-5.91a6.915 6.915 0 0 0 4.047 1.3v-2.26a4.048 4.048 0 0 1-2.204-1.303 4.054 4.054 0 0 1-1.774-2.653h-2.13l-.004 11.655a2.44 2.44 0 0 1-4.422 1.333 2.445 2.445 0 0 1-1.31-2.163 2.448 2.448 0 0 1 2.445-2.445c.251 0 .492.042.721.113V9.95a5.358 5.358 0 0 0-5.227 5.35 5.33 5.33 0 0 0 1.438 3.644c.87.61 1.927.97 3.068.97a5.359 5.359 0 0 0 5.352-5.353v.002Z",
@@ -2710,14 +2752,14 @@ var TikTok = ({ color, height, width }) => /* @__PURE__ */ jsxs81("svg", { fill:
     }
   )
 ] });
-var IconTikTok = (props) => /* @__PURE__ */ jsx165(Icon_default, __spreadValues({ Svg: TikTok }, props));
+var IconTikTok = (props) => /* @__PURE__ */ jsx168(Icon_default, __spreadValues({ Svg: TikTok }, props));
 
 // src/components/WarningSolid.tsx
 import { COLOR_WHITE as COLOR_WHITE32 } from "@serenis/design-tokens";
-import { jsx as jsx166, jsxs as jsxs82 } from "react/jsx-runtime";
+import { jsx as jsx169, jsxs as jsxs82 } from "react/jsx-runtime";
 var WarningSolid = ({ color, height, width }) => /* @__PURE__ */ jsxs82("svg", { fill: "none", height, viewBox: "0 0 24 24", width, xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ jsx166("circle", { cx: "12", cy: "12", fill: color, r: "12" }),
-  /* @__PURE__ */ jsx166(
+  /* @__PURE__ */ jsx169("circle", { cx: "12", cy: "12", fill: color, r: "12" }),
+  /* @__PURE__ */ jsx169(
     "path",
     {
       d: "M11.7 7.08a.8.8 0 0 0-.41.43c-.02.06-.03.35-.03.65 0 .61.03.7.31.94.14.1.19.12.43.12s.29-.01.43-.12c.25-.21.3-.34.32-.82.03-.72-.09-1.04-.45-1.2a.7.7 0 0 0-.6 0m0 4a.8.8 0 0 0-.41.43c-.04.14-.04 6.32 0 6.46.04.15.26.4.42.46a.7.7 0 0 0 .78-.14c.26-.25.25-.04.26-3.4 0-2.12 0-3.13-.03-3.28a1 1 0 0 0-.15-.34A.8.8 0 0 0 12 11a1 1 0 0 0-.3.08",
@@ -2725,11 +2767,11 @@ var WarningSolid = ({ color, height, width }) => /* @__PURE__ */ jsxs82("svg", {
     }
   )
 ] });
-var IconWarningSolid = (props) => /* @__PURE__ */ jsx166(Icon_default, __spreadValues({ Svg: WarningSolid }, props));
+var IconWarningSolid = (props) => /* @__PURE__ */ jsx169(Icon_default, __spreadValues({ Svg: WarningSolid }, props));
 
 // src/components/WebcamOff.tsx
-import { jsx as jsx167 } from "react/jsx-runtime";
-var WebcamOff = ({ width, height, color }) => /* @__PURE__ */ jsx167("svg", { fill: "none", height, viewBox: "0 0 24 24", width, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx167(
+import { jsx as jsx170 } from "react/jsx-runtime";
+var WebcamOff = ({ width, height, color }) => /* @__PURE__ */ jsx170("svg", { fill: "none", height, viewBox: "0 0 24 24", width, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx170(
   "path",
   {
     d: "M4.67 4.74a36 36 0 0 1 4.5-.27c2.34 0 4.18.2 5.41.4A2.3 2.3 0 0 1 16.54 7q.07.9.12 2.23a20 20 0 0 1 3.85-1.99 1.2 1.2 0 0 1 1.61 1 29 29 0 0 1 0 7.5 1.2 1.2 0 0 1-1.6 1 20 20 0 0 1-3.86-1.99q-.04 1.08-.1 1.87m-1.05 2.15q-.4.27-.93.36c-1.23.2-3.07.4-5.4.4s-4.18-.2-5.41-.4a2.3 2.3 0 0 1-1.96-2.15A65 65 0 0 1 1.64 12c0-2.2.09-3.86.17-4.99a2.4 2.4 0 0 1 .56-1.37M1.64 1.7l20.72 20.71",
@@ -2739,11 +2781,11 @@ var WebcamOff = ({ width, height, color }) => /* @__PURE__ */ jsx167("svg", { fi
     strokeWidth: "1.4"
   }
 ) });
-var IconWebcamOff = (props) => /* @__PURE__ */ jsx167(Icon_default, __spreadValues({ Svg: WebcamOff }, props));
+var IconWebcamOff = (props) => /* @__PURE__ */ jsx170(Icon_default, __spreadValues({ Svg: WebcamOff }, props));
 
 // src/components/WebcamOn.tsx
-import { jsx as jsx168 } from "react/jsx-runtime";
-var WebcamOn = ({ width, height, color }) => /* @__PURE__ */ jsx168("svg", { fill: "none", height, viewBox: "0 0 24 24", width, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx168(
+import { jsx as jsx171 } from "react/jsx-runtime";
+var WebcamOn = ({ width, height, color }) => /* @__PURE__ */ jsx171("svg", { fill: "none", height, viewBox: "0 0 24 24", width, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx171(
   "path",
   {
     d: "M4.24 19.62a2.45 2.45 0 0 1-2.08-2.28A66 66 0 0 1 2 12.5c0-2.1.08-3.72.16-4.84.09-1.17.92-2.1 2.08-2.28 1.22-.2 3-.38 5.26-.38s4.04.19 5.26.38a2.45 2.45 0 0 1 2.08 2.28q.07.9.12 2.22a20 20 0 0 1 4.1-2.17c.79-.3 1.6.22 1.71 1.05a30 30 0 0 1 0 7.48c-.1.83-.92 1.35-1.7 1.05a20 20 0 0 1-4.11-2.17q-.05 1.32-.12 2.22a2.45 2.45 0 0 1-2.08 2.28c-1.22.2-3 .38-5.26.38s-4.04-.19-5.26-.38",
@@ -2753,26 +2795,26 @@ var WebcamOn = ({ width, height, color }) => /* @__PURE__ */ jsx168("svg", { fil
     strokeWidth: "1.4"
   }
 ) });
-var IconWebcamOn = (props) => /* @__PURE__ */ jsx168(Icon_default, __spreadValues({ Svg: WebcamOn }, props));
+var IconWebcamOn = (props) => /* @__PURE__ */ jsx171(Icon_default, __spreadValues({ Svg: WebcamOn }, props));
 
 // src/components/Whatsapp.tsx
-import { jsx as jsx169, jsxs as jsxs83 } from "react/jsx-runtime";
+import { jsx as jsx172, jsxs as jsxs83 } from "react/jsx-runtime";
 var Whatsapp = ({ height, width }) => /* @__PURE__ */ jsxs83("svg", { fill: "none", height, viewBox: "0 0 32 32", width, xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ jsx169(
+  /* @__PURE__ */ jsx172(
     "path",
     {
       d: "m0 32 2.26-8.217a15.774 15.774 0 0 1-2.126-7.927C.138 7.113 7.284 0 16.067 0a15.87 15.87 0 0 1 11.27 4.65A15.722 15.722 0 0 1 32 15.87c-.004 8.742-7.152 15.856-15.933 15.856h-.007a15.98 15.98 0 0 1-7.614-1.93L0 32Z",
       fill: "#fff"
     }
   ),
-  /* @__PURE__ */ jsx169(
+  /* @__PURE__ */ jsx172(
     "path",
     {
       d: "M16.072 2.679c-7.305 0-13.246 5.912-13.248 13.178a13.103 13.103 0 0 0 2.024 7.014l.315.499-1.338 4.863 5.013-1.309.483.286a13.27 13.27 0 0 0 6.74 1.837h.006c7.299 0 13.24-5.912 13.242-13.18a13.043 13.043 0 0 0-1-5.048 13.092 13.092 0 0 0-2.875-4.275 13.16 13.16 0 0 0-4.292-2.866 13.207 13.207 0 0 0-5.07-1Z",
       fill: "url(#icon-whatsapp-a)"
     }
   ),
-  /* @__PURE__ */ jsx169(
+  /* @__PURE__ */ jsx172(
     "path",
     {
       clipRule: "evenodd",
@@ -2781,17 +2823,17 @@ var Whatsapp = ({ height, width }) => /* @__PURE__ */ jsxs83("svg", { fill: "non
       fillRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ jsx169("defs", { children: /* @__PURE__ */ jsxs83("linearGradient", { gradientUnits: "userSpaceOnUse", id: "icon-whatsapp-a", x1: "15.797", x2: "15.93", y1: "4.261", y2: "26.795", children: [
-    /* @__PURE__ */ jsx169("stop", { stopColor: "#57D163" }),
-    /* @__PURE__ */ jsx169("stop", { offset: "1", stopColor: "#23B33A" })
+  /* @__PURE__ */ jsx172("defs", { children: /* @__PURE__ */ jsxs83("linearGradient", { gradientUnits: "userSpaceOnUse", id: "icon-whatsapp-a", x1: "15.797", x2: "15.93", y1: "4.261", y2: "26.795", children: [
+    /* @__PURE__ */ jsx172("stop", { stopColor: "#57D163" }),
+    /* @__PURE__ */ jsx172("stop", { offset: "1", stopColor: "#23B33A" })
   ] }) })
 ] });
-var IconWhatsapp = (props) => /* @__PURE__ */ jsx169(Icon_default, __spreadValues({ Svg: Whatsapp }, props));
+var IconWhatsapp = (props) => /* @__PURE__ */ jsx172(Icon_default, __spreadValues({ Svg: Whatsapp }, props));
 
 // src/components/WheelChair.tsx
-import { jsx as jsx170, jsxs as jsxs84 } from "react/jsx-runtime";
+import { jsx as jsx173, jsxs as jsxs84 } from "react/jsx-runtime";
 var WheelChair = ({ width, height, color }) => /* @__PURE__ */ jsxs84("svg", { fill: "none", height, viewBox: "0 0 24 24", width, xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ jsx170(
+  /* @__PURE__ */ jsx173(
     "path",
     {
       d: "M14.354 4.70189c0 .6868.2728 1.34547.7585 1.83111.4856.48564 1.1443.75847 1.8311.75847.6868 0 1.3455-.27283 1.8311-.75847.4856-.48564.7585-1.14431.7585-1.83111 0-.6868-.2729-1.34547-.7585-1.83111-.4856-.48565-1.1443-.75848-1.8311-.75848-.6868 0-1.3455.27283-1.8311.75848-.4857.48564-.7585 1.14431-.7585 1.83111Zm1.9954 11.89851-.4011 4.412c-.0215.2367.1368.4545.372.4889.8238.1206 1.4921.0471 1.8456-.0151.1705-.03.2971-.1644.333-.3338.516-2.4323.9397-5.1415 1.1589-6.6328.0975-.6636-.2926-1.2985-.9318-1.5019-1.0193-.3245-2.5494-.7789-3.6913-.9753-.1434-.0247-.2339-.1694-.19-.3082l.931-2.94826c.2099-.66477-.0966-1.38467-.7258-1.68483-2.5-1.19276-4.5116-2.01206-5.53379-2.41089-.45544-.17771-.9703-.09799-1.33656.22585-1.80776 1.59848-3.2191 3.60169-3.75837 4.41515-.14902.22482-.14664.51363.02297.72328.26745.3306.71449.797 1.21597.9633.22558.0748.45982-.0281.63398-.1898l2.8186-2.61727c.07679-.07129.19144-.08329.28132-.02938l.99798.59885c-.1525.43392-.2967.86012-.4326 1.2743",
@@ -2801,7 +2843,7 @@ var WheelChair = ({ width, height, color }) => /* @__PURE__ */ jsxs84("svg", { f
       strokeWidth: "1.4"
     }
   ),
-  /* @__PURE__ */ jsx170(
+  /* @__PURE__ */ jsx173(
     "path",
     {
       d: "M9.41055 12c2.73035 0 4.94375 2.2134 4.94375 4.9437 0 2.7304-2.2134 4.9438-4.94375 4.9438-2.73037 0-4.94375-2.2134-4.94375-4.9438C4.4668 14.2134 6.68018 12 9.41055 12Z",
@@ -2812,22 +2854,22 @@ var WheelChair = ({ width, height, color }) => /* @__PURE__ */ jsxs84("svg", { f
     }
   )
 ] });
-var IconWheelChair = (props) => /* @__PURE__ */ jsx170(Icon_default, __spreadValues({ Svg: WheelChair }, props));
+var IconWheelChair = (props) => /* @__PURE__ */ jsx173(Icon_default, __spreadValues({ Svg: WheelChair }, props));
 
 // src/components/X.tsx
-import { jsx as jsx171 } from "react/jsx-runtime";
-var X = ({ height, width }) => /* @__PURE__ */ jsx171("svg", { fill: "none", height, viewBox: "0 0 24 24", width, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx171(
+import { jsx as jsx174 } from "react/jsx-runtime";
+var X = ({ height, width }) => /* @__PURE__ */ jsx174("svg", { fill: "none", height, viewBox: "0 0 24 24", width, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx174(
   "path",
   {
     d: "M17.7512 3H20.818L14.1179 10.6246L22 21H15.8284L10.9946 14.7074L5.4636 21H2.39492L9.56132 12.8446L2 3H8.32824L12.6976 8.7517L17.7512 3ZM16.6748 19.1723H18.3742L7.40492 4.73168H5.58132L16.6748 19.1723Z",
     fill: "black"
   }
 ) });
-var IconX = (props) => /* @__PURE__ */ jsx171(Icon_default, __spreadValues({ Svg: X }, props));
+var IconX = (props) => /* @__PURE__ */ jsx174(Icon_default, __spreadValues({ Svg: X }, props));
 
 // src/components/Youtube.tsx
-import { jsx as jsx172 } from "react/jsx-runtime";
-var Youtube = ({ color, height, width }) => /* @__PURE__ */ jsx172("svg", { fill: "none", height, viewBox: "0 0 24 24", width, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx172(
+import { jsx as jsx175 } from "react/jsx-runtime";
+var Youtube = ({ color, height, width }) => /* @__PURE__ */ jsx175("svg", { fill: "none", height, viewBox: "0 0 24 24", width, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx175(
   "path",
   {
     clipRule: "evenodd",
@@ -2836,7 +2878,7 @@ var Youtube = ({ color, height, width }) => /* @__PURE__ */ jsx172("svg", { fill
     fillRule: "evenodd"
   }
 ) });
-var IconYoutube = (props) => /* @__PURE__ */ jsx172(Icon_default, __spreadValues({ Svg: Youtube }, props));
+var IconYoutube = (props) => /* @__PURE__ */ jsx175(Icon_default, __spreadValues({ Svg: Youtube }, props));
 
 // src/index.ts
 import {
@@ -3138,6 +3180,9 @@ export {
   IconStudio,
   IconSubstack,
   IconSuccessSolid,
+  IconSun,
+  IconSunrise,
+  IconSunset,
   IconSupport,
   IconSupportHeadphone,
   IconTelegram,
@@ -3278,6 +3323,9 @@ export {
   Studio,
   Substack,
   SuccessSolid,
+  Sun,
+  Sunrise,
+  Sunset,
   Support,
   SupportHeadphone,
   Telegram,

package/dist/types-uWQchL2s.d.cts

@@ -0,0 +1,22 @@
+import { ColorName } from '@serenis/design-tokens';
+import { Iconoir } from 'iconoir-react';
+import { JSX } from 'react';
+
+type IconSize = 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 120;
+type IconElementProps = {
+    color: string;
+    fill: string;
+    height: IconSize;
+    width: IconSize;
+};
+type IconElement = (props: IconElementProps) => JSX.Element | ReturnType<typeof Iconoir>;
+type IconCommonProps = {
+    colorName?: ColorName;
+    fillColorName?: ColorName;
+    size: IconSize;
+};
+type IconProps = IconCommonProps & {
+    Svg?: IconElement;
+};
+
+export type { IconCommonProps as I, IconElement as a, IconElementProps as b, IconProps as c, IconSize as d };

package/dist/types-uWQchL2s.d.ts

@@ -0,0 +1,22 @@
+import { ColorName } from '@serenis/design-tokens';
+import { Iconoir } from 'iconoir-react';
+import { JSX } from 'react';
+
+type IconSize = 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 120;
+type IconElementProps = {
+    color: string;
+    fill: string;
+    height: IconSize;
+    width: IconSize;
+};
+type IconElement = (props: IconElementProps) => JSX.Element | ReturnType<typeof Iconoir>;
+type IconCommonProps = {
+    colorName?: ColorName;
+    fillColorName?: ColorName;
+    size: IconSize;
+};
+type IconProps = IconCommonProps & {
+    Svg?: IconElement;
+};
+
+export type { IconCommonProps as I, IconElement as a, IconElementProps as b, IconProps as c, IconSize as d };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@serenis/icons",
-  "version": "2.46.0",
+  "version": "2.48.0",
   "type": "module",
   "engines": {
     "node": ">=22"
@@ -38,11 +38,18 @@
   },
   "peerDependencies": {
     "@serenis/design-tokens": "*",
+    "@types/react": ">=19.0.0",
     "react": ">=19.0.0"
   },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    }
+  },
   "devDependencies": {
     "@storybook/nextjs": "10.3.4",
     "@serenis/design-tokens": "*",
+    "@types/react": "19.2.18",
     "react": "19.2.4",
     "tsconfig": "*",
     "tsup": "8.5.1"