@onehat/ui 0.4.102 → 0.4.104

package/src/Components/Icons/ArrowsLeftRight.js

@@ -0,0 +1,10 @@
+import { createIcon } from "../Gluestack/icon";
+import Svg, { Path } from 'react-native-svg';
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 512 512',
+	path: <Path d="M406.6 374.6l96-96c12.5-12.5 12.5-32.8 0-45.3l-96-96c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l41.4 41.4H109.2l41.4-41.4c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-96 96c-12.5 12.5-12.5 32.8 0 45.3l96 96c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 288h293.5l-41.4 41.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z" />,
+});
+
+export default SvgComponent

package/src/Components/Icons/Bar.js

@@ -0,0 +1,10 @@
+import { createIcon } from "../Gluestack/icon";
+import Svg, { Path } from 'react-native-svg';
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 228.6 32.7',
+	path: <Path d="M212.2 32.7c9 0 16.3-7.3 16.3-16.3S221.2.1 212.2.1H16.3C7.3 0 0 7.3 0 16.3s7.3 16.3 16.3 16.3h195.9z" />,
+});
+
+export default SvgComponent

package/src/Components/Icons/Box.js

@@ -0,0 +1,11 @@
+// Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
+import { createIcon } from "../Gluestack/icon";
+import Svg, { Path } from 'react-native-svg';
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 448 512',
+	path: <Path d="M50.7 58.5L0 160h208V32H93.7c-18.2 0-34.8 10.3-43 26.5zM240 160h208L397.3 58.5c-8.2-16.2-24.8-26.5-43-26.5H240v128zm208 32H0v224c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V192z" />,
+});
+
+export default SvgComponent

package/src/Components/Icons/BoxOpen.js

@@ -0,0 +1,11 @@
+// Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
+import { createIcon } from "../Gluestack/icon";
+import Svg, { Path } from 'react-native-svg';
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 640 512',
+	path: <Path d="M58.9 42.1c3-6.1 9.6-9.6 16.3-8.7L320 64l244.8-30.6c6.7-.8 13.3 2.7 16.3 8.7l41.7 83.4c9 17.9-.6 39.6-19.8 45.1l-163.4 46.7c-13.9 4-28.8-1.9-36.2-14.3L320 64l-83.4 139c-7.4 12.4-22.3 18.3-36.2 14.3L37.1 170.6c-19.3-5.5-28.8-27.2-19.8-45.1l41.6-83.4zM321.1 128l54.9 91.4c14.9 24.8 44.6 36.6 72.5 28.6L576 211.6v167c0 22-15 41.2-36.4 46.6l-204.1 51c-10.2 2.6-20.9 2.6-31 0l-204.1-51C79 419.7 64 400.5 64 378.5v-167L191.6 248c27.8 8 57.6-3.8 72.5-28.6l54.8-91.4h2.2z" />,
+});
+
+export default SvgComponent

package/src/Components/Icons/Bucket.js

@@ -0,0 +1,10 @@
+import { createIcon } from "../Gluestack/icon";
+import Svg, { Path } from 'react-native-svg';
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 448 512',
+	path: <Path d="M96 152v8H48v-8C48 68.1 116.1 0 200 0h48c83.9 0 152 68.1 152 152v8h-48v-8c0-57.4-46.6-104-104-104h-48C142.6 48 96 94.6 96 152zM0 224c0-17.7 14.3-32 32-32h384c17.7 0 32 14.3 32 32s-14.3 32-32 32h-5.1l-22.4 213c-2.6 24.4-23.2 43-47.7 43H107.2c-24.6 0-45.2-18.5-47.7-43L37.1 256H32c-17.7 0-32-14.3-32-32z" />,
+});
+
+export default SvgComponent

package/src/Components/Icons/Bump.js

