@onehat/ui 0.3.381 → 0.4.1

package/src/Components/Icons/Presentation.js

@@ -1,19 +1,10 @@
-import * as React from "react"
-import Svg, { Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { createIcon } from "../Gluestack/icon";
+import { Path, Svg } from 'react-native-svg';
 
-function SvgComponent(props) {
-  return (
-    <Icon
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 214.61 227.8"
-      {...props}
-    >
-      <Path
-        d="M208.06 7.17v123.11h6.55v7.15H113.06v26.39h15.53l27.93 50.64-10.07 5.54-25.22-45.7h-8.17v53.5h-11.5v-53.5h-8.17L68.17 220l-10.08-5.56L86 163.84h15.54v-26.39H0v-7.15h6.55V7.17H0V0h214.61v7.17zm-15.29 10.52H21.84v104.14h170.93z"
-      />
-    </Icon>
-  )
-}
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 214.61 227.8',
+	path: <Path d="M208.06 7.17v123.11h6.55v7.15H113.06v26.39h15.53l27.93 50.64-10.07 5.54-25.22-45.7h-8.17v53.5h-11.5v-53.5h-8.17L68.17 220l-10.08-5.56L86 163.84h15.54v-26.39H0v-7.15h6.55V7.17H0V0h214.61v7.17zm-15.29 10.52H21.84v104.14h170.93z" />,
+});
 
 export default SvgComponent

package/src/Components/Icons/Print.js

@@ -1,18 +1,11 @@
+import { createIcon } from "../Gluestack/icon";
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import * as React from "react"
-import Svg, { Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { Path, Svg } from 'react-native-svg';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-			xmlns="http://www.w3.org/2000/svg"
-			viewBox="0 0 512 512"
-			{...props}
-		>
-			<Path d="M128 0C92.7 0 64 28.7 64 64v96h64V64h226.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zm256 352v96H128v-96h256zm64 32h32c17.7 0 32-14.3 32-32v-96c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32h32v64c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64v-64zm-16-88c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24z" />
-		</Icon>
-	)
-}
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 512 512',
+	path: <Path d="M128 0C92.7 0 64 28.7 64 64v96h64V64h226.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zm256 352v96H128v-96h256zm64 32h32c17.7 0 32-14.3 32-32v-96c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32h32v64c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64v-64zm-16-88c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24z" />,
+});
 
 export default SvgComponent

package/src/Components/Icons/Question.js

@@ -1,14 +1,11 @@
+import { createIcon } from "../Gluestack/icon";
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import * as React from "react"
-import Svg, { Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { Path, Svg } from 'react-native-svg';
 
-function SvgComponent(props) {
-	return (
-		<Icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" {...props}>
-			<Path d="M64 160c0-35.3 28.7-64 64-64h32c35.3 0 64 28.7 64 64v3.6c0 21.8-11.1 42.1-29.4 53.8l-42.2 27.1a87.983 87.983 0 00-40.4 74v1.5c0 17.7 14.3 32 32 32s32-14.3 32-32v-1.4c0-8.2 4.2-15.8 11-20.2l42.2-27.1c36.6-23.6 58.8-64.1 58.8-107.7V160c0-70.7-57.3-128-128-128h-32C57.3 32 0 89.3 0 160c0 17.7 14.3 32 32 32s32-14.3 32-32zm80 320a40 40 0 100-80 40 40 0 100 80z" />
-		</Icon>
-	)
-}
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 320 512',
+	path: <Path d="M64 160c0-35.3 28.7-64 64-64h32c35.3 0 64 28.7 64 64v3.6c0 21.8-11.1 42.1-29.4 53.8l-42.2 27.1a87.983 87.983 0 00-40.4 74v1.5c0 17.7 14.3 32 32 32s32-14.3 32-32v-1.4c0-8.2 4.2-15.8 11-20.2l42.2-27.1c36.6-23.6 58.8-64.1 58.8-107.7V160c0-70.7-57.3-128-128-128h-32C57.3 32 0 89.3 0 160c0 17.7 14.3 32 32 32s32-14.3 32-32zm80 320a40 40 0 100-80 40 40 0 100 80z" />,
+});
 
 export default SvgComponent

package/src/Components/Icons/Rate-.25x.js

