@expo/styleguide-native 1.0.4 → 4.1.0

package/dist/icons/CredentialIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function CredentialIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 21", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 21", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.G, { clipPath: "url(#credential-icon_svg__credential-icon_svg__clip0)" },
             React.createElement(react_native_svg_1.Path, { d: "M11.327 11.426h.75V9.88l-1.214.957.464.59zm-6.187 0l.465-.589L4.39 9.88v1.546h.75zm0 7.514h-.75v1.391l1.163-.765-.413-.626zm1.563-1.029l.409-.629-.411-.267-.41.27.412.626zm1.585 1.029l-.408.629.451.293.422-.333-.465-.59zm1.303-1.029l.382-.645-.443-.262-.404.319.465.588zm1.736 1.029l-.382.645 1.132.67V18.94h-.75zm-.464-8.103c-.724.57-1.636.91-2.63.91v1.5c1.343 0 2.58-.46 3.558-1.232l-.928-1.178zm-2.63.91c-.993 0-1.905-.34-2.628-.91l-.929 1.178a5.729 5.729 0 003.558 1.233v-1.5zM5.89 18.94v-7.514h-1.5v7.514h1.5zm.401-1.655l-1.563 1.028.825 1.253 1.563-1.028-.825-1.253zm2.406 1.026l-1.585-1.029-.817 1.259 1.585 1.028.817-1.258zm.429-.988L7.824 18.35l.93 1.178 1.301-1.029-.93-1.177zm2.583.972l-1.736-1.029-.765 1.29 1.737 1.03.764-1.291zm-1.132-6.869v7.514h1.5v-7.514h-1.5z", fill: color || "#000" }),
             React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M2 2.25h16a.25.25 0 01.25.25v11.474a.25.25 0 01-.25.25h-6.673v1.75H18a2 2 0 002-2V2.5a2 2 0 00-2-2H2a2 2 0 00-2 2v11.474a2 2 0 002 2h3.14v-1.75H2a.25.25 0 01-.25-.25V2.5A.25.25 0 012 2.25z", fill: color || "#000" }),

package/dist/icons/CreditCardIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SvgProps } from "react-native-svg";
+import { IconProps } from "../types";
+export default function CreditCardIcon(props: SvgProps & IconProps): JSX.Element;

package/dist/icons/CreditCardIcon.js

@@ -0,0 +1,34 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_native_svg_1 = __importStar(require("react-native-svg"));
+function CreditCardIcon(props) {
+    const { size, color, width, height } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
+        React.createElement(react_native_svg_1.G, { clipPath: "url(#credit-card-icon_svg__credit-card-icon_svg__clip0_2791_2830)", fillRule: "evenodd", clipRule: "evenodd", fill: color || "#000" },
+            React.createElement(react_native_svg_1.Path, { d: "M2.5 2.5A2.5 2.5 0 000 5v10a2.5 2.5 0 002.5 2.5h15A2.5 2.5 0 0020 15V5a2.5 2.5 0 00-2.5-2.5h-15zM1.667 5c0-.46.373-.833.833-.833h15c.46 0 .833.373.833.833v1.75H1.667V5zm0 3.25V15c0 .46.373.833.833.833h15c.46 0 .833-.373.833-.833V8.25H1.667z" }),
+            React.createElement(react_native_svg_1.Path, { d: "M12.704 9.808a2.606 2.606 0 100 4.514 2.606 2.606 0 100-4.514zm-1.303 3.863c.173 0 .34-.027.495-.078a2.594 2.594 0 01-.495-1.528 2.6 2.6 0 01.495-1.528 1.606 1.606 0 10-.495 3.134zm4.212-1.606a1.606 1.606 0 11-3.212 0 1.606 1.606 0 013.212 0z" })),
+        React.createElement(react_native_svg_1.Defs, null,
+            React.createElement(react_native_svg_1.ClipPath, { id: "credit-card-icon_svg__credit-card-icon_svg__clip0_2791_2830" },
+                React.createElement(react_native_svg_1.Path, { fill: "#fff", d: "M0 0h20v20H0z" })))));
+}
+exports.default = CreditCardIcon;

package/dist/icons/DebugIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function DebugIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { d: "M7.684 6.903l2.78 2.756-2.763 2.74-1.23-1.22 1.533-1.52-1.55-1.537 1.23-1.22zm1.852.171l2.78 2.757 1.23-1.22-1.55-1.537 1.533-1.52-1.23-1.22-2.763 2.74z", fill: color || "#000" }),
         React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M.833 2.529c0-.476.39-.862.87-.862h16.594c.48 0 .87.386.87.862v11.638a.811.811 0 01-.834.833h-6.666v1.667h1.666v1.666H6.667v-1.666h1.666V15H1.667a.811.811 0 01-.834-.833V2.529zM2.5 13.333v-10h15v10h-15z", fill: color || "#000" })));
 }

package/dist/icons/DeploymentIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function DeploymentIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { d: "M2 2a2 2 0 00-2 2v12a2 2 0 002 2h7V9.747l-2.96 2.96a1 1 0 11-1.414-1.414l4.667-4.667a.996.996 0 01.71-.293c.28.001.534.117.715.304l4.656 4.656a1 1 0 01-1.415 1.414L11 9.747V18h7a2 2 0 002-2V4a2 2 0 00-2-2H2z", fill: color || "#000" })));
 }
 exports.default = DeploymentIcon;

