@sunzi/icon 1.0.2 → 1.0.4

package/src/customeow/default/icon-arrow-chevron-down-outline.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowChevronDownOutline = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-arrow-chevron-down-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M5.23017 7.20938C5.52875 6.92228 6.00353 6.93159 6.29063 7.23017L10 11.1679L13.7094 7.23017C13.9965 6.93159 14.4713 6.92228 14.7698 7.20938C15.0684 7.49647 15.0777 7.97125 14.7906 8.26983L10.5406 12.7698C10.3992 12.9169 10.204 13 10 13C9.79599 13 9.60078 12.9169 9.45938 12.7698L5.20938 8.26983C4.92228 7.97125 4.93159 7.49647 5.23017 7.20938Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconArrowChevronDownOutline.displayName = "IconArrowChevronDownOutline";
+
+export default IconArrowChevronDownOutline;

package/src/customeow/default/icon-arrow-chevron-left-outline.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowChevronLeftOutline = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-arrow-chevron-left-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M12.7906 5.23017C13.0777 5.52875 13.0684 6.00353 12.7698 6.29063L8.83208 10L12.7698 13.7094C13.0684 13.9965 13.0777 14.4713 12.7906 14.7698C12.5035 15.0684 12.0287 15.0777 11.7302 14.7906L7.23017 10.5406C7.08311 10.3992 7 10.204 7 10C7 9.79599 7.08311 9.60078 7.23017 9.45938L11.7302 5.20938C12.0287 4.92228 12.5035 4.93159 12.7906 5.23017Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconArrowChevronLeftOutline.displayName = "IconArrowChevronLeftOutline";
+
+export default IconArrowChevronLeftOutline;

package/src/customeow/default/icon-arrow-chevron-left-shein-outline.tsx

@@ -0,0 +1,33 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowChevronLeftSheinOutline = forwardRef<
+  SVGSVGElement,
+  IconProps
+>(({ color = "currentColor", ...props }, forwardedRef) => {
+  const { className } = props;
+  props = {
+    ...props,
+    width: `${props.width || props.size || 20}`,
+    height: `${props.height || props.size || 20}`,
+    className: `${
+      className ? className + " " : ""
+    }customeow-icon customeow-icon-icon-arrow-chevron-left-shein-outline`,
+  };
+  return (
+    <svg
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+      ref={forwardedRef}
+    >
+      <path d="M13 4L7 10L13 16" stroke={color} strokeWidth="1.5" />
+    </svg>
+  );
+});
+
+IconArrowChevronLeftSheinOutline.displayName =
+  "IconArrowChevronLeftSheinOutline";
+
+export default IconArrowChevronLeftSheinOutline;

package/src/customeow/default/icon-arrow-chevron-right-outline.tsx

