Build

src/icons/Apple1.tsx

@@ -28,7 +28,7 @@ interface Apple1Props extends React.SVGProps<SVGSVGElement> {
 }
 
 const Apple1: React.FC<Apple1Props> = ({ size = 24, color, strokeWidth = 2, color1, color2, className, ...props }) => (
-  <svg className={`${className} text-foreground`} color={color} width={size} height={size} {...props} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"   fill="none"><g clip-path="url(#a)"><path strokeWidth={strokeWidth} stroke={color ? color : "currentColor"} stroke-linecap="round" stroke-linejoin="round" stroke- d="M12 7S8 5 6 5s-4 2-4 5 2 12 5 12 2.5-1 5-1 2 1 5 1 5-9 5-12-2-5-4-5-6 2-6 2m0 0c.044-2.682-.17-3.975-2-5"/></g><defs><clipPath id="a"><path strokeWidth={strokeWidth}  fill={color ? color : "currentColor"} d="M0 0h24v24H0z"/></clipPath></defs></svg>
+  <svg className={`${className} text-foreground`} color={color} width={size} height={size} {...props} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"   fill="none"><path strokeWidth={strokeWidth} stroke={color ? color : "currentColor"} stroke-linecap="round" stroke-linejoin="round" stroke- d="M12 7S8 5 6 5s-4 2-4 5 2 12 5 12 2.5-1 5-1 2 1 5 1 5-9 5-12-2-5-4-5-6 2-6 2m0 0c.044-2.682-.17-3.975-2-5"/></svg>
 );
 
 export default Apple1;

src/icons/Apple2.tsx

@@ -28,7 +28,7 @@ interface Apple2Props extends React.SVGProps<SVGSVGElement> {
 }
 
 const Apple2: React.FC<Apple2Props> = ({ size = 24, color, strokeWidth = 2, color1, color2, className, ...props }) => (
-  <svg className={`${className} text-foreground`} color={color} width={size} height={size} {...props} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"   fill="none"><path strokeWidth={strokeWidth} stroke={color ? color : "currentColor"} stroke-linecap="round" stroke-linejoin="round" stroke- d="M13 7S9 5 7 5s-4 2-4 5 2 12 5 12 2.5-1 5-1 2 1 5 1c1.285 0 2.386-1.65 3.226-3.774L18 15l2-3-2-2.611L21.389 6c-.695-.641-1.542-1-2.389-1-2 0-6 2-6 2m0 0c.044-2.682-.17-3.975-2-5"/></svg>
+  <svg className={`${className} text-foreground`} color={color} width={size} height={size} {...props} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"   fill="none"><path strokeWidth={strokeWidth} stroke={color ? color : "currentColor"} stroke-linecap="round" stroke-linejoin="round" stroke- d="M12 7S8 5 6 5s-4 2-4 5 2 12 5 12 2.5-1 5-1 2 1 5 1 5-9 5-12-2-5-4-5-6 2-6 2m0 0c.044-2.682-.17-3.975-2-5M9 9c-2.253-.226-2.945.317-3 3"/></svg>
 );
 
 export default Apple2;

src/icons/AppleBitten.tsx

@@ -0,0 +1,35 @@
+
+import React from 'react';
+
+/**
+ * @component
+ * @name AppleBitten
+ * @description Automatically generated SVG icon component for AppleBitten.
+ * @param {object} props - SVG component props, including any valid SVG attribute.
+ * @param {number} [props.size=24] - Icon size.
+ * @param {string} [props.color] - Icon color.
+ * @param {number} [props.strokeWidth=2] - Stroke width.
+ * @param {string} [props.color1] - First fill color (for icons with two colors).
+ * @param {string} [props.color2] - Second fill color (for icons with two colors).
+ * @param {string} [props.className] - Additional CSS class for the icon.
+ * @author José Campillo
+ * @website ethereal.dev
+ * @twitter https://x.com/Chema12071
+ * @returns {JSX.Element} JSX element representing the SVG icon.
+ */
+
+interface AppleBittenProps extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+  strokeWidth?: number;
+  color1?: string;
+  color2?: string;
+  className?: string;
+}
+
+const AppleBitten: React.FC<AppleBittenProps> = ({ size = 24, color, strokeWidth = 2, color1, color2, className, ...props }) => (
+  <svg className={`${className} text-foreground`} color={color} width={size} height={size} {...props} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"   fill="none"><path strokeWidth={strokeWidth} stroke={color ? color : "currentColor"} stroke-linecap="round" stroke-linejoin="round" stroke- d="M12 7S8 5 6 5c-.787 0-1.574.31-2.239.868-.459.385-.3 1.08.225 1.37l4.285 2.36a1 1 0 0 1 .466 1.192l-.105.313a6 6 0 0 0 0 3.794l.105.315a1 1 0 0 1-.464 1.19L4.795 18.33c-.45.25-.643.804-.406 1.262C5.126 21.017 6.009 22 7 22c3 0 2.5-1 5-1s2 1 5 1c.992 0 1.874-.983 2.611-2.408.237-.458.045-1.012-.406-1.262l-3.478-1.927a1 1 0 0 1-.464-1.191l.104-.315a6 6 0 0 0 0-3.794l-.104-.313a1 1 0 0 1 .466-1.192l4.285-2.36c.524-.29.684-.985.225-1.37C19.573 5.309 18.787 5 18 5c-2 0-6 2-6 2m0 0c.044-2.682-.17-3.975-2-5"/></svg>
+);
+
+export default AppleBitten;
+