package/dist/icons/DeploymentsIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function DeploymentsIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 21", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 21", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.G, { clipPath: "url(#deployments-icon_svg__deployments-icon_svg__clip0)" },
             React.createElement(react_native_svg_1.Path, { clipRule: "evenodd", d: "M18.855 1.331l-1.15 6.85a4 4 0 01-1.886 2.766l-6.943 4.171-3.836-3.822L9.175 4.15a4 4 0 012.958-1.965l6.722-.854z", stroke: color || "#000", strokeWidth: 1.75, strokeLinejoin: "round" }),
             React.createElement(react_native_svg_1.Path, { clipRule: "evenodd", d: "M4.974 11.517L.956 11.03l4.602-4.766L8.12 5.74l-3.147 5.778zm3.966 3.869l.592 3.867 4.718-4.566.397-2.725-5.707 3.424z", stroke: color || "#000", strokeWidth: 1.5, strokeLinejoin: "round" }),

package/dist/icons/DiscordIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function DiscordIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { d: "M8.19 8.39c-.57 0-1.02.5-1.02 1.11 0 .61.46 1.11 1.02 1.11.57 0 1.02-.5 1.02-1.11.01-.61-.45-1.11-1.02-1.11zm3.65 0c-.57 0-1.02.5-1.02 1.11 0 .61.46 1.11 1.02 1.11.57 0 1.02-.5 1.02-1.11 0-.61-.45-1.11-1.02-1.11z", fill: color || "#000" }),
         React.createElement(react_native_svg_1.Path, { d: "M16.7 0H3.3C2.17 0 1.25.92 1.25 2.06v13.52c0 1.14.92 2.06 2.05 2.06h11.34l-.53-1.85 1.28 1.19 1.21 1.12 2.15 1.9V2.06C18.75.92 17.83 0 16.7 0zm-3.86 13.06s-.36-.43-.66-.81c1.31-.37 1.81-1.19 1.81-1.19-.41.27-.8.46-1.15.59-.5.21-.98.35-1.45.43-.96.18-1.84.13-2.59-.01-.57-.11-1.06-.27-1.47-.43-.23-.09-.48-.2-.73-.34-.03-.02-.06-.03-.09-.05-.02-.01-.03-.02-.04-.03-.18-.1-.28-.17-.28-.17s.48.8 1.75 1.18c-.3.38-.67.83-.67.83-2.21-.07-3.05-1.52-3.05-1.52 0-3.22 1.44-5.83 1.44-5.83C7.1 4.63 8.47 4.66 8.47 4.66l.1.12c-1.8.52-2.63 1.31-2.63 1.31s.22-.12.59-.29c1.07-.47 1.92-.6 2.27-.63.06-.01.11-.02.17-.02a8.152 8.152 0 015.03.94s-.79-.75-2.49-1.27l.14-.16s1.37-.03 2.81 1.05c0 0 1.44 2.61 1.44 5.83 0 0-.85 1.45-3.06 1.52z", fill: color || "#000" })));
 }

package/dist/icons/DiscourseIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function DiscourseIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M20 10c0 5.402-4.284 9.804-9.64 9.994V20H0V10C0 4.477 4.477 0 10 0s10 4.477 10 10zm-3.772-.15a6.079 6.079 0 01-8.617 5.524l-3.823.812 1.081-3.323A6.079 6.079 0 1116.228 9.85z", fill: color || "#000" })));
 }
 exports.default = DiscourseIcon;

package/dist/icons/DownloadIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function DownloadIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 22", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 22", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { d: "M14.583 11H5.417L10 18.333 14.583 11z", fill: color || "#000" }),
         React.createElement(react_native_svg_1.Path, { d: "M1.75 20.167h16.5M10 11V1.833", stroke: color || "#000", strokeWidth: 1.833, strokeLinecap: "round" })));
 }

package/dist/icons/ErrorIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function ErrorIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M4.167 1.667a2.5 2.5 0 00-2.5 2.5v11.666a2.5 2.5 0 002.5 2.5h11.666a2.5 2.5 0 002.5-2.5V4.167a2.5 2.5 0 00-2.5-2.5H4.167zm3.089 4.41a.833.833 0 00-1.179 1.179L8.821 10l-2.744 2.744a.833.833 0 101.179 1.178L10 11.178l2.744 2.744a.833.833 0 101.178-1.178L11.178 10l2.744-2.744a.833.833 0 10-1.178-1.179L10 8.821 7.256 6.077z", fill: color || "#000" })));
 }
 exports.default = ErrorIcon;

package/dist/icons/FacebookIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function FacebookIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { d: "M20 10.06C20 4.505 15.523 0 10 0 4.476 0-.001 4.503-.001 10.06c0 5.023 3.657 9.185 8.438 9.94v-7.03h-2.54v-2.91h2.54V7.845c0-2.521 1.493-3.914 3.777-3.914 1.095 0 2.239.196 2.239.196v2.476h-1.261c-1.242 0-1.63.776-1.63 1.572v1.887h2.774l-.444 2.908h-2.33V20C16.343 19.245 20 15.083 20 10.06z", fill: color || "#000" })));
 }
 exports.default = FacebookIcon;

package/dist/icons/GeneralIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function GeneralIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Mask, { id: "general-icon_svg__a", fill: "#fff" },
             React.createElement(react_native_svg_1.Rect, { width: 8.75, height: 8.75, rx: 1 })),
         React.createElement(react_native_svg_1.Rect, { width: 8.75, height: 8.75, rx: 1, stroke: color || "#000", strokeWidth: 3.5, mask: "url(#general-icon_svg__a)" }),

