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

package/src/components/native/Copy.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 Copy = (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="M19.0206 3V2C19.0206 1.73478 18.9153 1.48043 18.7277 1.29289C18.5402 1.10536 18.2858 1 18.0206 1H17.0206M19.0206 13V14C19.0206 14.2652 18.9153 14.5196 18.7277 14.7071C18.5402 14.8946 18.2858 15 18.0206 15H17.0206M5.02063 3V2C5.02063 1.73478 5.12599 1.48043 5.31352 1.29289C5.50106 1.10536 5.75541 1 6.02063 1H7.02063M11.0206 1H13.0206M19.0206 9.4375V7M2.02063 6H13.0206C13.5729 6 14.0206 6.44772 14.0206 7V18C14.0206 18.5523 13.5729 19 13.0206 19H2.02063C1.46835 19 1.02063 18.5523 1.02063 18V7C1.02063 6.44772 1.46835 6 2.02063 6Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Copy.displayName = "Copy";
+const ForwardRef = forwardRef(Copy);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Copy };

package/src/components/native/CreditKivid.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 CreditKivid = (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="M12.8027 5.77029V6.85212M12.8027 14.4249V13.3465M14.9551 8.36669C14.9291 7.95676 14.7481 7.57208 14.4488 7.29078C14.1495 7.00947 13.7544 6.85263 13.3436 6.85213H12.158C11.7869 6.8515 11.4285 6.98672 11.1503 7.23225C10.8721 7.47778 10.6934 7.81674 10.6479 8.18498C10.6025 8.55322 10.6934 8.92528 10.9035 9.23111C11.1136 9.53693 11.4284 9.75527 11.7884 9.84492L13.8171 10.3537C14.1771 10.4434 14.4919 10.6617 14.702 10.9675C14.9121 11.2734 15.003 11.6456 14.9575 12.0139C14.9121 12.3821 14.7334 12.7209 14.4552 12.9664C14.177 13.2119 13.8185 13.3471 13.4475 13.3465H12.2618C11.8505 13.3458 11.4549 13.1886 11.1554 12.9066C10.8559 12.6246 10.6749 12.2391 10.6494 11.8286M5.2861 6.84722L5.2861 13.5237M8.99525 13.3382L5.2861 10.1855L8.80003 7.03268M19.0206 10C19.0206 14.9706 14.9911 19 10.0206 19C5.05001 19 1.02057 14.9706 1.02057 10C1.02057 5.02944 5.05001 1 10.0206 1C14.9911 1 19.0206 5.02944 19.0206 10Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+CreditKivid.displayName = "CreditKivid";
+const ForwardRef = forwardRef(CreditKivid);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CreditKivid };

package/src/components/native/CreditKividInvoice.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 CreditKividInvoice = (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="M7.78577 14.9999H15.7858M7.78577 17.9999H15.7858M14.3174 5.99986V6.80344M14.3174 12.4284V11.6274M15.8473 7.92847C15.8289 7.62397 15.7002 7.33822 15.4875 7.12927C15.2747 6.92031 14.9939 6.80381 14.7019 6.80344H13.8591C13.5954 6.80298 13.3406 6.90341 13.1429 7.08579C12.9451 7.26817 12.8181 7.51996 12.7858 7.79349C12.7535 8.06702 12.8181 8.34338 12.9675 8.57054C13.1168 8.79771 13.3405 8.95989 13.5964 9.02648L15.0384 9.40441C15.2943 9.471 15.5181 9.63318 15.6674 9.86035C15.8167 10.0875 15.8814 10.364 15.8491 10.6376C15.8167 10.9111 15.6897 11.1627 15.492 11.3451C15.2942 11.5275 15.0395 11.6279 14.7757 11.6274H13.9329C13.6406 11.6269 13.3594 11.5101 13.1465 11.3007C12.9336 11.0912 12.805 10.8049 12.7869 10.4999M8.14295 6.80344L8.14291 11.7229M11.1177 11.7229L9.53168 9.26885M8.14293 9.26885H9.53168M11.1177 6.80344L9.53168 9.26885M17.2858 21H6.28577C5.18077 21 4.28577 20.105 4.28577 19V5C4.28577 3.895 5.18077 3 6.28577 3H17.2858C18.3908 3 19.2858 3.895 19.2858 5V19C19.2858 20.105 18.3908 21 17.2858 21Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+CreditKividInvoice.displayName = "CreditKividInvoice";
+const ForwardRef = forwardRef(CreditKividInvoice);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CreditKividInvoice };

