@serenis/icons 2.47.0 → 2.49.0

package/dist/index.js

@@ -2713,38 +2713,52 @@ var Telegram = ({ color, height, width }) => /* @__PURE__ */ jsx167("svg", { fil
 ) });
 var IconTelegram = (props) => /* @__PURE__ */ jsx167(Icon_default, __spreadValues({ Svg: Telegram }, props));
 
+// src/components/Ticket.tsx
+import { jsx as jsx168 } from "react/jsx-runtime";
+var Ticket = ({ color, height, width }) => /* @__PURE__ */ jsx168("svg", { fill: "none", height, viewBox: "0 0 24 24", width, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx168(
+  "path",
+  {
+    d: "M4.21 19.78a2.04 2.04 0 0 1-1.94-1.87 46 46 0 0 1-.15-2.44c-.02-.44.28-.81.66-1.03a2.82 2.82 0 0 0 0-4.88c-.38-.22-.68-.6-.66-1.03Q2.2 7 2.27 6.1c.1-1.05.9-1.8 1.94-1.87 1.4-.1 3.82-.22 7.8-.22s6.39.11 7.78.22c1.05.07 1.85.82 1.94 1.87q.09.89.15 2.44c.02.44-.28.81-.65 1.03a2.82 2.82 0 0 0 0 4.88c.37.22.67.6.66 1.03q-.04 1.22-.16 2.44a2.04 2.04 0 0 1-1.94 1.88c-1.4.1-3.81.21-7.79.21a108 108 0 0 1-7.79-.22M14.83 18.12v1.76m0-6.47v1.88m0-6.58v1.88m0-6.47v1.76",
+    stroke: color,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.4"
+  }
+) });
+var IconTicket = (props) => /* @__PURE__ */ jsx168(Icon_default, __spreadValues({ Svg: Ticket }, props));
+
 // src/components/TikTok.tsx