package/dist/icons/GithubIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function GithubIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { d: "M10 0C4.475 0 0 4.475 0 10a9.994 9.994 0 006.838 9.488c.5.087.687-.213.687-.476 0-.237-.013-1.024-.013-1.862-2.512.463-3.162-.612-3.362-1.175-.113-.287-.6-1.175-1.025-1.412-.35-.188-.85-.65-.013-.663.788-.013 1.35.725 1.538 1.025.9 1.512 2.337 1.087 2.912.825.088-.65.35-1.088.638-1.338-2.225-.25-4.55-1.112-4.55-4.937 0-1.088.387-1.987 1.025-2.688-.1-.25-.45-1.274.1-2.65 0 0 .837-.262 2.75 1.026a9.28 9.28 0 012.5-.338c.85 0 1.7.112 2.5.337 1.912-1.3 2.75-1.024 2.75-1.024.55 1.375.2 2.4.1 2.65.637.7 1.025 1.587 1.025 2.687 0 3.838-2.337 4.688-4.562 4.938.362.312.675.912.675 1.85 0 1.337-.013 2.412-.013 2.75 0 .262.188.574.688.474A10.016 10.016 0 0020 10c0-5.525-4.475-10-10-10z", fill: color || "#000" })));
 }
 exports.default = GithubIcon;

package/dist/icons/GoogleAppStoreIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function GoogleAppStoreIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.G, { clipPath: "url(#google-app-store-icon_svg__google-app-store-icon_svg__clip0)" },
             React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M.707.502l9.67 9.451-9.679 9.511a.995.995 0 01-.107-.454V.972c0-.174.042-.333.116-.47zm.887-.531a.99.99 0 01.485.128l11.68 6.53-2.67 2.623L1.595-.029zm13.074 7.167l-2.863 2.813 3.013 2.946 3.54-1.942a1 1 0 00.007-1.75l-3.697-2.067zm-.766 6.261l-2.81-2.746-9.523 9.358a.993.993 0 00.503-.124l11.83-6.488z", fill: color || "#000" })),
         React.createElement(react_native_svg_1.Defs, null,

package/dist/icons/HamburgerIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SvgProps } from "react-native-svg";
+import { IconProps } from "../types";
+export default function HamburgerIcon(props: SvgProps & IconProps): JSX.Element;

package/dist/icons/HamburgerIcon.js

@@ -0,0 +1,29 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_native_svg_1 = __importStar(require("react-native-svg"));
+function HamburgerIcon(props) {
+    const { size, color, width, height } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
+        React.createElement(react_native_svg_1.Path, { d: "M2.5 10h15m-15-5h15m-15 10h15", stroke: color || "#000", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })));
+}
+exports.default = HamburgerIcon;

package/dist/icons/HeadsetIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SvgProps } from "react-native-svg";
+import { IconProps } from "../types";
+export default function HeadsetIcon(props: SvgProps & IconProps): JSX.Element;

package/dist/icons/HeadsetIcon.js

@@ -0,0 +1,33 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_native_svg_1 = __importStar(require("react-native-svg"));
+function HeadsetIcon(props) {
+    const { size, color, width, height } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
+        React.createElement(react_native_svg_1.Path, { d: "M16.085 19.56h-4.781v-.87h4.781a2.176 2.176 0 002.174-2.173v-3.042h.869v3.042a3.046 3.046 0 01-3.043 3.043z", fill: color || "#000" }),
+        React.createElement(react_native_svg_1.Path, { d: "M9.648.006C4.708.193.872 4.41.872 9.352v4.992a2.174 2.174 0 002.173 2.173H4.35a1.304 1.304 0 001.304-1.304v-4.347A1.304 1.304 0 004.35 9.562H2.176V9.32c0-4.237 3.288-7.85 7.522-8.01a7.833 7.833 0 018.126 7.818v.434h-2.608a1.304 1.304 0 00-1.304 1.304v4.347a1.304 1.304 0 001.304 1.304h1.739a2.173 2.173 0 002.173-2.173V9.128A9.138 9.138 0 009.648.006z", fill: color || "#000" }),
+        React.createElement(react_native_svg_1.Path, { d: "M4.784 9.562a1.304 1.304 0 011.304 1.304v4.347a1.304 1.304 0 01-1.304 1.304H3.045a2.174 2.174 0 01-2.173-2.173V9.562h3.912z", fill: color || "#000" }),
+        React.createElement(react_native_svg_1.Path, { d: "M4.784 9.562h-.87v6.955h.87a1.304 1.304 0 001.304-1.304v-4.347a1.304 1.304 0 00-1.304-1.304zm10.432 0a1.304 1.304 0 00-1.304 1.304v4.347a1.304 1.304 0 001.304 1.304h1.739a2.174 2.174 0 002.173-2.173V9.562h-3.912z", fill: color || "#000" }),
+        React.createElement(react_native_svg_1.Path, { d: "M15.216 9.562h.87v6.955h-.87a1.304 1.304 0 01-1.304-1.304v-4.347a1.304 1.304 0 011.304-1.304zm-.914 8.254H10a.435.435 0 00-.435.434v1.315c0 .24.195.435.435.435h4.302c.24 0 .434-.195.434-.435V18.25a.435.435 0 00-.434-.434z", fill: color || "#000" })));
+}
+exports.default = HeadsetIcon;