@@ -1,20 +1,15 @@
-import * as React from "react"
-import Svg, { G, Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { createIcon } from "../Gluestack/icon";
+import { G, Path, Svg } from 'react-native-svg';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 142.79 142.79"
-		{...props}
-		>
-			<Path d="M0 0H142.79V142.79H0z" fill="none" />
-			<Path d="M17.11 90.6a4.67 4.67 0 114.67 4.88 4.72 4.72 0 01-4.67-4.88zM28.77 90.72c15-15 23.52-24 23.52-32.1 0-5.71-3.1-9.76-9.48-9.76-4.18 0-7.78 2.65-10.63 6l-3.74-3.64c4.18-4.59 8.68-7.6 15.16-7.6 9.24 0 15 5.83 15 14.72 0 9.38-8.61 18.7-20.4 31.1 2.71-.23 5.8-.44 8.41-.44h14.44v5.54H28.77z" />
-			<Path d="M60.64 88.62l3.18-4.2c3 3 6.73 5.69 12.61 5.69 6.09 0 10.93-4.42 10.93-11.38s-4.2-11-10.6-11c-3.46 0-5.6 1.06-8.58 3l-3.42-2.17 1.65-24.07h25v5.54H72.06l-1.32 14.9a15 15 0 017.68-2.07c8.52 0 15.49 4.86 15.49 15.66s-8.16 17-16.83 17a21.92 21.92 0 01-16.44-6.9z" />
-			<Path d="M105.33 74.66L93.81 56.44h7l5.1 8.36c1.17 2.09 2.46 4.25 3.73 6.34h.31c1.15-2.09 2.29-4.25 3.44-6.34l4.61-8.36h6.71l-11.48 18.89 12.45 19.21h-7l-5.61-8.86c-1.33-2.29-2.72-4.64-4.14-6.84h-.32c-1.31 2.2-2.54 4.52-3.85 6.84l-5.16 8.86h-6.72z" />
-		</Icon>
-	)
-}
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 142.79 142.79',
+	path: <G>
+				<Path d="M0 0H142.79V142.79H0z" fill="none" />
+				<Path d="M17.11 90.6a4.67 4.67 0 114.67 4.88 4.72 4.72 0 01-4.67-4.88zM28.77 90.72c15-15 23.52-24 23.52-32.1 0-5.71-3.1-9.76-9.48-9.76-4.18 0-7.78 2.65-10.63 6l-3.74-3.64c4.18-4.59 8.68-7.6 15.16-7.6 9.24 0 15 5.83 15 14.72 0 9.38-8.61 18.7-20.4 31.1 2.71-.23 5.8-.44 8.41-.44h14.44v5.54H28.77z" />
+				<Path d="M60.64 88.62l3.18-4.2c3 3 6.73 5.69 12.61 5.69 6.09 0 10.93-4.42 10.93-11.38s-4.2-11-10.6-11c-3.46 0-5.6 1.06-8.58 3l-3.42-2.17 1.65-24.07h25v5.54H72.06l-1.32 14.9a15 15 0 017.68-2.07c8.52 0 15.49 4.86 15.49 15.66s-8.16 17-16.83 17a21.92 21.92 0 01-16.44-6.9z" />
+				<Path d="M105.33 74.66L93.81 56.44h7l5.1 8.36c1.17 2.09 2.46 4.25 3.73 6.34h.31c1.15-2.09 2.29-4.25 3.44-6.34l4.61-8.36h6.71l-11.48 18.89 12.45 19.21h-7l-5.61-8.86c-1.33-2.29-2.72-4.64-4.14-6.84h-.32c-1.31 2.2-2.54 4.52-3.85 6.84l-5.16 8.86h-6.72z" />
+			</G>,
+});
 
 export default SvgComponent

package/src/Components/Icons/Rate-.5x.js

@@ -1,19 +1,14 @@
-import * as React from "react"
-import Svg, { G, Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { createIcon } from "../Gluestack/icon";
+import { G, Path, Svg } from 'react-native-svg';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 142.79 142.79"
-		{...props}
-		>
-			<Path d="M0 0H142.79V142.79H0z" fill="none" />
-			<Path d="M33.65 90.6a4.67 4.67 0 114.67 4.88 4.71 4.71 0 01-4.67-4.88zM44.11 88.62l3.18-4.2c3 3 6.72 5.69 12.61 5.69 6.08 0 10.93-4.42 10.93-11.38s-4.21-11-10.6-11c-3.46 0-5.61 1.06-8.58 3l-3.43-2.17 1.65-24.07h25v5.54H55.53l-1.32 14.9a15 15 0 017.67-2.07c8.52 0 15.49 4.86 15.49 15.66s-8.15 17-16.82 17a21.92 21.92 0 01-16.44-6.9z" />
-			<Path d="M88.8 74.66L77.27 56.44h7l5.09 8.36c1.17 2.09 2.47 4.25 3.73 6.34h.32c1.15-2.09 2.29-4.25 3.44-6.34l4.65-8.36h6.72L96.7 75.33l12.45 19.21h-7l-5.61-8.86c-1.32-2.29-2.71-4.64-4.14-6.84h-.31c-1.31 2.2-2.55 4.52-3.86 6.84l-5.16 8.86h-6.72z" />
-		</Icon>
-	)
-}
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 142.79 142.79',
+	path: <G>
+				<Path d="M0 0H142.79V142.79H0z" fill="none" />
+				<Path d="M33.65 90.6a4.67 4.67 0 114.67 4.88 4.71 4.71 0 01-4.67-4.88zM44.11 88.62l3.18-4.2c3 3 6.72 5.69 12.61 5.69 6.08 0 10.93-4.42 10.93-11.38s-4.21-11-10.6-11c-3.46 0-5.61 1.06-8.58 3l-3.43-2.17 1.65-24.07h25v5.54H55.53l-1.32 14.9a15 15 0 017.67-2.07c8.52 0 15.49 4.86 15.49 15.66s-8.15 17-16.82 17a21.92 21.92 0 01-16.44-6.9z" />
+				<Path d="M88.8 74.66L77.27 56.44h7l5.09 8.36c1.17 2.09 2.47 4.25 3.73 6.34h.32c1.15-2.09 2.29-4.25 3.44-6.34l4.65-8.36h6.72L96.7 75.33l12.45 19.21h-7l-5.61-8.86c-1.32-2.29-2.71-4.64-4.14-6.84h-.31c-1.31 2.2-2.55 4.52-3.86 6.84l-5.16 8.86h-6.72z" />
+			</G>,
+});
 
 export default SvgComponent

