@kivid/icons 1.0.0-alpha.10 → 1.0.0-alpha.15

package/src/components/native/Building.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const Building = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M21.7718 21H1.77179M17.0208 21V10H20.0208C20.5731 10 21.0208 10.4477 21.0208 11V21H17.0208ZM17.0208 21V5C17.0208 4.44772 16.5731 4 16.0208 4H4.02081C3.46853 4 3.02081 4.44772 3.02081 5V21H6.02081M17.0208 21H14.0208M10.0208 16V21M14.0208 21V16H6.02081V21M14.0208 21H6.02081M7.02081 12H13.0208M7.02081 8H13.0208"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Building.displayName = "Building";
+const ForwardRef = forwardRef(Building);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Building };

package/src/components/native/Bulb.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const Bulb = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M10.4397 20.991H15.5857M11.6277 22.828H14.3987M13.0127 1.48706V3.57806M21.1167 4.75304L19.5957 6.23205M24.4748 12.64H22.3257M21.1167 20.526L19.5957 19.047M4.90873 20.526L5.41575 20.0331L5.92173 19.54L6.42875 19.047M1.55273 12.64H3.70175M4.90873 4.75304L5.41575 5.24602L5.92173 5.73907L6.42875 6.23205M19.0567 12.249C19.0163 10.683 18.3658 9.19468 17.2439 8.10132C16.1219 7.00797 14.6173 6.39606 13.0507 6.39606C11.4842 6.39606 9.97955 7.00797 8.85762 8.10132C7.73568 9.19468 7.08517 10.683 7.04475 12.249C7.0511 13.3254 7.35565 14.3789 7.9246 15.2926C8.49355 16.2063 9.30462 16.9445 10.2677 17.4251V19.0571H15.8357V17.4251C16.7985 16.9442 17.6092 16.2059 18.1777 15.2922C18.7463 14.3786 19.0506 13.3252 19.0567 12.249Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Bulb.displayName = "Bulb";
+const ForwardRef = forwardRef(Bulb);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Bulb };

package/src/components/native/Calendar.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const Calendar = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M16.0206 2.5V6.5M8.02063 2.5V6.5M3.02063 9.5H21.0206M6.02063 13H8.02063M10.0206 18H12.0206M12.0206 13H14.0206M16.0206 18H18.0206M5.02063 4.5H19.0206C20.1252 4.5 21.0206 5.39543 21.0206 6.5V19.5C21.0206 20.6046 20.1252 21.5 19.0206 21.5H5.02063C3.91606 21.5 3.02063 20.6046 3.02063 19.5V6.5C3.02063 5.39543 3.91606 4.5 5.02063 4.5Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Calendar.displayName = "Calendar";
+const ForwardRef = forwardRef(Calendar);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Calendar };

package/src/components/native/CalendarArrowRight.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const CalendarArrowRight = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M16.0206 2.5V6.5M8.02063 2.5V6.5M3.02063 9.5H21.0206M12.8066 12.503L15.3066 15.003L12.8066 17.503M14.8186 15.014H9.37363M5.02063 4.5H19.0206C20.1252 4.5 21.0206 5.39543 21.0206 6.5V19.5C21.0206 20.6046 20.1252 21.5 19.0206 21.5H5.02063C3.91606 21.5 3.02063 20.6046 3.02063 19.5V6.5C3.02063 5.39543 3.91606 4.5 5.02063 4.5Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+CalendarArrowRight.displayName = "CalendarArrowRight";
+const ForwardRef = forwardRef(CalendarArrowRight);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CalendarArrowRight };

package/src/components/native/CalendarCancel.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const CalendarCancel = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M16.0206 2.5V6.5M8.02063 2.5V6.5M3.02063 9.5H21.0206M15.0206 13L12.0206 15.5M12.0206 15.5L9.02063 18M12.0206 15.5L15.0206 18M12.0206 15.5L9.02063 13M5.02063 4.5H19.0206C20.1252 4.5 21.0206 5.39543 21.0206 6.5V19.5C21.0206 20.6046 20.1252 21.5 19.0206 21.5H5.02063C3.91606 21.5 3.02063 20.6046 3.02063 19.5V6.5C3.02063 5.39543 3.91606 4.5 5.02063 4.5Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+CalendarCancel.displayName = "CalendarCancel";
+const ForwardRef = forwardRef(CalendarCancel);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CalendarCancel };