@@ -0,0 +1,37 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowChevronRightOutline = forwardRef<
+  SVGSVGElement,
+  IconProps
+>(({ color = "currentColor", ...props }, forwardedRef) => {
+  const { className } = props;
+  props = {
+    ...props,
+    width: `${props.width || props.size || 20}`,
+    height: `${props.height || props.size || 20}`,
+    className: `${
+      className ? className + " " : ""
+    }customeow-icon customeow-icon-icon-arrow-chevron-right-outline`,
+  };
+  return (
+    <svg
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M7.20938 14.7698C6.92228 14.4713 6.93159 13.9965 7.23017 13.7094L11.1679 10L7.23017 6.29062C6.93159 6.00353 6.92228 5.52875 7.20938 5.23017C7.49647 4.93159 7.97125 4.92228 8.26983 5.20937L12.7698 9.45937C12.9169 9.60078 13 9.79599 13 10C13 10.204 12.9169 10.3992 12.7698 10.5406L8.26983 14.7906C7.97125 15.0777 7.49647 15.0684 7.20938 14.7698Z"
+        fill={color}
+        fillRule="evenodd"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+});
+
+IconArrowChevronRightOutline.displayName = "IconArrowChevronRightOutline";
+
+export default IconArrowChevronRightOutline;

package/src/customeow/default/icon-arrow-chevron-rigth-shein-outline.tsx

@@ -0,0 +1,33 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowChevronRigthSheinOutline = forwardRef<
+  SVGSVGElement,
+  IconProps
+>(({ color = "currentColor", ...props }, forwardedRef) => {
+  const { className } = props;
+  props = {
+    ...props,
+    width: `${props.width || props.size || 20}`,
+    height: `${props.height || props.size || 20}`,
+    className: `${
+      className ? className + " " : ""
+    }customeow-icon customeow-icon-icon-arrow-chevron-rigth-shein-outline`,
+  };
+  return (
+    <svg
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+      ref={forwardedRef}
+    >
+      <path d="M7 16L13 10L7 4" stroke={color} strokeWidth="1.5" />
+    </svg>
+  );
+});
+
+IconArrowChevronRigthSheinOutline.displayName =
+  "IconArrowChevronRigthSheinOutline";
+
+export default IconArrowChevronRigthSheinOutline;

package/src/customeow/default/icon-arrow-chevron-up-outline.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowChevronUpOutline = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-arrow-chevron-up-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M14.7698 12.7906C14.4713 13.0777 13.9965 13.0684 13.7094 12.7698L10 8.83208L6.29062 12.7698C6.00353 13.0684 5.52875 13.0777 5.23017 12.7906C4.93159 12.5035 4.92228 12.0287 5.20937 11.7302L9.45937 7.23017C9.60078 7.08311 9.79599 7 10 7C10.204 7 10.3992 7.08311 10.5406 7.23017L14.7906 11.7302C15.0777 12.0287 15.0684 12.5035 14.7698 12.7906Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconArrowChevronUpOutline.displayName = "IconArrowChevronUpOutline";
+
+export default IconArrowChevronUpOutline;

package/src/customeow/default/icon-arrow-dis-left-circle-solid.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowDisLeftCircleSolid = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-arrow-dis-left-circle-solid`,
+    };
+    return (
+      <svg
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M2 12C2 6.61522 6.36522 2.25 11.75 2.25C17.1348 2.25 21.5 6.61522 21.5 12C21.5 17.3848 17.1348 21.75 11.75 21.75C6.36522 21.75 2 17.3848 2 12ZM11.5303 9.53033C11.8232 9.23744 11.8232 8.76256 11.5303 8.46967C11.2374 8.17678 10.7626 8.17678 10.4697 8.46967L7.46967 11.4697C7.17678 11.7626 7.17678 12.2374 7.46967 12.5303L10.4697 15.5303C10.7626 15.8232 11.2374 15.8232 11.5303 15.5303C11.8232 15.2374 11.8232 14.7626 11.5303 14.4697L9.81066 12.75H15.5C15.9142 12.75 16.25 12.4142 16.25 12C16.25 11.5858 15.9142 11.25 15.5 11.25H9.81066L11.5303 9.53033Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconArrowDisLeftCircleSolid.displayName = "IconArrowDisLeftCircleSolid";
+
+export default IconArrowDisLeftCircleSolid;

package/src/customeow/default/icon-arrow-double-left-outline.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowDoubleLeftOutline = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-arrow-double-left-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M15.7906 14.7698C15.5035 15.0684 15.0287 15.0777 14.7302 14.7906L10.2302 10.5406C10.0831 10.3992 10 10.204 10 10C10 9.79599 10.0831 9.60078 10.2302 9.45938L14.7302 5.20937C15.0287 4.92228 15.5035 4.93159 15.7906 5.23017C16.0777 5.52875 16.0684 6.00353 15.7698 6.29062L11.8321 10L15.7698 13.7094C16.0684 13.9965 16.0777 14.4713 15.7906 14.7698ZM9.79062 14.7698C9.50353 15.0684 9.02875 15.0777 8.73017 14.7906L4.23017 10.5406C4.08311 10.3992 4 10.204 4 10C4 9.79599 4.08311 9.60078 4.23017 9.45938L8.73017 5.20938C9.02875 4.92228 9.50353 4.93159 9.79062 5.23017C10.0777 5.52875 10.0684 6.00353 9.76983 6.29062L5.83208 10L9.76983 13.7094C10.0684 13.9965 10.0777 14.4713 9.79062 14.7698Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconArrowDoubleLeftOutline.displayName = "IconArrowDoubleLeftOutline";
+
+export default IconArrowDoubleLeftOutline;

package/src/customeow/default/icon-arrow-double-right-outline.tsx

@@ -0,0 +1,38 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowDoubleRightOutline = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-arrow-double-right-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M4.23017 13.7094C3.93159 13.9965 3.92228 14.4713 4.20938 14.7698C4.49647 15.0684 4.97125 15.0777 5.26983 14.7906L9.76983 10.5406C9.91689 10.3992 10 10.204 10 10C10 9.79599 9.91689 9.60078 9.76983 9.45938L5.26983 5.20938C4.97125 4.92228 4.49647 4.93159 4.20938 5.23017C3.92228 5.52875 3.93159 6.00353 4.23017 6.29063L8.16792 10L4.23017 13.7094Z"
+          fill={color}
+        />
+        <path
+          d="M10.2302 13.7094C9.93159 13.9965 9.92228 14.4713 10.2094 14.7698C10.4965 15.0684 10.9713 15.0777 11.2698 14.7906L15.7698 10.5406C15.9169 10.3992 16 10.204 16 10C16 9.79599 15.9169 9.60078 15.7698 9.45938L11.2698 5.20938C10.9713 4.92228 10.4965 4.93159 10.2094 5.23017C9.92228 5.52875 9.93159 6.00353 10.2302 6.29063L14.1679 10L10.2302 13.7094Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconArrowDoubleRightOutline.displayName = "IconArrowDoubleRightOutline";
+
+export default IconArrowDoubleRightOutline;

package/src/customeow/default/icon-arrow-down-on-square-solid.tsx

@@ -0,0 +1,34 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowDownOnSquareSolid = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-arrow-down-on-square-solid`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M10 0C10.3452 0 10.625.279822 10.625.625L10.625 5H9.375V.625C9.375.279822 9.65482 0 10 0ZM9.375 5 9.375 9.74112 7.94194 8.30806C7.69786 8.06398 7.30214 8.06398 7.05806 8.30806 6.81398 8.55214 6.81398 8.94786 7.05806 9.19194L9.55806 11.6919C9.67527 11.8092 9.83424 11.875 10 11.875 10.1658 11.875 10.3247 11.8092 10.4419 11.6919L12.9419 9.19194C13.186 8.94786 13.186 8.55214 12.9419 8.30806 12.6979 8.06398 12.3021 8.06398 12.0581 8.30806L10.625 9.74112V5H13.75C15.1307 5 16.25 6.11929 16.25 7.5V15C16.25 16.3807 15.1307 17.5 13.75 17.5H6.25C4.86929 17.5 3.75 16.3807 3.75 15V7.5C3.75 6.11929 4.86929 5 6.25 5H9.375Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconArrowDownOnSquareSolid.displayName = "IconArrowDownOnSquareSolid";
+
+export default IconArrowDownOnSquareSolid;

package/src/customeow/default/icon-arrow-download-outline.tsx

@@ -0,0 +1,38 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowDownloadOutline = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-arrow-download-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M10.75 2.75C10.75 2.33579 10.4142 2 10 2C9.58579 2 9.25 2.33579 9.25 2.75V11.3636L6.29526 8.23503C6.01085 7.93389 5.53617 7.92033 5.23503 8.20474C4.9339 8.48915 4.92033 8.96383 5.20474 9.26497L9.45474 13.765C9.59642 13.915 9.79366 14 10 14C10.2063 14 10.4036 13.915 10.5453 13.765L14.7953 9.26497C15.0797 8.96383 15.0661 8.48915 14.765 8.20474C14.4638 7.92033 13.9892 7.93389 13.7047 8.23503L10.75 11.3636V2.75Z"
+          fill={color}
+        />
+        <path
+          d="M3.5 12.75C3.5 12.3358 3.16421 12 2.75 12C2.33579 12 2 12.3358 2 12.75V15.25C2 16.7688 3.23122 18 4.75 18H15.25C16.7688 18 18 16.7688 18 15.25V12.75C18 12.3358 17.6642 12 17.25 12C16.8358 12 16.5 12.3358 16.5 12.75V15.25C16.5 15.9404 15.9404 16.5 15.25 16.5H4.75C4.05964 16.5 3.5 15.9404 3.5 15.25V12.75Z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);
+
+IconArrowDownloadOutline.displayName = "IconArrowDownloadOutline";
+
+export default IconArrowDownloadOutline;

package/src/customeow/default/icon-arrow-left-outline.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowLeftOutline = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-arrow-left-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M17 10C17 10.4142 16.6642 10.75 16.25 10.75L5.61208 10.75L9.76983 14.7094C10.0684 14.9965 10.0777 15.4713 9.79062 15.7698C9.50353 16.0684 9.02875 16.0777 8.73017 15.7906L3.23017 10.5406C3.08311 10.3992 3 10.204 3 10C3 9.79599 3.08311 9.60078 3.23017 9.45938L8.73017 4.20938C9.02875 3.92228 9.50353 3.93159 9.79062 4.23017C10.0777 4.52875 10.0684 5.00353 9.76983 5.29063L5.61208 9.25L16.25 9.25C16.6642 9.25 17 9.58579 17 10Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconArrowLeftOutline.displayName = "IconArrowLeftOutline";
+
+export default IconArrowLeftOutline;

package/src/customeow/default/icon-arrow-left-shein-outline.tsx

@@ -0,0 +1,35 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowLeftSheinOutline = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-arrow-left-shein-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M10.9231 4L5 10L10.9231 16M16 10H5.84615"
+          stroke={color}
+          strokeWidth="1.5"
+        />
+      </svg>
+    );
+  }
+);
+
+IconArrowLeftSheinOutline.displayName = "IconArrowLeftSheinOutline";
+
+export default IconArrowLeftSheinOutline;