package/dist/icons/HomeFilledIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function HomeFilledIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { d: "M1 6.5V19h6.632v-6.204a1.2 1.2 0 01.733-1.106 4.202 4.202 0 013.27 0 1.2 1.2 0 01.733 1.106V19H19V6.5L10 1 1 6.5z", fill: color || "#000" })));
 }
 exports.default = HomeFilledIcon;

package/dist/icons/HomeIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function HomeIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { d: "M1.667 6.76v11.573h5.555V12.97c0-.668.428-1.26 1.061-1.472a5.43 5.43 0 013.434 0c.633.211 1.06.804 1.06 1.472v5.363h5.556V6.76L10 1.667 1.667 6.759z", stroke: color || "#000", strokeWidth: 1.852 })));
 }
 exports.default = HomeIcon;

package/dist/icons/InfoIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function InfoIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.G, { clipPath: "url(#info-icon_svg__info-icon_svg__clip0)" },
             React.createElement(react_native_svg_1.Path, { d: "M10 1a9 9 0 100 18 9 9 0 000-18zm-.01 4.064a.962.962 0 01.73-.33c.229 0 .43.082.582.238.152.155.23.354.23.59 0 .295-.104.558-.308.78-.209.23-.453.347-.726.347a.777.777 0 01-.576-.244.844.844 0 01-.227-.607c0-.3.099-.561.295-.774zm1.499 8.48c-.746.7-1.279 1.138-1.628 1.337-.372.213-.679.317-.937.317a.814.814 0 01-.622-.254c-.152-.162-.23-.382-.23-.652 0-.69.392-2.293 1.197-4.9.013-.044.024-.086.031-.125a.814.814 0 00-.105.056c-.066.042-.267.2-.854.773a.25.25 0 01-.329.02l-.347-.27a.25.25 0 01-.033-.367c.542-.596 1.047-1.029 1.502-1.286.477-.269.88-.4 1.232-.4.227 0 .411.057.547.17a.621.621 0 01.225.492c0 .132-.063.474-.522 2.015-.657 2.203-.814 3.003-.825 3.28.125-.074.419-.283 1.046-.873a.25.25 0 01.347.003l.308.3a.25.25 0 01-.003.363z", fill: color || "#000" })),
         React.createElement(react_native_svg_1.Defs, null,

package/dist/icons/InspectElementIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function InspectElementIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M2.331 2.352H20V0H0v20h2.331V2.352z", fill: color || "#000" }),
         React.createElement(react_native_svg_1.Path, { d: "M4.653 17.648h2.332V20H4.652v-2.352zm4.385 0h2.331V20H9.04v-2.352zm4.385 0h2.331V20h-2.331v-2.352zM20 4.535v2.353h-2.331V4.535H20zm0 4.425v2.352h-2.331V8.96H20zm0 4.424v2.352h-2.331v-2.352h2.33zm-2.331 4.264h2.33V20h-2.33v-2.352z", fill: color || "#000" })));
 }

package/dist/icons/InstagramIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function InstagramIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { d: "M10 0C7.286 0 6.945.012 5.879.06 4.813.11 4.086.278 3.45.525a4.897 4.897 0 00-1.77 1.153A4.909 4.909 0 00.525 3.45C.277 4.085.108 4.812.06 5.877.012 6.943 0 7.284 0 10s.012 3.056.06 4.122c.05 1.065.218 1.792.465 2.427a4.9 4.9 0 001.153 1.772 4.896 4.896 0 001.771 1.154c.636.247 1.363.416 2.428.465 1.066.048 1.407.06 4.123.06s3.056-.012 4.122-.06c1.065-.049 1.792-.218 2.429-.465a4.892 4.892 0 001.77-1.154 4.909 4.909 0 001.154-1.771c.246-.636.415-1.363.465-2.427.047-1.067.06-1.407.06-4.123s-.012-3.057-.06-4.123c-.05-1.065-.22-1.792-.465-2.427a4.908 4.908 0 00-1.154-1.772A4.887 4.887 0 0016.55.525C15.912.278 15.185.109 14.12.06 13.055.012 12.716 0 9.999 0H10zm-.896 1.802H10c2.67 0 2.986.01 4.04.058.976.044 1.505.207 1.857.344.467.181.8.398 1.15.748.35.35.566.683.748 1.15.137.352.3.881.344 1.856.048 1.054.059 1.371.059 4.04s-.01 2.985-.059 4.04c-.044.974-.207 1.504-.344 1.856a3.091 3.091 0 01-.748 1.149 3.09 3.09 0 01-1.15.747c-.352.138-.881.3-1.856.345-1.054.048-1.371.058-4.041.058-2.67 0-2.987-.01-4.04-.058-.976-.045-1.505-.208-1.858-.345a3.098 3.098 0 01-1.15-.748 3.1 3.1 0 01-.748-1.15c-.137-.351-.3-.88-.345-1.855-.047-1.055-.057-1.371-.057-4.042 0-2.67.01-2.985.057-4.04.045-.974.208-1.503.345-1.856.181-.467.398-.8.748-1.15.35-.35.683-.567 1.15-.748.353-.138.882-.3 1.857-.345.923-.042 1.28-.054 3.144-.056v.002zm6.235 1.66a1.2 1.2 0 100 2.401 1.2 1.2 0 000-2.4zM10 4.866a5.136 5.136 0 100 10.271 5.136 5.136 0 000-10.271zm0 1.802a3.333 3.333 0 110 6.666 3.333 3.333 0 010-6.666z", fill: color || "#000" })));
 }
 exports.default = InstagramIcon;

package/dist/icons/InvoicesIcon.js