package/src/Components/Icons/Rate-.75x.js

@@ -1,19 +1,14 @@
-import * as React from "react"
-import Svg, { G, Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { createIcon } from "../Gluestack/icon";
+import { G, Path, Svg } from 'react-native-svg';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 142.79 142.79"
-		{...props}
-		>
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 142.79 142.79',
+	path: <G>
 			<Path d="M0 0H142.79V142.79H0z" fill="none" />
 			<Path d="M17.12 90.6a4.67 4.67 0 114.66 4.88 4.71 4.71 0 01-4.66-4.88zM54 50.1H29.1v-5.54h32.21v3.95C49.47 63.64 47 75 46.19 94.54h-6.65c.85-18.85 4.6-30.73 14.46-44.44zM60.64 88.62l3.19-4.2c3 3 6.72 5.69 12.6 5.69 6.09 0 10.93-4.41 10.93-11.38s-4.21-11-10.6-11c-3.46 0-5.6 1.07-8.58 3l-3.42-2.18 1.65-24.06h25v5.61H72.06l-1.32 14.83a15 15 0 017.68-2.07c8.52 0 15.49 4.86 15.49 15.66s-8.16 17-16.83 17a21.92 21.92 0 01-16.44-6.9z" />
 			<Path d="M105.33 74.66L93.81 56.45h7l5.1 8.35c1.17 2.1 2.46 4.25 3.73 6.35h.31c1.15-2.1 2.29-4.25 3.44-6.35l4.61-8.35h6.71l-11.48 18.88 12.45 19.21h-7l-5.61-8.86c-1.33-2.29-2.72-4.64-4.14-6.83h-.32c-1.31 2.19-2.54 4.51-3.85 6.83l-5.16 8.86h-6.71z" />
-		</Icon>
-	)
-}
+		</G>,
+});
 
 export default SvgComponent

package/src/Components/Icons/Rate-1.25x.js

@@ -1,20 +1,15 @@
-import * as React from "react"
-import Svg, { G, Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { createIcon } from "../Gluestack/icon";
+import { G, Path, Svg } from 'react-native-svg';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 142.79 142.79"
-		{...props}
-		>
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 142.79 142.79',
+	path: <G>
 			<Path d="M0 0H142.79V142.79H0z" fill="none" />
 			<Path d="M1.11 89.17h11.45v-36.8h-9.1v-4.15a30.25 30.25 0 0010.63-3.67H19v44.62h10.33v5.37H1.11zM33.12 90.6a4.67 4.67 0 114.66 4.88 4.71 4.71 0 01-4.66-4.88zM44.77 90.72c15-15 23.52-24 23.52-32.1 0-5.71-3.1-9.76-9.48-9.76-4.18 0-7.78 2.65-10.63 6l-3.74-3.64c4.18-4.59 8.69-7.6 15.16-7.6 9.24 0 15 5.83 15 14.72 0 9.38-8.62 18.7-20.41 31.1 2.72-.23 5.81-.44 8.42-.44h14.45v5.54H44.77z" />
 			<Path d="M76.64 88.62l3.19-4.2c3 3 6.72 5.69 12.6 5.69 6.09 0 10.94-4.42 10.94-11.38s-4.21-11-10.61-11c-3.45 0-5.6 1.06-8.58 3l-3.42-2.17 1.65-24.07h25v5.54H88.07l-1.33 14.9a15.06 15.06 0 017.68-2.07c8.52 0 15.49 4.86 15.49 15.66s-8.15 17-16.83 17a21.92 21.92 0 01-16.44-6.9z" />
 			<Path d="M121.34 74.66l-11.53-18.22h7l5.1 8.36c1.17 2.09 2.46 4.25 3.73 6.34h.31c1.15-2.09 2.29-4.25 3.44-6.34l4.61-8.36h6.72l-11.49 18.89 12.45 19.21h-7l-5.61-8.86c-1.33-2.29-2.72-4.64-4.14-6.84h-.32c-1.3 2.2-2.54 4.52-3.85 6.84l-5.17 8.86h-6.71z" />
-		</Icon>
-	)
-}
+		</G>,
+});
 
 export default SvgComponent

package/src/Components/Icons/Rate-1.5x.js

