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

package/src/components/native/DocInvisible.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 DocInvisible = (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.0327 7.82764C19.0325 7.29725 18.8217 6.78905 18.4466 6.41406L15.6186 3.58594C15.2436 3.21084 14.735 3.00011 14.2047 3H7.03265C6.50222 3 5.99354 3.21038 5.61847 3.58545C5.2434 3.96052 5.03265 4.46957 5.03265 5M5.03265 19C5.03265 19.5304 5.2434 20.039 5.61847 20.4141C5.99354 20.7891 6.50222 21 7.03265 21H17.0327C17.5631 21 18.0718 20.7891 18.4468 20.4141C18.8219 20.039 19.0327 19.5304 19.0327 19M5.00861 13.5H5.01862M5.02264 7.5H5.03265M19.0086 13.5H19.0186M5.02264 10.4897L5.02765 10.4946L5.03265 10.4897H5.02264ZM5.02264 16.4897L5.02765 16.4946L5.03265 16.4897H5.02264ZM19.0226 10.4897L19.0276 10.4946L19.0327 10.4897H19.0226ZM19.0226 16.4897L19.0276 16.4946L19.0327 16.4897H19.0226Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+DocInvisible.displayName = "DocInvisible";
+const ForwardRef = forwardRef(DocInvisible);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as DocInvisible };

package/src/components/native/DocLabExam.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 DocLabExam = (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="M18.5219 6.5V3.5C18.5219 2.96957 18.3111 2.46003 17.936 2.08496C17.561 1.70989 17.0523 1.5 16.5219 1.5H3.52185C2.99142 1.5 2.48274 1.70989 2.10767 2.08496C1.73259 2.46003 1.52185 2.96957 1.52185 3.5V17.5C1.52185 18.0304 1.73259 18.539 2.10767 18.9141C2.48274 19.2891 2.99142 19.5 3.52185 19.5H8.52185M5.52185 13.5H7.52185M5.52185 9.5H9.52185M5.52185 5.5H14.5219M18.3728 9.5H13.8728M17.6228 9.5V13.2803L20.2159 17.4404C20.405 17.7434 20.5095 18.0921 20.5186 18.4492C20.5277 18.8063 20.441 19.1585 20.2675 19.4707C20.094 19.7829 19.8399 20.0437 19.5319 20.2246C19.2239 20.4055 18.8731 20.5006 18.5159 20.5H13.7239C13.3667 20.5006 13.0158 20.4055 12.7078 20.2246C12.3998 20.0437 12.1458 19.7829 11.9723 19.4707C11.7988 19.1585 11.712 18.8063 11.7211 18.4492C11.7302 18.0921 11.8347 17.7434 12.0238 17.4404L14.6169 13.2803V9.5M17.7588 13.5H14.4868"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+DocLabExam.displayName = "DocLabExam";
+const ForwardRef = forwardRef(DocLabExam);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as DocLabExam };

package/src/components/native/DocList.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 DocList = (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.02051 17C5.02051 17.5304 4.80979 18.0391 4.43472 18.4142C4.05965 18.7893 3.55094 19 3.02051 19M5.02051 17V4H3.02051C2.49007 4 1.98137 4.21071 1.60629 4.58579C1.23122 4.96086 1.02051 5.46957 1.02051 6V17C1.02051 17.5304 1.23122 18.0391 1.60629 18.4142C1.98137 18.7893 2.49007 19 3.02051 19M5.02051 17V3C5.02051 2.46957 5.23122 1.96086 5.60629 1.58579C5.98137 1.21071 6.49007 1 7.02051 1H17.0205C17.5509 1 18.0596 1.21071 18.4347 1.58579C18.8098 1.96086 19.0205 2.46957 19.0205 3V17C19.0205 17.5304 18.8098 18.0391 18.4347 18.4142C18.0596 18.7893 17.5509 19 17.0205 19H3.02051M8.52051 6H15.5205M8.52051 10H15.5205M8.52051 14H15.5205"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+DocList.displayName = "DocList";
+const ForwardRef = forwardRef(DocList);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as DocList };