@@ -23,8 +23,8 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function InvoicesIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
-        React.createElement(react_native_svg_1.Path, { d: "M.875 18.673V3C.875 1.826 1.826.875 3 .875h14c1.174 0 2.125.951 2.125 2.125v15.673l-2.28-.977-.373-.16-.363.181-2.637 1.319-3.127-1.34-.345-.148-.345.148-3.127 1.34-2.637-1.319-.363-.181-.373.16-2.28.977z", stroke: color || "#000", strokeWidth: 1.75 }),
-        React.createElement(react_native_svg_1.Path, { d: "M5.265 5.732h9.47M5.265 8.43h9.47m-9.47 2.933h6.123", stroke: color || "#000", strokeWidth: 1.5, strokeLinecap: "round" })));
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
+        React.createElement(react_native_svg_1.Path, { d: "M1.657 19.125H.875V.875h18.25v18.25h-.68l-1.589-1.302-.526-.43-.547.402-1.515 1.115-1.48-1.11-.526-.394-.524.394-1.476 1.106L8.788 17.8l-.525-.394-.525.394-1.475 1.106L4.788 17.8l-.485-.364-.511.326-2.135 1.363z", stroke: color || "#000", strokeWidth: 1.75 }),
+        React.createElement(react_native_svg_1.Path, { d: "M15 5.75h.75v-1.5H15v1.5zm-11 0h11v-1.5H4v1.5zm11 3h.75v-1.5H15v1.5zm-11 0h11v-1.5H4v1.5zm7 3h.75v-1.5H11v1.5zm-7 0h7v-1.5H4v1.5z", fill: color || "#000" })));
 }
 exports.default = InvoicesIcon;

package/dist/icons/LifebuoyIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function LifebuoyIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M.881 10a9.119 9.119 0 1118.238 0A9.119 9.119 0 01.88 10zM4.59 5.749A6.852 6.852 0 003.119 10c0 1.605.549 3.081 1.47 4.251l1.965-1.965A4.116 4.116 0 015.865 10c0-.845.254-1.631.69-2.286L4.588 5.75zm3.125 7.697L5.75 15.412A6.852 6.852 0 0010 16.881c1.605 0 3.081-.55 4.251-1.47l-1.965-1.966a4.115 4.115 0 01-2.286.689 4.115 4.115 0 01-2.286-.69zM16.882 10c0 1.605-.55 3.081-1.47 4.252l-1.966-1.966c.435-.655.689-1.44.689-2.286a4.12 4.12 0 00-.684-2.279l1.966-1.966A6.852 6.852 0 0116.88 10zm-2.637-5.417A6.852 6.852 0 0010 3.12a6.848 6.848 0 00-4.251 1.47l1.965 1.965A4.115 4.115 0 0110 5.865c.842 0 1.625.252 2.279.685l1.966-1.967zm-2.546 3.59a2.494 2.494 0 10.127.128.85.85 0 01-.127-.127z", fill: color || "#000" })));
 }
 exports.default = LifebuoyIcon;

package/dist/icons/LockIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function LockIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { d: "M4.998 5.814v-.451c0-1.337.483-2.61 1.386-3.544A4.522 4.522 0 019.734.337h.161c2.626 0 4.736 2.255 4.736 5.026v1.9c-.612-.24-1.353-.321-2.03-.29v-1.61c0-1.579-1.208-2.868-2.69-2.868h-.177c-1.498 0-2.706 1.29-2.706 2.868v.435c0 .548-.387 1.015-.902 1.063H6.11a.966.966 0 01-1.034-.627 1.095 1.095 0 01-.078-.436v.016zM17 17.793v-7.7a1.112 1.112 0 00-.855-1.111l-.096-.016a31.895 31.895 0 00-12.597 0l-.08.016a1.112 1.112 0 00-.87 1.111v7.7c0 .532.354 1 .87 1.112l.644.129c3.785.76 7.684.76 11.469 0l.644-.13a1.111 1.111 0 00.87-1.127v.016z", fill: color || "#000" })));
 }
 exports.default = LockIcon;

package/dist/icons/LogoutMobileIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function LogoutMobileIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 21 20", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 21 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { d: "M14.104 3.739v-.032a2.04 2.04 0 00-2.04-2.04h-8.43a2.04 2.04 0 00-2.04 2.04v12.586a2.04 2.04 0 002.04 2.04h8.592c1.037 0 1.878-.84 1.878-1.878v0", stroke: color || "#000", strokeWidth: 2.04 }),
         React.createElement(react_native_svg_1.Path, { d: "M13.071 15.227v-3.17c-2.832 0-4.83 1.11-5.827 1.96-.182.155-.494.026-.475-.213.363-4.672 4.29-5.926 6.302-5.956V4.774l7.002 5.297-7.002 5.156z", fill: color || "#000" })));
 }