@@ -1,19 +1,14 @@
-import * as React from "react"
-import Svg, { G, Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { createIcon } from "../Gluestack/icon";
+import { G, Path, Svg } from 'react-native-svg';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 142.79 142.79"
-		{...props}
-		>
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 142.79 142.79',
+	path: <G>
 			<Path d="M0 0H142.79V142.79H0z" fill="none" />
 			<Path d="M17.65 89.17H29.1v-36.8H20v-4.15a30.25 30.25 0 0010.63-3.67h4.92v44.62h10.31v5.37H17.65zM49.65 90.6a4.67 4.67 0 114.67 4.88 4.71 4.71 0 01-4.67-4.88zM60.11 88.62l3.18-4.2c3 3 6.72 5.69 12.61 5.69 6.09 0 10.93-4.42 10.93-11.38s-4.21-11-10.6-11c-3.46 0-5.6 1.06-8.58 3l-3.42-2.17 1.65-24.07h25v5.54H71.53l-1.32 14.9a15 15 0 017.67-2.07c8.53 0 15.5 4.86 15.5 15.66s-8.16 17-16.83 17a21.92 21.92 0 01-16.44-6.9z" />
 			<Path d="M104.8 74.66L93.28 56.44h7l5.1 8.36c1.16 2.09 2.46 4.25 3.73 6.34h.31c1.15-2.09 2.29-4.25 3.44-6.34l4.65-8.36h6.72L112.7 75.33l12.45 19.21h-7l-5.61-8.86c-1.33-2.29-2.72-4.64-4.15-6.84h-.31c-1.31 2.2-2.55 4.52-3.85 6.84l-5.17 8.86h-6.71z" />
-		</Icon>
-	)
-}
+		</G>,
+});
 
 export default SvgComponent

package/src/Components/Icons/Rate-1.75x.js

@@ -1,19 +1,14 @@
-import * as React from "react"
-import Svg, { G, Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { createIcon } from "../Gluestack/icon";
+import { G, Path, Svg } from 'react-native-svg';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 142.79 142.79"
-		{...props}
-		>
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 142.79 142.79',
+	path: <G>
 			<Path d="M0 0H142.79V142.79H0z" fill="none" />
 			<Path d="M1.11 89.17h11.45v-36.8h-9.1v-4.14a30.25 30.25 0 0010.63-3.67H19v44.61h10.33v5.37H1.11zM33.12 90.6a4.67 4.67 0 114.66 4.88 4.71 4.71 0 01-4.66-4.88zM70 50.1H45.1v-5.54h32.21v3.95C65.47 63.64 63 75 62.19 94.54h-6.64C56.39 75.69 60.14 63.81 70 50.1zM76.65 88.62l3.18-4.2c3 3 6.72 5.69 12.6 5.69 6.09 0 10.93-4.41 10.93-11.38s-4.2-11-10.6-11c-3.45 0-5.6 1.07-8.58 3l-3.42-2.18 1.65-24.06h25v5.61H88.07l-1.32 14.83a15 15 0 017.67-2.07c8.52 0 15.49 4.86 15.49 15.66s-8.15 17-16.83 17a21.9 21.9 0 01-16.43-6.9z" />
 			<Path d="M121.34 74.66l-11.53-18.21h7l5.1 8.35c1.17 2.1 2.46 4.25 3.73 6.35h.31c1.15-2.1 2.29-4.25 3.44-6.35l4.61-8.35h6.72l-11.49 18.88 12.45 19.21h-7l-5.61-8.86c-1.32-2.29-2.72-4.64-4.14-6.83h-.32c-1.3 2.19-2.54 4.51-3.85 6.83l-5.16 8.86h-6.72z" />
-		</Icon>
-	)
-}
+		</G>,
+});
 
 export default SvgComponent

package/src/Components/Icons/Rate-1x.js

@@ -1,19 +1,14 @@
-import * as React from "react"
-import Svg, { G, Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { createIcon } from "../Gluestack/icon";
+import { G, Path, Svg } from 'react-native-svg';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 142.79 142.79"
-		{...props}
-		>
-			<Path d="M0 0H142.79V142.79H0z" fill="none" />
-			<Path d="M41 89.17h11.45v-36.8h-9.11v-4.15A30.25 30.25 0 0054 44.55h4.9v44.62h10.32v5.37H41z" />
-			<Path d="M81.45 74.66L69.93 56.44h7L82 64.8c1.17 2.09 2.47 4.25 3.73 6.34h.32c1.15-2.09 2.29-4.25 3.44-6.34l4.65-8.36h6.72L89.35 75.33l12.45 19.21h-7l-5.62-8.86c-1.32-2.29-2.71-4.64-4.14-6.84h-.31c-1.31 2.2-2.55 4.52-3.85 6.84l-5.17 8.86H69z" />
-		</Icon>
-	)
-}
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 142.79 142.79',
+	path: <G>
+				<Path d="M0 0H142.79V142.79H0z" fill="none" />
+				<Path d="M41 89.17h11.45v-36.8h-9.11v-4.15A30.25 30.25 0 0054 44.55h4.9v44.62h10.32v5.37H41z" />
+				<Path d="M81.45 74.66L69.93 56.44h7L82 64.8c1.17 2.09 2.47 4.25 3.73 6.34h.32c1.15-2.09 2.29-4.25 3.44-6.34l4.65-8.36h6.72L89.35 75.33l12.45 19.21h-7l-5.62-8.86c-1.32-2.29-2.71-4.64-4.14-6.84h-.31c-1.31 2.2-2.55 4.52-3.85 6.84l-5.17 8.86H69z" />
+			</G>,
+});
 
 export default SvgComponent