@@ -0,0 +1,21 @@
+// from https://www.flaticon.com/free-icon/kick_1928
+import { createIcon } from "../Gluestack/icon";
+import Svg, { G, Path } from 'react-native-svg';
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 415.89 249.77',
+	path: <G>
+				<Path
+					d="M112.65 231.72c-.66-6.8-1.84-12.86-1.72-18.89.33-16.05 14.69-27.22 30.49-24.08 16.26 3.24 31.22 10.07 46.06 17.13 2.67 1.27 4.91 1.38 7.7.51 27.09-8.43 54.23-16.72 81.35-25.06 18.68-5.75 37.38-11.47 56.04-17.3 6.36-1.99 6.65-2.74 4.74-8.92-.6-1.95-1.16-3.9-1.81-5.84-3.21-9.63-5.67-19.61-9.84-28.8-6.8-14.96-20.99-21.74-37.12-19.8-13.07 1.57-26.23 2.48-39.35 3.65-2.91.26-5.84.4-9.18.62v31.62h-17.24v-32c-5.36-.35-10.43-.67-16.02-1.04v28.89h-17.41v-31.17c-5.27-1.02-10.13-1.95-15.52-2.99v26.04h-17.14v-21.87c0-9.08.1-9.38-8.62-12.19-10.91-3.51-19.56-9.1-22.74-20.89-.49-1.82-1.44-3.51-2.18-5.26-8.4-19.74-16.75-39.5-25.25-59.2C95.44-.8 95.24-.7 89.56 1.09 61.6 9.89 33.62 18.7 5.66 27.51c-1.89.6-3.75 1.27-5.66 1.92 4.29 26.31 8.49 52.19 12.75 78.06.67 4.05 1.17 7.71-1.81 11.42-1.94 2.41-2.86 5.85-3.62 8.98-2.48 10.16-1.27 20.26 1.25 30.23 4.98 19.73 14.07 37.71 25.15 54.52 6.63 10.05 11.26 20.62 14.48 32.04 1.51 5.36 2.32 5.86 7.86 4.36 6.94-1.88 13.79-4.1 20.67-6.21 12.17-3.74 24.34-7.52 35.94-11.11zm265.05-54.59c-3.46-6.2-6.98-11.72-9.73-17.6-9.46-20.18-4.21-36.18 15.57-46.3 6.45-3.3 13.71-5.05 20.63-7.43 3.88-1.33 7.81-2.5 11.72-3.74-3.25-1.48-6.41-2.02-9.5-2.8-11.7-2.92-23.75-4.93-34.98-9.13-16.55-6.19-25.42-18.84-25.73-36.94-.16-9.73 2.56-18.76 6.39-27.57 1.74-4 3.24-8.11 5.26-13.23-3.27 2.05-5.42 3.46-7.62 4.77-7.11 4.24-13.98 8.99-21.42 12.58-19.72 9.5-38.29 5.49-52.49-11.15-4.47-5.23-8.15-11.13-12.33-16.91-4.01 1.74-8.35 3.63-12.9 5.61 7.09 14.48 16.55 26.54 30.26 34.76 15.95 9.57 32.7 9.59 50.24 2.79-2.22 29.1 9.78 49.09 36.23 59.96-.26.63-.29.94-.46 1.09-.9.83-1.84 1.61-2.75 2.43-8.16 7.33-13.65 16.18-14.99 27.22-2.33 19.23 6.48 34.69 17.05 50.05 4.05-2.98 7.85-5.76 11.54-8.48z"
+				/>
+				<Path
+					d="M112.65 231.72c-11.6 3.59-23.76 7.36-35.94 11.11-6.88 2.11-13.73 4.33-20.67 6.21-5.53 1.5-6.34 1-7.86-4.36-3.22-11.42-7.85-21.99-14.48-32.04-11.08-16.81-20.17-34.79-25.15-54.52-2.52-9.98-3.73-20.07-1.25-30.23.76-3.13 1.68-6.56 3.62-8.98 2.98-3.71 2.48-7.37 1.81-11.42C8.49 81.62 4.29 55.75 0 29.43c1.9-.65 3.77-1.33 5.66-1.92C33.62 18.7 61.6 9.89 89.56 1.09 95.24-.7 95.44-.8 97.89 4.88c8.5 19.7 16.84 39.46 25.25 59.2.74 1.75 1.69 3.45 2.18 5.26 3.18 11.8 11.83 17.38 22.74 20.89 8.71 2.81 8.62 3.11 8.62 12.19v21.87h17.14V98.25c5.39 1.04 10.25 1.97 15.52 2.99v31.17h17.41v-28.89c5.59.36 10.66.69 16.02 1.04v32h17.24v-31.62c3.34-.22 6.27-.36 9.18-.62 13.12-1.17 26.27-2.08 39.35-3.65 16.13-1.94 30.32 4.84 37.12 19.8 4.18 9.19 6.63 19.17 9.84 28.8.64 1.93 1.21 3.89 1.81 5.84 1.91 6.18 1.62 6.93-4.74 8.92-18.66 5.83-37.35 11.55-56.04 17.3-27.12 8.34-54.25 16.63-81.35 25.06-2.79.87-5.03.76-7.7-.51-14.84-7.06-29.8-13.89-46.06-17.13-15.8-3.14-30.16 8.03-30.49 24.08-.12 6.03 1.06 12.09 1.72 18.89z"
+				/>
+				<Path
+					d="M377.7 177.13c-3.69 2.71-7.49 5.5-11.54 8.48-10.57-15.37-19.38-30.82-17.05-50.05 1.34-11.04 6.83-19.89 14.99-27.22.91-.82 1.85-1.6 2.75-2.43.17-.15.2-.46.46-1.09-26.44-10.87-38.45-30.86-36.23-59.96-17.54 6.8-34.29 6.78-50.24-2.79-13.71-8.22-23.17-20.28-30.26-34.76 4.55-1.98 8.89-3.87 12.9-5.61 4.18 5.78 7.86 11.68 12.33 16.91 14.2 16.64 32.76 20.65 52.49 11.15 7.43-3.58 14.3-8.33 21.42-12.58 2.21-1.32 4.36-2.72 7.62-4.77-2.03 5.12-3.52 9.23-5.26 13.23-3.83 8.81-6.55 17.84-6.39 27.57.3 18.09 9.17 30.74 25.73 36.94 11.23 4.2 23.28 6.21 34.98 9.13 3.1.77 6.25 1.31 9.5 2.8-3.91 1.24-7.84 2.4-11.72 3.74-6.92 2.38-14.17 4.13-20.63 7.43-19.78 10.12-25.03 26.13-15.57 46.3 2.76 5.88 6.28 11.4 9.73 17.6z"
+				/>
+			</G>,
+});
+
+export default SvgComponent

package/src/Components/Icons/Calculator.js

@@ -0,0 +1,12 @@
+// Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
+import { createIcon } from "../Gluestack/icon";
+import Svg, { Path } from 'react-native-svg';
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 384 512',
+	path: <Path d="M64 0C28.7 0 0 28.7 0 64v384c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H64zm32 64h192c17.7 0 32 14.3 32 32v32c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V96c0-17.7 14.3-32 32-32zm32 160a32 32 0 11-64 0 32 32 0 1164 0zM96 352a32 32 0 110-64 32 32 0 110 64zm-32 64c0-17.7 14.3-32 32-32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-17.7 0-32-14.3-32-32zm128-160a32 32 0 110-64 32 32 0 110 64zm32 64a32 32 0 11-64 0 32 32 0 1164 0zm64-64a32 32 0 110-64 32 32 0 110 64zm32 64a32 32 0 11-64 0 32 32 0 1164 0zm-32 128a32 32 0 110-64 32 32 0 110 64z" />,
+});
+
+export default SvgComponent
+

package/src/Components/Icons/Dots.js

@@ -0,0 +1,20 @@
+import { createIcon } from "../Gluestack/icon";
+import Svg, { G, Circle } from 'react-native-svg';
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 355.2 355.2',
+	path: <G>
+				<Circle cx={45.6} cy={45.6} r={45.6} />
+				<Circle cx={177.6} cy={45.6} r={45.6} />
+				<Circle cx={45.6} cy={177.6} r={45.6} />
+				<Circle cx={309.6} cy={45.6} r={45.6} />
+				<Circle cx={177.6} cy={177.6} r={45.6} />
+				<Circle cx={309.6} cy={177.6} r={45.6} />
+				<Circle cx={45.6} cy={309.6} r={45.6} />
+				<Circle cx={177.6} cy={309.6} r={45.6} />
+				<Circle cx={309.6} cy={309.6} r={45.6} />
+			</G>,
+});
+
+export default SvgComponent

package/src/Components/Icons/Fleets.js