package/src/components/native/CreditKividReload.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 CreditKividReload = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 22 22"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M13.6601 6.87974V7.89761M13.6601 15.0226V14.008M15.6671 9.32264C15.6429 8.93695 15.4742 8.575 15.1951 8.31032C14.916 8.04565 14.5475 7.89808 14.1645 7.89761H13.0589C12.7129 7.89702 12.3787 8.02425 12.1193 8.25526C11.8599 8.48627 11.6933 8.8052 11.6509 9.15167C11.6085 9.49814 11.6933 9.8482 11.8892 10.1359C12.0851 10.4237 12.3786 10.6291 12.7143 10.7135L14.606 11.1922C14.9417 11.2765 15.2352 11.482 15.4311 11.7697C15.627 12.0574 15.7118 12.4077 15.6694 12.7542C15.627 13.1006 15.4604 13.4193 15.201 13.6504C14.9416 13.8814 14.6073 14.0086 14.2614 14.008H13.1557C12.7722 14.0073 12.4033 13.8594 12.124 13.5941C11.8448 13.3288 11.676 12.9661 11.6522 12.5798M6.25156 7.89761L6.2515 14.129M10.154 14.129L8.07337 11.0205M6.25153 11.0205H8.07337M10.154 7.89761L8.07337 11.0205M19.0306 5.3121C17.7404 3.48178 15.8619 2.1456 13.7064 1.52602C11.5509 0.90644 9.24775 1.04101 7.17884 1.9058C5.10992 2.77059 3.39941 4.31459 2.33084 6.28182C1.26227 8.24905 0.899808 10.5213 1.30352 12.7221M2.70218 19.2953V16.688H5.3166M2.96942 16.688C4.25958 18.5183 6.13812 19.8534 8.29365 20.473C10.4492 21.0926 12.7523 20.9591 14.8212 20.0943C16.8901 19.2295 18.6006 17.6855 19.6692 15.7183C20.7377 13.7511 21.1002 11.4789 20.6965 9.27801M19.2978 2.70438V5.31164H16.6812"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+CreditKividReload.displayName = "CreditKividReload";
+const ForwardRef = forwardRef(CreditKividReload);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CreditKividReload };

package/src/components/native/Daily.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 Daily = (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="M15.0206 13.7575C15.9816 13.4385 16.9666 13.2355 18.0206 13.1175M6.02057 13.1185C7.07457 13.2355 8.05957 13.4395 9.02057 13.7585M18.0206 9.11848C16.9666 9.23548 15.9816 9.43948 15.0206 9.75848M9.02057 9.7575C8.05957 9.4385 7.07457 9.2355 6.02057 9.1175M12.0206 20.0005C9.41457 18.4685 7.08657 17.8985 3.99457 17.8525C3.45357 17.8445 3.02057 17.3955 3.02057 16.8545V5.00151C3.02057 4.44251 3.47957 3.98251 4.03757 4.00151C7.10857 4.10051 9.42657 4.67851 12.0206 6.13151C14.6146 4.67851 16.9326 4.10051 20.0036 4.00051C20.5616 3.98251 21.0206 4.44151 21.0206 5.00051V16.8535C21.0206 17.3955 20.5876 17.8445 20.0466 17.8525C16.9546 17.8985 14.6266 18.4685 12.0206 20.0005ZM12.0206 20.0005V6.13049"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Daily.displayName = "Daily";
+const ForwardRef = forwardRef(Daily);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Daily };