package/src/customeow/default/icon-arrow-path-rounded-square-outline.tsx

@@ -0,0 +1,38 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowPathRoundedSquareOutline = forwardRef<
+  SVGSVGElement,
+  IconProps
+>(({ color = "currentColor", ...props }, forwardedRef) => {
+  const { className } = props;
+  props = {
+    ...props,
+    width: `${props.width || props.size || 20}`,
+    height: `${props.height || props.size || 20}`,
+    className: `${
+      className ? className + " " : ""
+    }customeow-icon customeow-icon-icon-arrow-path-rounded-square-outline`,
+  };
+  return (
+    <svg
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M10 4.5C11.215 4.5 12.4171 4.55484 13.6038 4.66214C13.9249 4.69118 14.1802 4.93931 14.2185 5.25934C14.3426 6.29702 14.4265 7.34718 14.4685 8.40824L12.7804 6.71973C12.4875 6.4268 12.0126 6.42675 11.7197 6.71961C11.4268 7.01247 11.4267 7.48735 11.7196 7.78027L14.7189 10.7802C15.0117 11.0731 15.4866 11.0732 15.7795 10.7803L18.7803 7.78041C19.0732 7.48755 19.0733 7.01268 18.7804 6.71975C18.4875 6.42681 18.0127 6.42674 17.7197 6.71959L15.9719 8.46698C15.9299 7.32601 15.8413 6.19681 15.7079 5.08123C15.5855 4.05775 14.7654 3.26106 13.7389 3.16824C12.5073 3.05688 11.2602 3 10 3C8.73981 3 7.49271 3.05688 6.26115 3.16824C5.23465 3.26105 4.41449 4.05775 4.2921 5.08123C4.22831 5.61464 4.26362 5.80637 4.22052 6.34581C4.18753 6.75871 4.49551 7.12017 4.90841 7.15316C5.32131 7.18615 5.68277 6.87817 5.71576 6.46527C5.75729 5.94544 5.72003 5.77326 5.78148 5.25934C5.81975 4.93931 6.07514 4.69118 6.39623 4.66214C7.58294 4.55484 8.78497 4.5 10 4.5ZM5.28113 9.22C4.98828 8.9271 4.51345 8.92704 4.22052 9.21987L1.21976 12.2196C0.926819 12.5124 0.926735 12.9873 1.21958 13.2802C1.51242 13.5732 1.98729 13.5733 2.28024 13.2804L4.02814 11.5331C4.0701 12.6741 4.15869 13.8032 4.2921 14.9188C4.41449 15.9422 5.23465 16.7389 6.26115 16.8318C7.49271 16.9431 8.73981 17 10 17C11.2602 17 12.5073 16.9431 13.7389 16.8318C14.7654 16.7389 15.5855 15.9423 15.7079 14.9188C15.7717 14.3849 15.8253 13.848 15.8684 13.3081C15.9014 12.8952 15.5934 12.5338 15.1805 12.5008C14.7676 12.4678 14.4062 12.7758 14.3732 13.1887C14.3316 13.709 14.28 14.2263 14.2185 14.7407C14.1802 15.0607 13.9249 15.3088 13.6038 15.3379C12.4171 15.4452 11.215 15.5 10 15.5C8.78497 15.5 7.58294 15.4452 6.39623 15.3379C6.07514 15.3088 5.81975 15.0607 5.78148 14.7407C5.6574 13.703 5.57352 12.6529 5.53148 11.5919L7.21963 13.2803C7.5125 13.5732 7.98737 13.5732 8.28029 13.2804C8.57321 12.9875 8.57324 12.5126 8.28037 12.2197L5.28113 9.22Z"
+        fill={color}
+        fillRule="evenodd"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+});
+
+IconArrowPathRoundedSquareOutline.displayName =
+  "IconArrowPathRoundedSquareOutline";
+
+export default IconArrowPathRoundedSquareOutline;

package/src/customeow/default/icon-arrow-right-on-rectangle-outline.tsx

@@ -0,0 +1,44 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowRightOnRectangleOutline = forwardRef<
+  SVGSVGElement,
+  IconProps
+>(({ color = "currentColor", ...props }, forwardedRef) => {
+  const { className } = props;
+  props = {
+    ...props,
+    width: `${props.width || props.size || 20}`,
+    height: `${props.height || props.size || 20}`,
+    className: `${
+      className ? className + " " : ""
+    }customeow-icon customeow-icon-icon-arrow-right-on-rectangle-outline`,
+  };
+  return (
+    <svg
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M3 4.25C3 3.00736 4.00736 2 5.25 2H10.75C11.9926 2 13 3.00736 13 4.25V6.25C13 6.66421 12.6642 7 12.25 7C11.8358 7 11.5 6.66421 11.5 6.25V4.25C11.5 3.83579 11.1642 3.5 10.75 3.5H5.25C4.83579 3.5 4.5 3.83579 4.5 4.25V15.75C4.5 16.1642 4.83579 16.5 5.25 16.5H10.75C11.1642 16.5 11.5 16.1642 11.5 15.75V13.75C11.5 13.3358 11.8358 13 12.25 13C12.6642 13 13 13.3358 13 13.75V15.75C13 16.9926 11.9926 18 10.75 18H5.25C4.00736 18 3 16.9926 3 15.75V4.25Z"
+        fill={color}
+        fillRule="evenodd"
+        clipRule="evenodd"
+      />
+      <path
+        d="M6 10C6 9.58579 6.33579 9.25 6.75 9.25H16.2955L15.2483 8.30747C14.9404 8.03038 14.9154 7.55616 15.1925 7.24828C15.4696 6.94039 15.9438 6.91543 16.2517 7.19253L18.7517 9.44253C18.9098 9.58476 19 9.78738 19 10C19 10.2126 18.9098 10.4152 18.7517 10.5575L16.2517 12.8075C15.9438 13.0846 15.4696 13.0596 15.1925 12.7517C14.9154 12.4438 14.9404 11.9696 15.2483 11.6925L16.2955 10.75H6.75C6.33579 10.75 6 10.4142 6 10Z"
+        fill={color}
+        fillRule="evenodd"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+});
+
+IconArrowRightOnRectangleOutline.displayName =
+  "IconArrowRightOnRectangleOutline";
+
+export default IconArrowRightOnRectangleOutline;

package/src/customeow/default/icon-arrow-right-outline.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowRightOutline = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    const { className } = props;
+    props = {
+      ...props,
+      width: `${props.width || props.size || 20}`,
+      height: `${props.height || props.size || 20}`,
+      className: `${
+        className ? className + " " : ""
+      }customeow-icon customeow-icon-icon-arrow-right-outline`,
+    };
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+        ref={forwardedRef}
+      >
+        <path
+          d="M3 10C3 9.58579 3.33579 9.25 3.75 9.25L14.3879 9.25L10.2302 5.29062C9.93159 5.00353 9.92228 4.52875 10.2094 4.23017C10.4965 3.93159 10.9713 3.92228 11.2698 4.20937L16.7698 9.45937C16.9169 9.60078 17 9.79599 17 10C17 10.204 16.9169 10.3992 16.7698 10.5406L11.2698 15.7906C10.9713 16.0777 10.4965 16.0684 10.2094 15.7698C9.92228 15.4713 9.93159 14.9965 10.2302 14.7094L14.3879 10.75L3.75 10.75C3.33579 10.75 3 10.4142 3 10Z"
+          fill={color}
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+      </svg>
+    );
+  }
+);
+
+IconArrowRightOutline.displayName = "IconArrowRightOutline";
+
+export default IconArrowRightOutline;