@@ -0,0 +1,26 @@
+import { createIcon } from "../Gluestack/icon";
+import Svg, { G, Path } from 'react-native-svg';
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 269.94 167.5',
+	path: <G>
+				<Path
+					d="M59.96 102.33c1.16-5.59 6.07-9.59 11.63-9.42 2.35-.03 4.7-.02 7-.02V75.88c-4.26 0-8.52.02-12.79.02-.96 0-.96-.03-.96-.98V23.78c-.03-.74.77-.57 1.26-.57 4.16 0 8.32 0 12.48.02v-1.08c0-4.38 2.72-7.09 7.09-7.09h.22c7.32.27 14.91.11 22.25-.04 3.24-.07 6.51-.13 9.8-.16a25.657 25.657 0 00-6.16-3.25c-19.24-2.43-39.11-.25-58.54-.96-1.09 0-1.09.03-1.09 1.09v75.72c0 .69-.35 1.04-1.04 1.04-4.02 0-8.01-.05-12.02 0-2.95-.14-5.27 2.1-5.74 4.89-1.37 4.18-.93 8.72-.63 13.06.96 10.08 3.12 20 5.6 29.81h6.45c.89-8.97 6.49-16.55 14.3-20.23-.3-4.23-.58-8.96.87-13.7zM144.97 16.05c.44.06.88.16 1.3.32 1.89.69 3.65 1.54 5.29 2.52-.06-.17-.11-.34-.17-.52-1.01-3.01-1.91-7.73-5.93-7.35l.03.03c-3.39.42-4.29 2.32-4.17 4.61 1.22.12 2.44.24 3.65.4zM222.46 125.9c1.29-.43 2.57-.85 3.86-1.27 4.1-1.75 13.01-2.24 10.88-8.66-1.78-4.18-6.18-2.46-9.43-1.34-2.72.89-5.44 1.79-8.16 2.68.95 2.87 1.9 5.73 2.85 8.6zM78.06 152.59c-.28.04-.56.08-.86.08h-6.45c-2.55 0-4.78-1.62-5.63-3.98a10.907 10.907 0 01-6.35-9.92c0-2.64.93-5.06 2.49-6.95-.52-2.75-.99-5.59-1.39-8.48-5.09 3.25-8.48 8.94-8.48 15.43 0 10.11 8.2 18.31 18.31 18.31 3.18 0 6.18-.82 8.78-2.25-.18-.74-.32-1.49-.43-2.25zM152.67 152.59c-.29.04-.58.08-.88.08h-19.37c3.2 2.74 7.35 4.41 11.9 4.41 3.18 0 6.18-.82 8.78-2.25-.18-.74-.32-1.49-.43-2.25z"
+				/>
+				<Path
+					d="M27.54 91.92c1.16-5.59 6.07-9.59 11.63-9.42 2.35-.03 4.7-.02 7-.02V65.47c-4.26 0-8.52.02-12.79.02-.96 0-.96-.03-.96-.98V13.37c-.03-.74.77-.57 1.26-.57 4.16 0 8.32 0 12.48.02v-1.08c0-4.38 2.72-7.09 7.09-7.09h.22c7.32.27 14.91.11 22.25-.04 3.24-.07 6.51-.13 9.8-.16a25.657 25.657 0 00-6.16-3.25C60.13-1.25 40.27.94 20.84.23c-1.09 0-1.09.03-1.09 1.09v75.72c0 .69-.35 1.04-1.04 1.04-4.02 0-8.01-.05-12.02 0-2.95-.14-5.27 2.1-5.74 4.89-1.37 4.18-.93 8.72-.63 13.06.96 10.08 3.12 20 5.6 29.81h6.45c.89-8.97 6.49-16.55 14.3-20.23-.3-4.23-.58-8.96.87-13.7zM112.55 5.64c.44.06.88.16 1.3.32 1.89.69 3.65 1.54 5.29 2.52-.06-.17-.11-.34-.17-.52-1.01-3.01-1.91-7.73-5.93-7.35l.03.03c-3.39.42-4.29 2.32-4.17 4.61 1.22.12 2.44.24 3.65.4zM45.64 142.18c-.28.04-.56.08-.86.08h-6.45c-2.55 0-4.78-1.62-5.63-3.98a10.907 10.907 0 01-6.35-9.92c0-2.64.93-5.06 2.49-6.95-.52-2.75-.99-5.59-1.39-8.48-5.09 3.25-8.48 8.94-8.48 15.43 0 10.11 8.2 18.31 18.31 18.31 3.18 0 6.18-.82 8.78-2.25-.18-.74-.32-1.49-.43-2.25z"
+				/>
+				<G>
+					<Path
+						d="M177.91 21.46c-6.37.79-3.99 6.78-2.49 10.82 12.76 37.9 25 75.97 38.07 113.76 1.53 3.31 5.49 2.35 8.17 1.23 3.66-1.18 7.3-2.4 10.93-3.61 8.72-2.87 17.43-5.74 26.15-8.64 4.1-1.75 13.01-2.24 10.88-8.66-1.78-4.18-6.18-2.46-9.43-1.34-12.98 4.26-25.99 8.53-38.97 12.84-.87.3-1.04.22-1.34-.68-11.97-36.15-24.05-72.25-36.07-108.41-1.01-3.01-1.91-7.73-5.93-7.35l.03.03zm-57.47 127.73c0 10.11-8.2 18.31-18.31 18.31s-18.31-8.2-18.31-18.31 8.2-18.31 18.31-18.31 18.31 8.2 18.31 18.31zm-18.31-10.93c-6.04 0-10.93 4.89-10.93 10.93s4.89 10.93 10.93 10.93 10.93-4.89 10.93-10.93-4.89-10.93-10.93-10.93zm92.91 10.93c0 10.11-8.2 18.31-18.31 18.31s-18.31-8.2-18.31-18.31 8.2-18.31 18.31-18.31 18.31 8.2 18.31 18.31zm-18.31-10.93c-6.04 0-10.93 4.89-10.93 10.93s4.89 10.93 10.93 10.93 10.93-4.89 10.93-10.93-4.89-10.93-10.93-10.93z"
+					/>
+					<Path
+						d="M97.27 59.97v25.36c0 .96 0 .98.96.98 8.66 0 17.33-.05 25.96 0 .25.08.57.22.68.44 1.2 2.05 2.4 4.15 3.58 6.23 2.79 4.89 5.6 9.76 8.36 14.67.36.6.74.77 1.37.77h27.05c.38 0 .52-.16.46-.55-.49-3.17-.98-6.31-1.53-9.48-2.51-13.06-5.08-26.15-8.36-39.05-3.22-10.66-8.12-26.04-21.62-25.74-11.89.11-23.77.03-35.66.03-.49 0-1.28-.16-1.26.57v25.77zm-20.14 86.7h-6.37c-2.49-9.81-4.65-19.73-5.6-29.81-.3-4.35-.74-8.88.63-13.06.46-2.79 2.79-5.03 5.74-4.89 4.02-.05 8.01 0 12.02 0 .69 0 1.04-.35 1.04-1.04V22.14c0-1.07 0-1.09 1.09-1.09 19.43.71 39.3-1.48 58.54.96 12.08 4.4 18.15 17 22.9 28.07 7.11 17.3 10.68 35.91 13.17 54.38.3 6.18 7.24 6.15 11.48 3.8.74-.16 3.06-2.02 3.33-.9 1.04 3.28 12.3 39.32 12.3 39.32h-5.6c-1.26-12.71-11.97-22.63-25-22.63s-23.75 9.92-25 22.63h-24.57c-1.26-12.71-11.97-22.63-25-22.63s-23.75 9.92-25 22.63h-.08z"
+					/>
+				</G>
+			</G>,
+});
+
+
+export default SvgComponent