src/icons/Ethereal.tsx

@@ -6,6 +6,7 @@ import Accesibility3 from './Accesibility3';
 import Accesibility4 from './Accesibility4';
 import Apple1 from './Apple1';
 import Apple2 from './Apple2';
+import AppleBitten from './AppleBitten';
 import Audac from './Audac';
 import AudacLight from './AudacLight';
 import Baby1 from './Baby1';
@@ -199,6 +200,7 @@ import Mana from './Mana';
 import Mask from './Mask';
 import Moon from './Moon';
 import MoonStar from './MoonStar';
+import Next from './Next';
 import Octagon from './Octagon';
 import OctagonAlert from './OctagonAlert';
 import OctagonAlertDashed from './OctagonAlertDashed';
@@ -224,7 +226,9 @@ import PentagonPause from './PentagonPause';
 import PentagonPauseDashed from './PentagonPauseDashed';
 import PentagonX from './PentagonX';
 import PentagonXDashed from './PentagonXDashed';
+import Play from './Play';
 import PokerFace from './PokerFace';
+import Previous from './Previous';
 import Sad from './Sad';
 import Scan from './Scan';
 import ScanBarcode from './ScanBarcode';
@@ -288,7 +292,7 @@ interface IconProps extends React.SVGProps<SVGSVGElement> {
 }
 
 const Ethereal: React.FC<IconProps> = ({ name, size = 24, color, strokeWidth = 2, color1, color2, className, ...props }) => {
-  const icons = { Accesibility1, Accesibility2, Accesibility3, Accesibility4, Apple1, Apple2, Audac, AudacLight, Baby1, Baby2, Baby3, Baby4, Badge1, Badge1Cent, Badge1Check, Badge1Dollarsign, Badge1Euro, Badge1Help, Badge1Info, Badge1Minus, Badge1Percent, Badge1Plus, Badge1X, Badge2, Badge2Cent, Badge2Check, Badge2Dollarsign, Badge2Euro, Badge2Help, Badge2Info, Badge2Minus, Badge2Percent, Badge2Plus, Badge2X, Badge3, Badge3Cent, Badge3Check, Badge3Dollarsign, Badge3Euro, Badge3Help, Badge3Info, Badge3Minus, Badge3Percent, Badge3Plus, Badge3X, Badge4, Badge4Cent, Badge4Check, Badge4Dollarsign, Badge4Euro, Badge4Help, Badge4Info, Badge4Minus, Badge4Percent, Badge4Plus, Badge4X, Bolt, Bolt2, Boost, BoosthubIntello, BulbIntello, CheckIntello, ChevronDown, ChevronDownDashed, ChevronFirst, ChevronFirstDashed, ChevronLast, ChevronLastDashed, ChevronLeft, ChevronLeftDashed, ChevronRight, ChevronRightDashed, ChevronUp, ChevronUpDashed, ChevronsDown, ChevronsDownDashed, ChevronsDownUp, ChevronsDownUpDashed, ChevronsLeft, ChevronsLeftDashed, ChevronsLeftRight, ChevronsLeftRightDashed, ChevronsRight, ChevronsRightDashed, ChevronsRightLeft, ChevronsRightLeftDashed, ChevronsUp, ChevronsUpDashed, ChevronsUpDown, ChevronsUpDownDashed, Circle, CircleChevronDown, CircleChevronDownDashed, CircleChevronLeft, CircleChevronLeftDashed, CircleChevronRight, CircleChevronRightDashed, CircleChevronUp, CircleChevronUpDashed, CircleDashed, CircleDot, CircleDotDashed, Colecto, ColectoLight, Contrast1, Contrast2, Contrast3, Contrast4, DevelopmentIntello, Diamond, DiamondDot, DiamondDotDashed, Donut, Eclipse, EtherealLogo, Eye1, Eye1Closed, Eye2, Eye2Closed, Eye3, Eye3Closed, Eye4, Eye4Closed, FingerMiddle, FingerPointingDown, FingerPointingDown2, FingerPointingLeft, FingerPointingLeft2, FingerPointingRight, FingerPointingRight2, FingerPointingUp, FingerPointingUp2, Forge, Glasses1, Glasses10, Glasses11, Glasses12, Glasses2, Glasses3, Glasses4, Glasses5, Glasses6, Glasses7, Glasses8, Glasses9, Grab, Grow, Habitaloo, HabitalooInvert, HalfMoon, HalfMoonStar, HalfMoonStars, Hand, HandPeaceSign, Hexagon, HexagonAlert, HexagonAlertDashed, HexagonDashed, HexagonPause, HexagonPauseDashed, HexagonX, HexagonXDashed, Home1, Home10, Home2, Home3, Home4, Home5, Home6, Home7, Home8, Home9, HomeHelp, HomeHelp2, HomeInfo, HomeInfo2, HomeMinus, HomeMinus2, HomePlus, HomePlus2, HomeUpgrade, HomeUpgrade2, HomeX, HomeX2, House1, House2, House3, House4, House5, House6, Intello, IntelloLight, LifeSaver, Lojit, LojitLight, Mana, Mask, Moon, MoonStar, Octagon, OctagonAlert, OctagonAlertDashed, OctagonDashed, OctagonPause, OctagonPauseDashed, OctagonX, OctagonXDashed, OnboardingIntello, PanelBottomClose, PanelBottomOpen, PanelLeftClose, PanelLeftOpen, PanelRightClose, PanelRightOpen, PanelUpClose, PanelUpOpen, Pentagon, PentagonAlert, PentagonAlertDashed, PentagonDashed, PentagonPause, PentagonPauseDashed, PentagonX, PentagonXDashed, PokerFace, Sad, Scan, ScanBarcode, ScanEye, ScanFile, ScanLine, ScanQrCode, ScanSearch, ScanText, Search, SearchCheck, SearchCode, SearchPlus, SearchPlus1, SearchX, Settings, Settings2, Settings3, Smile, Square, SquareChevronDown, SquareChevronLeft, SquareChevronRight, SquareChevronUp, SquareDot, SquareDotDashed, Studio, Terminal, ThumbsDown, ThumbsUp, Triangle, Typescript, Typescript1, UploadIntello, User1, User1Check, User2, User2Check, User3, User3Check, User4, User4Check, Warehouse1, Warehouse1Open, Warehouse1Semiopen, Warehouse2, Warehouse2Open, Warehouse2Semiopen, Zetline, ZetlineLight };
+  const icons = { Accesibility1, Accesibility2, Accesibility3, Accesibility4, Apple1, Apple2, AppleBitten, Audac, AudacLight, Baby1, Baby2, Baby3, Baby4, Badge1, Badge1Cent, Badge1Check, Badge1Dollarsign, Badge1Euro, Badge1Help, Badge1Info, Badge1Minus, Badge1Percent, Badge1Plus, Badge1X, Badge2, Badge2Cent, Badge2Check, Badge2Dollarsign, Badge2Euro, Badge2Help, Badge2Info, Badge2Minus, Badge2Percent, Badge2Plus, Badge2X, Badge3, Badge3Cent, Badge3Check, Badge3Dollarsign, Badge3Euro, Badge3Help, Badge3Info, Badge3Minus, Badge3Percent, Badge3Plus, Badge3X, Badge4, Badge4Cent, Badge4Check, Badge4Dollarsign, Badge4Euro, Badge4Help, Badge4Info, Badge4Minus, Badge4Percent, Badge4Plus, Badge4X, Bolt, Bolt2, Boost, BoosthubIntello, BulbIntello, CheckIntello, ChevronDown, ChevronDownDashed, ChevronFirst, ChevronFirstDashed, ChevronLast, ChevronLastDashed, ChevronLeft, ChevronLeftDashed, ChevronRight, ChevronRightDashed, ChevronUp, ChevronUpDashed, ChevronsDown, ChevronsDownDashed, ChevronsDownUp, ChevronsDownUpDashed, ChevronsLeft, ChevronsLeftDashed, ChevronsLeftRight, ChevronsLeftRightDashed, ChevronsRight, ChevronsRightDashed, ChevronsRightLeft, ChevronsRightLeftDashed, ChevronsUp, ChevronsUpDashed, ChevronsUpDown, ChevronsUpDownDashed, Circle, CircleChevronDown, CircleChevronDownDashed, CircleChevronLeft, CircleChevronLeftDashed, CircleChevronRight, CircleChevronRightDashed, CircleChevronUp, CircleChevronUpDashed, CircleDashed, CircleDot, CircleDotDashed, Colecto, ColectoLight, Contrast1, Contrast2, Contrast3, Contrast4, DevelopmentIntello, Diamond, DiamondDot, DiamondDotDashed, Donut, Eclipse, EtherealLogo, Eye1, Eye1Closed, Eye2, Eye2Closed, Eye3, Eye3Closed, Eye4, Eye4Closed, FingerMiddle, FingerPointingDown, FingerPointingDown2, FingerPointingLeft, FingerPointingLeft2, FingerPointingRight, FingerPointingRight2, FingerPointingUp, FingerPointingUp2, Forge, Glasses1, Glasses10, Glasses11, Glasses12, Glasses2, Glasses3, Glasses4, Glasses5, Glasses6, Glasses7, Glasses8, Glasses9, Grab, Grow, Habitaloo, HabitalooInvert, HalfMoon, HalfMoonStar, HalfMoonStars, Hand, HandPeaceSign, Hexagon, HexagonAlert, HexagonAlertDashed, HexagonDashed, HexagonPause, HexagonPauseDashed, HexagonX, HexagonXDashed, Home1, Home10, Home2, Home3, Home4, Home5, Home6, Home7, Home8, Home9, HomeHelp, HomeHelp2, HomeInfo, HomeInfo2, HomeMinus, HomeMinus2, HomePlus, HomePlus2, HomeUpgrade, HomeUpgrade2, HomeX, HomeX2, House1, House2, House3, House4, House5, House6, Intello, IntelloLight, LifeSaver, Lojit, LojitLight, Mana, Mask, Moon, MoonStar, Next, Octagon, OctagonAlert, OctagonAlertDashed, OctagonDashed, OctagonPause, OctagonPauseDashed, OctagonX, OctagonXDashed, OnboardingIntello, PanelBottomClose, PanelBottomOpen, PanelLeftClose, PanelLeftOpen, PanelRightClose, PanelRightOpen, PanelUpClose, PanelUpOpen, Pentagon, PentagonAlert, PentagonAlertDashed, PentagonDashed, PentagonPause, PentagonPauseDashed, PentagonX, PentagonXDashed, Play, PokerFace, Previous, Sad, Scan, ScanBarcode, ScanEye, ScanFile, ScanLine, ScanQrCode, ScanSearch, ScanText, Search, SearchCheck, SearchCode, SearchPlus, SearchPlus1, SearchX, Settings, Settings2, Settings3, Smile, Square, SquareChevronDown, SquareChevronLeft, SquareChevronRight, SquareChevronUp, SquareDot, SquareDotDashed, Studio, Terminal, ThumbsDown, ThumbsUp, Triangle, Typescript, Typescript1, UploadIntello, User1, User1Check, User2, User2Check, User3, User3Check, User4, User4Check, Warehouse1, Warehouse1Open, Warehouse1Semiopen, Warehouse2, Warehouse2Open, Warehouse2Semiopen, Zetline, ZetlineLight };
   const IconComponent = icons[name];
   if (!IconComponent) {
     return null;

src/icons/Next.tsx

@@ -0,0 +1,35 @@
+
+import React from 'react';
+
+/**
+ * @component
+ * @name Next
+ * @description Automatically generated SVG icon component for Next.
+ * @param {object} props - SVG component props, including any valid SVG attribute.
+ * @param {number} [props.size=24] - Icon size.
+ * @param {string} [props.color] - Icon color.
+ * @param {number} [props.strokeWidth=2] - Stroke width.
+ * @param {string} [props.color1] - First fill color (for icons with two colors).
+ * @param {string} [props.color2] - Second fill color (for icons with two colors).
+ * @param {string} [props.className] - Additional CSS class for the icon.
+ * @author José Campillo
+ * @website ethereal.dev
+ * @twitter https://x.com/Chema12071
+ * @returns {JSX.Element} JSX element representing the SVG icon.
+ */
+
+interface NextProps extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+  strokeWidth?: number;
+  color1?: string;
+  color2?: string;
+  className?: string;
+}
+
+const Next: React.FC<NextProps> = ({ size = 24, color, strokeWidth = 2, color1, color2, className, ...props }) => (
+  <svg className={`${className} text-foreground`} color={color} width={size} height={size} {...props} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"   fill="none"><path strokeWidth={strokeWidth} stroke={color ? color : "currentColor"} stroke-linejoin="round" stroke- d="m5.941 5.569 8.75 4.666c1.412.753 1.412 2.777 0 3.53l-8.75 4.666C4.61 19.141 3 18.176 3 16.667V7.333c0-1.51 1.609-2.475 2.941-1.764Z"/><path strokeWidth={strokeWidth} stroke={color ? color : "currentColor"} stroke-linecap="round" stroke-linejoin="round" stroke- d="M21 5v14"/></svg>
+);
+
+export default Next;
+

src/icons/Play.tsx

@@ -0,0 +1,35 @@
+
+import React from 'react';
+
+/**
+ * @component
+ * @name Play
+ * @description Automatically generated SVG icon component for Play.
+ * @param {object} props - SVG component props, including any valid SVG attribute.
+ * @param {number} [props.size=24] - Icon size.
+ * @param {string} [props.color] - Icon color.
+ * @param {number} [props.strokeWidth=2] - Stroke width.
+ * @param {string} [props.color1] - First fill color (for icons with two colors).
+ * @param {string} [props.color2] - Second fill color (for icons with two colors).
+ * @param {string} [props.className] - Additional CSS class for the icon.
+ * @author José Campillo
+ * @website ethereal.dev
+ * @twitter https://x.com/Chema12071
+ * @returns {JSX.Element} JSX element representing the SVG icon.
+ */
+
+interface PlayProps extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+  strokeWidth?: number;
+  color1?: string;
+  color2?: string;
+  className?: string;
+}
+
+const Play: React.FC<PlayProps> = ({ size = 24, color, strokeWidth = 2, color1, color2, className, ...props }) => (
+  <svg className={`${className} text-foreground`} color={color} width={size} height={size} {...props} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"   fill="none"><path strokeWidth={strokeWidth} stroke={color ? color : "currentColor"} stroke-linejoin="round" stroke- d="m5.932 3.543 12.705 6.687c1.425.75 1.425 2.79 0 3.54L5.931 20.457C4.6 21.158 3 20.192 3 18.687V5.313c0-1.505 1.6-2.471 2.932-1.77Z"/></svg>
+);
+
+export default Play;
+