package/src/components/native/CalendarCheck.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const CalendarCheck = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M16.0206 2.5V6.5M8.02057 2.5V6.5M3.02057 9.5H21.0206M16.0206 13L11.9097 17L10.0206 15.16M5.02057 4.5H19.0206C20.1251 4.5 21.0206 5.39543 21.0206 6.5V19.5C21.0206 20.6046 20.1251 21.5 19.0206 21.5H5.02057C3.916 21.5 3.02057 20.6046 3.02057 19.5V6.5C3.02057 5.39543 3.916 4.5 5.02057 4.5Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+CalendarCheck.displayName = "CalendarCheck";
+const ForwardRef = forwardRef(CalendarCheck);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CalendarCheck };

package/src/components/native/CalendarEmpty.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const CalendarEmpty = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M16.0205 2.5V6.5M8.02051 2.5V6.5M3.02051 9.5H21.0205M5.02051 4.5H19.0205C20.1251 4.5 21.0205 5.39543 21.0205 6.5V19.5C21.0205 20.6046 20.1251 21.5 19.0205 21.5H5.02051C3.91594 21.5 3.02051 20.6046 3.02051 19.5V6.5C3.02051 5.39543 3.91594 4.5 5.02051 4.5Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+CalendarEmpty.displayName = "CalendarEmpty";
+const ForwardRef = forwardRef(CalendarEmpty);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CalendarEmpty };

package/src/components/native/CalendarReturn.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const CalendarReturn = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M16.0206 2.5V6.5M8.02063 2.5V6.5M3.02063 9.5H21.0206M11.0219 19.0031H12.5225C13.9038 19.0031 15.0235 17.8833 15.0235 16.502C15.0235 15.1207 13.9038 14.001 12.5225 14.001H8.02063M8.02063 14.001L10.0215 16.0017M8.02063 14.001L10.0215 12M5.02063 4.5H19.0206C20.1252 4.5 21.0206 5.39543 21.0206 6.5V19.5C21.0206 20.6046 20.1252 21.5 19.0206 21.5H5.02063C3.91606 21.5 3.02063 20.6046 3.02063 19.5V6.5C3.02063 5.39543 3.91606 4.5 5.02063 4.5Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+CalendarReturn.displayName = "CalendarReturn";
+const ForwardRef = forwardRef(CalendarReturn);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CalendarReturn };

package/src/components/native/CalendarSession.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const CalendarSession = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M3.02063 9.69694H21.0206M3.02063 9.69694V17.7203C3.02063 18.8554 3.44048 19.9439 4.18781 20.7465C4.93514 21.5491 5.94874 22 7.00563 22H17.0356C18.0925 22 19.1061 21.5491 19.8535 20.7465C20.6008 19.9439 21.0206 18.8554 21.0206 17.7203V9.69694M3.02063 9.69694V8.02266C3.02063 6.88763 3.44048 5.79908 4.18781 4.99649C4.93514 4.1939 5.94874 3.74301 7.00563 3.74301H17.0356C18.0925 3.74301 19.1061 4.1939 19.8535 4.99649C20.6008 5.79908 21.0206 6.88763 21.0206 8.02266V9.69694M16.2676 2V5.48709M8.26762 2V5.48709"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+CalendarSession.displayName = "CalendarSession";
+const ForwardRef = forwardRef(CalendarSession);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CalendarSession };