package/src/Components/Icons/Microchip.js

@@ -0,0 +1,12 @@
+// Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
+import { createIcon } from "../Gluestack/icon";
+import Svg, { Path } from 'react-native-svg';
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 512 512',
+	path: <Path d="M176 24c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c-35.3 0-64 28.7-64 64H24c-13.3 0-24 10.7-24 24s10.7 24 24 24h40v56H24c-13.3 0-24 10.7-24 24s10.7 24 24 24h40v56H24c-13.3 0-24 10.7-24 24s10.7 24 24 24h40c0 35.3 28.7 64 64 64v40c0 13.3 10.7 24 24 24s24-10.7 24-24v-40h56v40c0 13.3 10.7 24 24 24s24-10.7 24-24v-40h56v40c0 13.3 10.7 24 24 24s24-10.7 24-24v-40c35.3 0 64-28.7 64-64h40c13.3 0 24-10.7 24-24s-10.7-24-24-24h-40v-56h40c13.3 0 24-10.7 24-24s-10.7-24-24-24h-40v-56h40c13.3 0 24-10.7 24-24s-10.7-24-24-24h-40c0-35.3-28.7-64-64-64V24c0-13.3-10.7-24-24-24s-24 10.7-24 24v40h-56V24c0-13.3-10.7-24-24-24s-24 10.7-24 24v40h-56V24zm-16 104h192c17.7 0 32 14.3 32 32v192c0 17.7-14.3 32-32 32H160c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32zm192 32H160v192h192V160z" />,
+});
+
+
+export default SvgComponent

package/src/Components/Icons/Num1.js

@@ -0,0 +1,10 @@
+import { createIcon } from "../Gluestack/icon";
+import Svg, { Path } from 'react-native-svg';
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 29.8 65',
+	path: <Path d="M15.1 13.5h-.2L2.5 19.4 0 8l17.2-8h12.6v65H15.1V13.5z" />,
+});
+
+export default SvgComponent

package/src/Components/Icons/Num2.js

@@ -0,0 +1,10 @@
+import { createIcon } from "../Gluestack/icon";
+import Svg, { Path } from 'react-native-svg';
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 46.1 66.1',
+	path: <Path d="M0 66.1v-9.2l8.4-7.6c14.2-12.7 21.1-20 21.3-27.6 0-5.3-3.2-9.5-10.7-9.5-5.6 0-10.5 2.8-13.9 5.4L.8 6.7C5.7 3 13.3 0 22.1 0c14.7 0 22.8 8.6 22.8 20.4 0 10.9-7.9 19.6-17.3 28l-6 5v.2h24.5v12.5H0z" />,
+});
+
+export default SvgComponent

package/src/Components/Icons/Num3.js

@@ -0,0 +1,10 @@
+import { createIcon } from "../Gluestack/icon";
+import Svg, { Path } from 'react-native-svg';
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 45.9 67.2',
+	path: <Path d="M3.1 51.2c2.7 1.4 8.9 4 15.1 4 7.9 0 11.9-3.8 11.9-8.7 0-6.4-6.4-9.3-13.1-9.3h-6.2V26.3h5.9c5.1-.1 11.6-2 11.6-7.5 0-3.9-3.2-6.8-9.6-6.8-5.3 0-10.9 2.3-13.6 3.9L2 4.9C5.9 2.4 13.7 0 22.1 0 36 0 43.7 7.3 43.7 16.2c0 6.9-3.9 12.3-11.9 15.1v.2c7.8 1.4 14.1 7.3 14.1 15.8 0 11.5-10.1 19.9-26.6 19.9-8.4 0-15.5-2.2-19.3-4.6l3.1-11.4z" />,
+});
+
+export default SvgComponent

package/src/Components/Icons/Num4.js

@@ -0,0 +1,10 @@
+import { createIcon } from "../Gluestack/icon";
+import Svg, { Path } from 'react-native-svg';
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 51 65',
+	path: <Path d="M28.8 65V49.5H0v-9.9L24.6 0h18.6v38.1H51v11.4h-7.8V65H28.8zm0-26.9V23.7c0-3.9.2-7.9.5-12.1h-.4c-2.1 4.2-3.8 8-6 12.1l-8.7 14.2v.2h14.6z" />,
+});
+
+export default SvgComponent

package/src/Components/Icons/OilCan.js

@@ -0,0 +1,11 @@
+// Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
+import { createIcon } from "../Gluestack/icon";
+import Svg, { Path } from 'react-native-svg';
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 640 512',
+	path: <Path d="M320 128c17.7 0 32-14.3 32-32s-14.3-32-32-32H192c-17.7 0-32 14.3-32 32s14.3 32 32 32h32v32H48c-26.5 0-48 21.5-48 48v64.8c0 19 11.2 36.2 28.5 43.9l67.5 30V368c0 26.5 21.5 48 48 48h259.1c18.4 0 35.8-7.9 48-21.7l182.4-206.6c12.3-13.9-.3-35.4-18.4-31.5L448 192l-50.5-25.2c-8.9-4.4-18.7-6.8-28.6-6.8H288v-32h32zM96 208v86.1l-48-21.3V208h48z" />,
+});
+
+export default SvgComponent

package/src/Components/Icons/Operations.js