package/src/Components/Icons/Rate-2x.js

@@ -1,19 +1,14 @@
-import * as React from "react"
-import Svg, { G, Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { createIcon } from "../Gluestack/icon";
+import { G, Path, Svg } from 'react-native-svg';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 142.79 142.79"
-		{...props}
-		>
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 142.79 142.79',
+	path: <G>
 			<Path d="M0 0H142.79V142.79H0z" fill="none" />
 			<Path d="M39.64 90.72c15-15 23.52-24 23.52-32.1 0-5.71-3.1-9.76-9.48-9.76-4.18 0-7.78 2.65-10.63 6l-3.74-3.64c4.18-4.59 8.69-7.6 15.16-7.6 9.24 0 15 5.83 15 14.72 0 9.38-8.62 18.7-20.41 31.1 2.71-.22 5.82-.43 8.41-.43h14.46v5.54H39.64z" />
 			<Path d="M83.14 74.66L71.61 56.44h7l5.1 8.36c1.17 2.09 2.47 4.25 3.73 6.34h.31c1.16-2.09 2.29-4.25 3.45-6.34l4.65-8.36h6.72L91 75.33l12.45 19.21h-7l-5.61-8.86c-1.32-2.29-2.72-4.64-4.14-6.84h-.31c-1.31 2.2-2.55 4.52-3.86 6.84l-5.16 8.86h-6.68z" />
-		</Icon>
-	)
-}
+		</G>,
+});
 
 export default SvgComponent

package/src/Components/Icons/RateIcon-.25x.js

@@ -1,20 +1,15 @@
-import * as React from "react"
-import Svg, { G, Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { createIcon } from "../Gluestack/icon";
+import { G, Path, Svg } from 'react-native-svg';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 142.79 142.79"
-		{...props}
-		>
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 142.79 142.79',
+	path: <G>
 			<Path d="M0 0H142.79V142.79H0z" fill="none" />
 			<Path d="M17.11 90.6a4.67 4.67 0 114.67 4.88 4.72 4.72 0 01-4.67-4.88zM28.77 90.72c15-15 23.52-24 23.52-32.1 0-5.71-3.1-9.76-9.48-9.76-4.18 0-7.78 2.65-10.63 6l-3.74-3.64c4.18-4.59 8.68-7.6 15.16-7.6 9.24 0 15 5.83 15 14.72 0 9.38-8.61 18.7-20.4 31.1 2.71-.23 5.8-.44 8.41-.44h14.44v5.54H28.77z" />
 			<Path d="M60.64 88.62l3.18-4.2c3 3 6.73 5.69 12.61 5.69 6.09 0 10.93-4.42 10.93-11.38s-4.2-11-10.6-11c-3.46 0-5.6 1.06-8.58 3l-3.42-2.17 1.65-24.07h25v5.54H72.06l-1.32 14.9a15 15 0 017.68-2.07c8.52 0 15.49 4.86 15.49 15.66s-8.16 17-16.83 17a21.92 21.92 0 01-16.44-6.9z" />
 			<Path d="M105.33 74.66L93.81 56.44h7l5.1 8.36c1.17 2.09 2.46 4.25 3.73 6.34h.31c1.15-2.09 2.29-4.25 3.44-6.34l4.61-8.36h6.71l-11.48 18.89 12.45 19.21h-7l-5.61-8.86c-1.33-2.29-2.72-4.64-4.14-6.84h-.32c-1.31 2.2-2.54 4.52-3.85 6.84l-5.16 8.86h-6.72z" />
-		</Icon>
-	)
-}
+		</G>,
+});
 
 export default SvgComponent

package/src/Components/Icons/RateIcon-.5x.js