src/icons/Previous.tsx

@@ -0,0 +1,35 @@
+
+import React from 'react';
+
+/**
+ * @component
+ * @name Previous
+ * @description Automatically generated SVG icon component for Previous.
+ * @param {object} props - SVG component props, including any valid SVG attribute.
+ * @param {number} [props.size=24] - Icon size.
+ * @param {string} [props.color] - Icon color.
+ * @param {number} [props.strokeWidth=2] - Stroke width.
+ * @param {string} [props.color1] - First fill color (for icons with two colors).
+ * @param {string} [props.color2] - Second fill color (for icons with two colors).
+ * @param {string} [props.className] - Additional CSS class for the icon.
+ * @author José Campillo
+ * @website ethereal.dev
+ * @twitter https://x.com/Chema12071
+ * @returns {JSX.Element} JSX element representing the SVG icon.
+ */
+
+interface PreviousProps extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+  strokeWidth?: number;
+  color1?: string;
+  color2?: string;
+  className?: string;
+}
+
+const Previous: React.FC<PreviousProps> = ({ size = 24, color, strokeWidth = 2, color1, color2, className, ...props }) => (
+  <svg className={`${className} text-foreground`} color={color} width={size} height={size} {...props} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"   fill="none"><path strokeWidth={strokeWidth} stroke={color ? color : "currentColor"} stroke-linejoin="round" stroke- d="m18.059 18.431-8.75-4.666c-1.412-.753-1.412-2.777 0-3.53l8.75-4.666C19.39 4.859 21 5.824 21 7.333v9.334c0 1.51-1.609 2.475-2.941 1.764Z"/><path strokeWidth={strokeWidth} stroke={color ? color : "currentColor"} stroke-linecap="round" stroke-linejoin="round" stroke- d="M3 19V5"/></svg>
+);
+
+export default Previous;
+

