@kaizen/components 0.0.0-canary-test-exports-20231114054615 → 0.0.0-canary-bundle-size-check-20231115005811

package/src/Icon/SecurityTipIcon.tsx

@@ -0,0 +1,17 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const SecurityTipIcon = (props: IconProps): JSX.Element => {
+  const svgContent = (
+    <>
+      <path
+        fill="currentColor"
+        d="M10.182 0 2 3.636v5.455C2 14.136 5.49 18.855 10.182 20c4.69-1.145 8.182-5.864 8.182-10.91V3.637L10.182 0Zm-.91 5.455h1.819v1.818H9.273V5.455Zm0 3.636h1.819v5.455H9.273V9.09Z"
+      />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/SendIcon.tsx

@@ -0,0 +1,21 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const SendIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M2.008 3.143 2 8.475l11.425 1.523L2 11.52l.008 5.332 15.987-6.855z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/SendRtlIcon.tsx

@@ -0,0 +1,26 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const SendRtlIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M2.008 3.143 2 8.475l11.425 1.523L2 11.52l.008 5.332 15.987-6.855z"
+        />
+      </defs>
+      <use
+        fill="currentColor"
+        transform="matrix(-1 0 0 1 19.995 0)"
+        href={`#${uniqueId}`}
+        fillRule="evenodd"
+      />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/SettingsIcon.tsx

@@ -0,0 +1,21 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const SettingsIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M16.112 10.784c.033-.256.058-.512.058-.784s-.025-.528-.058-.784l1.736-1.32a.395.395 0 0 0 .098-.512l-1.645-2.768c-.098-.176-.32-.24-.501-.176l-2.048.8a6.051 6.051 0 0 0-1.39-.784l-.312-2.12A.4.4 0 0 0 11.646 2h-3.29a.398.398 0 0 0-.402.336l-.313 2.12c-.501.2-.962.472-1.39.784l-2.047-.8a.407.407 0 0 0-.502.176L2.057 7.384a.387.387 0 0 0 .099.512l1.736 1.32c-.033.256-.059.52-.059.784s.026.528.059.784l-1.736 1.32a.396.396 0 0 0-.099.512l1.645 2.768c.099.176.32.24.502.176l2.047-.8c.428.32.889.584 1.39.784l.313 2.12a.398.398 0 0 0 .403.336h3.29a.4.4 0 0 0 .403-.336l.312-2.12c.502-.2.962-.472 1.39-.784l2.048.8c.19.072.403 0 .501-.176l1.645-2.768a.395.395 0 0 0-.098-.512l-1.736-1.32Zm-6.11 2.016c-1.587 0-2.879-1.256-2.879-2.8 0-1.544 1.292-2.8 2.879-2.8S12.88 8.456 12.88 10c0 1.544-1.291 2.8-2.878 2.8Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/SettingsWhiteIcon.tsx

@@ -0,0 +1,27 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const SettingsWhiteIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M16.112 10.784c.033-.256.058-.512.058-.784s-.025-.528-.058-.784l1.736-1.32a.395.395 0 0 0 .098-.512l-1.645-2.768c-.098-.176-.32-.24-.501-.176l-2.048.8a6.051 6.051 0 0 0-1.39-.784l-.312-2.12A.4.4 0 0 0 11.646 2h-3.29a.398.398 0 0 0-.402.336l-.313 2.12c-.501.2-.962.472-1.39.784l-2.047-.8a.407.407 0 0 0-.502.176L2.057 7.384a.387.387 0 0 0 .099.512l1.736 1.32c-.033.256-.059.52-.059.784s.026.528.059.784l-1.736 1.32a.396.396 0 0 0-.099.512l1.645 2.768c.099.176.32.24.502.176l2.047-.8c.428.32.889.584 1.39.784l.313 2.12a.398.398 0 0 0 .403.336h3.29a.4.4 0 0 0 .403-.336l.312-2.12c.502-.2.962-.472 1.39-.784l2.048.8c.19.072.403 0 .501-.176l1.645-2.768a.395.395 0 0 0-.098-.512l-1.736-1.32Z"
+        />
+      </defs>
+      <g fill="none" fillRule="evenodd">
+        <use fill="currentColor" href={`#${uniqueId}`} />
+        <path
+          fill="#FFF"
+          d="M10.002 12.8c-1.587 0-2.879-1.256-2.879-2.8 0-1.544 1.292-2.8 2.879-2.8S12.88 8.456 12.88 10c0 1.544-1.291 2.8-2.878 2.8Z"
+        />
+      </g>
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/ShareIcon.tsx

@@ -0,0 +1,21 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const ShareIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M14.82 13.31c-.611 0-1.158.24-1.575.618l-5.728-3.333c.041-.185.073-.37.073-.563 0-.193-.032-.378-.073-.562L13.18 6.17a2.404 2.404 0 0 0 4.05-1.76A2.407 2.407 0 0 0 14.82 2a2.407 2.407 0 0 0-2.41 2.41c0 .193.03.378.072.562l-5.662 3.3a2.4 2.4 0 0 0-1.64-.65 2.407 2.407 0 0 0-2.41 2.41 2.407 2.407 0 0 0 2.41 2.41 2.4 2.4 0 0 0 1.64-.65l5.719 3.34c-.04.17-.065.345-.065.522A2.349 2.349 0 0 0 14.82 18a2.35 2.35 0 0 0 2.345-2.346 2.349 2.349 0 0 0-2.345-2.345"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/SkipIcon.tsx

@@ -0,0 +1,18 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const SkipIcon = (props: IconProps): JSX.Element => {
+  const svgContent = (
+    <>
+      <path
+        fill="currentColor"
+        d="M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8ZM6.8 12.935l4.272-3.068L6.8 6.8v6.135ZM11.6 6.8v6.135h1.005V6.8H11.6Z"
+        fillRule="evenodd"
+      />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/SkipWhiteIcon.tsx

@@ -0,0 +1,27 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const SkipWhiteIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M10 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8Z"
+        />
+      </defs>
+      <g fill="none" fillRule="evenodd">
+        <use fill="currentColor" href={`#${uniqueId}`} />
+        <path
+          fill="#FFF"
+          d="m6.8 12.935 4.272-3.068L6.8 6.8zM11.6 6.8v6.135h1.005V6.8z"
+        />
+      </g>
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/SortAscendingIcon.tsx

@@ -0,0 +1,18 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const SortAscendingIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path id={uniqueId} d="m6 12 4-4 4 4z" />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/SortDescendingIcon.tsx

@@ -0,0 +1,18 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const SortDescendingIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path id={uniqueId} d="m5.833 8.333 4 4 4-4z" />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/SpinnerIcon.tsx

@@ -0,0 +1,266 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const SpinnerIcon = (props: IconProps): JSX.Element => {
+  const svgContent = (
+    <>
+      <path fill="none" d="M0 0h100v100H0z" className="bk" />
+      <rect
+        width="6"
+        height="20"
+        x="47"
+        y="40"
+        rx="3"
+        ry="3"
+        transform="translate(0 -30)"
+      >
+        <animate
+          attributeName="opacity"
+          begin="-1s"
+          dur="1s"
+          from="1"
+          repeatCount="indefinite"
+          to="0"
+        />
+      </rect>
+      <rect
+        width="6"
+        height="20"
+        x="47"
+        y="40"
+        rx="3"
+        ry="3"
+        transform="rotate(25.714 115.72 65)"
+      >
+        <animate
+          attributeName="opacity"
+          begin="-0.9285714285714286s"
+          dur="1s"
+          from="1"
+          repeatCount="indefinite"
+          to="0"
+        />
+      </rect>
+      <rect
+        width="6"
+        height="20"
+        x="47"
+        y="40"
+        rx="3"
+        ry="3"
+        transform="rotate(51.429 81.148 65)"
+      >
+        <animate
+          attributeName="opacity"
+          begin="-0.8571428571428571s"
+          dur="1s"
+          from="1"
+          repeatCount="indefinite"
+          to="0"
+        />
+      </rect>
+      <rect
+        width="6"
+        height="20"
+        x="47"
+        y="40"
+        rx="3"
+        ry="3"
+        transform="rotate(77.143 68.81 65)"
+      >
+        <animate
+          attributeName="opacity"
+          begin="-0.7857142857142857s"
+          dur="1s"
+          from="1"
+          repeatCount="indefinite"
+          to="0"
+        />
+      </rect>
+      <rect
+        width="6"
+        height="20"
+        x="47"
+        y="40"
+        rx="3"
+        ry="3"
+        transform="rotate(102.857 61.962 65)"
+      >
+        <animate
+          attributeName="opacity"
+          begin="-0.7142857142857143s"
+          dur="1s"
+          from="1"
+          repeatCount="indefinite"
+          to="0"
+        />
+      </rect>
+      <rect
+        width="6"
+        height="20"
+        x="47"
+        y="40"
+        rx="3"
+        ry="3"
+        transform="rotate(128.571 57.224 65)"
+      >
+        <animate
+          attributeName="opacity"
+          begin="-0.6428571428571429s"
+          dur="1s"
+          from="1"
+          repeatCount="indefinite"
+          to="0"
+        />
+      </rect>
+      <rect
+        width="6"
+        height="20"
+        x="47"
+        y="40"
+        rx="3"
+        ry="3"
+        transform="rotate(154.286 53.424 65)"
+      >
+        <animate
+          attributeName="opacity"
+          begin="-0.5714285714285714s"
+          dur="1s"
+          from="1"
+          repeatCount="indefinite"
+          to="0"
+        />
+      </rect>
+      <rect
+        width="6"
+        height="20"
+        x="47"
+        y="40"
+        rx="3"
+        ry="3"
+        transform="rotate(180 50 65)"
+      >
+        <animate
+          attributeName="opacity"
+          begin="-0.5s"
+          dur="1s"
+          from="1"
+          repeatCount="indefinite"
+          to="0"
+        />
+      </rect>
+      <rect
+        width="6"
+        height="20"
+        x="47"
+        y="40"
+        rx="3"
+        ry="3"
+        transform="rotate(-154.286 46.576 65)"
+      >
+        <animate
+          attributeName="opacity"
+          begin="-0.42857142857142855s"
+          dur="1s"
+          from="1"
+          repeatCount="indefinite"
+          to="0"
+        />
+      </rect>
+      <rect
+        width="6"
+        height="20"
+        x="47"
+        y="40"
+        rx="3"
+        ry="3"
+        transform="rotate(-128.571 42.776 65)"
+      >
+        <animate
+          attributeName="opacity"
+          begin="-0.35714285714285715s"
+          dur="1s"
+          from="1"
+          repeatCount="indefinite"
+          to="0"
+        />
+      </rect>
+      <rect
+        width="6"
+        height="20"
+        x="47"
+        y="40"
+        rx="3"
+        ry="3"
+        transform="rotate(-102.857 38.038 65)"
+      >
+        <animate
+          attributeName="opacity"
+          begin="-0.2857142857142857s"
+          dur="1s"
+          from="1"
+          repeatCount="indefinite"
+          to="0"
+        />
+      </rect>
+      <rect
+        width="6"
+        height="20"
+        x="47"
+        y="40"
+        rx="3"
+        ry="3"
+        transform="rotate(-77.143 31.19 65)"
+      >
+        <animate
+          attributeName="opacity"
+          begin="-0.21428571428571427s"
+          dur="1s"
+          from="1"
+          repeatCount="indefinite"
+          to="0"
+        />
+      </rect>
+      <rect
+        width="6"
+        height="20"
+        x="47"
+        y="40"
+        rx="3"
+        ry="3"
+        transform="rotate(-51.429 18.852 65)"
+      >
+        <animate
+          attributeName="opacity"
+          begin="-0.14285714285714285s"
+          dur="1s"
+          from="1"
+          repeatCount="indefinite"
+          to="0"
+        />
+      </rect>
+      <rect
+        width="6"
+        height="20"
+        x="47"
+        y="40"
+        rx="3"
+        ry="3"
+        transform="rotate(-25.714 -15.72 65)"
+      >
+        <animate
+          attributeName="opacity"
+          begin="-0.07142857142857142s"
+          dur="1s"
+          from="1"
+          repeatCount="indefinite"
+          to="0"
+        />
+      </rect>
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/StarOffIcon.tsx

@@ -0,0 +1,21 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const StarOffIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="m18.667 8.033-5.992-.516L10.333 2 7.992 7.525 2 8.033l4.55 3.942-1.367 5.858 5.15-3.108 5.15 3.108-1.358-5.858 4.542-3.942Zm-8.334 5.134L7.2 15.058l.833-3.566-2.766-2.4 3.65-.317 1.416-3.358 1.425 3.366 3.65.317-2.766 2.4.833 3.567-3.142-1.9Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="nonzero" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/StarOnIcon.tsx

@@ -0,0 +1,21 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const StarOnIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="m18.667 8.033-5.992-.516L10.333 2 7.992 7.525 2 8.033l4.55 3.942-1.367 5.858 5.15-3.108 5.15 3.108-1.358-5.858z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="nonzero" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/StartIcon.tsx

@@ -0,0 +1,17 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const StartIcon = (props: IconProps): JSX.Element => {
+  const svgContent = (
+    <>
+      <path
+        fill="currentColor"
+        d="M6 4H4v12h2V4Zm3.7 5.17H18v1.66H9.7l2.98 3L11.5 15l-5-5 5-5 1.18 1.18-2.99 2.99Z"
+      />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/SubtractIcon.tsx

@@ -0,0 +1,21 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const SubtractIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8Zm4 8.8V9.2H6v1.6h8Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/SubtractWhiteIcon.tsx

@@ -0,0 +1,24 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const SubtractWhiteIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M10 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8Z"
+        />
+      </defs>
+      <g fill="none" fillRule="evenodd">
+        <use fill="currentColor" href={`#${uniqueId}`} />
+        <path fill="#FFF" d="M14 10.8H6V9.2h8z" />
+      </g>
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/SuccessIcon.tsx

@@ -0,0 +1,21 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const SuccessIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M10 2c4.416 0 8 3.584 8 8s-3.584 8-8 8-8-3.584-8-8 3.584-8 8-8ZM8.4 14l7.2-7.2-1.128-1.136L8.4 11.736 5.528 8.872 4.4 10l4 4Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/SuccessWhiteIcon.tsx

@@ -0,0 +1,27 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const SuccessWhiteIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M10 2c-4.416 0-8 3.584-8 8s3.584 8 8 8 8-3.584 8-8-3.584-8-8-8Z"
+        />
+      </defs>
+      <g fill="none" fillRule="evenodd">
+        <use fill="currentColor" href={`#${uniqueId}`} />
+        <path
+          fill="#FFF"
+          d="m8.4 14-4-4 1.128-1.128L8.4 11.736l6.072-6.072L15.6 6.8z"
+        />
+      </g>
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/SupportIcon.tsx

@@ -0,0 +1,21 @@
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+
+import React, { useId } from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+export const SupportIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M10 14.5c-.92 0-1.776-.276-2.488-.75l-3.213 3.213A8.963 8.963 0 0 0 10 19a8.96 8.96 0 0 0 5.685-2.023l-3.215-3.215A4.482 4.482 0 0 1 10 14.5m6.963-10.201L13.75 7.51c.474.713.75 1.57.75 2.489 0 .913-.272 1.762-.738 2.471l3.215 3.215A8.967 8.967 0 0 0 19 10c0-2.164-.764-4.15-2.037-5.701M5.5 10c0-.913.272-1.762.738-2.471L3.023 4.314A8.965 8.965 0 0 0 1 10c0 2.164.764 4.15 2.037 5.701l3.213-3.213A4.484 4.484 0 0 1 5.5 10M10 5.5c.92 0 1.776.276 2.489.75l3.213-3.213A8.967 8.967 0 0 0 10 1a8.96 8.96 0 0 0-5.685 2.023l3.214 3.215A4.482 4.482 0 0 1 10 5.5"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}