package/src/components/native/DocScan.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 DocScan = (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 13V17C3.02063 17.5304 3.23137 18.0395 3.60645 18.4146C3.98152 18.7896 4.4902 19 5.02063 19H15.0206C15.5511 19 16.0597 18.7896 16.4348 18.4146C16.8099 18.0395 17.0206 17.5304 17.0206 17V13M17.0206 7V5.82812C17.0205 5.29774 16.8097 4.78905 16.4346 4.41406L13.6066 1.58594C13.2316 1.21084 12.723 1.00011 12.1926 1H5.02063C4.4902 1 3.98152 1.21086 3.60645 1.58594C3.23137 1.96101 3.02063 2.46957 3.02063 3V7M12.0206 10H14.0206M17.0206 10H19.0206M6.42065 10H8.42065M1.02063 10H3.02063"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+DocScan.displayName = "DocScan";
+const ForwardRef = forwardRef(DocScan);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as DocScan };

package/src/components/native/DocWrite.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 DocWrite = (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.51965 19H3.51965C2.98922 19 2.48054 18.7891 2.10547 18.4141C1.7304 18.039 1.51965 17.5304 1.51965 17V3C1.51965 2.46957 1.7304 1.96003 2.10547 1.58496C2.48054 1.20989 2.98922 1 3.51965 1H15.5197C16.0501 1 16.5588 1.20989 16.9338 1.58496C17.3089 1.96003 17.5197 2.46957 17.5197 3V6M5.52064 5.99858H11.5206M5.52064 9.99858H7.52064M10.5197 19L13.1447 18.6758C13.3289 18.6526 13.5005 18.569 13.6327 18.4385L19.9917 12.0781C20.1597 11.9109 20.2929 11.713 20.3838 11.4942C20.4747 11.2753 20.5216 11.0398 20.5216 10.8028C20.5216 10.5657 20.4747 10.3312 20.3838 10.1123C20.2929 9.89344 20.1597 9.69461 19.9917 9.52737C19.8245 9.35941 19.6256 9.2267 19.4067 9.13577C19.1879 9.04483 18.9532 8.99807 18.7162 8.99807C18.4792 8.99807 18.2444 9.04483 18.0255 9.13577C17.8066 9.2267 17.6079 9.35941 17.4407 9.52737L11.1406 15.8272C11.0127 15.9546 10.9299 16.121 10.9047 16.2998L10.5197 19Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+DocWrite.displayName = "DocWrite";
+const ForwardRef = forwardRef(DocWrite);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as DocWrite };

package/src/components/native/Doctor.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 Doctor = (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.61052 16.02C4.80418 16.02 4.15051 16.6871 4.15051 17.51C4.15051 18.3329 4.80418 19 5.61052 19C6.41685 19 7.07051 18.3329 7.07051 17.51C7.07051 16.6871 6.41685 16.02 5.61052 16.02ZM5.61052 16.02L5.61063 12.28M5.90051 4.96002V7.02002C5.90051 9.17002 7.64052 10.91 9.79052 10.91C11.9405 10.91 13.6805 9.17002 13.6805 7.02002V4.96002H5.90051ZM5.90051 4.96002L5.90062 2.94C5.90062 1.87 6.77063 1 7.84063 1H11.7306C12.8006 1 13.6706 1.87 13.6706 2.94V4.96H5.89062L5.90051 4.96002ZM19.0406 17.72V16.46C19.0406 15.04 18.0606 13.82 16.6906 13.54L12.6506 12.83L10.0306 16.72L7.41063 12.83L3.37063 13.54C2.01063 13.82 1.02063 15.04 1.02063 16.46V17.72"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Doctor.displayName = "Doctor";
+const ForwardRef = forwardRef(Doctor);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Doctor };

package/src/components/native/DocumentNot.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 DocumentNot = (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.0206 6H14.0206M5.02057 14H9.02057M13.0206 19H3.02057C2.49014 19 1.98143 18.7891 1.60635 18.4141C1.23128 18.039 1.02057 17.5304 1.02057 17V5M1.02057 1L17.0206 18M5.02057 1H15.0206C15.551 1 16.0597 1.21086 16.4348 1.58594C16.8099 1.96101 17.0206 2.46957 17.0206 3V13"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+DocumentNot.displayName = "DocumentNot";
+const ForwardRef = forwardRef(DocumentNot);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as DocumentNot };

package/src/components/native/Documents.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 Documents = (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 17H18.0205C18.5509 17 19.0596 16.7891 19.4347 16.4141C19.8098 16.039 20.0205 15.5304 20.0205 15V5C20.0205 4.46957 19.8098 3.96052 19.4347 3.58545C19.0596 3.21038 18.5509 3 18.0205 3H10.0205C9.49007 3 8.9814 3.21038 8.60632 3.58545C8.23125 3.96052 8.02051 4.46957 8.02051 5V7M8.02051 12H12.0205M8.02051 16H12.0205M6.02051 7H14.0205C15.1251 7 16.0205 7.89543 16.0205 9V19C16.0205 20.1046 15.1251 21 14.0205 21H6.02051C4.91594 21 4.02051 20.1046 4.02051 19V9C4.02051 7.89543 4.91594 7 6.02051 7Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Documents.displayName = "Documents";
+const ForwardRef = forwardRef(Documents);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Documents };