@@ -0,0 +1,10 @@
+import { createIcon } from "../Gluestack/icon";
+import Svg, { Path } from 'react-native-svg';
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 482.58 511.9',
+	path: <Path d="M474.84 320.8l-43.3-39.4c1.1-8.3 1.7-16.8 1.7-25.4s-.6-17.1-1.7-25.4l43.3-39.4c6.9-6.2 9.6-15.9 6.4-24.6l.1-.1c-4.4-11.9-9.7-23.3-15.8-34.3l-4.7-8.1c-6.6-11-14-21.4-22.1-31.2-5.9-7.1-15.7-9.6-24.5-6.8l-55.7 17.7c-13.4-10.3-28.2-18.9-44-25.4l-12.5-57.1c-2-9.1-9-16.3-18.2-17.8-13.8-2.3-28-3.5-42.5-3.5s-28.7 1.2-42.5 3.6c-9.2 1.5-16.2 8.7-18.2 17.8l-12.5 57.1c-15.8 6.5-30.6 15.1-44 25.4l-55.7-17.7c-8.8-2.8-18.6-.4-24.5 6.8-8.1 9.8-15.5 20.2-22.1 31.2l-4.7 8.1c-6.1 11-11.4 22.4-15.8 34.3-3.2 8.7-.5 18.4 6.4 24.6l43.3 39.4c-1.1 8.3-1.7 16.8-1.7 25.4s.6 17.1 1.7 25.5l-43.3 39.4c-6.9 6.2-9.6 15.9-6.4 24.6 4.4 11.9 9.7 23.3 15.8 34.3l4.7 8.1c6.6 11 14 21.4 22.1 31.2 5.9 7.1 15.7 9.6 24.5 6.8l55.6-17.8c13.4 10.3 28.2 18.9 44 25.4l12.5 57.1c2 9.1 9 16.3 18.2 17.8 13.8 2.3 28 3.5 42.5 3.5s28.7-1.2 42.5-3.5c9.2-1.5 16.2-8.7 18.2-17.8l12.5-57.1c15.8-6.5 30.6-15.1 44-25.4l55.7 17.7c8.8 2.8 18.6.4 24.5-6.8 8.1-9.8 15.5-20.2 22.1-31.2l4.7-8.1c6.1-11 11.4-22.4 15.8-34.3 3.2-8.7.5-18.4-6.4-24.6zM354.26 208.85l.1.1-128 128c-9.4 9.4-24.6 9.4-33.9 0l-64.1-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47 111.1-111.1c9.4-9.4 24.6-9.4 33.9 0 9.3 9.4 9.4 24.6 0 33.9z" />,
+});
+
+export default SvgComponent

package/src/Components/Icons/OverduePms.js

@@ -0,0 +1,10 @@
+import { createIcon } from "../Gluestack/icon";
+import Svg, { Path } from 'react-native-svg';
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 638.4 532.19',
+	path: <Path d="M117.77 73.85c0 53.38-18.36 73.85-41.15 73.85s-39.46-25.11-39.46-73.01S54.05 2.11 78.94 2.11s38.82 26.37 38.82 71.74zM54.05 74.9c0 29.33 5.7 58.45 23.63 58.45s23.21-31.02 23.21-58.87-4.85-58.02-23.42-58.02S54.05 46 54.05 74.91zM146.04 43.89l12.87 57.39c1.48 6.96 3.17 16.04 4.43 24.9h.63c1.05-8.44 2.74-17.09 4.22-24.9l12.66-57.39h16.04L170.3 146.01h-14.56L129.16 43.89h16.88zM219.68 96.43c.21 31.23 12.45 37.98 24.26 37.98 6.96 0 12.87-1.69 16.88-4.01l2.53 12.03c-5.7 3.17-14.35 4.85-22.37 4.85-24.48 0-37.14-20.04-37.14-51.27 0-33.13 13.93-53.8 34.39-53.8s29.12 21.94 29.12 45.15c0 3.8 0 6.54-.21 9.07h-47.47zm32.07-12.03c.42-20.47-7.38-29.54-15.19-29.54-10.55 0-16.04 15.61-16.67 29.54h31.86zM284.66 70.26c0-8.65-.63-18.78-.84-26.37h14.56l.84 16.04h.42c3.38-9.71 12.03-17.72 21.52-17.72 1.27 0 2.32.21 3.38.21v16.67c-1.05-.21-2.11-.21-3.38-.21-10.34 0-17.93 9.5-19.62 21.31-.42 2.74-.63 5.91-.63 9.28v56.55h-16.25V70.27zM395.65 0v121.54c0 6.96.63 18.57.84 24.48h-13.93l-1.06-12.87h-.63c-3.38 7.39-10.55 14.56-21.31 14.56-17.3 0-29.75-18.78-29.75-52.33 0-36.29 14.98-53.17 30.81-53.17 7.38 0 14.56 3.59 18.57 12.24h.42V0h16.04zm-16.04 82.71c0-2.11 0-4.43-.21-6.75-1.06-10.55-7.38-19.83-15.19-19.83-13.5 0-18.15 18.78-18.15 39.25 0 21.52 5.49 38.82 17.3 38.82 5.06 0 12.03-2.74 15.61-17.51.42-1.9.63-4.22.63-6.75V82.72zM479.62 118.16c0 11.39.63 20.26.84 27.85h-14.14l-1.06-10.76h-.42c-3.17 5.06-10.97 12.45-21.94 12.45-17.94 0-24.9-13.93-24.9-39.25V43.89h16.25v62.24c0 16.04 2.53 27.85 13.71 27.85 9.5 0 13.71-8.86 14.56-13.5.63-2.74.84-5.91.84-9.28V43.89h16.25v74.27zM513.81 96.43c.21 31.23 12.45 37.98 24.26 37.98 6.96 0 12.87-1.69 16.88-4.01l2.53 12.03c-5.7 3.17-14.35 4.85-22.37 4.85-24.48 0-37.14-20.04-37.14-51.27 0-33.13 13.93-53.8 34.39-53.8s29.12 21.94 29.12 45.15c0 3.8 0 6.54-.21 9.07H513.8zm32.07-12.03c.42-20.47-7.38-29.54-15.19-29.54-10.55 0-16.04 15.61-16.67 29.54h31.86zM320 244.19c17.7 0 32-14.3 32-32s-14.3-32-32-32H192c-17.7 0-32 14.3-32 32s14.3 32 32 32h32v32H48c-26.5 0-48 21.5-48 48v64.8c0 19 11.2 36.2 28.5 43.9l67.5 30v21.3c0 26.5 21.5 48 48 48h259.1c18.4 0 35.8-7.9 48-21.7l182.4-206.6c12.3-13.9-.3-35.4-18.4-31.5L448 308.19l-50.5-25.2c-8.9-4.4-18.7-6.8-28.6-6.8H288v-32h32zm-224 80v86.1l-48-21.3v-64.8h48zm46.95 18.48c8.55-1.46 20.57-2.55 37.49-2.55s29.3 3.28 37.49 9.83c7.83 6.19 13.1 16.38 13.1 28.39s-4 22.21-11.28 29.12c-9.46 8.92-23.48 12.92-39.86 12.92-3.64 0-6.92-.18-9.46-.55v43.86h-27.48V342.66zm27.48 55.7c2.37.55 5.28.73 9.28.73 14.74 0 23.84-7.46 23.84-20.02 0-11.28-7.83-18.02-21.66-18.02-5.64 0-9.46.55-11.47 1.09v36.22zm179.46 18.38c-.55-14.74-1.09-32.58-1.09-50.42h-.55c-3.82 15.65-8.92 33.12-13.65 47.5l-14.92 47.87h-21.66l-13.1-47.5c-4-14.38-8.19-31.85-11.1-47.87h-.36c-.73 16.56-1.27 35.49-2.18 50.78l-2.18 46.59h-25.66l7.83-122.67h36.95l12.01 40.95c3.82 14.2 7.64 29.49 10.37 43.86h.55c3.46-14.2 7.64-30.39 11.65-44.05l13.1-40.77h36.22l6.73 122.67h-27.12l-1.82-46.96zm49.13 22.75c5.1 3.09 15.65 6.73 23.84 6.73s11.83-2.91 11.83-7.46-2.73-6.73-13.1-10.19c-18.38-6.19-25.48-16.2-25.3-26.75 0-16.56 14.2-29.12 36.22-29.12 10.38 0 19.66 2.37 25.12 5.1l-4.91 19.11c-4-2.18-11.65-5.1-19.29-5.1-6.73 0-10.56 2.73-10.56 7.28 0 4.19 3.46 6.37 14.38 10.19 16.93 5.82 24.03 14.38 24.21 27.48 0 16.56-13.1 28.76-38.58 28.76-11.65 0-22.02-2.55-28.76-6.19l4.92-19.84z" />,
+});
+
+export default SvgComponent