package/src/components/native/Dictionary.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 Dictionary = (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.52051 17V3C1.52051 2.46957 1.73122 1.96086 2.10629 1.58579C2.48137 1.21071 2.99007 1 3.52051 1H16.5205C17.0509 1 17.5596 1.21071 17.9347 1.58579C18.3098 1.96086 18.5205 2.46957 18.5205 3V13C18.5205 13.5304 18.3098 14.0391 17.9347 14.4142C17.5596 14.7893 17.0509 15 16.5205 15H3.52051C2.99007 15 2.48137 15.2107 2.10629 15.5858C1.73122 15.9609 1.52051 16.4696 1.52051 17ZM1.52051 17C1.52051 17.5304 1.73122 18.0391 2.10629 18.4142C2.48137 18.7893 2.99007 19 3.52051 19H16.5205C17.0509 19 17.5596 18.7893 17.9347 18.4142C18.3098 18.0391 18.5205 17.5304 18.5205 17V12M14.5205 5.658H5.52051M14.5205 10H5.52051"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Dictionary.displayName = "Dictionary";
+const ForwardRef = forwardRef(Dictionary);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Dictionary };

package/src/components/native/DocBarcode.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 DocBarcode = (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="M7.73865 10V12.9004M10.4546 10V12.9004M5.02063 10V14.7314M13.1027 10V14.7314M15.0206 1H3.02063C1.91063 1 1.02063 1.89 1.02063 3V17C1.02063 18.1 1.91063 19 3.02063 19H15.0206C16.1206 19 17.0206 18.1 17.0206 17V3C17.0206 1.89 16.1206 1 15.0206 1Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+DocBarcode.displayName = "DocBarcode";
+const ForwardRef = forwardRef(DocBarcode);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as DocBarcode };

package/src/components/native/DocBudget.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 DocBudget = (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="M11.0206 19H3.02063C2.4902 19 1.98149 18.7893 1.60642 18.4142C1.23134 18.0391 1.02063 17.5304 1.02063 17V3C1.02063 2.46957 1.23134 1.96086 1.60642 1.58579C1.98149 1.21071 2.4902 1 3.02063 1H16.0206C16.5511 1 17.0598 1.21071 17.4348 1.58579C17.8099 1.96086 18.0206 2.46957 18.0206 3V11M11.0206 5H14.0206M11.0206 8H14.0206M5.02063 11H14.0206M5.02063 14H9.02063M6.02063 5H7.02063C7.57291 5 8.02063 5.44772 8.02063 6V7C8.02063 7.55228 7.57291 8 7.02063 8H6.02063C5.46835 8 5.02063 7.55228 5.02063 7V6C5.02063 5.44772 5.46835 5 6.02063 5ZM15.8506 14.517L16.0206 14.689L16.1956 14.504C16.3429 14.3467 16.5205 14.221 16.7178 14.1343C16.915 14.0476 17.1278 14.0018 17.3432 13.9996C17.5587 13.9975 17.7723 14.039 17.9712 14.1218C18.1702 14.2045 18.3503 14.3267 18.5006 14.481L18.5366 14.517C18.8468 14.8359 19.0204 15.2632 19.0204 15.708C19.0204 16.1528 18.8468 16.5801 18.5366 16.899L16.7816 18.681C16.6822 18.782 16.5636 18.8621 16.4329 18.9168C16.3022 18.9716 16.1619 18.9997 16.0201 18.9997C15.8784 18.9997 15.7381 18.9716 15.6074 18.9168C15.4766 18.8621 15.3581 18.782 15.2586 18.681L13.5046 16.9C13.194 16.5814 13.0201 16.154 13.0201 15.709C13.0201 15.264 13.194 14.8366 13.5046 14.518C13.6577 14.3623 13.8403 14.2387 14.0416 14.1543C14.243 14.0698 14.4591 14.0263 14.6774 14.0262C14.8958 14.0261 15.1119 14.0695 15.3133 14.1537C15.5148 14.238 15.6974 14.3615 15.8506 14.517Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+DocBudget.displayName = "DocBudget";
+const ForwardRef = forwardRef(DocBudget);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as DocBudget };

