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

package/src/Icon/IncreaseIndentIcon.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 IncreaseIndentIcon = (props: IconProps): JSX.Element => {
+  const svgContent = (
+    <>
+      <path
+        fill="currentColor"
+        d="M3 17v-1.633h14V17H3Zm0-3.791V6.81L6.209 10 3 13.209Zm6.183.7v-1.634H17v1.634H9.183ZM3 4.633V3h14v1.633H3Zm6.183 3.092V6.09H17v1.634H9.183Zm0 3.092V9.183H17v1.634H9.183Z"
+      />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/IndicatorActiveIcon.tsx

@@ -0,0 +1,14 @@
+import React from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+// formally named "full"
+export const IndicatorActiveIcon = (props: IconProps): JSX.Element => (
+  <SVG {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M10 2C5.584 2 2 5.584 2 10C2 14.416 5.584 18 10 18C14.416 18 18 14.416 18 10C18 5.584 14.416 2 10 2ZM10 16.4C6.464 16.4 3.6 13.536 3.6 10C3.6 6.464 6.464 3.6 10 3.6C13.536 3.6 16.4 6.464 16.4 10C16.4 13.536 13.536 16.4 10 16.4ZM10 13.5C11.933 13.5 13.5 11.933 13.5 10C13.5 8.067 11.933 6.5 10 6.5C8.067 6.5 6.5 8.067 6.5 10C6.5 11.933 8.067 13.5 10 13.5Z"
+      fill="currentColor"
+    />
+  </SVG>
+)

package/src/Icon/IndicatorInactiveIcon.tsx

@@ -0,0 +1,12 @@
+import React from "react"
+import { SVG, IconProps } from "~components/Icon/subcomponents/SVG"
+
+// formally named "empty"
+export const IndicatorInactiveIcon = (props: IconProps): JSX.Element => (
+  <SVG {...props}>
+    <path
+      d="M2 10c0-4.416 3.584-8 8-8s8 3.584 8 8-3.584 8-8 8-8-3.584-8-8Zm8 6.4c3.536 0 6.4-2.864 6.4-6.4 0-3.536-2.864-6.4-6.4-6.4A6.398 6.398 0 0 0 3.6 10c0 3.536 2.864 6.4 6.4 6.4Z"
+      fill="currentColor"
+    />
+  </SVG>
+)

package/src/Icon/InformationIcon.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 InformationIcon = (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-8Zm-.8 5.6h1.6V6H9.2v1.6Zm0 6.4h1.6V9.2H9.2V14Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/InformationWhiteIcon.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 InformationWhiteIcon = (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="M9.2 7.6h1.6V6H9.2zM9.2 14h1.6V9.2H9.2z" />
+      </g>
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/InsightIcon.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 InsightIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M7.603 10.8c0 1.328 1.072 2.4 2.4 2.4 1.328 0 2.4-1.072 2.4-2.4 0-1.328-1.072-2.4-2.4-2.4a2.397 2.397 0 0 0-2.4 2.4Zm8.4 5.272V6.8l-4.4-4.8H5.598c-.88 0-1.592.72-1.592 1.6l-.008 12.8c0 .88.712 1.6 1.592 1.6h8.812c.36 0 .68-.12.952-.32l-3.143-3.544A4.001 4.001 0 0 1 6.003 10.8c0-2.208 1.792-4 4-4s4 1.792 4 4c0 .816-.248 1.568-.664 2.2l2.663 3.072Z"
+        />
+      </defs>
+      <use
+        fill="currentColor"
+        transform="translate(-4 -2)"
+        href={`#${uniqueId}`}
+        fillRule="evenodd"
+      />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/InsightsIcon.tsx

@@ -0,0 +1,14 @@
+// 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 InsightsIcon = (props: IconProps): JSX.Element => {
+  const svgContent = (
+    <>
+      <path d="M2.29 14.875a1.4 1.4 0 0 1-1.03-.429 1.41 1.41 0 0 1-.427-1.031c0-.402.143-.745.427-1.03a1.4 1.4 0 0 1 1.027-.427c.073 0 .144.004.213.01.07.008.16.025.271.053l4.167-4.167a1.985 1.985 0 0 1-.052-.27 2.14 2.14 0 0 1-.01-.214c0-.4.142-.742.428-1.026a1.41 1.41 0 0 1 1.031-.427c.402 0 .745.143 1.03.43.284.286.427.63.427 1.033 0 .024-.021.183-.063.474l2.292 2.292a1.99 1.99 0 0 1 .27-.052 2.077 2.077 0 0 1 .418 0c.069.007.16.024.27.052l3.334-3.334a1.977 1.977 0 0 1-.052-.27c-.007-.07-.01-.14-.01-.214 0-.4.142-.741.428-1.026a1.41 1.41 0 0 1 1.031-.427 1.4 1.4 0 0 1 1.03.429c.285.286.427.63.427 1.031 0 .402-.143.745-.427 1.03a1.4 1.4 0 0 1-1.027.427c-.072 0-.143-.004-.213-.01a1.986 1.986 0 0 1-.27-.053l-3.334 3.334c.028.11.045.2.052.27.007.07.01.14.01.213 0 .4-.143.742-.428 1.027a1.41 1.41 0 0 1-1.032.427c-.401 0-.744-.142-1.03-.427a1.4 1.4 0 0 1-.426-1.027c0-.072.003-.143.01-.213s.025-.16.052-.27L8.813 8.77a1.987 1.987 0 0 1-.271.052c-.07.007-.14.01-.214.01-.024 0-.182-.02-.474-.062l-4.166 4.166c.027.112.045.202.052.271.007.07.01.14.01.213 0 .4-.143.742-.429 1.027a1.41 1.41 0 0 1-1.031.427Zm1.043-9.208-.421-.912L2 4.333l.912-.422L3.334 3l.421.911.912.422-.912.422-.421.912ZM12.5 4.604l-.64-1.38-1.38-.64 1.38-.64.64-1.381.64 1.38 1.381.64-1.38.64-.64 1.381Z" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/InvisibleIcon.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 InvisibleIcon = (props: IconProps): JSX.Element => {
+  const svgContent = (
+    <>
+      <path
+        fill="currentColor"
+        d="M10.003 5.497a4.094 4.094 0 0 1 4.092 4.093c0 .532-.107 1.03-.295 1.497l2.39 2.39a9.671 9.671 0 0 0 2.807-3.887c-1.416-3.593-4.91-6.139-9.003-6.139a9.53 9.53 0 0 0-3.257.573l1.768 1.768a3.972 3.972 0 0 1 1.498-.295ZM1.818 3.263 3.684 5.13l.377.377A9.66 9.66 0 0 0 1 9.59c1.416 3.592 4.91 6.138 9.003 6.138 1.268 0 2.48-.246 3.584-.688l.344.344 2.398 2.39 1.04-1.04L2.857 2.224l-1.04 1.04ZM6.344 7.79l1.269 1.269c-.041.171-.066.351-.066.532a2.452 2.452 0 0 0 2.456 2.455c.18 0 .36-.025.532-.066l1.268 1.269a4.057 4.057 0 0 1-1.8.434A4.094 4.094 0 0 1 5.91 9.59c0-.647.163-1.253.433-1.801Zm3.528-.638 2.578 2.578.016-.131a2.452 2.452 0 0 0-2.455-2.456l-.14.009Z"
+        fillRule="evenodd"
+      />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/ItalicsIcon.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 ItalicsIcon = (props: IconProps): JSX.Element => {
+  const svgContent = (
+    <>
+      <path
+        fill="currentColor"
+        d="M5 16v-1.749h2.79l3.464-8.502h-2.71V4H16v1.749h-2.79L9.745 14.25h2.71V16H5Z"
+      />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/KebabIcon.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 KebabIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M-4 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2ZM8 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2ZM2 6C.9 6 0 6.9 0 8s.9 2 2 2 2-.9 2-2-.9-2-2-2Z"
+        />
+      </defs>
+      <use
+        fill="currentColor"
+        transform="rotate(-90 7 5)"
+        href={`#${uniqueId}`}
+        fillRule="evenodd"
+      />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/KioskIcon.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 KioskIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M14.353 2h.314c.92 0 1.353.747 1.353 1.667v12.666c0 .92-.747 1.667-1.667 1.667H5.677c-.92 0-1.667-.747-1.667-1.667V3.667C4.01 2.747 4.757 2 5.677 2h8.676ZM5 14.667h10V4H5v10.667Zm4 1.666c0 .553.446 1 1 1s1-.447 1-1c0-.553-.446-1-1-1s-1 .447-1 1Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/KioskWhiteIcon.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 KioskWhiteIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M14.353 2H5.677c-.92 0-1.667.747-1.667 1.667v12.666c0 .92.747 1.667 1.667 1.667h8.676c.92 0 1.667-.747 1.667-1.667V3.667c0-.92-.433-1.667-1.353-1.667h-.314Z"
+        />
+      </defs>
+      <g fill="none" fillRule="evenodd">
+        <use fill="currentColor" href={`#${uniqueId}`} />
+        <path
+          fill="#FFF"
+          d="M5 14.667h10V4H5zM9 16.333c0-.553.446-1 1-1s1 .447 1 1c0 .553-.446 1-1 1s-1-.447-1-1Z"
+        />
+      </g>
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/LaunchIcon.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 LaunchIcon = (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-8ZM8.4 13.6l4.8-3.6-4.8-3.6v7.2Z"
+        fillRule="evenodd"
+      />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/LaunchWhiteIcon.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 LaunchWhiteIcon = (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="M8.4 13.6V6.4l4.8 3.6z" />
+      </g>
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/LeaderboardIcon.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 LeaderboardIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M16.4 10c0-.894.72-1.625 1.6-1.625v-3.25c0-.894-.72-1.625-1.6-1.625H3.6c-.88 0-1.592.731-1.592 1.625v3.25c.88 0 1.592.731 1.592 1.625s-.712 1.625-1.6 1.625v3.25c0 .894.72 1.625 1.6 1.625h12.8c.88 0 1.6-.731 1.6-1.625v-3.25c-.88 0-1.6-.731-1.6-1.625Zm-4.111 4.5-2.785-1.882L6.719 14.5l.84-3.37L5 8.927l3.298-.204L9.504 5.5l1.198 3.232L14 8.936l-2.56 2.201.849 3.363Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="nonzero" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/ListViewIcon.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 ListViewIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M2 10.89h1.778V9.112H2v1.778Zm0 3.556h1.778v-1.778H2v1.778Zm0-7.112h1.778V5.556H2v1.778Zm3.556 3.556h12.446V9.112H5.556v1.778Zm0 3.556h12.446v-1.778H5.556v1.778Zm0-8.89v1.778h12.446V5.556H5.556Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/LiveIcon.tsx

@@ -0,0 +1,28 @@
+// 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 LiveIcon = (props: IconProps): JSX.Element => {
+  const svgContent = (
+    <>
+      <path
+        stroke="currentColor"
+        d="M3.266 12.733c-2.6-2.6-2.6-6.866 0-9.466M5.2 10.8c-1.534-1.533-1.534-4.067 0-5.667"
+        strokeWidth="1.5"
+        strokeLinejoin="round"
+        strokeLinecap="round"
+      />
+      <path fill="currentColor" d="M8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" />
+      <path
+        stroke="currentColor"
+        d="M10.8 5.2c1.533 1.533 1.533 4.067 0 5.667M12.733 3.267c2.6 2.6 2.6 6.8 0 9.4"
+        strokeWidth="1.5"
+        strokeLinejoin="round"
+        strokeLinecap="round"
+      />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/LockIcon.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 LockIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M14.667 7.333h-.762V5.81A3.81 3.81 0 0 0 10.095 2a3.81 3.81 0 0 0-3.81 3.81v1.523h-.761C4.686 7.333 4 8.02 4 8.857v7.62C4 17.313 4.686 18 5.524 18h9.143c.838 0 1.523-.686 1.523-1.524V8.857c0-.838-.685-1.524-1.523-1.524Zm-4.572 6.857a1.528 1.528 0 0 1-1.524-1.523c0-.838.686-1.524 1.524-1.524s1.524.686 1.524 1.524-.686 1.523-1.524 1.523Zm2.362-6.857H7.733V5.81a2.364 2.364 0 0 1 2.362-2.362 2.364 2.364 0 0 1 2.362 2.362v1.523Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="nonzero" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/LockWhiteIcon.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 LockWhiteIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M14.667 7.333h-.762V5.81A3.81 3.81 0 0 0 10.095 2a3.81 3.81 0 0 0-3.81 3.81v1.523h-.761C4.686 7.333 4 8.02 4 8.857v7.62C4 17.313 4.686 18 5.524 18h9.143c.838 0 1.523-.686 1.523-1.524V8.857c0-.838-.685-1.524-1.523-1.524Zm-2.21 0H7.733V5.81a2.364 2.364 0 0 1 2.362-2.362 2.364 2.364 0 0 1 2.362 2.362v1.523Z"
+        />
+      </defs>
+      <g fill="none" fillRule="evenodd">
+        <use fill="currentColor" href={`#${uniqueId}`} fillRule="nonzero" />
+        <path
+          fill="#FFF"
+          d="M10.095 14.19a1.528 1.528 0 0 1-1.524-1.523c0-.838.686-1.524 1.524-1.524s1.524.686 1.524 1.524-.686 1.523-1.524 1.523Z"
+        />
+      </g>
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/LogOutIcon.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 LogOutIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M9.556 13.667 14 9.5 9.556 5.333 8.302 6.508l2.294 2.159H2v1.666h8.596l-2.294 2.159 1.254 1.175ZM3.778 2C2.79 2 2 2.75 2 3.667V7h1.778V3.667h12.444v11.666H3.778V12H2v3.333C2 16.25 2.791 17 3.778 17h12.444C17.2 17 18 16.25 18 15.333V3.667C18 2.75 17.2 2 16.222 2H3.778Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/MaximizeIcon.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 MaximizeIcon = (props: IconProps): JSX.Element => {
+  const svgContent = (
+    <>
+      <path
+        fill="currentColor"
+        d="M2 18v-7.018h1.965v3.697L14.679 3.965h-3.697V2H18v7.018h-1.965V5.32L5.321 16.035h3.697V18H2Z"
+      />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/MeatballsIcon.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 MeatballsIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M4 8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/MinimizeIcon.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 MinimizeIcon = (props: IconProps): JSX.Element => {
+  const svgContent = (
+    <>
+      <path
+        fill="currentColor"
+        d="M2.354 19 1 17.646l5.74-5.74H3.136V10H10v6.864H8.095V13.26L2.355 19ZM10 10V3.136h1.905V6.74L17.645 1 19 2.354l-5.74 5.74h3.604V10H10Z"
+      />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/MinusIcon.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 MinusIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path id={uniqueId} d="M13.996 10.833H6.011V9.167h7.985z" />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/NavigatorIcon.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 NavigatorIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M12.01 3.997v1.858h2.786V8.64h1.857V3.997H12.01Zm-8.663 0V8.64h1.857V5.855H7.99V3.997H3.347Zm11.449 7.363v2.787H12.01v1.856h4.643V11.36h-1.857Zm-11.449 0v4.643H7.99v-1.856H5.204V11.36H3.347Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/NotificationIcon.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 NotificationIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M7.004 3.318 5.882 2.196a8.176 8.176 0 0 0-3.231 6.157H4.22a6.624 6.624 0 0 1 2.784-5.035Zm9.718 5.035h1.568a8.226 8.226 0 0 0-3.231-6.157l-1.114 1.122a6.663 6.663 0 0 1 2.777 5.035Zm-1.546.392c0-2.408-1.286-4.423-3.529-4.957v-.533c0-.651-.525-1.177-1.176-1.177-.651 0-1.177.526-1.177 1.177v.533c-2.25.534-3.53 2.541-3.53 4.957v3.922l-1.568 1.568v.785h12.55v-.785l-1.57-1.568V8.745Zm-4.705 8.628c.11 0 .211-.008.313-.032.51-.11.926-.455 1.13-.925.078-.189.117-.392.117-.612H8.894a1.58 1.58 0 0 0 1.577 1.569Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="nonzero" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/NumberedListIcon.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 NumberedListIcon = (props: IconProps): JSX.Element => {
+  const svgContent = (
+    <>
+      <path
+        fill="currentColor"
+        d="M2.5 16.667v-.834h1.667v-.416h-.834v-.834h.834v-.416H2.5v-.834h2.521v3.334H2.5Zm.854-10v-2.5H2.5v-.834h1.688v3.334h-.834Zm-.854 5v-.75l1.479-1.75H2.5v-.834h2.521v.771l-1.5 1.729h1.5v.834H2.5Zm4.104 4.208v-1.75H17.5v1.75H6.604Zm0-5v-1.75H17.5v1.75H6.604Zm0-5v-1.75H17.5v1.75H6.604Z"
+      />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/NumberedListRtlIcon.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 NumberedListRtlIcon = (props: IconProps): JSX.Element => {
+  const svgContent = (
+    <>
+      <path
+        fill="currentColor"
+        d="M2.5 15.875v-1.75h10.875v1.75H2.5Zm0-5v-1.75h10.875v1.75H2.5Zm0-5v-1.75h10.875v1.75H2.5Zm12.479 10.792v-.834h1.667v-.416h-.834v-.834h.834v-.416h-1.667v-.834H17.5v3.334h-2.521Zm.854-10v-2.5h-.854v-.834h1.688v3.334h-.834Zm-.854 5v-.75l1.5-1.75h-1.5v-.834H17.5v.771l-1.479 1.729H17.5v.834h-2.521Z"
+      />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/OpenIcon.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 OpenIcon = (props: IconProps): JSX.Element => {
+  const uniqueId = useId()
+  const svgContent = (
+    <>
+      <defs>
+        <path
+          id={uniqueId}
+          d="M15.361 2.636c.9 0 1.636.737 1.636 1.637v13.09c0 .9-.737 1.637-1.636 1.637H4.636c-.9 0-1.637-.736-1.637-1.636V4.273c0-.9.737-1.637 1.637-1.637h3.056A2.464 2.464 0 0 1 10 1c1.063 0 1.964.687 2.307 1.636h3.054ZM5.909 14.91h1.636V9.182H5.91v5.727Zm3.273 0h1.636V6.727H9.182v8.182Zm3.273 0h1.636v-3.273h-1.636v3.273ZM10.818 3.455A.821.821 0 0 0 10 2.636a.82.82 0 0 0-.818.819c0 .45.368.818.818.818.45 0 .818-.368.818-.818Z"
+        />
+      </defs>
+      <use fill="currentColor" href={`#${uniqueId}`} fillRule="evenodd" />
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}

package/src/Icon/OpenWhiteIcon.tsx

@@ -0,0 +1,23 @@
+// 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 OpenWhiteIcon = (props: IconProps): JSX.Element => {
+  const svgContent = (
+    <>
+      <g fill="none" fillRule="evenodd">
+        <path
+          fill="currentColor"
+          d="M15.361 2.636c.9 0 1.636.737 1.636 1.637v13.09c0 .9-.737 1.637-1.636 1.637H4.636c-.9 0-1.637-.736-1.637-1.636V4.273c0-.9.737-1.637 1.637-1.637h3.056A2.464 2.464 0 0 1 10 1c1.063 0 1.964.687 2.307 1.636h3.054Zm-4.543.819A.821.821 0 0 0 10 2.636a.82.82 0 0 0-.818.819c0 .45.368.818.818.818.45 0 .818-.368.818-.818Z"
+        />
+        <path
+          fill="#FFF"
+          d="M5.91 14.91h1.635V9.181H5.91zM9.182 14.91h1.636V6.726H9.182zM12.455 14.91h1.636v-3.274h-1.636z"
+        />
+      </g>
+    </>
+  )
+  return <SVG {...props}>{svgContent}</SVG>
+}