package/dist/icons/LogsIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function LogsIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { d: "M13.103 9.45c0 .25-.067.473-.2.667a1.3 1.3 0 01-.572.453 2.233 2.233 0 01-.878.157c-.67 0-1.205-.194-1.602-.581l.485-.534c.308.27.673.406 1.094.406.203 0 .364-.042.485-.127a.425.425 0 00.188-.366.408.408 0 00-.159-.343c-.1-.085-.292-.17-.573-.255-.475-.143-.813-.312-1.012-.505a1 1 0 01-.298-.75c0-.24.066-.448.199-.626.136-.178.32-.314.55-.407.234-.093.493-.139.778-.139.596 0 1.08.174 1.45.523l-.45.516a1.406 1.406 0 00-.445-.25 1.38 1.38 0 00-.485-.087.82.82 0 00-.445.105.321.321 0 00-.157.29.33.33 0 00.07.215c.05.058.132.112.245.163.113.05.283.11.51.18.412.123.719.284.918.482.202.193.304.464.304.812zm-7.114.481h-.755V6.605h-.819l-1.31.79.392.632.837-.523v2.427h-.977v.697h2.632V9.93zm1.577-.308a.626.626 0 00-.187.453c0 .178.062.331.187.459a.633.633 0 00.462.192c.18 0 .331-.064.456-.192a.623.623 0 00.193-.459.617.617 0 00-.193-.453.614.614 0 00-.456-.191.633.633 0 00-.462.191zm8.541-3.013a2.131 2.131 0 00-.725-.11c-.36 0-.683.083-.971.25a1.729 1.729 0 00-.679.725c-.164.318-.246.695-.246 1.132 0 .45.08.835.24 1.156.16.317.38.557.661.72.285.162.612.244.983.244.55 0 1.004-.182 1.363-.546l-.433-.552a2.315 2.315 0 01-.416.267 1.057 1.057 0 01-.462.093.814.814 0 01-.69-.336c-.167-.229-.251-.577-.251-1.046 0-.468.084-.818.251-1.05a.799.799 0 01.673-.349c.292 0 .561.099.807.296l.468-.563a1.95 1.95 0 00-.573-.33zM5.14 13.43a1.695 1.695 0 00-.76-.157 1.7 1.7 0 00-.807.18c-.222.12-.413.29-.573.511l.562.424c.109-.143.22-.246.333-.308a.777.777 0 01.398-.098c.175 0 .31.046.403.139.094.093.14.223.14.389a.997.997 0 01-.163.51 4.215 4.215 0 01-.515.657c-.238.255-.596.614-1.076 1.074v.65h2.69l.1-.702H4.14c.425-.376.752-.69.982-.94.234-.256.402-.486.503-.692.102-.205.152-.418.152-.638 0-.21-.054-.4-.163-.575a1.1 1.1 0 00-.474-.424zm2.239 3.42c0-.174.062-.325.187-.453a.633.633 0 01.462-.192c.18 0 .331.064.456.192a.617.617 0 01.193.453c0 .178-.064.33-.193.458a.614.614 0 01-.456.192.633.633 0 01-.462-.192.633.633 0 01-.187-.458z", fill: color || "#000" }),
         React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M12.851 16.763a.516.516 0 01-.047-.25v-1.208c0-.727-.452-1.091-1.357-1.091-.175 0-.372.021-.59.064a3.65 3.65 0 00-.62.168l.21.61c.148-.05.3-.09.456-.116.16-.031.293-.047.398-.047.41 0 .614.159.614.476v.11H11.5c-.48 0-.852.094-1.117.28a.882.882 0 00-.398.771c0 .287.096.521.287.703.19.178.446.267.766.267.203 0 .394-.035.573-.105a1.14 1.14 0 00.445-.313.7.7 0 00.292.284c.125.062.28.103.468.122l.193-.603a.286.286 0 01-.158-.122zm-1.181-.006a.65.65 0 01-.316.087.45.45 0 01-.31-.099.363.363 0 01-.106-.278c0-.31.25-.465.75-.465h.227v.505a.608.608 0 01-.245.25zm2.828-.627c.059.468.308.702.749.702.265 0 .53-.085.796-.255l.368.5a1.738 1.738 0 01-.544.313 2.1 2.1 0 01-.696.11c-.347 0-.641-.068-.883-.203a1.375 1.375 0 01-.55-.575 1.936 1.936 0 01-.181-.86c0-.309.058-.588.175-.835.12-.252.295-.45.52-.592.23-.148.504-.221.82-.221.296 0 .553.064.772.191.218.124.386.306.503.546.12.236.18.519.18.848 0 .128-.005.238-.017.33h-2.012zm.574-1.3a.496.496 0 00-.404.185c-.101.12-.162.306-.181.557h1.14c-.008-.495-.193-.743-.556-.743z", fill: color || "#000" }),
         React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M20 18a2 2 0 01-2 2H2a2 2 0 01-2-2V2a2 2 0 012-2h16a2 2 0 012 2v16zM1 5h18v3.149h-.942V6.605h-.96v4.023h.96V8.933H19v4.434a1.879 1.879 0 00-.614-.094c-.546 0-1.008.182-1.387.546l.474.488c.246-.232.515-.348.807-.348.176 0 .318.044.427.133.11.085.164.203.164.354a.48.48 0 01-.17.395c-.109.089-.257.134-.444.134H18l-.106.627h.369c.456 0 .684.2.684.603a.538.538 0 01-.187.436.751.751 0 01-.497.157c-.34 0-.62-.128-.842-.384l-.521.482c.172.194.378.343.62.447.242.105.51.157.807.157.249 0 .473-.034.673-.1v.6a1 1 0 01-1 1H2a1 1 0 01-1-1V5zm18 10.28v-.03a1.876 1.876 0 01-.064.02l.064.01z", fill: color || "#000" })));

package/dist/icons/MailIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function MailIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M16.667 3.333H3.333a1.67 1.67 0 00-1.457.86.831.831 0 01.269.124L10 9.817l7.855-5.5a.832.832 0 01.269-.124 1.67 1.67 0 00-1.457-.86zm1.666 2.684l-7.855 5.499c-.287.2-.669.2-.956 0L1.667 6.017V15c0 .917.75 1.667 1.666 1.667h13.334c.916 0 1.666-.75 1.666-1.667V6.017z", fill: color || "#000" })));
 }
 exports.default = MailIcon;