package/src/customeow/default/icon-arrow-rotate-left-90-outline.tsx

@@ -0,0 +1,51 @@
+import { forwardRef } from "react";
+import type { IconProps } from "@/types";
+
+export const IconArrowRotateLeft90Outline = forwardRef<
+  SVGSVGElement,
+  IconProps
+>(({ color = "currentColor", ...props }, forwardedRef) => {
+  const { className } = props;
+  props = {
+    ...props,
+    width: `${props.width || props.size || 20}`,
+    height: `${props.height || props.size || 20}`,
+    className: `${
+      className ? className + " " : ""
+    }customeow-icon customeow-icon-icon-arrow-rotate-left-90-outline`,
+  };
+  return (
+    <svg
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+      ref={forwardedRef}
+    >
+      <path
+        d="M7.3733 8.54166C7.67429 8.54166 7.94654 8.61882 8.19005 8.77315C8.43356 8.92748 8.62325 9.14567 8.75912 9.42772C8.89498 9.70977 8.965 10.0349 8.96918 10.4032V10.745C8.96918 11.2581 8.87042 11.645 8.67289 12.0218C8.47537 12.3986 8.22375 12.6486 7.85797 12.8507C7.57573 13.0068 7.23952 13.0853 6.87693 13.113Lnan nanL6.87693 13.113Cnan nan nan nan 6.87693 13.113C6.65978 13.1296 6.48287 12.9484 6.48287 12.7306V12.6575C6.48287 12.4386 6.65915 12.2678 6.87693 12.2451Cnan nan nan nan 6.87693 12.2451L-nan -nanL6.87693 12.2451C7.48293 12.1819 7.82292 11.96 7.8969 11.3901C7.66907 11.5987 7.41406 11.703 7.13188 11.703C6.71802 11.703 6.38985 11.5604 6.14739 11.2751C5.90493 10.9898 5.78369 10.6789 5.78369 10.202C5.78369 9.90401 5.85163 9.62728 5.98749 9.37184C6.12335 9.1164 6.31408 8.91418 6.55968 8.76517C6.80528 8.61616 7.07649 8.54166 7.3733 8.54166ZM12.2868 9.05894C12.0088 8.71622 11.6169 8.54486 11.1111 8.54486C10.6053 8.54486 10.2139 8.71516 9.93692 9.05575C9.65996 9.39634 9.52148 9.88061 9.52148 10.5086V11.1293C9.52148 11.753 9.66048 12.2363 9.93848 12.579C10.2165 12.9217 10.6094 13.0931 11.1173 13.0931C11.6211 13.0931 12.0115 12.9228 12.2884 12.5822C12.5654 12.2416 12.7038 11.7573 12.7038 11.1293V10.5118C12.7038 9.88593 12.5648 9.40166 12.2868 9.05894ZM14.5363 8.80669C14.3658 8.63214 14.1637 8.54486 13.9295 8.54486C13.6913 8.54486 13.4848 8.63214 13.3103 8.80669C13.1358 8.98124 13.0485 9.19304 13.0485 9.4421C13.0485 9.68903 13.1347 9.89817 13.3072 10.0695C13.4796 10.2409 13.6871 10.3266 13.9295 10.3266C14.1678 10.3266 14.3711 10.2409 14.5393 10.0695C14.7076 9.89817 14.7917 9.68903 14.7917 9.4421C14.7917 9.19304 14.7066 8.98124 14.5363 8.80669ZM13.9294 9.0334C13.8186 9.0334 13.7251 9.07331 13.6488 9.15313C13.5725 9.23297 13.5343 9.32928 13.5343 9.44211C13.5343 9.55492 13.5735 9.64911 13.6519 9.72469C13.7303 9.80026 13.8228 9.83804 13.9294 9.83804C14.0402 9.83804 14.1311 9.79972 14.2022 9.72309C14.2732 9.64646 14.3088 9.5528 14.3088 9.44211C14.3088 9.33141 14.2733 9.23562 14.2022 9.15473C14.1311 9.07384 14.0402 9.0334 13.9294 9.0334ZM6.95121 9.61451C7.05153 9.45272 7.21838 9.37184 7.36679 9.37184C7.53401 9.37184 7.66674 9.44315 7.76498 9.58577C7.86322 9.72839 7.91693 9.93696 7.91693 10.1165C7.91693 10.296 7.89666 10.4463 7.82768 10.629C7.75871 10.8117 7.55313 10.9271 7.3762 10.9271C7.19853 10.9271 7.05676 10.8552 6.95434 10.7115C6.85192 10.5678 6.8099 10.4447 6.8099 10.202C6.8099 9.97212 6.85087 9.77629 6.95121 9.61451ZM10.7143 9.60494C10.7969 9.45167 10.9291 9.37504 11.1109 9.37504C11.2969 9.37504 11.4328 9.45752 11.5185 9.6225C11.6042 9.78747 11.6471 10.0371 11.6471 10.3713V11.2922C11.645 11.6264 11.6011 11.8717 11.5154 12.0282C11.4297 12.1847 11.2969 12.2629 11.1172 12.2629C10.9312 12.2629 10.7953 12.1825 10.7096 12.0218C10.6239 11.8611 10.5811 11.6072 10.5811 11.2602V10.301C10.5873 9.99023 10.6317 9.75821 10.7143 9.60494ZM4.59265 10.4935Cnan nan nan nan 5.00933 10.9101L-nan -nanL5.00933 10.9101Cnan nan nan nan 4.59265 11.3268H3.54168C3.31156 11.3268 3.125 11.1403 3.125 10.9101Cnan nan nan nan 3.125 10.9101L-nan -nanL3.125 10.9101Cnan nan nan nan 3.54168 10.4935H4.59265Z"
+        fill={color}
+        fillRule="evenodd"
+        clipRule="evenodd"
+      />
+      <path
+        d="M4.16638 4.21374C5.6585 2.72159 7.72202 1.79736 10 1.79736C14.5563 1.79736 18.25 5.49102 18.25 10.0474C18.25 14.6037 14.5563 18.2974 10 18.2974C7.72202 18.2974 5.65849 17.3731 4.16637 15.881C3.87348 15.5881 3.87349 15.1132 4.16639 14.8203C4.45928 14.5274 4.93416 14.5274 5.22705 14.8203C6.44935 16.0427 8.13581 16.7974 10 16.7974C13.7279 16.7974 16.75 13.7753 16.75 10.0474C16.75 6.31945 13.7279 3.29736 10 3.29736C8.13581 3.29736 6.44935 4.05206 5.22704 5.2744C4.96396 5.53747 4.56985 5.96076 4.18585 6.3807H5.83333C6.24755 6.3807 6.58333 6.71648 6.58333 7.1307C6.58333 7.54491 6.24755 7.8807 5.83333 7.8807H2.5C2.37935 7.8807 2.26535 7.85221 2.16437 7.80159C2.12978 7.78427 2.0962 7.76408 2.06397 7.741C2.03809 7.72247 2.01344 7.70235 1.99016 7.68076C1.91524 7.61137 1.85761 7.53005 1.81761 7.44233C1.7742 7.34742 1.75 7.24189 1.75 7.1307V3.79736C1.75 3.38315 2.08579 3.04736 2.5 3.04736C2.91421 3.04736 3.25 3.38315 3.25 3.79736V5.18184C3.58531 4.8173 3.92201 4.45811 4.16638 4.21374Z"
+        fill={color}
+      />
+      <path
+        d="M7.3733 8.54167C7.67429 8.54167 7.94654 8.61884 8.19005 8.77316 8.43356 8.9275 8.62325 9.14569 8.75912 9.42774 8.89497 9.70979 8.965 10.0349 8.96918 10.4032V10.7451C8.96918 11.2581 8.87042 11.645 8.67289 12.0218 8.47537 12.3986 8.22375 12.6486 7.85797 12.8508 7.57573 13.0068 7.23952 13.0853 6.87693 13.113 6.65978 13.1296 6.48287 12.9485 6.48287 12.7307V12.6575C6.48287 12.4386 6.65915 12.2678 6.87693 12.2451 7.48293 12.1819 7.82292 11.96 7.8969 11.3901 7.66907 11.5987 7.41406 11.703 7.13188 11.703 6.71802 11.703 6.38985 11.5604 6.14739 11.2751 5.90492 10.9898 5.78369 10.6789 5.78369 10.202 5.78369 9.90403 5.85162 9.6273 5.98749 9.37185 6.12335 9.11642 6.31408 8.91419 6.55968 8.76518 6.80528 8.61618 7.07649 8.54167 7.3733 8.54167ZM6.95121 9.61452C7.05153 9.45274 7.21838 9.37185 7.36679 9.37185 7.53401 9.37185 7.66674 9.44317 7.76498 9.58579 7.86322 9.72841 7.91693 9.93698 7.91693 10.1165 7.91693 10.296 7.89666 10.4463 7.82768 10.629 7.75871 10.8117 7.55313 10.9271 7.3762 10.9271 7.19853 10.9271 7.05676 10.8553 6.95434 10.7115 6.85192 10.5678 6.8099 10.4447 6.8099 10.202 6.8099 9.97214 6.85087 9.77631 6.95121 9.61452ZM12.2868 9.05896C12.0088 8.71624 11.6169 8.54488 11.1111 8.54488 10.6053 8.54488 10.2139 8.71517 9.93692 9.05576 9.65996 9.39635 9.52148 9.88063 9.52148 10.5086V11.1293C9.52148 11.7531 9.66048 12.2363 9.93848 12.579 10.2165 12.9217 10.6094 13.0931 11.1173 13.0931 11.6211 13.0931 12.0115 12.9228 12.2884 12.5822 12.5654 12.2416 12.7038 11.7573 12.7038 11.1293V10.5118C12.7038 9.88595 12.5648 9.40167 12.2868 9.05896ZM10.7143 9.60496C10.7969 9.45169 10.9291 9.37506 11.1109 9.37506 11.2969 9.37506 11.4328 9.45754 11.5185 9.62251 11.6042 9.78749 11.6471 10.0371 11.6471 10.3713V11.2922C11.645 11.6264 11.6011 11.8717 11.5154 12.0282 11.4297 12.1847 11.2969 12.2629 11.1172 12.2629 10.9312 12.2629 10.7953 12.1825 10.7096 12.0218 10.6239 11.8611 10.5811 11.6073 10.5811 11.2603V10.301C10.5873 9.99025 10.6317 9.75822 10.7143 9.60496ZM14.5363 8.8067C14.3658 8.63215 14.1637 8.54488 13.9295 8.54488 13.6913 8.54488 13.4848 8.63215 13.3103 8.8067 13.1358 8.98126 13.0485 9.19306 13.0485 9.44211 13.0485 9.68904 13.1347 9.89819 13.3072 10.0695 13.4796 10.2409 13.6871 10.3266 13.9295 10.3266 14.1678 10.3266 14.3711 10.2409 14.5393 10.0695 14.7076 9.89819 14.7917 9.68904 14.7917 9.44211 14.7917 9.19306 14.7066 8.98126 14.5363 8.8067ZM13.9294 9.03341C13.8186 9.03341 13.7251 9.07333 13.6488 9.15315 13.5725 9.23298 13.5343 9.3293 13.5343 9.44212 13.5343 9.55494 13.5735 9.64913 13.6519 9.7247 13.7303 9.80027 13.8228 9.83805 13.9294 9.83805 14.0402 9.83805 14.1311 9.79974 14.2022 9.7231 14.2732 9.64647 14.3088 9.55281 14.3088 9.44212 14.3088 9.33143 14.2733 9.23564 14.2022 9.15475 14.1311 9.07386 14.0402 9.03341 13.9294 9.03341Z"
+        fill={color}
+        fillRule="evenodd"
+        clipRule="evenodd"
+      />
+      <path
+        d="M3.125 10.9136C3.125 10.6895 3.30669 10.5078 3.53082 10.5078H4.6717C4.89582 10.5078 5.07751 10.6895 5.07751 10.9136C5.07751 11.1377 4.89582 11.3194 4.6717 11.3194H3.53082C3.30669 11.3194 3.125 11.1377 3.125 10.9136Z"
+        fill={color}
+      />
+    </svg>
+  );
+});
+
+IconArrowRotateLeft90Outline.displayName = "IconArrowRotateLeft90Outline";
+
+export default IconArrowRotateLeft90Outline;