@@ -1,19 +1,14 @@
-import * as React from "react"
-import Svg, { G, Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { createIcon } from "../Gluestack/icon";
+import { G, Path, Svg } from 'react-native-svg';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 142.79 142.79"
-		{...props}
-		>
-			<Path d="M0 0H142.79V142.79H0z" fill="none" />
-			<Path d="M33.65 90.6a4.67 4.67 0 114.67 4.88 4.71 4.71 0 01-4.67-4.88zM44.11 88.62l3.18-4.2c3 3 6.72 5.69 12.61 5.69 6.08 0 10.93-4.42 10.93-11.38s-4.21-11-10.6-11c-3.46 0-5.61 1.06-8.58 3l-3.43-2.17 1.65-24.07h25v5.54H55.53l-1.32 14.9a15 15 0 017.67-2.07c8.52 0 15.49 4.86 15.49 15.66s-8.15 17-16.82 17a21.92 21.92 0 01-16.44-6.9z" />
-			<Path d="M88.8 74.66L77.27 56.44h7l5.09 8.36c1.17 2.09 2.47 4.25 3.73 6.34h.32c1.15-2.09 2.29-4.25 3.44-6.34l4.65-8.36h6.72L96.7 75.33l12.45 19.21h-7l-5.61-8.86c-1.32-2.29-2.71-4.64-4.14-6.84h-.31c-1.31 2.2-2.55 4.52-3.86 6.84l-5.16 8.86h-6.72z" />
-		</Icon>
-	)
-}
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 142.79 142.79',
+	path: <G>
+				<Path d="M0 0H142.79V142.79H0z" fill="none" />
+				<Path d="M33.65 90.6a4.67 4.67 0 114.67 4.88 4.71 4.71 0 01-4.67-4.88zM44.11 88.62l3.18-4.2c3 3 6.72 5.69 12.61 5.69 6.08 0 10.93-4.42 10.93-11.38s-4.21-11-10.6-11c-3.46 0-5.61 1.06-8.58 3l-3.43-2.17 1.65-24.07h25v5.54H55.53l-1.32 14.9a15 15 0 017.67-2.07c8.52 0 15.49 4.86 15.49 15.66s-8.15 17-16.82 17a21.92 21.92 0 01-16.44-6.9z" />
+				<Path d="M88.8 74.66L77.27 56.44h7l5.09 8.36c1.17 2.09 2.47 4.25 3.73 6.34h.32c1.15-2.09 2.29-4.25 3.44-6.34l4.65-8.36h6.72L96.7 75.33l12.45 19.21h-7l-5.61-8.86c-1.32-2.29-2.71-4.64-4.14-6.84h-.31c-1.31 2.2-2.55 4.52-3.86 6.84l-5.16 8.86h-6.72z" />
+			</G>,
+});
 
 export default SvgComponent

package/src/Components/Icons/RateIcon-.75x.js

@@ -1,19 +1,14 @@
-import * as React from "react"
-import Svg, { G, Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { createIcon } from "../Gluestack/icon";
+import { G, Path, Svg } from 'react-native-svg';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 142.79 142.79"
-		{...props}
-		>
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 142.79 142.79',
+	path: <G>
 			<Path d="M0 0H142.79V142.79H0z" fill="none" />
 			<Path d="M17.12 90.6a4.67 4.67 0 114.66 4.88 4.71 4.71 0 01-4.66-4.88zM54 50.1H29.1v-5.54h32.21v3.95C49.47 63.64 47 75 46.19 94.54h-6.65c.85-18.85 4.6-30.73 14.46-44.44zM60.64 88.62l3.19-4.2c3 3 6.72 5.69 12.6 5.69 6.09 0 10.93-4.41 10.93-11.38s-4.21-11-10.6-11c-3.46 0-5.6 1.07-8.58 3l-3.42-2.18 1.65-24.06h25v5.61H72.06l-1.32 14.83a15 15 0 017.68-2.07c8.52 0 15.49 4.86 15.49 15.66s-8.16 17-16.83 17a21.92 21.92 0 01-16.44-6.9z" />
 			<Path d="M105.33 74.66L93.81 56.45h7l5.1 8.35c1.17 2.1 2.46 4.25 3.73 6.35h.31c1.15-2.1 2.29-4.25 3.44-6.35l4.61-8.35h6.71l-11.48 18.88 12.45 19.21h-7l-5.61-8.86c-1.33-2.29-2.72-4.64-4.14-6.83h-.32c-1.31 2.19-2.54 4.51-3.85 6.83l-5.16 8.86h-6.71z" />
-		</Icon>
-	)
-}
+		</G>,
+});
 
 export default SvgComponent

package/src/Components/Icons/RateIcon-1.25x.js

@@ -1,20 +1,15 @@
-import * as React from "react"
-import Svg, { G, Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { createIcon } from "../Gluestack/icon";
+import { G, Path, Svg } from 'react-native-svg';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 142.79 142.79"
-		{...props}
-		>
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 142.79 142.79',
+	path: <G>
 			<Path d="M0 0H142.79V142.79H0z" fill="none" />
 			<Path d="M1.11 89.17h11.45v-36.8h-9.1v-4.15a30.25 30.25 0 0010.63-3.67H19v44.62h10.33v5.37H1.11zM33.12 90.6a4.67 4.67 0 114.66 4.88 4.71 4.71 0 01-4.66-4.88zM44.77 90.72c15-15 23.52-24 23.52-32.1 0-5.71-3.1-9.76-9.48-9.76-4.18 0-7.78 2.65-10.63 6l-3.74-3.64c4.18-4.59 8.69-7.6 15.16-7.6 9.24 0 15 5.83 15 14.72 0 9.38-8.62 18.7-20.41 31.1 2.72-.23 5.81-.44 8.42-.44h14.45v5.54H44.77z" />
 			<Path d="M76.64 88.62l3.19-4.2c3 3 6.72 5.69 12.6 5.69 6.09 0 10.94-4.42 10.94-11.38s-4.21-11-10.61-11c-3.45 0-5.6 1.06-8.58 3l-3.42-2.17 1.65-24.07h25v5.54H88.07l-1.33 14.9a15.06 15.06 0 017.68-2.07c8.52 0 15.49 4.86 15.49 15.66s-8.15 17-16.83 17a21.92 21.92 0 01-16.44-6.9z" />
 			<Path d="M121.34 74.66l-11.53-18.22h7l5.1 8.36c1.17 2.09 2.46 4.25 3.73 6.34h.31c1.15-2.09 2.29-4.25 3.44-6.34l4.61-8.36h6.72l-11.49 18.89 12.45 19.21h-7l-5.61-8.86c-1.33-2.29-2.72-4.64-4.14-6.84h-.32c-1.3 2.2-2.54 4.52-3.85 6.84l-5.17 8.86h-6.71z" />
-		</Icon>
-	)
-}
+		</G>,
+});
 
 export default SvgComponent

