@bigbinary/neeto-icons-rn 1.20.28 → 1.20.30

package/dist/elements/Alert.js

@@ -0,0 +1,21 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+const SvgAlert = (props) => (
+  <Svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={props.size}
+    height={props.size}
+    fill="none"
+    {...props}
+  >
+    <Path
+      stroke="#101828"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M40 10.332v4M38.363 4.923l-8.107 13.534a1.915 1.915 0 0 0 1.636 2.871h16.214a1.913 1.913 0 0 0 1.636-2.87L41.638 4.922a1.913 1.913 0 0 0-3.275 0zM40 17.332h.01"
+      data-dark-mode-color="true"
+    />
+  </Svg>
+);
+export default SvgAlert;

package/dist/elements/AndroidMockup.js

@@ -0,0 +1,166 @@
+import * as React from "react";
+import Svg, {
+  Path,
+  G,
+  ForeignObject,
+  Rect,
+  Circle,
+  Defs,
+  RadialGradient,
+  Stop,
+  ClipPath,
+} from "react-native-svg";
+/* SVGR has dropped some elements not supported by react-native-svg: div, filter */
+const SvgAndroidMockup = (props) => (
+  <Svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={props.size}
+    height={props.size}
+    fill="none"
+    {...props}
+  >
+    <Path
+      fill="#101828"
+      stroke="#1A1A1A"
+      strokeWidth={0.058}
+      d="M35.308 1.029h8.519c.446 0 .784.134 1.01.36.227.227.346.55.346.933V23.75c0 .674-.547 1.221-1.221 1.221H35.25a1.22 1.22 0 0 1-1.221-1.221V2.298c0-.678.474-1.27 1.279-1.27Z"
+    />
+    <G clipPath="url(#AndroidMockup_svg__a)" data-figma-skip-parse="true">
+      <ForeignObject
+        width={2028.12}
+        height={2028.12}
+        x={-1014.06}
+        y={-1014.06}
+        transform="matrix(0 .01188 -.00547 0 39.606 12.99)"
+      ></ForeignObject>
+    </G>
+    <Path
+      stroke="#1A1A1A"
+      strokeWidth={0.058}
+      d="M43.87 1.144h-8.543c-.364 0-.654.113-.853.314-.2.201-.31.493-.31.854V23.76c0 .594.481 1.076 1.076 1.076h8.731c.595 0 1.077-.482 1.077-1.077l.02-21.432zm0 0c.41 0 .708.131.904.342m-.904-.342.904.342m0 0c.196.212.293.507.293.84z"
+      data-figma-gradient-fill='{"type":"GRADIENT_ANGULAR","stops":[{"color":{"r":0.36250001192092896,"g":0.36250001192092896,"b":0.36250001192092896,"a":1.0},"position":0.10635985434055328},{"color":{"r":0.27058824896812439,"g":0.27058824896812439,"b":0.27058824896812439,"a":1.0},"position":0.11186322569847107},{"color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"position":0.11982651799917221},{"color":{"r":0.27450981736183167,"g":0.27450981736183167,"b":0.27450981736183167,"a":1.0},"position":0.13199278712272644},{"color":{"r":0.38823530077934265,"g":0.38039216399192810,"b":0.38039216399192810,"a":1.0},"position":0.23730345070362091},{"color":{"r":0.37647059559822083,"g":0.37647059559822083,"b":0.37647059559822083,"a":1.0},"position":0.37260404229164124},{"color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"position":0.37751340866088867},{"color":{"r":0.67058825492858887,"g":0.67058825492858887,"b":0.67058825492858887,"a":1.0},"position":0.38721415400505066},{"color":{"r":0.42745098471641541,"g":0.42745098471641541,"b":0.42745098471641541,"a":1.0},"position":0.43555471301078796},{"color":{"r":0.47843137383460999,"g":0.47843137383460999,"b":0.47843137383460999,"a":1.0},"position":0.49854609370231628},{"color":{"r":0.48627451062202454,"g":0.48627451062202454,"b":0.48627451062202454,"a":1.0},"position":0.59296053647994995},{"color":{"r":0.32941177487373352,"g":0.32941177487373352,"b":0.32941177487373352,"a":1.0},"position":0.61530184745788574},{"color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"position":0.62385094165802002},{"color":{"r":0.31372550129890442,"g":0.31372550129890442,"b":0.31372550129890442,"a":1.0},"position":0.63043242692947388},{"color":{"r":0.26666668057441711,"g":0.26666668057441711,"b":0.26666668057441711,"a":1.0},"position":0.83896654844284058},{"color":{"r":0.20392157137393951,"g":0.20392157137393951,"b":0.20392157137393951,"a":1.0},"position":0.86663019657135010},{"color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"position":0.87697714567184448},{"color":{"r":0.14509804546833038,"g":0.14509804546833038,"b":0.15294118225574493,"a":1.0},"position":0.88708794116973877},{"color":{"r":0.21176470816135406,"g":0.21176470816135406,"b":0.21176470816135406,"a":1.0},"position":0.96724039316177368}],"stopsVar":[],"transform":{"m00":6.7002323125020806e-16,"m01":-10.942309379577637,"m02":45.076831817626953,"m10":23.750,"m11":1.4542682201629481e-15,"m12":1.1152343750},"opacity":1.0,"blendMode":"NORMAL","visible":true}'
+    />
+    <Path
+      fill="#F6F7F8"
+      stroke="#101828"
+      strokeWidth={0.019}
+      d="M43.866 1.27h-8.5c-.315 0-.58.084-.766.261-.186.178-.292.446-.292.81v21.42c0 .535.435.97.97.97h8.684a.97.97 0 0 0 .97-.97V2.336c0-.343-.105-.61-.291-.792-.187-.181-.454-.275-.776-.275Z"
+    />
+    <Rect
+      width={4.269}
+      height={0.087}
+      x={37.49}
+      y={1.115}
+      fill="#1A1A1A"
+      rx={0.043}
+    />
+    <G filter="url(#AndroidMockup_svg__b)">
+      <Circle cx={39.62} cy={1.88} r={0.255} fill="#101828" />
+      <Circle
+        cx={39.62}
+        cy={1.88}
+        r={0.243}
+        stroke="url(#AndroidMockup_svg__c)"
+        strokeWidth={0.024}
+      />
+    </G>
+    <Path
+      fill="url(#AndroidMockup_svg__d)"
+      d="M39.723 1.993a.153.153 0 1 1-.205-.227.153.153 0 0 1 .204.227"
+    />
+    <G clipPath="url(#AndroidMockup_svg__e)" data-figma-skip-parse="true">
+      <ForeignObject
+        width={3012.95}
+        height={3012.95}
+        x={-1506.47}
+        y={-1506.47}
+        transform="matrix(-.00011 .0001 -.0001 -.00011 39.62 1.88)"
+      ></ForeignObject>
+    </G>
+    <Path
+      d="M39.723 1.993a.153.153 0 1 1-.205-.227.153.153 0 0 1 .204.227"
+      data-figma-gradient-fill='{"type":"GRADIENT_ANGULAR","stops":[{"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.0},"position":0.41145834326744080},{"color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"position":0.51041668653488159},{"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.0},"position":0.81770831346511841}],"stopsVar":[],"transform":{"m00":-0.22716559469699860,"m01":-0.20467200875282288,"m02":39.836090087890625,"m10":0.20467200875282288,"m11":-0.22716559469699860,"m12":1.8906952142715454},"opacity":1.0,"blendMode":"NORMAL","visible":true}'
+    />
+    <G clipPath="url(#AndroidMockup_svg__f)" data-figma-skip-parse="true">
+      <ForeignObject
+        width={3012.95}
+        height={3012.95}
+        x={-1506.47}
+        y={-1506.47}
+        transform="matrix(-.00011 .0001 -.0001 -.00011 39.62 1.88)"
+      ></ForeignObject>
+    </G>
+    <Path
+      d="M39.723 1.993a.153.153 0 1 1-.205-.227.153.153 0 0 1 .204.227"
+      data-figma-gradient-fill='{"type":"GRADIENT_ANGULAR","stops":[{"color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"position":0.094018273055553436},{"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.12999999523162842},"position":0.16808699071407318},{"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.12999999523162842},"position":0.30014511942863464},{"color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"position":0.45887422561645508},{"color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"position":0.63354188203811646},{"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.0},"position":0.67736220359802246},{"color":{"r":0.0,"g":0.0,"b":0.0,"a":0.0},"position":0.88046979904174805},{"color":{"r":0.0,"g":0.0,"b":0.0,"a":1.0},"position":1.0}],"stopsVar":[],"transform":{"m00":-0.22716559469699860,"m01":-0.20467200875282288,"m02":39.836090087890625,"m10":0.20467200875282288,"m11":-0.22716559469699860,"m12":1.8906952142715454},"opacity":1.0,"blendMode":"NORMAL","visible":true}'
+    />
+    <Path
+      fill="url(#AndroidMockup_svg__g)"
+      d="M39.708 1.837a.054.054 0 0 1-.06.043.05.05 0 0 1-.04-.058.054.054 0 0 1 .06-.043c.028.004.046.03.04.058"
+    />
+    <G
+      fill="#1A1A1A"
+      stroke="#1A1A1A"
+      strokeWidth={0.01}
+      filter="url(#AndroidMockup_svg__h)"
+    >
+      <Path d="M45.217 4.716h.052c.024 0 .044.02.044.043v2.779c0 .024-.02.043-.044.043h-.052zM45.217 9.485h.052c.024 0 .044.02.044.044v1.432c0 .024-.02.043-.044.043h-.052z" />
+    </G>
+    <Path
+      fill="#191919"
+      d="M43.461 24.808h.212V25h-.212zM35.481 24.808h.212V25h-.212zM45.039 3.077h.173v.26h-.173zM34 3.077h.192v.26H34z"
+    />
+    <Defs>
+      <RadialGradient
+        id="AndroidMockup_svg__c"
+        cx={0}
+        cy={0}
+        r={1}
+        gradientTransform="rotate(55.222 18.153 38.548)scale(.5584)"
+        gradientUnits="userSpaceOnUse"
+      >
+        <Stop stopColor="#121212" />
+        <Stop offset={1} stopColor="#090909" />
+      </RadialGradient>
+      <RadialGradient
+        id="AndroidMockup_svg__d"
+        cx={0}
+        cy={0}
+        r={1}
+        gradientTransform="matrix(-.11358 .10234 -.10234 -.11358 39.62 1.88)"
+        gradientUnits="userSpaceOnUse"
+      >
+        <Stop offset={0.214} stopColor="#191919" />
+        <Stop offset={0.271} stopColor="#365153" />
+        <Stop offset={0.396} stopColor="#1F5558" />
+        <Stop offset={0.516} stopColor="#60ACBA" />
+        <Stop offset={0.714} stopColor="#416961" />
+        <Stop offset={0.917} stopColor="#191919" />
+      </RadialGradient>
+      <RadialGradient
+        id="AndroidMockup_svg__g"
+        cx={0}
+        cy={0}
+        r={1}
+        gradientTransform="rotate(101.258 19.078 17.186)scale(.05136 .05049)"
+        gradientUnits="userSpaceOnUse"
+      >
+        <Stop offset={0.125} stopColor="#58A9D7" />
+        <Stop offset={1} stopOpacity={0} />
+      </RadialGradient>
+      <ClipPath id="AndroidMockup_svg__a">
+        <Path
+          strokeWidth={0.058}
+          d="M43.87 1.144h-8.543c-.364 0-.654.113-.853.314-.2.201-.31.493-.31.854V23.76c0 .594.481 1.076 1.076 1.076h8.731c.595 0 1.077-.482 1.077-1.077l.02-21.432zm0 0c.41 0 .708.131.904.342m-.904-.342.904.342m0 0c.196.212.293.507.293.84z"
+        />
+      </ClipPath>
+      <ClipPath id="AndroidMockup_svg__e">
+        <Path d="M39.723 1.993a.153.153 0 1 1-.205-.227.153.153 0 0 1 .204.227" />
+      </ClipPath>
+      <ClipPath id="AndroidMockup_svg__f">
+        <Path d="M39.723 1.993a.153.153 0 1 1-.205-.227.153.153 0 0 1 .204.227" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+export default SvgAndroidMockup;

package/dist/elements/Arrow.js

@@ -0,0 +1,21 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+const SvgArrow = (props) => (
+  <Svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={props.size}
+    height={props.size}
+    fill="none"
+    {...props}
+  >
+    <Path
+      stroke="#101828"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M28 13.013h24.98M46.997 19l5.976-5.977-5.976-5.977"
+      data-dark-mode-color="true"
+    />
+  </Svg>
+);
+export default SvgArrow;

package/dist/elements/Avatar.js

@@ -0,0 +1,20 @@
+import * as React from "react";
+import Svg, { Circle, Path } from "react-native-svg";
+const SvgAvatar = (props) => (
+  <Svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={props.size}
+    height={props.size}
+    fill="none"
+    {...props}
+  >
+    <Circle cx={40} cy={13} r={11} fill="#101828" data-dark-mode-color="true" />
+    <Circle cx={40} cy={10} r={3} fill="#E9EBED" data-theme-inverted="true" />
+    <Path
+      fill="#E9EBED"
+      d="M35 17a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v1H35z"
+      data-theme-inverted="true"
+    />
+  </Svg>
+);
+export default SvgAvatar;

package/dist/elements/Browser.js

@@ -0,0 +1,76 @@
+import * as React from "react";
+import Svg, { Path, Circle } from "react-native-svg";
+const SvgBrowser = (props) => (
+  <Svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={props.size}
+    height={props.size}
+    fill="none"
+    {...props}
+  >
+    <Path
+      fill="#101828"
+      d="M23.594 1.6c0-.21 0-.315.04-.395a.38.38 0 0 1 .165-.164c.08-.041.185-.041.395-.041h32.55c.21 0 .315 0 .395.04.07.037.128.094.164.165.04.08.04.185.04.395v.712h-33.75z"
+      data-dark-mode-color="true"
+    />
+    <Circle
+      cx={24.297}
+      cy={1.656}
+      r={0.141}
+      fill="#ED6B5D"
+      data-dark-mode-color="true"
+    />
+    <Circle
+      cx={24.766}
+      cy={1.656}
+      r={0.141}
+      fill="#F4BE50"
+      data-dark-mode-color="true"
+    />
+    <Circle
+      cx={25.234}
+      cy={1.656}
+      r={0.141}
+      fill="#61C554"
+      data-dark-mode-color="true"
+    />
+    <Path
+      fill="#B5B5B5"
+      d="M26.205 1.656q0 .008.006.014l.17.168a.02.02 0 0 0 .013.006.02.02 0 0 0 .02-.02.02.02 0 0 0-.006-.014l-.156-.154.156-.154a.02.02 0 0 0 .006-.014.02.02 0 0 0-.02-.02.02.02 0 0 0-.014.006l-.17.168a.02.02 0 0 0-.005.014"
+      data-dark-mode-color="true"
+    />
+    <Path
+      fill="#4D4D4D"
+      d="M27.445 1.656a.02.02 0 0 0-.006-.014l-.17-.168a.02.02 0 0 0-.014-.005.02.02 0 0 0-.02.02q0 .008.006.013l.156.154-.155.154a.02.02 0 0 0-.006.014q.001.018.02.02a.02.02 0 0 0 .014-.006l.169-.168a.02.02 0 0 0 .006-.014"
+      data-dark-mode-color="true"
+    />
+    <Path
+      stroke="#4D4D4D"
+      strokeWidth={0.023}
+      d="M33.777 1.628q0-.077.003-.122a.2.2 0 0 1 .017-.07.18.18 0 0 1 .076-.077.2.2 0 0 1 .07-.017q.045-.003.123-.002h14.4q.077 0 .122.002.044.004.07.017.05.026.077.077.013.026.016.07t.003.122v.056q0 .078-.003.123a.2.2 0 0 1-.016.07.18.18 0 0 1-.077.077.2.2 0 0 1-.07.016 2 2 0 0 1-.122.003h-14.4q-.078 0-.123-.003a.2.2 0 0 1-.07-.016.18.18 0 0 1-.076-.077.2.2 0 0 1-.017-.07 2 2 0 0 1-.003-.123z"
+      data-dark-mode-color="true"
+    />
+    <Path
+      fill="#B5B5B5"
+      d="M37.86 1.797h.13q.031 0 .032-.034v-.099q0-.034-.032-.034h-.13q-.031 0-.032.034v.099q0 .034.032.034m-.007-.156h.022v-.048c0-.037.023-.056.05-.056.026 0 .05.02.05.056v.048h.022v-.045c0-.054-.035-.08-.072-.08s-.072.026-.072.08z"
+      data-dark-mode-color="true"
+    />
+    <Path
+      fill="#F6F7F8"
+      d="M38.423 1.54v-.224h.026v.087h.002a.05.05 0 0 1 .018-.02.05.05 0 0 1 .03-.007q.017 0 .03.007a.05.05 0 0 1 .019.02q.006.014.006.033v.104h-.026v-.098q0-.021-.009-.032t-.028-.01a.04.04 0 0 0-.022.005.04.04 0 0 0-.015.015.1.1 0 0 0-.005.025v.095zm.235 0q-.024 0-.036-.01-.01-.01-.01-.032V1.4h-.026v-.022h.025v-.041h.027v.041h.035v.022h-.035v.09q0 .015.005.02.006.007.018.007h.012v.021zm.11 0q-.024 0-.035-.01-.01-.01-.011-.032V1.4h-.025v-.022h.025v-.041h.027v.041h.035v.022h-.035v.09q0 .015.005.02.006.007.018.007h.012v.021zm.054.053V1.38h.026v.026h.003l.012-.015.017-.01.02-.004a.06.06 0 0 1 .036.01q.015.011.024.03a.1.1 0 0 1 .008.043.1.1 0 0 1-.008.044.1.1 0 0 1-.024.03.06.06 0 0 1-.035.01l-.021-.004-.017-.01-.012-.015h-.003v.08zm.073-.073q.015 0 .025-.008a.05.05 0 0 0 .016-.02.1.1 0 0 0 .005-.032.1.1 0 0 0-.005-.033.04.04 0 0 0-.016-.02.04.04 0 0 0-.025-.008.04.04 0 0 0-.025.008.05.05 0 0 0-.017.02.1.1 0 0 0-.005.032q0 .019.005.033.006.012.017.02a.04.04 0 0 0 .025.008m.168.022a.1.1 0 0 1-.031-.005.1.1 0 0 1-.022-.015.04.04 0 0 1-.01-.023h.027a.03.03 0 0 0 .012.016.05.05 0 0 0 .025.006l.02-.003.012-.01a.02.02 0 0 0 .005-.012.02.02 0 0 0-.006-.014.1.1 0 0 0-.022-.01l-.025-.005-.024-.01a.04.04 0 0 1-.014-.014.04.04 0 0 1-.005-.02.04.04 0 0 1 .008-.024.1.1 0 0 1 .021-.017.1.1 0 0 1 .03-.006q.018 0 .03.006a.1.1 0 0 1 .021.015.04.04 0 0 1 .01.022H39.1a.03.03 0 0 0-.012-.015.04.04 0 0 0-.024-.006l-.017.003-.011.008a.02.02 0 0 0-.005.013q0 .006.003.01l.009.007.015.006.025.005a.1.1 0 0 1 .034.016.04.04 0 0 1 .01.028.04.04 0 0 1-.008.025.1.1 0 0 1-.023.017.1.1 0 0 1-.032.006m.126 0a.02.02 0 0 1-.014-.007.02.02 0 0 1-.005-.013q0-.008.005-.014a.02.02 0 0 1 .014-.006q.008 0 .014.006a.02.02 0 0 1 .005.014q0 .008-.005.013a.02.02 0 0 1-.014.006m0-.116a.02.02 0 0 1-.014-.006.02.02 0 0 1-.005-.013q0-.008.005-.014a.02.02 0 0 1 .014-.006q.008 0 .014.006a.02.02 0 0 1 .005.014q0 .008-.005.013a.02.02 0 0 1-.014.006m.138-.11-.068.277h-.025l.068-.277zm.093 0-.068.277h-.025l.068-.277zm.055.224-.045-.16h.026l.031.127h.003l.036-.128h.024l.036.128h.003l.031-.128h.026l-.045.16h-.026l-.036-.123h-.002l-.036.124zm.236 0-.045-.16h.026l.031.127h.003l.036-.128h.024l.036.128h.002l.032-.128h.026l-.045.16h-.026l-.036-.123h-.002l-.036.124zm.236 0-.045-.16h.026l.031.127h.003l.036-.128h.024l.036.128h.002l.032-.128h.026l-.045.16h-.026l-.036-.123h-.003l-.035.124zm.204.001a.02.02 0 0 1-.02-.02q0-.008.006-.013a.02.02 0 0 1 .014-.006q.008 0 .013.006a.02.02 0 0 1 .006.014q0 .008-.006.013a.02.02 0 0 1-.013.006m.069-.001v-.16h.026v.023h.002a.05.05 0 0 1 .018-.02.1.1 0 0 1 .029-.007q.027 0 .041.016.015.015.015.044v.104h-.026v-.098q0-.021-.009-.032-.01-.01-.028-.01a.04.04 0 0 0-.022.005.04.04 0 0 0-.015.015.1.1 0 0 0-.005.025v.095zm.243.002a.1.1 0 0 1-.039-.01.1.1 0 0 1-.025-.028.1.1 0 0 1-.01-.044q0-.025.01-.044a.068.068 0 0 1 .063-.04q.022 0 .037.01.016.01.024.029a.1.1 0 0 1 .009.042v.01h-.129v-.02h.116l-.013.018v-.01a.1.1 0 0 0-.006-.031.04.04 0 0 0-.038-.025.04.04 0 0 0-.024.007.04.04 0 0 0-.016.018.1.1 0 0 0-.006.03v.011q0 .016.006.03.006.011.017.018a.1.1 0 0 0 .025.006l.019-.003.013-.007.007-.01h.027l-.008.016a.06.06 0 0 1-.033.024.1.1 0 0 1-.026.003m.175 0a.067.067 0 0 1-.065-.039.1.1 0 0 1-.009-.043q0-.025.009-.044a.1.1 0 0 1 .025-.03.1.1 0 0 1 .038-.01q.022 0 .037.01.016.01.024.029a.1.1 0 0 1 .009.042v.01h-.129v-.02h.116l-.013.018v-.01a.1.1 0 0 0-.006-.031.04.04 0 0 0-.015-.018.04.04 0 0 0-.023-.007.04.04 0 0 0-.024.007.04.04 0 0 0-.016.018.1.1 0 0 0-.005.03v.011q0 .016.005.03.006.011.017.018a.1.1 0 0 0 .025.006l.019-.003.013-.007.008-.01h.026l-.008.016-.013.014-.02.01zm.165-.001q-.024 0-.036-.01-.01-.01-.01-.033V1.4h-.026v-.022h.025v-.041h.027v.041h.035v.022h-.035v.09q0 .015.005.02.006.007.018.007h.012v.021zm.118.001a.067.067 0 0 1-.065-.039.1.1 0 0 1-.01-.043.1.1 0 0 1 .01-.045.1.1 0 0 1 .025-.029.1.1 0 0 1 .04-.01q.023 0 .039.01.017.01.026.029a.1.1 0 0 1 .009.044.1.1 0 0 1-.01.045.07.07 0 0 1-.064.038m0-.022q.015 0 .025-.008a.04.04 0 0 0 .016-.02.1.1 0 0 0 .006-.032.1.1 0 0 0-.006-.033.04.04 0 0 0-.016-.02.05.05 0 0 0-.025-.008.05.05 0 0 0-.026.007.04.04 0 0 0-.016.02.1.1 0 0 0-.006.033q0 .02.006.033.005.014.016.02a.05.05 0 0 0 .026.008m.132.021a.02.02 0 0 1-.014-.006.02.02 0 0 1-.006-.013q0-.008.006-.014a.02.02 0 0 1 .014-.006q.008 0 .014.006a.02.02 0 0 1 .005.014.02.02 0 0 1-.02.02m.129.001a.068.068 0 0 1-.065-.04.1.1 0 0 1-.009-.043.1.1 0 0 1 .01-.044.07.07 0 0 1 .064-.039q.02 0 .033.007a.06.06 0 0 1 .034.044v.001h-.026a.04.04 0 0 0-.014-.02.04.04 0 0 0-.027-.009.04.04 0 0 0-.042.028.1.1 0 0 0-.005.032q0 .018.006.032.005.014.016.021a.04.04 0 0 0 .025.008q.016 0 .026-.008a.04.04 0 0 0 .015-.02h.026a.1.1 0 0 1-.012.026.1.1 0 0 1-.022.018.1.1 0 0 1-.033.006m.17 0a.1.1 0 0 1-.039-.01.1.1 0 0 1-.025-.028.1.1 0 0 1-.01-.044q0-.027.01-.045a.07.07 0 0 1 .065-.039q.022 0 .04.01.016.01.024.029a.1.1 0 0 1 .01.044.1.1 0 0 1-.01.045.07.07 0 0 1-.064.038m0-.022q.016 0 .026-.008a.05.05 0 0 0 .017-.02.1.1 0 0 0 .005-.032.1.1 0 0 0-.005-.033.04.04 0 0 0-.017-.02.05.05 0 0 0-.025-.008.05.05 0 0 0-.026.007.05.05 0 0 0-.016.02.1.1 0 0 0-.006.033q0 .02.006.033t.016.02a.05.05 0 0 0 .026.008m.115.02v-.16h.026v.024h.002a.04.04 0 0 1 .016-.02.05.05 0 0 1 .027-.008.1.1 0 0 1 .02.004q.008.004.015.01l.01.015h.002l.012-.015.016-.01.021-.004q.016 0 .028.006a.04.04 0 0 1 .017.018.1.1 0 0 1 .006.029v.11h-.026v-.104a.1.1 0 0 0-.003-.02.02.02 0 0 0-.011-.012.04.04 0 0 0-.02-.004.035.035 0 0 0-.032.019.04.04 0 0 0-.004.018v.104h-.026v-.11a.03.03 0 0 0-.004-.016.03.03 0 0 0-.012-.01.04.04 0 0 0-.017-.005.03.03 0 0 0-.02.006.04.04 0 0 0-.013.015.04.04 0 0 0-.004.02v.1zm.334-.224-.068.277h-.025l.068-.277zm.024.224v-.16h.026v.023h.002a.05.05 0 0 1 .017-.02.06.06 0 0 1 .03-.007q.027 0 .041.016.015.015.015.044v.104h-.026v-.098q0-.021-.01-.032-.008-.01-.028-.01a.04.04 0 0 0-.022.005.04.04 0 0 0-.014.015.1.1 0 0 0-.005.025v.095zm.243.002a.067.067 0 0 1-.065-.039.1.1 0 0 1-.008-.043q0-.025.008-.044a.1.1 0 0 1 .026-.03.1.1 0 0 1 .037-.01q.022 0 .038.01t.024.029a.1.1 0 0 1 .008.042v.01h-.128v-.02h.115l-.012.018v-.01a.1.1 0 0 0-.006-.031.04.04 0 0 0-.016-.018.04.04 0 0 0-.023-.007.04.04 0 0 0-.023.007.04.04 0 0 0-.016.018.1.1 0 0 0-.006.03v.011q0 .016.006.03.006.011.016.018a.1.1 0 0 0 .026.006l.019-.003.013-.007.007-.01h.027l-.008.016-.014.014-.02.01zm.174 0a.1.1 0 0 1-.04-.01.1.1 0 0 1-.025-.028.1.1 0 0 1-.008-.044q0-.025.008-.044a.068.068 0 0 1 .063-.04q.023 0 .038.01.016.01.024.029a.1.1 0 0 1 .009.042v.01h-.129v-.02h.115l-.012.018v-.01a.1.1 0 0 0-.006-.031.04.04 0 0 0-.039-.025.04.04 0 0 0-.023.007.04.04 0 0 0-.016.018.1.1 0 0 0-.006.03v.011q0 .016.006.03.006.011.017.018a.1.1 0 0 0 .025.006l.019-.003.013-.007.007-.01h.027l-.008.016-.014.014-.02.01zm.166-.001q-.026 0-.036-.01t-.011-.033V1.4h-.025v-.022h.025v-.041h.027v.041h.035v.022h-.035v.09q0 .015.005.02.006.007.018.007h.012v.021zm.117.001a.067.067 0 0 1-.065-.039.1.1 0 0 1-.009-.043.1.1 0 0 1 .01-.045.1.1 0 0 1 .025-.029.1.1 0 0 1 .04-.01q.022 0 .039.01.016.01.025.029a.1.1 0 0 1 .01.044.1.1 0 0 1-.01.045.07.07 0 0 1-.065.038m0-.022q.015 0 .026-.008a.04.04 0 0 0 .016-.02.1.1 0 0 0 .006-.032.1.1 0 0 0-.006-.033.04.04 0 0 0-.016-.02.05.05 0 0 0-.026-.008.05.05 0 0 0-.026.007.05.05 0 0 0-.016.02.1.1 0 0 0-.005.033q0 .02.005.033.006.014.017.02a.05.05 0 0 0 .025.008m.14.02-.045-.16h.025l.032.127h.002l.036-.128h.025l.035.128h.003l.031-.128h.026l-.045.16h-.026l-.036-.123h-.002l-.036.124zm.205 0v-.16h.026v.16zm.013-.192a.02.02 0 0 1-.018-.018q0-.007.005-.012a.02.02 0 0 1 .013-.005q.008 0 .013.005a.02.02 0 0 1 .005.012q0 .008-.005.013a.02.02 0 0 1-.013.005m.062.192v-.16h.026v.023h.002a.04.04 0 0 1 .016-.02.05.05 0 0 1 .027-.007h.007l.006.001v.026l-.016-.002a.1.1 0 0 0-.022.005.04.04 0 0 0-.015.014.04.04 0 0 0-.005.02v.1zm.177.002a.067.067 0 0 1-.065-.039.1.1 0 0 1-.009-.043q0-.025.009-.044a.1.1 0 0 1 .025-.03.1.1 0 0 1 .038-.01q.022 0 .038.01.015.01.024.029a.1.1 0 0 1 .008.042v.01h-.128v-.02h.115l-.013.018v-.01a.1.1 0 0 0-.006-.031.04.04 0 0 0-.015-.018.04.04 0 0 0-.023-.007.04.04 0 0 0-.023.007.04.04 0 0 0-.016.018.1.1 0 0 0-.006.03v.011q0 .016.005.03.006.011.017.018a.1.1 0 0 0 .025.006l.02-.003.012-.007.008-.01h.026l-.008.016-.013.014-.02.01zm.119-.002V1.4h-.027v-.02h.027V1.36q0-.016.005-.026a.03.03 0 0 1 .016-.016.1.1 0 0 1 .026-.005l.017.002v.02h-.012q-.014 0-.02.006-.006.007-.006.02v.017h.036v.022h-.036v.139zm.1 0v-.16h.026v.023h.002a.04.04 0 0 1 .016-.02.05.05 0 0 1 .027-.007h.007l.006.001v.026l-.016-.002a.1.1 0 0 0-.022.005.04.04 0 0 0-.015.014.04.04 0 0 0-.005.02v.1zm.16.002a.1.1 0 0 1-.028-.005.1.1 0 0 1-.019-.017.05.05 0 0 1-.007-.025q0-.015.007-.025a.05.05 0 0 1 .02-.016.1.1 0 0 1 .032-.007l.059-.003v.02l-.056.004a.05.05 0 0 0-.027.007.02.02 0 0 0-.008.019q0 .012.009.02a.04.04 0 0 0 .023.006.1.1 0 0 0 .024-.005.04.04 0 0 0 .016-.015.04.04 0 0 0 .006-.02v-.05q0-.015-.01-.023-.008-.008-.026-.008a.1.1 0 0 0-.024.006.03.03 0 0 0-.012.014h-.026a.04.04 0 0 1 .01-.023.1.1 0 0 1 .022-.014.1.1 0 0 1 .03-.006q.02 0 .034.007.014.006.02.018a.1.1 0 0 1 .008.029v.11h-.026v-.024h-.003a.05.05 0 0 1-.028.023zm.124-.002v-.16h.026v.024h.002a.04.04 0 0 1 .043-.028.1.1 0 0 1 .02.004q.008.004.015.01l.01.015h.002l.012-.015.017-.01.02-.004q.016 0 .028.006a.04.04 0 0 1 .017.018.1.1 0 0 1 .006.029v.11h-.026v-.104a.1.1 0 0 0-.003-.02.02.02 0 0 0-.011-.012.04.04 0 0 0-.02-.004.035.035 0 0 0-.032.019.04.04 0 0 0-.004.018v.104h-.026v-.11a.03.03 0 0 0-.004-.016.03.03 0 0 0-.012-.01.04.04 0 0 0-.017-.005.03.03 0 0 0-.02.006.04.04 0 0 0-.012.015.04.04 0 0 0-.005.02v.1zm.33.002a.1.1 0 0 1-.039-.01.1.1 0 0 1-.025-.028.1.1 0 0 1-.01-.044q0-.025.01-.044a.068.068 0 0 1 .063-.04q.022 0 .037.01.016.01.024.029a.1.1 0 0 1 .009.042v.01h-.129v-.02h.116l-.013.018v-.01a.1.1 0 0 0-.006-.031.04.04 0 0 0-.038-.025.04.04 0 0 0-.024.007.04.04 0 0 0-.016.018.1.1 0 0 0-.006.03v.011q0 .016.006.03.006.011.017.018a.1.1 0 0 0 .025.006l.019-.003.013-.007.008-.01h.026l-.008.016a.06.06 0 0 1-.033.024.1.1 0 0 1-.026.003"
+      data-dark-mode-color="true"
+    />
+    <Path
+      fill="#B5B5B5"
+      d="M48.18 1.681a.114.114 0 1 0 .228 0 .01.01 0 0 0-.01-.01q-.01 0-.01.01a.094.094 0 0 1-.093.095.094.094 0 0 1-.093-.095c0-.052.041-.094.093-.094q.015 0 .027.003l-.039.038-.003.008q.001.01.01.01l.008-.003.053-.054.003-.008-.003-.008-.053-.054-.008-.003q-.009 0-.01.01 0 .005.003.008l.034.034-.022-.002a.114.114 0 0 0-.114.115M55.19 1.714a.013.013 0 0 0 .013-.013v-.17l-.001-.026.011.012.025.027a.01.01 0 0 0 .01.004.012.012 0 0 0 .007-.02l-.056-.055q-.004-.004-.01-.004-.004-.001-.01.004l-.055.054a.01.01 0 0 0-.004.009q0 .011.012.012a.01.01 0 0 0 .009-.004l.025-.027.011-.012V1.7q0 .013.013.014m-.096.13h.19q.054 0 .053-.052v-.166q0-.051-.052-.051h-.046v.027h.045q.026 0 .026.026v.163q-.001.026-.026.026h-.19q-.025 0-.025-.026v-.163q.001-.026.026-.026h.046v-.027h-.047q-.051 0-.052.051v.166q0 .051.052.052M56.219 1.656c0 .011.01.02.02.02h.147v.148c0 .01.01.02.02.02a.02.02 0 0 0 .02-.02v-.148h.148c.01 0 .02-.009.02-.02a.02.02 0 0 0-.02-.02h-.147v-.147a.02.02 0 0 0-.02-.02.02.02 0 0 0-.021.02v.147h-.147a.02.02 0 0 0-.02.02"
+      data-dark-mode-color="true"
+    />
+    <Path
+      stroke="#101828"
+      strokeWidth={0.3}
+      d="M23.744 2.463h33.45V24.4c0 .108 0 .18-.005.234a.3.3 0 0 1-.02.093.23.23 0 0 1-.098.099.3.3 0 0 1-.093.02 3 3 0 0 1-.234.004h-32.55c-.108 0-.18 0-.234-.005a.3.3 0 0 1-.093-.02.23.23 0 0 1-.099-.098.3.3 0 0 1-.02-.093 3 3 0 0 1-.004-.234z"
+      data-dark-mode-color="true"
+    />
+  </Svg>
+);
+export default SvgBrowser;

package/dist/elements/Button.js

@@ -0,0 +1,27 @@
+import * as React from "react";
+import Svg, { Rect, Path } from "react-native-svg";
+const SvgButton = (props) => (
+  <Svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={props.size}
+    height={props.size}
+    fill="none"
+    {...props}
+  >
+    <Rect
+      width={41}
+      height={18}
+      x={20}
+      y={4}
+      fill="#101828"
+      data-dark-mode-color="true"
+      rx={3}
+    />
+    <Path
+      fill="#F6F7F8"
+      d="M28.87 16v-5.818h2.034q.608 0 1.002.21.396.207.588.56.195.35.194.775 0 .375-.134.62a1.04 1.04 0 0 1-.346.386 1.6 1.6 0 0 1-.464.21V13q.267.017.537.188t.452.488.182.778q0 .438-.199.787-.2.35-.628.555-.429.204-1.116.204zm.704-.625h1.398q.69 0 .98-.267a.86.86 0 0 0 .292-.654q0-.294-.15-.545a1.1 1.1 0 0 0-.43-.403 1.35 1.35 0 0 0-.658-.154h-1.432zm0-2.636h1.307q.318 0 .574-.125.258-.126.409-.353a.93.93 0 0 0 .153-.534.89.89 0 0 0-.267-.65q-.267-.27-.846-.27h-1.33zm7.078 1.477v-2.58h.67V16h-.67v-.739h-.046q-.153.332-.477.566-.324.23-.818.23-.41 0-.728-.18a1.25 1.25 0 0 1-.5-.545q-.18-.366-.181-.923v-2.773h.67v2.728q0 .477.267.761.27.285.688.284.25 0 .508-.128.261-.128.438-.392.179-.264.179-.673m3.716-2.58v.569h-2.262v-.569zm-1.602-1.045h.67v4.159q0 .284.082.426a.43.43 0 0 0 .216.188q.134.045.282.045.11 0 .181-.011l.114-.023.136.602a1.405 1.405 0 0 1-.5.08q-.285 0-.556-.122a1.1 1.1 0 0 1-.45-.373q-.175-.249-.175-.63zm4.428 1.045v.569h-2.261v-.569zm-1.602-1.045h.67v4.159q0 .284.083.426a.43.43 0 0 0 .215.188q.134.045.282.045a1.2 1.2 0 0 0 .295-.034l.137.602a1.403 1.403 0 0 1-.5.08q-.284 0-.557-.122a1.1 1.1 0 0 1-.45-.373q-.175-.249-.175-.63zm4.256 5.5q-.59 0-1.036-.281a1.9 1.9 0 0 1-.694-.787q-.247-.505-.247-1.182 0-.682.247-1.19.25-.51.694-.79a1.9 1.9 0 0 1 1.036-.282q.591 0 1.035.282.445.28.693.79.25.508.25 1.19 0 .676-.25 1.182-.247.506-.694.787-.443.28-1.034.28m0-.602q.45 0 .739-.23.29-.231.429-.606.14-.374.14-.812a2.3 2.3 0 0 0-.14-.815 1.4 1.4 0 0 0-.429-.611q-.29-.233-.739-.233t-.738.233a1.4 1.4 0 0 0-.43.61 2.3 2.3 0 0 0-.138.816q0 .437.139.812.14.375.429.605.29.23.738.23m3.592-2.114V16h-.67v-4.364h.647v.682h.057q.153-.332.466-.534.312-.204.806-.205.444 0 .776.182.332.18.517.546.185.364.185.92V16h-.67v-2.727q0-.514-.268-.801-.267-.29-.733-.29a1.2 1.2 0 0 0-.574.139 1 1 0 0 0-.395.406 1.34 1.34 0 0 0-.144.648"
+      data-theme-inverted="true"
+    />
+  </Svg>
+);
+export default SvgButton;

package/dist/elements/Calendar.js

@@ -0,0 +1,27 @@
+import * as React from "react";
+import Svg, { G, Path, Defs, ClipPath } from "react-native-svg";
+const SvgCalendar = (props) => (
+  <Svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={props.size}
+    height={props.size}
+    fill="none"
+    {...props}
+  >
+    <G
+      stroke="#101828"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      clipPath="url(#Calendar_svg__a)"
+      data-dark-mode-color="true"
+    >
+      <Path d="M46 5.5H34a3 3 0 0 0-3 3V19a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V8.5a3 3 0 0 0-3-3M45 17.986H35M35.5 4v3M44.5 4v3" />
+    </G>
+    <Defs>
+      <ClipPath id="Calendar_svg__a">
+        <Path fill={props.color} d="M28 1h24v24H28z" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+export default SvgCalendar;

package/dist/elements/Checkbox.js

@@ -0,0 +1,30 @@
+import * as React from "react";
+import Svg, { Rect, Path } from "react-native-svg";
+const SvgCheckbox = (props) => (
+  <Svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={props.size}
+    height={props.size}
+    fill="none"
+    {...props}
+  >
+    <Rect
+      width={15.659}
+      height={15.659}
+      x={32}
+      y={5}
+      fill="#101828"
+      data-dark-mode-color="true"
+      rx={2.936}
+    />
+    <Path
+      stroke="#F6F7F8"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.34}
+      d="m44 10.503-5.672 5.958-2.669-2.804"
+      data-theme-inverted="true"
+    />
+  </Svg>
+);
+export default SvgCheckbox;

package/dist/elements/Circle.js

@@ -0,0 +1,22 @@
+import * as React from "react";
+import Svg, { Rect } from "react-native-svg";
+const SvgCircle = (props) => (
+  <Svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={props.size}
+    height={props.size}
+    fill="none"
+    {...props}
+  >
+    <Rect
+      width={15}
+      height={15}
+      x={32.5}
+      y={6.5}
+      stroke="#101828"
+      data-dark-mode-color="true"
+      rx={7.5}
+    />
+  </Svg>
+);
+export default SvgCircle;

package/dist/elements/Dropdown.js

@@ -0,0 +1,29 @@
+import * as React from "react";
+import Svg, { Rect, Path } from "react-native-svg";
+const SvgDropdown = (props) => (
+  <Svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={props.size}
+    height={props.size}
+    fill="none"
+    {...props}
+  >
+    <Rect
+      width={73}
+      height={14.2}
+      x={3.5}
+      y={5.4}
+      stroke="#101828"
+      data-dark-mode-color="true"
+      rx={2.9}
+    />
+    <Path
+      stroke="#101828"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="m64.75 11.125 2.75 2.75 2.75-2.75"
+      data-dark-mode-color="true"
+    />
+  </Svg>
+);
+export default SvgDropdown;

package/dist/elements/IPhoneMockup.js

@@ -0,0 +1,123 @@
+import * as React from "react";
+import Svg, {
+  Mask,
+  Path,
+  Rect,
+  Circle,
+  Defs,
+  LinearGradient,
+  Stop,
+} from "react-native-svg";
+const SvgIPhoneMockup = (props) => (
+  <Svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={props.size}
+    height={props.size}
+    fill="none"
+    {...props}
+  >
+    <Mask id="IPhoneMockup_svg__a" fill={props.color}>
+      <Path d="M34.023 5.67c0-.02.015-.035.034-.035h.07c.018 0 .034.015.034.034v.85a.034.034 0 0 1-.035.034h-.069a.034.034 0 0 1-.034-.035z" />
+    </Mask>
+    <Path
+      fill={props.color}
+      d="M34.023 5.67c0-.02.015-.035.034-.035h.07c.018 0 .034.015.034.034v.85a.034.034 0 0 1-.035.034h-.069a.034.034 0 0 1-.034-.035z"
+    />
+    <Path
+      fill="#3E4040"
+      d="M34.012 5.67c0-.026.02-.047.045-.047h.058c.025 0 .046.02.046.046 0-.012-.016-.023-.035-.023h-.069a.023.023 0 0 0-.023.023zm.149.848c0 .025-.021.046-.046.046h-.058a.046.046 0 0 1-.046-.046h.023q.002.021.023.023h.07c.018 0 .034-.01.034-.023m-.104.046a.046.046 0 0 1-.046-.046V5.67c0-.025.021-.046.046-.046v.023a.023.023 0 0 0-.023.023v.85q.002.02.023.022zm.104-.93v.919z"
+      mask="url(#IPhoneMockup_svg__a)"
+    />
+    <Mask id="IPhoneMockup_svg__b" fill={props.color}>
+      <Path d="M34.023 7.413c0-.02.015-.034.034-.034h.07c.018 0 .034.015.034.034v1.755a.034.034 0 0 1-.035.035h-.069a.034.034 0 0 1-.034-.035z" />
+    </Mask>
+    <Path
+      fill={props.color}
+      d="M34.023 7.413c0-.02.015-.034.034-.034h.07c.018 0 .034.015.034.034v1.755a.034.034 0 0 1-.035.035h-.069a.034.034 0 0 1-.034-.035z"
+    />
+    <Path
+      fill="#3E4040"
+      d="M34.012 7.413c0-.025.02-.046.045-.046h.058c.025 0 .046.02.046.046 0-.013-.016-.023-.035-.023h-.069a.023.023 0 0 0-.023.023zm.149 1.755c0 .026-.021.046-.046.046h-.058a.046.046 0 0 1-.046-.046h.023q.002.021.023.023h.07c.018 0 .034-.01.034-.023m-.104.046a.046.046 0 0 1-.046-.046V7.413c0-.025.021-.046.046-.046v.023a.023.023 0 0 0-.023.023v1.755q.002.021.023.023zm.104-1.835v1.824z"
+      mask="url(#IPhoneMockup_svg__b)"
+    />
+    <Mask id="IPhoneMockup_svg__c" fill={props.color}>
+      <Path d="M45.748 11.474a.034.034 0 0 1-.035.034h-.069a.034.034 0 0 1-.034-.034V8.652c0-.02.015-.035.034-.035h.07c.018 0 .034.016.034.035z" />
+    </Mask>
+    <Path
+      fill={props.color}
+      d="M45.748 11.474a.034.034 0 0 1-.035.034h-.069a.034.034 0 0 1-.034-.034V8.652c0-.02.015-.035.034-.035h.07c.018 0 .034.016.034.035z"
+    />
+    <Path
+      fill="#3E4040"
+      d="M45.76 11.474c0 .025-.021.046-.047.046h-.057a.046.046 0 0 1-.046-.046c0 .013.015.023.034.023h.07c.012 0 .022-.01.022-.023zm-.15-2.822c0-.026.02-.046.046-.046h.057c.026 0 .046.02.046.046h-.023a.023.023 0 0 0-.023-.023h-.069c-.019 0-.034.01-.034.023m.103-.046c.026 0 .046.02.046.046v2.822c0 .025-.02.046-.046.046v-.023q.021-.002.023-.023V8.652a.023.023 0 0 0-.023-.023zm-.103 2.902v-2.89z"
+      mask="url(#IPhoneMockup_svg__c)"
+    />
+    <Mask id="IPhoneMockup_svg__d" fill={props.color}>
+      <Path d="M34 9.719c0-.02.015-.035.034-.035h.07c.018 0 .034.016.034.035v1.755a.034.034 0 0 1-.035.034h-.069a.034.034 0 0 1-.034-.034z" />
+    </Mask>
+    <Path
+      fill={props.color}
+      d="M34 9.719c0-.02.015-.035.034-.035h.07c.018 0 .034.016.034.035v1.755a.034.034 0 0 1-.035.034h-.069a.034.034 0 0 1-.034-.034z"
+    />
+    <Path
+      fill="#3E4040"
+      d="M33.989 9.719c0-.025.02-.046.045-.046h.058c.025 0 .046.02.046.046 0-.013-.016-.023-.035-.023h-.069a.023.023 0 0 0-.023.023zm.149 1.755c0 .025-.02.046-.046.046h-.058a.046.046 0 0 1-.045-.046h.023q.002.021.022.023h.07c.018 0 .034-.01.034-.023m-.104.046a.046.046 0 0 1-.045-.046V9.72c0-.025.02-.046.045-.046v.023a.023.023 0 0 0-.023.023v1.755q.002.021.023.023zm.104-1.836v1.825z"
+      mask="url(#IPhoneMockup_svg__d)"
+    />
+    <Rect
+      width={11.564}
+      height={23.977}
+      x={34.092}
+      y={1.011}
+      fill="url(#IPhoneMockup_svg__e)"
+      stroke="#3E4040"
+      strokeWidth={0.023}
+      rx={1.95}
+    />
+    <Rect
+      width={11.403}
+      height={23.816}
+      x={34.172}
+      y={1.092}
+      fill="#1A1A1A"
+      stroke="#3E4040"
+      strokeWidth={0.023}
+      rx={1.916}
+    />
+    <Rect
+      width={10.669}
+      height={23.082}
+      x={34.539}
+      y={1.459}
+      fill={props.color}
+      stroke="#3E4040"
+      strokeWidth={0.023}
+      rx={1.537}
+    />
+    <Rect
+      width={3.396}
+      height={0.987}
+      x={38.176}
+      y={1.826}
+      fill="#000"
+      rx={0.493}
+    />
+    <Circle cx={41.113} cy={2.319} r={0.184} fill="#131526" />
+    <Circle cx={41.113} cy={2.319} r={0.08} fill="#1F1F64" />
+    <Circle cx={41.113} cy={2.285} r={0.046} fill="#5158A9" opacity={0.13} />
+    <Defs>
+      <LinearGradient
+        id="IPhoneMockup_svg__e"
+        x1={39.874}
+        x2={25.665}
+        y1={1}
+        y2={27.392}
+        gradientUnits="userSpaceOnUse"
+      >
+        <Stop stopColor="#F7F7F7" />
+        <Stop offset={1} stopColor="#D2D2D2" />
+      </LinearGradient>
+    </Defs>
+  </Svg>
+);
+export default SvgIPhoneMockup;

package/dist/elements/Image.js

@@ -0,0 +1,20 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+const SvgImage = (props) => (
+  <Svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={props.size}
+    height={props.size}
+    fill="none"
+    {...props}
+  >
+    <Path
+      fill="#101828"
+      fillRule="evenodd"
+      d="M48.783 5.976v13.83c0 1.087-.89 1.977-1.976 1.977H32.976A1.98 1.98 0 0 1 31 19.807V5.976C31 4.889 31.89 4 32.976 4h13.83c1.088 0 1.977.89 1.977 1.976m-9.88 11.37-2.47-2.973-3.457 4.446h13.83l-4.445-5.928zm-2.551-5.507a1.72 1.72 0 1 0 0-3.442 1.72 1.72 0 0 0 0 3.442"
+      clipRule="evenodd"
+      data-dark-mode-color="true"
+    />
+  </Svg>
+);
+export default SvgImage;

package/dist/elements/Input.js

@@ -0,0 +1,23 @@
+import * as React from "react";
+import Svg, { Path, Rect } from "react-native-svg";
+const SvgInput = (props) => (
+  <Svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={props.size}
+    height={props.size}
+    fill="none"
+    {...props}
+  >
+    <Path stroke="#101828" d="M7.806 9.12v7.227" data-dark-mode-color="true" />
+    <Rect
+      width={73}
+      height={14.2}
+      x={3.5}
+      y={5.4}
+      stroke="#101828"
+      data-dark-mode-color="true"
+      rx={2.9}
+    />
+  </Svg>
+);
+export default SvgInput;

package/dist/elements/Keyboard.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+const SvgKeyboard = (props) => (
+  <Svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={props.size}
+    height={props.size}
+    fill="none"
+    {...props}
+  >
+    <Path
+      fill="#101828"
+      d="M47 6a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H31a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3zm-14 8a1 1 0 0 0-1 1v.01a1 1 0 0 0 2 0V15a1 1 0 0 0-1-1m12 0a1 1 0 0 0-1 1v.01a1 1 0 0 0 2 0V15a1 1 0 0 0-1-1m-7.998 0a1 1 0 0 0-1.002.998A1 1 0 0 0 36.998 16l4 .01a1 1 0 0 0 .005-2zM33 10a1 1 0 0 0-1 1v.01a1 1 0 0 0 2 0V11a1 1 0 0 0-1-1m4 0a1 1 0 0 0-1 1v.01a1 1 0 0 0 2 0V11a1 1 0 0 0-1-1m4 0a1 1 0 0 0-1 1v.01a1 1 0 0 0 2 0V11a1 1 0 0 0-1-1m4 0a1 1 0 0 0-1 1v.01a1 1 0 0 0 2 0V11a1 1 0 0 0-1-1"
+      data-dark-mode-color="true"
+    />
+  </Svg>
+);
+export default SvgKeyboard;