package/src/components/native/CalendarStripe.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const CalendarStripe = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M16.0206 2.5V6.5M8.02063 2.5V6.5M3.02063 9.5H21.0206M7.02063 13.5H17.0206M7.02063 17.5H17.0206M5.02063 4.5H19.0206C20.1252 4.5 21.0206 5.39543 21.0206 6.5V19.5C21.0206 20.6046 20.1252 21.5 19.0206 21.5H5.02063C3.91606 21.5 3.02063 20.6046 3.02063 19.5V6.5C3.02063 5.39543 3.91606 4.5 5.02063 4.5Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+CalendarStripe.displayName = "CalendarStripe";
+const ForwardRef = forwardRef(CalendarStripe);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CalendarStripe };

package/src/components/native/Card.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const Card = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M3.02057 9H21.0206M9.59057 13H7.02057M18.0206 19H6.02057C4.36357 19 3.02057 17.657 3.02057 16V8C3.02057 6.343 4.36357 5 6.02057 5H18.0206C19.6776 5 21.0206 6.343 21.0206 8V16C21.0206 17.657 19.6776 19 18.0206 19Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Card.displayName = "Card";
+const ForwardRef = forwardRef(Card);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Card };

package/src/components/native/CardAdd.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const CardAdd = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M2.02051 7.85205H21.0205M21.0205 14V6C21.0205 5.46957 20.8098 4.96077 20.4347 4.58569C20.0596 4.21062 19.5509 4 19.0205 4H4.02051C3.49007 4 2.9814 4.21062 2.60632 4.58569C2.23125 4.96077 2.02051 5.46957 2.02051 6V15C2.02051 15.5304 2.23125 16.0392 2.60632 16.4143C2.9814 16.7894 3.49007 17 4.02051 17H12.0205M17.0205 15V19M19.0205 17H15.0205M17.0205 21.9999C16.0316 21.9999 15.0649 21.7068 14.2427 21.1574C13.4204 20.608 12.7796 19.8269 12.4011 18.9132C12.0227 17.9996 11.9237 16.9945 12.1166 16.0246C12.3095 15.0547 12.7857 14.1635 13.485 13.4643C14.1842 12.765 15.0751 12.289 16.045 12.0961C17.015 11.9032 18.0203 12.0021 18.934 12.3805C19.8476 12.759 20.6285 13.3998 21.1779 14.2221C21.7273 15.0443 22.0205 16.011 22.0205 16.9999C22.0205 18.326 21.4937 19.5979 20.556 20.5356C19.6184 21.4732 18.3466 21.9999 17.0205 21.9999Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+CardAdd.displayName = "CardAdd";
+const ForwardRef = forwardRef(CardAdd);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CardAdd };

package/src/components/native/CardArrowRight.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const CardArrowRight = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M1.02063 4.85201H20.0206M20.0206 11V3C20.0206 2.46957 19.8099 1.96077 19.4348 1.58569C19.0597 1.21062 18.5511 1 18.0206 1H3.02063C2.4902 1 1.98152 1.21062 1.60645 1.58569C1.23137 1.96077 1.02063 2.46957 1.02063 3V12C1.02063 12.5304 1.23137 13.0392 1.60645 13.4143C1.98152 13.7894 2.4902 14 3.02063 14H11.0206M16.1166 15.967L18.0206 14.063M16.1166 12.043L18.0206 13.947M14.0206 14H18.0206M16.0206 18.9999C15.0317 18.9999 14.065 18.7068 13.2428 18.1574C12.4206 17.608 11.7797 16.8269 11.4012 15.9132C11.0228 14.9996 10.9238 13.9945 11.1167 13.0246C11.3096 12.0547 11.7858 11.1635 12.4851 10.4643C13.1844 9.765 14.0753 9.28903 15.0452 9.0961C16.0151 8.90318 17.0205 9.00209 17.9341 9.38053C18.8477 9.75896 19.6286 10.3998 20.178 11.2221C20.7274 12.0443 21.0206 13.011 21.0206 13.9999C21.0206 15.326 20.4938 16.5979 19.5562 17.5356C18.6185 18.4732 17.3467 18.9999 16.0206 18.9999Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+CardArrowRight.displayName = "CardArrowRight";
+const ForwardRef = forwardRef(CardArrowRight);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CardArrowRight };