package/src/components/native/DocCardiacExam.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 DocCardiacExam = (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="M4.01855 16H6.01855M16.0186 6H14.0186L12.6846 8L10.9066 4L9.5726 6H4.01758M4.01855 11H6.12955L7.12955 9.5L8.46255 12.5L9.46255 11H16.0186M1.01855 3V17C1.01855 17.5304 1.22927 18.039 1.60434 18.4141C1.97941 18.7891 2.48812 19 3.01855 19H17.0186C17.549 19 18.0577 18.7891 18.4328 18.4141C18.8078 18.039 19.0186 17.5304 19.0186 17V3C19.0186 2.46957 18.8078 1.96101 18.4328 1.58594C18.0577 1.21086 17.549 1 17.0186 1H3.01855C2.48812 1 1.97941 1.21086 1.60434 1.58594C1.22927 1.96101 1.01855 2.46957 1.01855 3Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+DocCardiacExam.displayName = "DocCardiacExam";
+const ForwardRef = forwardRef(DocCardiacExam);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as DocCardiacExam };

package/src/components/native/DocClock.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 DocClock = (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="M4.51862 8H12.5186M16.5186 13V14.875H14.5186M16.5186 10V3C16.5186 2.46957 16.3079 1.96101 15.9328 1.58594C15.5577 1.21086 15.049 1 14.5186 1H3.51862C2.98818 1 2.4795 1.21086 2.10443 1.58594C1.72936 1.96101 1.51862 2.46957 1.51862 3V13C1.51862 13.5304 1.72936 14.039 2.10443 14.4141C2.4795 14.7891 2.98818 15 3.51862 15H11.5186M4.51862 4.5H12.5186M4.51862 11.5H8.51862M16.0186 19C16.9086 19 17.7786 18.7361 18.5186 18.2417C19.2586 17.7472 19.8355 17.0444 20.1761 16.2221C20.5167 15.3999 20.6058 14.495 20.4322 13.622C20.2586 12.7491 19.83 11.9472 19.2006 11.3178C18.5713 10.6885 17.7695 10.26 16.8965 10.0864C16.0236 9.91276 15.1188 10.0022 14.2966 10.3427C13.4743 10.6833 12.7715 11.26 12.277 12C11.7826 12.74 11.5186 13.61 11.5186 14.5C11.5186 15.6934 11.9927 16.8382 12.8366 17.6821C13.6805 18.526 14.8251 19 16.0186 19Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+DocClock.displayName = "DocClock";
+const ForwardRef = forwardRef(DocClock);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as DocClock };

package/src/components/native/DocHealthStripe.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 DocHealthStripe = (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="M5.01855 12H13.0186M5.01855 15H13.0186M9.01855 4.98V8.52M10.7886 6.75H7.24855M15.0186 1H3.01855C1.90855 1 1.01855 1.89 1.01855 3V17C1.01855 18.1 1.90855 19 3.01855 19H15.0186C16.1186 19 17.0186 18.1 17.0186 17V3C17.0186 1.89 16.1186 1 15.0186 1Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+DocHealthStripe.displayName = "DocHealthStripe";
+const ForwardRef = forwardRef(DocHealthStripe);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as DocHealthStripe };

package/src/components/native/DocHeart.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 DocHeart = (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="M5.02138 6H13.0214M8.02138 19H3.02138C2.49094 19 1.98224 18.7891 1.60716 18.4141C1.23209 18.039 1.02138 17.5304 1.02138 17V3C1.02138 2.46957 1.23209 1.96101 1.60716 1.58594C1.98224 1.21086 2.49094 1 3.02138 1H15.0214C15.5518 1 16.0605 1.21086 16.4356 1.58594C16.8107 1.96101 17.0214 2.46957 17.0214 3V7M14.9054 11.8801L14.5124 12.2991L14.1174 11.8801C13.7013 11.4376 13.1305 11.1729 12.5239 11.1408C11.9173 11.1088 11.3218 11.312 10.8614 11.7082C10.3952 12.1137 10.1044 12.6845 10.0503 13.3C9.99626 13.9155 10.1831 14.5275 10.5714 15.008C11.7185 16.492 13.0419 17.8311 14.5124 18.9953C16.0174 17.8015 17.3693 16.4257 18.5374 14.9006C18.8997 14.4344 19.0682 13.8473 19.0079 13.26C18.9475 12.6727 18.663 12.131 18.2134 11.7483L18.1714 11.7112C17.7102 11.3128 17.113 11.1074 16.5044 11.1389C15.8958 11.1704 15.3229 11.4362 14.9054 11.8801Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+DocHeart.displayName = "DocHeart";
+const ForwardRef = forwardRef(DocHeart);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as DocHeart };