package/src/Components/Icons/RateIcon-1.5x.js

@@ -1,19 +1,14 @@
-import * as React from "react"
-import Svg, { G, Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { createIcon } from "../Gluestack/icon";
+import { G, Path, Svg } from 'react-native-svg';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 142.79 142.79"
-		{...props}
-		>
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 142.79 142.79',
+	path: <G>
 			<Path d="M0 0H142.79V142.79H0z" fill="none" />
 			<Path d="M17.65 89.17H29.1v-36.8H20v-4.15a30.25 30.25 0 0010.63-3.67h4.92v44.62h10.31v5.37H17.65zM49.65 90.6a4.67 4.67 0 114.67 4.88 4.71 4.71 0 01-4.67-4.88zM60.11 88.62l3.18-4.2c3 3 6.72 5.69 12.61 5.69 6.09 0 10.93-4.42 10.93-11.38s-4.21-11-10.6-11c-3.46 0-5.6 1.06-8.58 3l-3.42-2.17 1.65-24.07h25v5.54H71.53l-1.32 14.9a15 15 0 017.67-2.07c8.53 0 15.5 4.86 15.5 15.66s-8.16 17-16.83 17a21.92 21.92 0 01-16.44-6.9z" />
 			<Path d="M104.8 74.66L93.28 56.44h7l5.1 8.36c1.16 2.09 2.46 4.25 3.73 6.34h.31c1.15-2.09 2.29-4.25 3.44-6.34l4.65-8.36h6.72L112.7 75.33l12.45 19.21h-7l-5.61-8.86c-1.33-2.29-2.72-4.64-4.15-6.84h-.31c-1.31 2.2-2.55 4.52-3.85 6.84l-5.17 8.86h-6.71z" />
-		</Icon>
-	)
-}
+		</G>,
+});
 
 export default SvgComponent

package/src/Components/Icons/RateIcon-1.75x.js

@@ -1,19 +1,14 @@
-import * as React from "react"
-import Svg, { G, Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { createIcon } from "../Gluestack/icon";
+import { G, Path, Svg } from 'react-native-svg';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 142.79 142.79"
-		{...props}
-		>
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 142.79 142.79',
+	path: <G>
 			<Path d="M0 0H142.79V142.79H0z" fill="none" />
 			<Path d="M1.11 89.17h11.45v-36.8h-9.1v-4.14a30.25 30.25 0 0010.63-3.67H19v44.61h10.33v5.37H1.11zM33.12 90.6a4.67 4.67 0 114.66 4.88 4.71 4.71 0 01-4.66-4.88zM70 50.1H45.1v-5.54h32.21v3.95C65.47 63.64 63 75 62.19 94.54h-6.64C56.39 75.69 60.14 63.81 70 50.1zM76.65 88.62l3.18-4.2c3 3 6.72 5.69 12.6 5.69 6.09 0 10.93-4.41 10.93-11.38s-4.2-11-10.6-11c-3.45 0-5.6 1.07-8.58 3l-3.42-2.18 1.65-24.06h25v5.61H88.07l-1.32 14.83a15 15 0 017.67-2.07c8.52 0 15.49 4.86 15.49 15.66s-8.15 17-16.83 17a21.9 21.9 0 01-16.43-6.9z" />
 			<Path d="M121.34 74.66l-11.53-18.21h7l5.1 8.35c1.17 2.1 2.46 4.25 3.73 6.35h.31c1.15-2.1 2.29-4.25 3.44-6.35l4.61-8.35h6.72l-11.49 18.88 12.45 19.21h-7l-5.61-8.86c-1.32-2.29-2.72-4.64-4.14-6.83h-.32c-1.3 2.19-2.54 4.51-3.85 6.83l-5.16 8.86h-6.72z" />
-		</Icon>
-	)
-}
+		</G>,
+});
 
 export default SvgComponent

package/src/Components/Icons/RateIcon-1x.js