package/dist/icons/MegaphoneIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function MegaphoneIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { d: "M15.91 1.667c-2.006 0-9 5.09-9 5.09v6.182s6.994 5.09 9 5.09c2.331 0 4.09-3.517 4.09-8.18 0-4.665-1.759-8.182-4.09-8.182zm0 14.545c-.928 0-2.274-2.479-2.274-6.364 0-3.884 1.346-6.363 2.273-6.363s2.273 2.479 2.273 6.363c0 3.885-1.346 6.364-2.273 6.364z", fill: color || "#000" }),
         React.createElement(react_native_svg_1.Path, { d: "M15.91 12.342c.602 0 1.09-1.116 1.09-2.494 0-1.377-.488-2.494-1.09-2.494-.603 0-1.092 1.117-1.092 2.494 0 1.378.489 2.494 1.091 2.494zM3.333 17.667c0 .7.573 1.273 1.273 1.273h1.273c.7 0 1.273-.573 1.273-1.273v-3.292l-.243-.208-.417-.319H3.333v3.819zm2.485-4.727V6.757H3.091a3.09 3.09 0 100 6.181h2.727z", fill: color || "#000" })));
 }

package/dist/icons/MessageIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function MessageIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M0 1.667C0 .747.746 0 1.667 0h16.666C19.253 0 20 .746 20 1.667V15c0 .92-.746 1.667-1.667 1.667H9.498c-.295 0-.585.078-.84.227L3.333 20v-2.5a.833.833 0 00-.833-.833h-.833C.747 16.667 0 15.92 0 15V1.667zM5 10a1.667 1.667 0 100-3.333A1.667 1.667 0 005 10zm6.667-1.667a1.667 1.667 0 11-3.334 0 1.667 1.667 0 013.334 0zM15 10a1.667 1.667 0 100-3.333A1.667 1.667 0 0015 10z", fill: color || "#000" })));
 }
 exports.default = MessageIcon;

package/dist/icons/OneTimePasswordIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function OneTimePasswordIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 22", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 22", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { d: "M14.287 15.341v2.547a2.279 2.279 0 01-2.279 2.279H4.033a2.279 2.279 0 01-2.278-2.279V4.217a2.279 2.279 0 012.278-2.279h7.975a2.279 2.279 0 012.279 2.279v2.546", stroke: color || "#000", strokeWidth: 2.01 }),
         React.createElement(react_native_svg_1.Rect, { width: 6.031, height: 3.016, rx: 1.005, transform: "matrix(-1 0 0 1 10.802 1)", fill: color || "#000" }),
         React.createElement(react_native_svg_1.Path, { d: "M6.588 13.13h1.154l-.115-1.27 1.053.736.576-1.01-1.153-.534 1.153-.533-.576-1.01-1.053.736.115-1.27H6.588l.116 1.27-1.053-.736-.577 1.01 1.154.534-1.154.533.577 1.01 1.053-.736-.116 1.27zm5.267 0h1.154l-.115-1.27 1.053.736.577-1.01-1.154-.534 1.154-.533-.577-1.01-1.053.736.115-1.27h-1.154l.116 1.27-1.053-.736-.577 1.01 1.154.534-1.154.533.577 1.01 1.053-.736-.116 1.27zm5.389 0h1.154l-.116-1.27 1.053.736.577-1.01-1.154-.534 1.154-.533-.577-1.01-1.053.736.116-1.27h-1.154l.115 1.27-1.053-.736-.577 1.01 1.154.534-1.154.533.577 1.01 1.053-.736-.115 1.27z", fill: color || "#000" })));

package/dist/icons/OpenInternalIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function OpenInternalIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { d: "M6.28 4.524l8.78 8.78L17.692 1.89 6.28 4.524z", fill: color || "#000" }),
         React.createElement(react_native_svg_1.Path, { d: "M10.67 8.913l-8.78 8.78", stroke: color || "#000", strokeWidth: 2.057, strokeLinecap: "round" })));
 }

package/dist/icons/OverviewIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function OverviewIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { d: "M1 .875h6.75c.069 0 .125.056.125.125v6.75a.125.125 0 01-.125.125H1a.125.125 0 01-.125-.125V1C.875.931.931.875 1 .875zm0 11.25h6.75c.069 0 .125.056.125.125V19a.125.125 0 01-.125.125H1A.125.125 0 01.875 19v-6.75c0-.069.056-.125.125-.125zm11.25 0H19c.069 0 .125.056.125.125V19a.125.125 0 01-.125.125h-6.75a.125.125 0 01-.125-.125v-6.75c0-.069.056-.125.125-.125zm0-11.25H19c.069 0 .125.056.125.125v6.75a.125.125 0 01-.125.125h-6.75a.125.125 0 01-.125-.125V1c0-.069.056-.125.125-.125z", stroke: color || "#000", strokeWidth: 1.75 })));
 }
 exports.default = OverviewIcon;