package/src/components/native/DocImageExam.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 DocImageExam = (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="M9.04262 15.6329C9.04288 15.2894 8.97545 14.9494 8.84414 14.6319C8.71283 14.3145 8.52023 14.0262 8.27736 13.7833C8.0345 13.5403 7.74612 13.3473 7.42873 13.2159C7.11134 13.0845 6.77116 13.0165 6.42763 13.0167C5.73409 13.0167 5.06892 12.7415 4.57851 12.2511C4.0881 11.7606 3.81264 11.096 3.81264 10.4024M6.42664 5.16644C7.12018 5.16644 7.78535 5.44166 8.27576 5.93207C8.76617 6.42248 9.04163 7.08716 9.04163 7.7807M13.2716 10.4009C13.363 10.1489 13.5031 9.91707 13.684 9.71924C13.8649 9.52141 14.083 9.36203 14.3258 9.24854C14.5687 9.13505 14.8316 9.06995 15.0994 9.05811C15.3672 9.04626 15.6347 9.0876 15.8866 9.1792M1.02063 3V17C1.02063 17.5304 1.23134 18.039 1.60641 18.4141C1.98149 18.7891 2.4902 19 3.02063 19H17.0206C17.5511 19 18.0598 18.7891 18.4348 18.4141C18.8099 18.039 19.0206 17.5304 19.0206 17V3C19.0206 2.46957 18.8099 1.96101 18.4348 1.58594C18.0598 1.21086 17.5511 1 17.0206 1H3.02063C2.4902 1 1.98149 1.21086 1.60641 1.58594C1.23134 1.96101 1.02063 2.46957 1.02063 3ZM14.5248 14C14.591 14.001 14.656 14.0185 14.7168 14.0447C14.7775 14.071 14.8329 14.1091 14.8789 14.1566C14.925 14.204 14.9608 14.259 14.9852 14.3206C15.0096 14.3821 15.0216 14.4482 15.0206 14.5144C15.0206 14.647 14.968 14.771 14.8743 14.8648C14.7805 14.9585 14.6537 15.0139 14.5211 15.0139C14.3885 15.0139 14.2608 14.9585 14.167 14.8648C14.0732 14.771 14.0207 14.647 14.0207 14.5144C14.0197 14.4482 14.0317 14.3821 14.0561 14.3206C14.0805 14.259 14.1172 14.204 14.1633 14.1566C14.2093 14.1091 14.2637 14.071 14.3245 14.0447C14.3852 14.0185 14.4587 14.001 14.5248 14ZM13.4028 4.44769C13.5351 4.44969 13.6613 4.50252 13.7542 4.5968C13.847 4.69108 13.8986 4.82235 13.8986 4.95468C13.8986 5.0873 13.8461 5.21131 13.7523 5.3051C13.6585 5.39888 13.5317 5.45421 13.3991 5.45421C13.2665 5.45421 13.1387 5.39888 13.0449 5.3051C12.9512 5.21131 12.8986 5.0873 12.8986 4.95468C12.8986 4.82235 12.9512 4.69108 13.044 4.5968C13.1369 4.50252 13.2705 4.44969 13.4028 4.44769Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+DocImageExam.displayName = "DocImageExam";
+const ForwardRef = forwardRef(DocImageExam);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as DocImageExam };