package/src/Components/Icons/SackDollar.js

@@ -0,0 +1,11 @@
+// Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
+import { createIcon } from "../Gluestack/icon";
+import { Path, Svg } from 'react-native-svg';
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 512 512',
+	path: <Path d="M320 96H192l-47.4-71.1c-7.1-10.7.5-24.9 13.3-24.9h196.2c12.8 0 20.4 14.2 13.3 24.9L320 96zm-128 32h128c3.8 2.5 8.1 5.3 13 8.4 56.7 36.3 179 114.5 179 279.6 0 53-43 96-96 96H96c-53 0-96-43-96-96 0-165.1 122.3-243.3 179-279.6 4.8-3.1 9.2-5.9 13-8.4zm84 88c0-11-9-20-20-20s-20 9-20 20v14c-7.6 1.7-15.2 4.4-22.2 8.5-13.9 8.3-25.9 22.8-25.8 43.9.1 20.3 12 33.1 24.7 40.7 11 6.6 24.7 10.8 35.6 14l1.7.5c12.6 3.8 21.8 6.8 28 10.7 5.1 3.2 5.8 5.4 5.9 8.2.1 5-1.8 8-5.9 10.5-5 3.1-12.9 5-21.4 4.7-11.1-.4-21.5-3.9-35.1-8.5-2.3-.8-4.7-1.6-7.2-2.4-10.5-3.5-21.8 2.2-25.3 12.6s2.2 21.8 12.6 25.3c1.9.6 4 1.3 6.1 2.1 8.3 2.9 17.9 6.2 28.2 8.4V424c0 11 9 20 20 20s20-9 20-20v-13.8c8-1.7 16-4.5 23.2-9 14.3-8.9 25.1-24.1 24.8-45-.3-20.3-11.7-33.4-24.6-41.6-11.5-7.2-25.9-11.6-37.1-15l-.7-.2c-12.8-3.9-21.9-6.7-28.3-10.5-5.2-3.1-5.3-4.9-5.3-6.7 0-3.7 1.4-6.5 6.2-9.3 5.4-3.2 13.6-5.1 21.5-5 9.6.1 20.2 2.2 31.2 5.2 10.7 2.8 21.6-3.5 24.5-14.2s-3.5-21.6-14.2-24.5c-6.5-1.7-13.7-3.4-21.1-4.7V216z" />,
+});
+
+export default SvgComponent

package/src/Components/Icons/ShortBar.js

@@ -0,0 +1,15 @@
+import { createIcon } from "../Gluestack/icon";
+import Svg, { G, Path } from 'react-native-svg'
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 228.6 130.4',
+	path: <G>
+			<Path
+				d="M163.3 79.8c9 0 16.3-7.3 16.3-16.3s-7.3-16.3-16.3-16.3H65.4c-9 0-16.3 7.3-16.3 16.3s7.3 16.3 16.3 16.3h97.9z"
+			/>
+			<Path d="M0 0H228.6V130.4H0z" fill="none" strokeWidth={0} />
+		</G>,
+});
+
+export default SvgComponent

package/src/Components/Icons/Tower.js

@@ -0,0 +1,10 @@
+import { createIcon } from "../Gluestack/icon";
+import Svg, { G, Path } from 'react-native-svg'
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 576 512',
+	path: <Path d="M80.3 44C69.8 69.9 64 98.2 64 128s5.8 58.1 16.3 84c6.6 16.4-1.3 35-17.7 41.7s-35-1.3-41.7-17.7C7.4 202.6 0 166.1 0 128S7.4 53.4 20.9 20C27.6 3.6 46.2-4.3 62.6 2.3S86.9 27.6 80.3 44zm474.8-24C568.6 53.4 576 89.9 576 128s-7.4 74.6-20.9 108c-6.6 16.4-25.3 24.3-41.7 17.7s-24.3-25.3-17.7-41.7c10.5-25.9 16.3-54.2 16.3-84s-5.8-58.1-16.3-84c-6.6-16.4 1.3-35 17.7-41.7s35 1.3 41.7 17.7zM352 128c0 23.7-12.9 44.4-32 55.4V480c0 17.7-14.3 32-32 32s-32-14.3-32-32V183.4c-19.1-11.1-32-31.7-32-55.4 0-35.3 28.7-64 64-64s64 28.7 64 64zM170.6 76.8C163.8 92.4 160 109.7 160 128s3.8 35.6 10.6 51.2c7.1 16.2-.3 35.1-16.5 42.1S119 221 112 204.8c-10.3-23.6-16-49.6-16-76.8s5.7-53.2 16-76.8c7.1-16.2 25.9-23.6 42.1-16.5s23.6 25.9 16.5 42.1zM464 51.2c10.3 23.6 16 49.6 16 76.8s-5.7 53.2-16 76.8c-7.1 16.2-25.9 23.6-42.1 16.5s-23.6-25.9-16.5-42.1c6.8-15.6 10.6-32.9 10.6-51.2s-3.8-35.6-10.6-51.2c-7.1-16.2.3-35.1 16.5-42.1S457 35 464 51.2z" />,
+});
+
+export default SvgComponent

package/src/Components/Icons/UpcomingPms.js