-import { jsx as jsx168, jsxs as jsxs81 } from "react/jsx-runtime";
+import { jsx as jsx169, 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__ */ jsx168(
+  /* @__PURE__ */ jsx169(
     "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__ */ jsx168(
+  /* @__PURE__ */ jsx169(
     "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__ */ jsx168(
+  /* @__PURE__ */ jsx169(
     "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__ */ jsx168(
+  /* @__PURE__ */ jsx169(
     "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__ */ jsx168(
+  /* @__PURE__ */ jsx169(
     "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",
@@ -2752,14 +2766,14 @@ var TikTok = ({ color, height, width }) => /* @__PURE__ */ jsxs81("svg", { fill:
     }
   )
 ] });
-var IconTikTok = (props) => /* @__PURE__ */ jsx168(Icon_default, __spreadValues({ Svg: TikTok }, props));
+var IconTikTok = (props) => /* @__PURE__ */ jsx169(Icon_default, __spreadValues({ Svg: TikTok }, props));
 
 // src/components/WarningSolid.tsx
 import { COLOR_WHITE as COLOR_WHITE32 } from "@serenis/design-tokens";
-import { jsx as jsx169, jsxs as jsxs82 } from "react/jsx-runtime";
+import { jsx as jsx170, 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__ */ jsx169("circle", { cx: "12", cy: "12", fill: color, r: "12" }),
-  /* @__PURE__ */ jsx169(
+  /* @__PURE__ */ jsx170("circle", { cx: "12", cy: "12", fill: color, r: "12" }),
+  /* @__PURE__ */ jsx170(
     "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",
@@ -2767,11 +2781,11 @@ var WarningSolid = ({ color, height, width }) => /* @__PURE__ */ jsxs82("svg", {
     }
   )
 ] });
-var IconWarningSolid = (props) => /* @__PURE__ */ jsx169(Icon_default, __spreadValues({ Svg: WarningSolid }, props));
+var IconWarningSolid = (props) => /* @__PURE__ */ jsx170(Icon_default, __spreadValues({ Svg: WarningSolid }, props));
 
 // src/components/WebcamOff.tsx
-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(
+import { jsx as jsx171 } from "react/jsx-runtime";
+var WebcamOff = ({ 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.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",
@@ -2781,11 +2795,11 @@ var WebcamOff = ({ width, height, color }) => /* @__PURE__ */ jsx170("svg", { fi
     strokeWidth: "1.4"
   }
 ) });
-var IconWebcamOff = (props) => /* @__PURE__ */ jsx170(Icon_default, __spreadValues({ Svg: WebcamOff }, props));
+var IconWebcamOff = (props) => /* @__PURE__ */ jsx171(Icon_default, __spreadValues({ Svg: WebcamOff }, props));
 
 // src/components/WebcamOn.tsx
-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(
+import { jsx as jsx172 } from "react/jsx-runtime";
+var WebcamOn = ({ width, height, color }) => /* @__PURE__ */ jsx172("svg", { fill: "none", height, viewBox: "0 0 24 24", width, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx172(
   "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",
@@ -2795,26 +2809,26 @@ var WebcamOn = ({ width, height, color }) => /* @__PURE__ */ jsx171("svg", { fil
     strokeWidth: "1.4"
   }
 ) });
-var IconWebcamOn = (props) => /* @__PURE__ */ jsx171(Icon_default, __spreadValues({ Svg: WebcamOn }, props));
+var IconWebcamOn = (props) => /* @__PURE__ */ jsx172(Icon_default, __spreadValues({ Svg: WebcamOn }, props));
 
 // src/components/Whatsapp.tsx
-import { jsx as jsx172, jsxs as jsxs83 } from "react/jsx-runtime";
+import { jsx as jsx173, 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__ */ jsx172(
+  /* @__PURE__ */ jsx173(
     "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__ */ jsx172(
+  /* @__PURE__ */ jsx173(
     "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__ */ jsx172(
+  /* @__PURE__ */ jsx173(
     "path",
     {
       clipRule: "evenodd",
@@ -2823,17 +2837,17 @@ var Whatsapp = ({ height, width }) => /* @__PURE__ */ jsxs83("svg", { fill: "non
       fillRule: "evenodd"
     }
   ),
-  /* @__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" })
+  /* @__PURE__ */ jsx173("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__ */ jsx173("stop", { stopColor: "#57D163" }),
+    /* @__PURE__ */ jsx173("stop", { offset: "1", stopColor: "#23B33A" })
   ] }) })
 ] });
-var IconWhatsapp = (props) => /* @__PURE__ */ jsx172(Icon_default, __spreadValues({ Svg: Whatsapp }, props));
+var IconWhatsapp = (props) => /* @__PURE__ */ jsx173(Icon_default, __spreadValues({ Svg: Whatsapp }, props));
 
 // src/components/WheelChair.tsx
-import { jsx as jsx173, jsxs as jsxs84 } from "react/jsx-runtime";
+import { jsx as jsx174, 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__ */ jsx173(
+  /* @__PURE__ */ jsx174(
     "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",
@@ -2843,7 +2857,7 @@ var WheelChair = ({ width, height, color }) => /* @__PURE__ */ jsxs84("svg", { f
       strokeWidth: "1.4"
     }
   ),
-  /* @__PURE__ */ jsx173(
+  /* @__PURE__ */ jsx174(
     "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",
@@ -2854,22 +2868,22 @@ var WheelChair = ({ width, height, color }) => /* @__PURE__ */ jsxs84("svg", { f
     }
   )
 ] });
-var IconWheelChair = (props) => /* @__PURE__ */ jsx173(Icon_default, __spreadValues({ Svg: WheelChair }, props));
+var IconWheelChair = (props) => /* @__PURE__ */ jsx174(Icon_default, __spreadValues({ Svg: WheelChair }, props));
 
 // src/components/X.tsx
-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(
+import { jsx as jsx175 } from "react/jsx-runtime";
+var X = ({ 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",
   {
     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__ */ jsx174(Icon_default, __spreadValues({ Svg: X }, props));
+var IconX = (props) => /* @__PURE__ */ jsx175(Icon_default, __spreadValues({ Svg: X }, props));
 
 // src/components/Youtube.tsx
-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(
+import { jsx as jsx176 } from "react/jsx-runtime";
+var Youtube = ({ color, height, width }) => /* @__PURE__ */ jsx176("svg", { fill: "none", height, viewBox: "0 0 24 24", width, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx176(
   "path",
   {
     clipRule: "evenodd",
@@ -2878,7 +2892,7 @@ var Youtube = ({ color, height, width }) => /* @__PURE__ */ jsx175("svg", { fill
     fillRule: "evenodd"
   }
 ) });
-var IconYoutube = (props) => /* @__PURE__ */ jsx175(Icon_default, __spreadValues({ Svg: Youtube }, props));
+var IconYoutube = (props) => /* @__PURE__ */ jsx176(Icon_default, __spreadValues({ Svg: Youtube }, props));
 
 // src/index.ts
 import {
@@ -3187,6 +3201,7 @@ export {
   IconSupportHeadphone,
   IconTelegram,
   IconTest,
+  IconTicket,
   IconTikTok,
   IconWarningSolid,
   IconWebcamOff,
@@ -3330,6 +3345,7 @@ export {
   SupportHeadphone,
   Telegram,
   Test,
+  Ticket,
   TikTok,
   Timer,
   TimerOff,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@serenis/icons",
-  "version": "2.47.0",
+  "version": "2.49.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"