package/src/components/native/Dog.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 Dog = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 18 20"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M4.80282 15.6028L3.75125 18.7575M12.7038 15.6028L13.7554 18.7575M7.75292 10.7542H9.75375M4.75167 2.75083C5.61548 2.0976 6.66992 1.74612 7.75292 1.75042H9.75375C10.8367 1.74612 11.8912 2.0976 12.755 2.75083M2.85088 5.75208C2.78196 6.08104 2.74842 6.41641 2.75083 6.7525V12.755C2.75083 14.4125 4.09454 15.7562 5.75208 15.7562H6.7525M6.7525 15.7562C7.85753 15.7562 8.75333 14.8604 8.75333 13.7554M6.7525 15.7562V16.7567C6.7525 17.5854 7.42435 18.2573 8.25313 18.2573H9.25354C10.0823 18.2573 10.7542 17.5854 10.7542 16.7567V15.7562M8.75333 13.7554C8.75333 14.8604 9.64914 15.7562 10.7542 15.7562M8.75333 13.7554L8.75333 10.7542M10.7542 15.7562H11.7546C13.4121 15.7562 14.7558 14.4125 14.7558 12.755V6.7525C14.7582 6.41641 14.7247 6.08104 14.6558 5.75208M9.75398 7.46006C10.3065 6.90754 11.2023 6.90754 11.7548 7.46006M5.75252 7.46006C6.30503 6.90754 7.20083 6.90754 7.75335 7.46006M1.75042 0.75H3.75125C4.30376 0.75 4.75167 1.1979 4.75167 1.75042V3.75125C4.75167 4.85628 3.85586 5.75208 2.75083 5.75208C1.6458 5.75208 0.75 4.85628 0.75 3.75125V1.75042C0.75 1.1979 1.1979 0.75 1.75042 0.75ZM13.7554 0.75H15.7563C16.3088 0.75 16.7567 1.1979 16.7567 1.75042V3.75125C16.7567 4.85628 15.8609 5.75208 14.7558 5.75208C13.6508 5.75208 12.755 4.85628 12.755 3.75125V1.75042C12.755 1.1979 13.2029 0.75 13.7554 0.75Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Dog.displayName = "Dog";
+const ForwardRef = forwardRef(Dog);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Dog };

package/src/components/native/DripChamber.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 DripChamber = (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.0283 9.99936V17.0023C19.0283 19.2122 17.2365 21.0039 15.0266 21.0039H11.6922C9.4823 21.0039 7.69055 19.2122 7.69055 17.0023V15.9428M13.9962 5.24738C12.2545 5.82162 9.43228 5.82162 7.69155 5.24738C5.95083 4.67314 3.12865 4.67314 1.38693 5.24738M5.46863 9.33008H9.91548M5.46863 12.1092H9.91548M1.83411 10.0964L1.06579 13.893C0.757663 15.4186 2.07221 16.7812 3.60885 16.5261L6.6011 16.0309C7.3234 15.9108 8.0597 15.9108 8.78201 16.0309L11.7572 16.5241C13.3019 16.7802 14.6244 15.4106 14.3143 13.877L13.55 10.0974C13.3739 9.22504 13.3739 8.32666 13.55 7.4543L14.3143 3.67472C14.6244 2.14108 13.3019 0.771514 11.7572 1.02762L8.78201 1.52083C8.0597 1.64088 7.3234 1.64088 6.6011 1.52083L3.62586 1.02662C2.08121 0.770514 0.759664 2.14008 1.06979 3.67372L1.83411 7.4533C2.01018 8.32566 2.01018 9.22504 1.83411 10.0964Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+DripChamber.displayName = "DripChamber";
+const ForwardRef = forwardRef(DripChamber);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as DripChamber };