@@ -0,0 +1,10 @@
+import { createIcon } from "../Gluestack/icon";
+import Svg, { G, Path } from 'react-native-svg'
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 640.44 528.39',
+	path: <Path d="M16.32 0v95.37c0 25.53 8.44 34.18 19.41 34.18 12.03 0 19.62-9.28 19.62-34.18V0H71.6v92.84c0 36.92-15.19 51.06-36.29 51.06S.07 129.98.07 94.74V0h16.25zM95.23 71.95c0-15.61-.63-24.69-.84-31.86h14.56l.84 13.08h.42c5.49-10.97 13.5-14.77 21.52-14.77 17.72 0 29.54 18.99 29.54 52.54 0 37.77-15.61 52.96-31.65 52.96-9.5 0-14.98-6.12-17.72-11.82h-.42v50.64H95.23V71.95zm16.25 32.71c0 3.17 0 6.12.63 8.44 3.16 14.56 10.55 17.3 14.98 17.3 13.5 0 17.72-18.57 17.72-39.25s-5.06-38.82-17.93-38.82c-7.38 0-13.93 9.28-14.98 18.57-.42 2.53-.42 5.06-.42 7.81v25.95zM229.42 139.68c-3.59 2.11-9.71 3.8-16.88 3.8-22.37 0-37.35-17.94-37.35-51.69 0-29.33 14.77-53.17 40.3-53.17 5.49 0 11.39 1.48 14.35 3.16l-3.16 13.29c-2.11-1.05-6.33-2.74-11.61-2.74-16.25 0-23.63 19.41-23.63 39.46 0 23.84 9.07 38.19 24.05 38.19 4.43 0 8.02-1.06 11.82-2.74l2.11 12.45zM304.75 91.15c0 39.46-18.36 52.75-33.97 52.75-18.36 0-33.13-16.67-33.13-52.54s16.67-52.96 34.18-52.96 32.92 17.09 32.92 52.75zm-50.85 0c0 16.88 2.95 39.88 17.72 39.88 13.93 0 16.67-24.05 16.67-39.88s-2.74-39.67-17.09-39.67-17.3 24.05-17.3 39.67zM322.89 66.46c0-12.03-.63-18.15-.84-26.37h14.14l.84 12.66h.42c4.43-8.23 12.24-14.35 23-14.35 9.5 0 17.51 4.64 21.31 15.61h.42c2.74-5.06 6.33-9.07 10.13-11.6 4.01-2.74 8.86-4.01 14.14-4.01 13.71 0 24.48 10.13 24.48 36.08v67.73h-16.04V78.28c0-13.29-1.9-26.16-14.35-26.16-6.75 0-12.66 5.7-14.98 15.19-.42 2.74-.63 5.91-.63 9.28v65.62h-16.04V75.32c0-11.39-2.11-23.21-14.14-23.21-6.54 0-13.29 5.7-15.19 16.46-.42 2.74-.63 5.7-.63 8.86v64.78h-16.04V66.46zM471.22 13.71c.21 6.33-3.8 10.55-9.92 10.55-5.28 0-9.28-4.22-9.28-10.55s4.22-10.55 9.5-10.55c5.91 0 9.71 4.22 9.71 10.55zm-17.51 128.5V40.09h16.25v102.12h-16.25zM492.53 66.46c0-12.03-.63-18.15-.84-26.37h14.14l.84 12.24h.42c4.43-8.23 12.66-13.93 23.42-13.93 14.14 0 24.69 10.55 24.69 35.24v68.57h-16.25V76.38c0-12.03-2.32-24.26-14.14-24.26-6.75 0-13.29 5.7-15.4 16.67-.42 2.53-.63 5.7-.63 9.07v64.35h-16.25V66.46zM640.44 40.09c-.21 7.17-.84 16.25-.84 31.86v57.18c0 26.8-3.38 36.92-10.13 44.31-6.12 6.96-15.83 10.97-27.22 10.97-8.65 0-17.09-2.11-22.37-5.06l3.8-12.66c4.01 2.11 10.76 4.43 18.99 4.43 12.87 0 20.89-8.02 20.89-31.23v-10.34h-.42c-3.59 8.02-10.97 12.45-19.62 12.45-18.15 0-29.96-20.47-29.96-50.43 0-37.56 17.09-53.17 32.07-53.17 10.97 0 16.04 7.17 18.99 13.29h.42l.84-11.6h14.56zm-16.88 35.24c0-2.53-.21-5.27-.84-7.38-1.9-6.96-5.49-15.61-14.77-15.61-11.82 0-18.15 15.82-18.15 38.4 0 26.16 8.23 37.98 18.15 37.98 4.85 0 11.18-2.32 14.56-14.56.84-3.16 1.05-6.33 1.05-9.28V75.34zM320 240.39c17.7 0 32-14.3 32-32s-14.3-32-32-32H192c-17.7 0-32 14.3-32 32s14.3 32 32 32h32v32H48c-26.5 0-48 21.5-48 48v64.8c0 19 11.2 36.2 28.5 43.9l67.5 30v21.3c0 26.5 21.5 48 48 48h259.1c18.4 0 35.8-7.9 48-21.7l182.4-206.6c12.3-13.9-.3-35.4-18.4-31.5L448 304.39l-50.5-25.2c-8.9-4.4-18.7-6.8-28.6-6.8H288v-32h32zm-224 80v86.1l-48-21.3v-64.8h48zm46.95 18.49c8.55-1.46 20.57-2.55 37.49-2.55s29.3 3.28 37.49 9.83c7.83 6.19 13.1 16.38 13.1 28.39s-4 22.21-11.28 29.12c-9.46 8.92-23.48 12.92-39.86 12.92-3.64 0-6.92-.18-9.46-.55v43.86h-27.48V338.87zm27.48 55.69c2.37.55 5.28.73 9.28.73 14.74 0 23.84-7.46 23.84-20.02 0-11.28-7.83-18.02-21.66-18.02-5.64 0-9.46.55-11.47 1.09v36.22zm179.46 18.38c-.55-14.74-1.09-32.58-1.09-50.42h-.55c-3.82 15.65-8.92 33.12-13.65 47.5l-14.92 47.87h-21.66l-13.1-47.5c-4-14.38-8.19-31.85-11.1-47.87h-.36c-.73 16.56-1.27 35.49-2.18 50.78l-2.18 46.59h-25.66l7.83-122.67h36.95l12.01 40.95c3.82 14.2 7.64 29.49 10.37 43.86h.55c3.46-14.2 7.64-30.39 11.65-44.05l13.1-40.77h36.22l6.73 122.67h-27.12l-1.82-46.96zm49.13 22.75c5.1 3.09 15.65 6.73 23.84 6.73s11.83-2.91 11.83-7.46-2.73-6.73-13.1-10.19c-18.38-6.19-25.48-16.2-25.3-26.75 0-16.56 14.2-29.12 36.22-29.12 10.38 0 19.66 2.37 25.12 5.1l-4.91 19.11c-4-2.18-11.65-5.1-19.29-5.1-6.73 0-10.56 2.73-10.56 7.28 0 4.19 3.46 6.37 14.38 10.19 16.93 5.82 24.03 14.38 24.21 27.48 0 16.56-13.1 28.76-38.58 28.76-11.65 0-22.02-2.55-28.76-6.19l4.92-19.84z" />,
+});
+
+export default SvgComponent