package/dist/icons/PerformanceIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function PerformanceIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 22", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 22", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M8.62 9.948l-.002-.002 8.715-4.953-4.984 8.77-.002-.002A2.75 2.75 0 118.62 9.948z", fill: color || "#000" }),
         React.createElement(react_native_svg_1.Path, { d: "M10 3.16c1.76 0 3.404.496 4.8 1.356l-1.713.973A7.5 7.5 0 004.01 16.84H2.02A9.167 9.167 0 0110 3.16zm-.024 18.334h.048-.048zm8.004-4.654a9.125 9.125 0 001.187-4.513c0-1.76-.496-3.404-1.356-4.8l-.974 1.712c.426.942.663 1.987.663 3.088a7.467 7.467 0 01-1.51 4.513h1.99z", fill: color || "#000" })));
 }

package/dist/icons/PersonalTrainerIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SvgProps } from "react-native-svg";
+import { IconProps } from "../types";
+export default function PersonalTrainerIcon(props: SvgProps & IconProps): JSX.Element;

package/dist/icons/PersonalTrainerIcon.js

@@ -0,0 +1,29 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_native_svg_1 = __importStar(require("react-native-svg"));
+function PersonalTrainerIcon(props) {
+    const { size, color, width, height } = props;
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
+        React.createElement(react_native_svg_1.Path, { d: "M10 6.406a2.812 2.812 0 100-5.625 2.812 2.812 0 000 5.625zm7.666 4.032L14.23 7.624a1.25 1.25 0 00-.792-.281H6.562a1.25 1.25 0 00-.791.281l-3.438 2.813a1.25 1.25 0 00-.268 1.63l1.426 2.796a1.148 1.148 0 002.003-1.115l-.726-2.073 1.482-1.212v8.442a.313.313 0 00.312.313h6.875a.313.313 0 00.313-.313v-8.442l1.482 1.213-.727 2.073a1.148 1.148 0 002.004 1.116l1.426-2.798a1.25 1.25 0 00-.269-1.63zm-5.479.343a.313.313 0 01-.312.313H10a.313.313 0 01-.313-.313v-.937A.313.313 0 0110 9.53h1.875a.312.312 0 01.312.313v.937z", fill: color || "#000" })));
+}
+exports.default = PersonalTrainerIcon;

package/dist/icons/PinIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function PinIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { d: "M15.755 14.337l-1.453 2.517-5.034-2.907-2.906 5.034-1.323.354-.354-1.323L7.59 12.98l-5.034-2.906L4.01 7.556a1.937 1.937 0 012.647-.71l2.906-5.033a1.937 1.937 0 012.646-.709l5.034 2.906a1.937 1.937 0 01.709 2.647l-2.906 5.033a1.937 1.937 0 01.709 2.647z", fill: color || "#000" })));
 }
 exports.default = PinIcon;

package/dist/icons/PlanEnterpriseIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function PlanEnterpriseIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M10.932 1.83a1.08 1.08 0 00-1.864 0L.149 17.079a1.08 1.08 0 00.933 1.626h17.836a1.08 1.08 0 00.933-1.626L10.932 1.831zm5.632 14.444l-1.225-2.095H4.661l-1.225 2.095h13.128zm-3.458-5.912l1.19 2.035H5.704l1.19-2.035h6.213zm-1.042-1.783L10 5.051 7.936 8.579h4.128z", fill: color || "#000" })));
 }
 exports.default = PlanEnterpriseIcon;

package/dist/icons/PlanFreeIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function PlanFreeIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M16.564 16.274L10 5.05 3.436 16.274h13.128zM10.932 1.83a1.08 1.08 0 00-1.864 0L.149 17.078a1.08 1.08 0 00.933 1.626h17.836a1.08 1.08 0 00.933-1.626L10.932 1.831z", fill: color || "#000" })));
 }
 exports.default = PlanFreeIcon;

package/dist/icons/PlanProductionIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function PlanProductionIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 20", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 20", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M16.564 16.274L10 5.05 3.436 16.274h13.128zM10.932 1.83a1.08 1.08 0 00-1.864 0L.149 17.078a1.08 1.08 0 00.933 1.626h17.836a1.08 1.08 0 00.933-1.626L10.932 1.831z", fill: color || "#000" }),
         React.createElement(react_native_svg_1.Path, { d: "M10 8.633l3.445 5.889h-6.89L10 8.632z", fill: color || "#000" })));
 }

package/dist/icons/PlansIcon.js

@@ -23,7 +23,7 @@ const React = __importStar(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 function PlansIcon(props) {
     const { size, color, width, height } = props;
-    return (React.createElement(react_native_svg_1.default, Object.assign({ width: size || width || 20, height: size || height || 20, viewBox: "0 0 20 21", fill: "none" }, props),
+    return (React.createElement(react_native_svg_1.default, Object.assign({ viewBox: "0 0 20 21", fill: "none", width: size || width || 20, height: size || height || 20 }, props),
         React.createElement(react_native_svg_1.G, { clipPath: "url(#plans-icon_svg__plans-icon_svg__clip0)" },
             React.createElement(react_native_svg_1.Path, { d: "M10 5.22l1.545 3.13L15 8.855l-2.5 2.435.59 3.44L10 13.105 6.91 14.73l.59-3.44L5 8.855l3.455-.505L10 5.22z", stroke: color || "#000", strokeWidth: 1.75, strokeLinecap: "round", strokeLinejoin: "round" })),
         React.createElement(react_native_svg_1.Rect, { x: 0.875, y: 2.009, width: 18.25, height: 16.423, rx: 3.125, stroke: color || "#000", strokeWidth: 1.75 }),

package/dist/icons/PlusIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SvgProps } from "react-native-svg";
+import { IconProps } from "../types";
+export default function PlusIcon(props: SvgProps & IconProps): JSX.Element;