package/src/components/native/Edit.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 Edit = (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.0197 11V19C21.0197 19.5304 20.809 20.0391 20.4339 20.4142C20.0589 20.7893 19.5501 21 19.0197 21H5.01971C4.48928 21 3.98057 20.7893 3.6055 20.4142C3.23043 20.0391 3.01971 19.5304 3.01971 19V5C3.01971 4.46957 3.23043 3.96086 3.6055 3.58578C3.98057 3.21071 4.48928 3 5.01971 3H13.0197M16.1057 5.085L18.9337 7.913M20.7267 6.12099L9.84872 17H7.01971V14.171L17.9027 3.293C18.0902 3.10553 18.3445 3.00021 18.6097 3.00021C18.8749 3.00021 19.1292 3.10553 19.3167 3.293L20.7307 4.707C20.9177 4.89506 21.0223 5.14966 21.0215 5.41483C21.0208 5.67999 20.9147 5.934 20.7267 6.12099Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Edit.displayName = "Edit";
+const ForwardRef = forwardRef(Edit);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Edit };

package/src/components/native/Ellipsis.tsx

@@ -0,0 +1,73 @@
+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 Ellipsis = (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="M6.02063 13C5.75541 13 5.50106 12.8946 5.31352 12.7071C5.12598 12.5195 5.02063 12.2652 5.02063 12C5.02063 11.7348 5.12598 11.4804 5.31352 11.2929C5.50106 11.1053 5.75541 11 6.02063 11C6.28585 11 6.5402 11.1053 6.72774 11.2929C6.91528 11.4804 7.02063 11.7348 7.02063 12C7.02063 12.2652 6.91528 12.5195 6.72774 12.7071C6.5402 12.8946 6.28585 13 6.02063 13Z"
+        fill={color}
+      />
+      <Path
+        d="M12.0206 13C11.7554 13 11.5011 12.8947 11.3135 12.7071C11.126 12.5196 11.0206 12.2653 11.0206 12C11.0206 11.7348 11.126 11.4804 11.3135 11.2929C11.5011 11.1054 11.7554 11 12.0206 11C12.2859 11 12.5402 11.1054 12.7277 11.2929C12.9153 11.4804 13.0206 11.7348 13.0206 12C13.0206 12.2653 12.9153 12.5196 12.7277 12.7071C12.5402 12.8947 12.2859 13 12.0206 13Z"
+        fill={color}
+      />
+      <Path
+        d="M18.0206 13C17.7554 13 17.5011 12.8947 17.3135 12.7071C17.126 12.5196 17.0206 12.2653 17.0206 12C17.0206 11.7348 17.126 11.4804 17.3135 11.2929C17.5011 11.1054 17.7554 11 18.0206 11C18.2858 11 18.5402 11.1054 18.7277 11.2929C18.9153 11.4804 19.0206 11.7348 19.0206 12C19.0206 12.2653 18.9153 12.5196 18.7277 12.7071C18.5402 12.8947 18.2858 13 18.0206 13Z"
+        fill={color}
+      />
+      <Path
+        d="M6.02063 13C5.75541 13 5.50106 12.8946 5.31352 12.7071C5.12598 12.5195 5.02063 12.2652 5.02063 12C5.02063 11.7348 5.12598 11.4804 5.31352 11.2929C5.50106 11.1053 5.75541 11 6.02063 11C6.28585 11 6.5402 11.1053 6.72774 11.2929C6.91528 11.4804 7.02063 11.7348 7.02063 12C7.02063 12.2652 6.91528 12.5195 6.72774 12.7071C6.5402 12.8946 6.28585 13 6.02063 13Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M12.0206 13C11.7554 13 11.5011 12.8947 11.3135 12.7071C11.126 12.5196 11.0206 12.2653 11.0206 12C11.0206 11.7348 11.126 11.4804 11.3135 11.2929C11.5011 11.1054 11.7554 11 12.0206 11C12.2859 11 12.5402 11.1054 12.7277 11.2929C12.9153 11.4804 13.0206 11.7348 13.0206 12C13.0206 12.2653 12.9153 12.5196 12.7277 12.7071C12.5402 12.8947 12.2859 13 12.0206 13Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M18.0206 13C17.7554 13 17.5011 12.8947 17.3135 12.7071C17.126 12.5196 17.0206 12.2653 17.0206 12C17.0206 11.7348 17.126 11.4804 17.3135 11.2929C17.5011 11.1054 17.7554 11 18.0206 11C18.2858 11 18.5402 11.1054 18.7277 11.2929C18.9153 11.4804 19.0206 11.7348 19.0206 12C19.0206 12.2653 18.9153 12.5196 18.7277 12.7071C18.5402 12.8947 18.2858 13 18.0206 13Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Ellipsis.displayName = "Ellipsis";
+const ForwardRef = forwardRef(Ellipsis);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Ellipsis };