@@ -1,19 +1,14 @@
-import * as React from "react"
-import Svg, { G, Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { createIcon } from "../Gluestack/icon";
+import { G, Path, Svg } from 'react-native-svg';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 142.79 142.79"
-		{...props}
-		>
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 142.79 142.79',
+	path: <G>
 			<Path d="M0 0H142.79V142.79H0z" fill="none" />
 			<Path d="M41 89.17h11.45v-36.8h-9.11v-4.15A30.25 30.25 0 0054 44.55h4.9v44.62h10.32v5.37H41z" />
 			<Path d="M81.45 74.66L69.93 56.44h7L82 64.8c1.17 2.09 2.47 4.25 3.73 6.34h.32c1.15-2.09 2.29-4.25 3.44-6.34l4.65-8.36h6.72L89.35 75.33l12.45 19.21h-7l-5.62-8.86c-1.32-2.29-2.71-4.64-4.14-6.84h-.31c-1.31 2.2-2.55 4.52-3.85 6.84l-5.17 8.86H69z" />
-		</Icon>
-	)
-}
+		</G>,
+});
 
 export default SvgComponent

package/src/Components/Icons/RateIcon-2x.js

@@ -1,19 +1,14 @@
-import * as React from "react"
-import Svg, { G, Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { createIcon } from "../Gluestack/icon";
+import { G, Path, Svg } from 'react-native-svg';
 
-function SvgComponent(props) {
-	return (
-		<Icon
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 142.79 142.79"
-		{...props}
-		>
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 142.79 142.79',
+	path: <G>
 			<Path d="M0 0H142.79V142.79H0z" fill="none" />
 			<Path d="M39.64 90.72c15-15 23.52-24 23.52-32.1 0-5.71-3.1-9.76-9.48-9.76-4.18 0-7.78 2.65-10.63 6l-3.74-3.64c4.18-4.59 8.69-7.6 15.16-7.6 9.24 0 15 5.83 15 14.72 0 9.38-8.62 18.7-20.41 31.1 2.71-.22 5.82-.43 8.41-.43h14.46v5.54H39.64z" />
 			<Path d="M83.14 74.66L71.61 56.44h7l5.1 8.36c1.17 2.09 2.47 4.25 3.73 6.34h.31c1.16-2.09 2.29-4.25 3.45-6.34l4.65-8.36h6.72L91 75.33l12.45 19.21h-7l-5.61-8.86c-1.32-2.29-2.72-4.64-4.14-6.84h-.31c-1.31 2.2-2.55 4.52-3.86 6.84l-5.16 8.86h-6.68z" />
-		</Icon>
-	)
-}
+		</G>,
+});
 
 export default SvgComponent

package/src/Components/Icons/RectangleXmark.js

@@ -1,14 +1,11 @@
+import { createIcon } from "../Gluestack/icon";
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import * as React from "react"
-import Svg, { Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { Path, Svg } from 'react-native-svg';
 
-function SvgComponent(props) {
-	return (
-		<Icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>
-		<Path d="M64 32C28.7 32 0 60.7 0 96v320c0 35.3 28.7 64 64 64h384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm111 143c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />
-		</Icon>
-	)
-}
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 512 512',
+	path: <Path d="M64 32C28.7 32 0 60.7 0 96v320c0 35.3 28.7 64 64 64h384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm111 143c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" />,
+});
 
 export default SvgComponent

package/src/Components/Icons/RectangleXmarkRegular.js

@@ -1,14 +1,11 @@
+import { createIcon } from "../Gluestack/icon";
 // Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
-import * as React from "react"
-import Svg, { Path } from "react-native-svg"
-import { Icon } from 'native-base';
+import { Path, Svg } from 'react-native-svg';
 
-function SvgComponent(props) {
-	return (
-		<Icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>
-		<Path d="M175 175c9.4-9.3 24.6-9.3 33.1 0l47 47.1L303 175c9.4-9.3 24.6-9.3 33.1 0 10.2 9.4 10.2 24.6 0 33.1l-46.2 47 46.2 47.9c10.2 9.4 10.2 24.6 0 33.1-8.5 10.2-23.7 10.2-33.1 0l-47.9-46.2-47 46.2c-8.5 10.2-23.7 10.2-33.1 0-9.3-8.5-9.3-23.7 0-33.1l47.1-47.9-47.1-47c-9.3-8.5-9.3-23.7 0-33.1zM0 96c0-35.35 28.65-64 64-64h384c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V96zm48 0v320c0 8.8 7.16 16 16 16h384c8.8 0 16-7.2 16-16V96c0-8.84-7.2-16-16-16H64c-8.84 0-16 7.16-16 16z" />
-		</Icon>
-	)
-}
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 512 512',
+	path: <Path d="M175 175c9.4-9.3 24.6-9.3 33.1 0l47 47.1L303 175c9.4-9.3 24.6-9.3 33.1 0 10.2 9.4 10.2 24.6 0 33.1l-46.2 47 46.2 47.9c10.2 9.4 10.2 24.6 0 33.1-8.5 10.2-23.7 10.2-33.1 0l-47.9-46.2-47 46.2c-8.5 10.2-23.7 10.2-33.1 0-9.3-8.5-9.3-23.7 0-33.1l47.1-47.9-47.1-47c-9.3-8.5-9.3-23.7 0-33.1zM0 96c0-35.35 28.65-64 64-64h384c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V96zm48 0v320c0 8.8 7.16 16 16 16h384c8.8 0 16-7.2 16-16V96c0-8.84-7.2-16-16-16H64c-8.84 0-16 7.16-16 16z" />,
+});
 
 export default SvgComponent