src/icons/types.ts

@@ -5,6 +5,7 @@ export type IconName =
   | "Accesibility4"
   | "Apple1"
   | "Apple2"
+  | "AppleBitten"
   | "Baby1"
   | "Baby2"
   | "Baby3"
@@ -203,6 +204,7 @@ export type IconName =
   | "Mask"
   | "MoonStar"
   | "Moon"
+  | "Next"
   | "OctagonAlertDashed"
   | "OctagonAlert"
   | "OctagonDashed"
@@ -227,7 +229,9 @@ export type IconName =
   | "PentagonXDashed"
   | "PentagonX"
   | "Pentagon"
+  | "Play"
   | "PokerFace"
+  | "Previous"
   | "Sad"
   | "ScanBarcode"
   | "ScanEye"

src/index.ts

@@ -4,6 +4,7 @@ export { default as Accesibility3 } from './icons/Accesibility3';
 export { default as Accesibility4 } from './icons/Accesibility4';
 export { default as Apple1 } from './icons/Apple1';
 export { default as Apple2 } from './icons/Apple2';
+export { default as AppleBitten } from './icons/AppleBitten';
 export { default as Audac } from './icons/Audac';
 export { default as AudacLight } from './icons/AudacLight';
 export { default as Baby1 } from './icons/Baby1';
@@ -198,6 +199,7 @@ export { default as Mana } from './icons/Mana';
 export { default as Mask } from './icons/Mask';
 export { default as Moon } from './icons/Moon';
 export { default as MoonStar } from './icons/MoonStar';
+export { default as Next } from './icons/Next';
 export { default as Octagon } from './icons/Octagon';
 export { default as OctagonAlert } from './icons/OctagonAlert';
 export { default as OctagonAlertDashed } from './icons/OctagonAlertDashed';
@@ -223,7 +225,9 @@ export { default as PentagonPause } from './icons/PentagonPause';
 export { default as PentagonPauseDashed } from './icons/PentagonPauseDashed';
 export { default as PentagonX } from './icons/PentagonX';
 export { default as PentagonXDashed } from './icons/PentagonXDashed';
+export { default as Play } from './icons/Play';
 export { default as PokerFace } from './icons/PokerFace';
+export { default as Previous } from './icons/Previous';
 export { default as Sad } from './icons/Sad';
 export { default as Scan } from './icons/Scan';
 export { default as ScanBarcode } from './icons/ScanBarcode';