package/src/Components/Layout/ScreenHeader.js

@@ -9,6 +9,8 @@ import {
 	SCREEN_MODES__FULL,
 	SCREEN_MODES__SIDE,
 } from '../../Constants/ScreenModes.js'
+import withModal from '../Hoc/withModal.js';
+import CircleQuestion from '../Icons/CircleQuestion';
 import FullWidth from '../Icons/FullWidth';
 import SideBySide from '../Icons/SideBySide';
 import UiGlobals from '../../UiGlobals.js';
@@ -16,18 +18,34 @@ import IconButton from '../Buttons/IconButton';
 import testProps from '../../Functions/testProps.js';
 import _ from 'lodash';
 
-export default function ScreenHeader(props) {
+function ScreenHeader(props) {
 	const {
 			title,
 			icon,
+			info,
+			_info = {},
 			useModeIcons = false,
 			allowSideBySide = false,
 			actualMode,
 			onFullWidth,
 			onSideBySide,
+
+			// withModal
+			showModal,
+			hideModal,
 		} = props,
 		textProps = {},
-		styles = UiGlobals.styles;
+		styles = UiGlobals.styles,
+		onShowInstructions = () => {
+			showModal({
+				title: 'Info',
+				body: info,
+				canClose: true,
+				onCancel: hideModal,
+
+				..._info,
+			});
+		};
 	if (styles.MANAGER_SCREEN_TITLE) {
 		textProps.style = {
 			fontFamily: styles.MANAGER_SCREEN_TITLE,
@@ -70,5 +88,19 @@ export default function ScreenHeader(props) {
 							tooltip="To side editor"
 						/>
 					</>}
+				{info && 
+					<IconButton
+						{...testProps('infoBtn')}
+						className="ml-5"
+						icon={CircleQuestion}
+						_icon={{
+							size: 'xl',
+							className: 'text-black',
+						}}
+						onPress={onShowInstructions}
+						tooltip="Show info"
+					/>}
 			</HStack>;
-}
+}
+
+export default withModal(ScreenHeader);

package/src/Components/Layout/SetupButton.js

@@ -0,0 +1,31 @@
+import { useSelector, useDispatch } from 'react-redux';
+import {
+	selectIsSetupMode,
+	toggleSetupMode,
+} from '@src/Models/Slices/AppSlice';
+import Button from '../Buttons/Button';
+import IconButton from '../Buttons/IconButton';
+import Gear from '../Icons/Gear';
+
+export default function SetupButton(props) {
+	const {
+			isMinimized = false,
+		} = props,
+		dispatch = useDispatch(),
+		isSetupMode = useSelector(selectIsSetupMode),
+		onPress = () => dispatch(toggleSetupMode());
+	return isMinimized ? 
+			<IconButton
+				icon={Gear}
+				onPress={onPress}
+				tooltip="Toggle Setup Mode"
+				className="SetupButton-IconButton"
+			/> : 
+			<Button
+				text={isSetupMode ? 'Exit Setup' : 'Setup'}
+				icon={Gear}
+				onPress={onPress}
+				tooltip="Toggle Setup Mode"
+				className="SetupButton-Button"
+			/>;
+};

package/src/Components/Layout/UserIndicator.js

@@ -0,0 +1,35 @@
+
+import {
+	HStack,
+	Icon,
+	Text,
+} from '@project-components/Gluestack';
+import clsx from 'clsx';
+import { useSelector, useDispatch } from 'react-redux';
+import {
+	logout,
+	selectUser,
+} from '@src/Models/Slices/AppSlice';
+import IconButton from '../Buttons/IconButton';
+import RightFromBracket from '../Icons/RightFromBracket';
+import User from '../Icons/User';
+
+export default function UserIndicator(props) {
+	const {
+			isMinimized = false,
+		} = props,
+		dispatch = useDispatch(),
+		user = useSelector(selectUser);
+	if (!user) {
+		return null;
+	}
+	return <IconButton
+				onPress={() => dispatch(logout())}
+				icon={isMinimized ? RightFromBracket : User}
+				text={isMinimized ? null : user.full_name}
+				rightIcon={isMinimized ? null : RightFromBracket}
+				tooltip="Logout"
+				className="UserIndicator"
+				_text={{ className: 'text-black' }}
+			/>;
+}

package/src/Components/Panel/Panel.js

@@ -50,6 +50,7 @@ function Panel(props) {
 			disableTitleChange = false,
 
 			// Content
+			renderWhileCollapsed = false,
 			topToolbar = null,
 			children = null,
 			bottomToolbar = null,
@@ -139,14 +140,7 @@ function Panel(props) {
 		className += ' ' + filteredClassName;
 	}
 
-	return <VStackNative
-				{...testProps(self?.reference)}
-				className={className}
-				style={style}
-			>
-				{isDisabled && <Mask />}
-				{headerComponent}
-				{!isCollapsed && <>
+	let content = <>
 					{topToolbar}
 					<VStack
 						className={clsx(
@@ -169,7 +163,41 @@ function Panel(props) {
 					</VStack>
 					{bottomToolbar}
 					{footer}
-				</>}
+				</>;
+	if (renderWhileCollapsed) {
+		content = <Box
+					className={clsx(
+						'Panel-Box',
+						...(isCollapsed ? 
+							[
+								'w-[0px]',
+								'h-[0px]',
+								'overflow-hidden',
+							] :
+							[
+								'w-full',
+								'h-full',
+							])
+					)}
+				>
+					{content}
+				</Box>;
+	} else {
+		if (isCollapsed) {
+			// hide the content when collapsed
+			content = null;
+		}
+	}
+	
+
+	return <VStackNative
+				{...testProps(self?.reference)}
+				className={className}
+				style={style}
+			>
+				{isDisabled && <Mask />}
+				{headerComponent}
+				{content}
 			</VStackNative>;
 
 }

package/src/Components/Pms/Editor/BumpPmsEditor.js

@@ -0,0 +1,9 @@
+import PmEventsEditor from './PmEventsEditor.js';
+
+export default function BumpPmsEditor(props) {
+	return <PmEventsEditor
+				isBump={true}
+				{...props}
+			/>;
+}
+