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

package/src/components/web/Book.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const Book = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M12.0237 19.8773V5.84628M12.0206 19.8773C10.9983 18.9865 9.73522 18.4181 8.39052 18.2435C7.04582 18.0689 5.67956 18.2961 4.46364 18.8963C4.31435 18.9754 4.14717 19.0147 3.97829 19.0103C3.80941 19.006 3.64456 18.9581 3.49953 18.8714C3.3545 18.7848 3.23428 18.6623 3.15041 18.5157C3.06653 18.3691 3.0218 18.2032 3.02065 18.0343V6.72128C3.01943 6.42097 3.087 6.1243 3.21803 5.85409C3.34907 5.58388 3.54007 5.34744 3.77663 5.16244C5.61943 3.95579 9.89563 3.5266 12.0206 5.7642C13.7394 4.05235 17.5519 3.40841 20.2647 5.16244C20.5011 5.34759 20.692 5.58416 20.823 5.85433C20.954 6.12451 21.0216 6.42101 21.0206 6.72128V18.0343C21.0193 18.2032 20.9745 18.3691 20.8905 18.5157C20.8065 18.6623 20.6861 18.7848 20.541 18.8714C20.3959 18.958 20.2311 19.0057 20.0621 19.0101C19.8932 19.0145 19.726 18.9753 19.5767 18.8963C18.3609 18.2961 16.9948 18.0689 15.6503 18.2435C14.3057 18.4181 13.0428 18.9865 12.0206 19.8773Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Book.displayName = "Book";
+const ForwardRef = forwardRef(Book);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Book };

package/src/components/web/Brain.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const Brain = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M12.0209 3.87453V20.1243M15.0221 16.0016C15.0221 14.8966 15.9179 14.0007 17.023 14.0007M9.01962 7.99825C9.01962 9.10328 8.12382 9.99908 7.01879 9.99908M9.01962 16.0016C9.01962 14.8966 8.12382 14.0007 7.01879 14.0007M15.0221 7.99825C15.0221 9.10328 15.9179 9.99908 17.023 9.99908M12.6501 3.65344C12.2832 3.95036 11.7586 3.95036 11.3916 3.65344C10.5895 3.01337 9.51605 2.82746 8.54545 3.16052C7.57485 3.49358 6.84169 4.29945 6.60161 5.29712C6.51671 5.6853 6.21279 5.98805 5.82429 6.07145C4.68217 6.30326 3.73024 7.08811 3.28496 8.16509C2.83968 9.24207 2.95942 10.47 3.60436 11.4407C3.83676 11.7809 3.83676 12.2289 3.60436 12.5692C2.95942 13.5398 2.83968 14.7678 3.28496 15.8447C3.73024 16.9217 4.68217 17.7066 5.82429 17.9384C6.21279 18.0218 6.51671 18.3245 6.60161 18.7127C6.843 19.7095 7.57668 20.5141 8.54709 20.846C9.5175 21.178 10.5902 20.9915 11.3916 20.3514C11.7586 20.0545 12.2832 20.0545 12.6501 20.3514C13.4529 20.9915 14.5271 21.1767 15.4979 20.8426C16.4687 20.5085 17.2014 19.7013 17.4401 18.7027C17.525 18.3145 17.8289 18.0118 18.2175 17.9284C19.3597 17.6964 20.3117 16.9113 20.7568 15.8341C21.2019 14.7568 21.0818 13.5287 20.4364 12.5581C20.2049 12.2183 20.2049 11.7715 20.4364 11.4317C21.0818 10.4611 21.2019 9.23299 20.7568 8.15576C20.3117 7.07852 19.3597 6.29338 18.2175 6.06144C17.8289 5.97805 17.525 5.6753 17.4401 5.28712C17.1987 4.29031 16.4651 3.48578 15.4946 3.1538C14.5242 2.82182 13.4515 3.00836 12.6501 3.64844V3.65344Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Brain.displayName = "Brain";
+const ForwardRef = forwardRef(Brain);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Brain };

package/src/components/web/Building.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const Building = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/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;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Building };

package/src/components/web/Bulb.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const Bulb = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/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;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Bulb };

package/src/components/web/Calendar.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const Calendar = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/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;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Calendar };

package/src/components/web/CalendarArrowRight.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const CalendarArrowRight = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/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;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CalendarArrowRight };

package/src/components/web/CalendarCancel.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const CalendarCancel = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/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;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CalendarCancel };

package/src/components/web/CalendarCheck.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const CalendarCheck = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/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;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CalendarCheck };

package/src/components/web/CalendarEmpty.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const CalendarEmpty = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/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;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CalendarEmpty };

package/src/components/web/CalendarReturn.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const CalendarReturn = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/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;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CalendarReturn };

package/src/components/web/CalendarSession.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const CalendarSession = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/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;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CalendarSession };

package/src/components/web/CalendarStripe.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const CalendarStripe = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/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;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CalendarStripe };

package/src/components/web/Card.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const Card = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/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;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Card };

package/src/components/web/CardAdd.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const CardAdd = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/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;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CardAdd };

package/src/components/web/CardArrowRight.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const CardArrowRight = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/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;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CardArrowRight };

package/src/components/web/CardCheck.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const CardCheck = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M12.0207 17C12.0207 18.3261 12.5475 19.598 13.4852 20.5356C14.4228 21.4733 15.6946 22 17.0207 22C18.3468 22.0007 19.6188 21.4746 20.5569 20.5374C21.4951 19.6001 22.0225 18.3285 22.0231 17.0024C22.0238 15.6764 21.4977 14.4045 20.5605 13.4663C19.6233 12.5282 18.3518 12.0007 17.0257 12C15.705 12.0188 14.4436 12.5516 13.5092 13.4851C12.5748 14.4186 12.0408 15.6793 12.0207 17ZM12.0207 17H4.02068C3.49025 17 2.98157 16.7894 2.60649 16.4143C2.23142 16.0392 2.02068 15.5304 2.02068 15V6C2.02068 5.46957 2.23142 4.96077 2.60649 4.58569C2.98157 4.21062 3.49025 4 4.02068 4H19.0207C19.5511 4 20.0598 4.21062 20.4349 4.58569C20.8099 4.96077 21.0207 5.46957 21.0207 6V14M2.02066 7.85201H21.0207M19.2426 15.8889L16.4646 18.667L14.7977 17"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+CardCheck.displayName = "CardCheck";
+const ForwardRef = forwardRef(CardCheck);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as CardCheck };