@acmekit/docs-ui 2.13.41

package/src/components/Icons/ChefHat/index.tsx

@@ -0,0 +1,65 @@
+import React from "react"
+import { IconProps } from "@acmekit/icons/dist/types"
+
+export const ChefHatIcon = (props: IconProps) => {
+  return (
+    <svg
+      width="32"
+      height="32"
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <g clipPath="url(#clip0_10681_55312)">
+        <path
+          opacity="0.3"
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M21.4896 7.07933C20.7301 4.77472 18.5587 3.11133 15.9998 3.11133C13.4401 3.11133 11.2694 4.77558 10.5105 7.08111C9.55229 6.67222 8.47444 6.54599 7.32421 6.78244C5.24066 7.21088 3.5589 8.94777 3.19445 11.0438C2.60957 14.4109 5.18557 17.3336 8.44421 17.3336V24.4447H23.5553V17.3336C26.8122 17.3336 29.3882 14.4127 28.8069 11.0473C28.4442 8.94955 26.7625 7.21266 24.6789 6.78244C23.5269 6.54422 22.4496 6.67044 21.4896 7.07933Z"
+          fill="currentColor"
+        />
+        <path
+          d="M8.44446 24.4446H23.5556"
+          stroke="currentColor"
+          strokeWidth="2.66667"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M13.7777 21.3335V24.4446"
+          stroke="currentColor"
+          strokeWidth="2.66667"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M18.2222 21.3335V24.4446"
+          stroke="currentColor"
+          strokeWidth="2.66667"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M10.5101 7.08108C9.55191 6.67219 8.47456 6.54596 7.32434 6.78241C5.24078 7.21085 3.55902 8.94774 3.19458 11.0437C2.60969 14.4109 5.18569 17.3335 8.44434 17.3335V27.1113C8.44434 28.0926 9.2408 28.8891 10.2221 28.8891H21.7777C22.759 28.8891 23.5555 28.0926 23.5555 27.1113V17.3335C26.8124 17.3335 29.3884 14.4126 28.807 11.0473C28.4444 8.94952 26.7626 7.21263 24.679 6.78241C23.527 6.54419 22.4497 6.67041 21.4897 7.0793"
+          stroke="currentColor"
+          strokeWidth="2.66667"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M10.2222 8.88911C10.2222 5.69799 12.8088 3.11133 15.9999 3.11133C19.1911 3.11133 21.7777 5.69799 21.7777 8.88911"
+          stroke="currentColor"
+          strokeWidth="2.66667"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_10681_55312">
+          <rect width="32" height="32" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}

package/src/components/Icons/CircleDottedLine/index.tsx

@@ -0,0 +1,60 @@
+import { IconProps } from "@acmekit/icons/dist/types"
+import clsx from "clsx"
+import React from "react"
+
+export const IconCircleDottedLine = (props: IconProps) => {
+  return (
+    <svg
+      width={props.width || 20}
+      height={props.height || 20}
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+      className={clsx("text-ui-fg-subtle", props.className)}
+    >
+      <path
+        d="M12.5 2.93589C10.884 2.3547 9.116 2.3547 7.5 2.93589"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M2.63049 8.63198C2.94295 6.94471 3.82573 5.41606 5.13094 4.30209"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M5.13094 15.6979C3.82575 14.5839 2.94298 13.0552 2.63049 11.368"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M7.5 17.0641C9.116 17.6453 10.884 17.6453 12.5 17.0641"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M17.3695 8.63198C17.057 6.94471 16.1742 5.41606 14.869 4.30209"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M14.869 15.6979C16.1742 14.5839 17.057 13.0552 17.3695 11.368"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  )
+}

package/src/components/Icons/CloudSolid/index.tsx

@@ -0,0 +1,47 @@
+import { IconProps } from "@acmekit/icons/dist/types"
+import React from "react"
+
+export const IconCloudSolid = (props: IconProps) => {
+  return (
+    <svg
+      width="16"
+      height="17"
+      viewBox="0 0 16 17"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <g clipPath="url(#clip0_20373_260192)">
+        <path
+          opacity="0.3"
+          d="M11.968 6.62535C11.8027 4.56846 10.0995 2.94446 7.99999 2.94446C5.7911 2.94446 3.99999 4.73557 3.99999 6.94446C3.99999 7.25557 4.04354 7.55424 4.11021 7.8449C2.69065 7.90446 1.55554 9.06624 1.55554 10.5C1.55554 11.9729 2.74932 13.1667 4.22221 13.1667H11.1111C12.952 13.1667 14.4444 11.6742 14.4444 9.83335C14.4444 8.29024 13.3911 7.0049 11.968 6.62535Z"
+          fill="currentColor"
+        />
+        <path
+          d="M11.968 6.62535C11.8027 4.56846 10.0995 2.94446 7.99999 2.94446C5.7911 2.94446 3.99999 4.73557 3.99999 6.94446C3.99999 7.25557 4.04354 7.55424 4.11021 7.8449C2.69065 7.90446 1.55554 9.06624 1.55554 10.5C1.55554 11.9729 2.74932 13.1667 4.22221 13.1667H11.1111C12.952 13.1667 14.4444 11.6742 14.4444 9.83335C14.4444 8.29024 13.3911 7.0049 11.968 6.62535Z"
+          stroke="currentColor"
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M8.62662 7.61111C9.23728 6.92933 10.1235 6.5 11.1111 6.5C11.4071 6.5 11.6951 6.55244 11.968 6.62533"
+          stroke="currentColor"
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_20373_260192">
+          <rect
+            width="16"
+            height="16"
+            fill="white"
+            transform="translate(0 0.5)"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}

package/src/components/Icons/ColoredAcmeKit/index.tsx

@@ -0,0 +1,13 @@
+import { AcmeKit } from "@acmekit/icons"
+import { IconProps } from "@acmekit/icons/dist/types"
+import clsx from "clsx"
+import React from "react"
+
+export const ColoredAcmeKitIcon = ({ className, ...props }: IconProps) => {
+  return (
+    <AcmeKit
+      {...props}
+      className={clsx(className, "[&_path]:fill-acmekit-fg-subtle")}
+    />
+  )
+}

package/src/components/Icons/DecisionProcess/index.tsx

@@ -0,0 +1,58 @@
+import React from "react"
+import { IconProps } from "@acmekit/icons/dist/types"
+
+export const DecisionProcessIcon = (props: IconProps) => {
+  return (
+    <svg
+      width="16"
+      height="16"
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M6.12498 2.375H2.79165C2.33141 2.375 1.95831 2.7481 1.95831 3.20833V4.04167C1.95831 4.5019 2.33141 4.875 2.79165 4.875H6.12498C6.58522 4.875 6.95831 4.5019 6.95831 4.04167V3.20833C6.95831 2.7481 6.58522 2.375 6.12498 2.375Z"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M6.12498 11.125H2.79165C2.33141 11.125 1.95831 11.4981 1.95831 11.9583V12.7917C1.95831 13.2519 2.33141 13.625 2.79165 13.625H6.12498C6.58522 13.625 6.95831 13.2519 6.95831 12.7917V11.9583C6.95831 11.4981 6.58522 11.125 6.12498 11.125Z"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M4.45831 6.95833V9.04166"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M9.04169 3.625H10.7084C11.1684 3.625 11.5417 3.99833 11.5417 4.45833V6.125"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M9.04169 12.375H10.7084C11.1684 12.375 11.5417 12.0017 11.5417 11.5417V9.875"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M11.5417 6.125L14.6667 8L11.5417 9.875L8.41669 8L11.5417 6.125Z"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  )
+}

package/src/components/Icons/Erp/index.tsx

@@ -0,0 +1,92 @@
+import React from "react"
+import { IconProps } from "@acmekit/icons/dist/types"
+
+export const ErpIcon = (props: IconProps) => {
+  return (
+    <svg
+      width="30"
+      height="30"
+      viewBox="0 0 30 30"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        opacity="0.3"
+        d="M15 13.6666C16.7182 13.6666 18.1111 12.2737 18.1111 10.5554C18.1111 8.83722 16.7182 7.44434 15 7.44434C13.2818 7.44434 11.8889 8.83722 11.8889 10.5554C11.8889 12.2737 13.2818 13.6666 15 13.6666Z"
+        fill="currentColor"
+      />
+      <path
+        opacity="0.3"
+        d="M15 27.889C16.4727 27.889 17.6666 26.695 17.6666 25.2223C17.6666 23.7496 16.4727 22.5557 15 22.5557C13.5272 22.5557 12.3333 23.7496 12.3333 25.2223C12.3333 26.695 13.5272 27.889 15 27.889Z"
+        fill="currentColor"
+      />
+      <path
+        opacity="0.3"
+        d="M4.77775 26.1112C6.25051 26.1112 7.44442 24.9172 7.44442 23.4445C7.44442 21.9718 6.25051 20.7778 4.77775 20.7778C3.30499 20.7778 2.11108 21.9718 2.11108 23.4445C2.11108 24.9172 3.30499 26.1112 4.77775 26.1112Z"
+        fill="currentColor"
+      />
+      <path
+        opacity="0.3"
+        d="M25.2222 26.1112C26.6949 26.1112 27.8889 24.9172 27.8889 23.4445C27.8889 21.9718 26.6949 20.7778 25.2222 20.7778C23.7495 20.7778 22.5555 21.9718 22.5555 23.4445C22.5555 24.9172 23.7495 26.1112 25.2222 26.1112Z"
+        fill="currentColor"
+      />
+      <path
+        d="M15 13.6666C16.7182 13.6666 18.1111 12.2737 18.1111 10.5554C18.1111 8.83722 16.7182 7.44434 15 7.44434C13.2818 7.44434 11.8889 8.83722 11.8889 10.5554C11.8889 12.2737 13.2818 13.6666 15 13.6666Z"
+        stroke="currentColor"
+        strokeWidth="2.66667"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M15 27.889C16.4727 27.889 17.6666 26.695 17.6666 25.2223C17.6666 23.7496 16.4727 22.5557 15 22.5557C13.5272 22.5557 12.3333 23.7496 12.3333 25.2223C12.3333 26.695 13.5272 27.889 15 27.889Z"
+        stroke="currentColor"
+        strokeWidth="2.66667"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M4.77775 26.1112C6.25052 26.1112 7.44442 24.9172 7.44442 23.4445C7.44442 21.9718 6.25052 20.7778 4.77775 20.7778C3.30499 20.7778 2.11108 21.9718 2.11108 23.4445C2.11108 24.9172 3.30499 26.1112 4.77775 26.1112Z"
+        stroke="currentColor"
+        strokeWidth="2.66667"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M6.55554 10.5555C6.55554 5.89242 10.3369 2.11108 15 2.11108C19.6631 2.11108 23.4444 5.89242 23.4444 10.5555"
+        stroke="currentColor"
+        strokeWidth="2.66667"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M8.56088 14.4756L6.48444 15.7396C5.42488 16.3849 4.77777 17.5351 4.77777 18.776V20.7778"
+        stroke="currentColor"
+        strokeWidth="2.66667"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M25.2222 26.1112C26.6949 26.1112 27.8889 24.9172 27.8889 23.4445C27.8889 21.9718 26.6949 20.7778 25.2222 20.7778C23.7495 20.7778 22.5555 21.9718 22.5555 23.4445C22.5555 24.9172 23.7495 26.1112 25.2222 26.1112Z"
+        stroke="currentColor"
+        strokeWidth="2.66667"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M21.4391 14.4756L23.5156 15.7396C24.5751 16.3849 25.2223 17.5351 25.2223 18.776V20.7778"
+        stroke="currentColor"
+        strokeWidth="2.66667"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M15 18.1111V22.5555"
+        stroke="currentColor"
+        strokeWidth="2.66667"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  )
+}

package/src/components/Icons/Github/index.tsx

@@ -0,0 +1,22 @@
+import React from "react"
+import { IconProps } from "@acmekit/icons/dist/types"
+
+export const GithubIcon = (props: IconProps) => {
+  return (
+    <svg
+      width="15"
+      height="16"
+      viewBox="0 0 15 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.5 1.41663C3.77063 1.41663 0.75 4.43725 0.75 8.16663C0.75 11.1535 2.68219 13.6763 5.36531 14.5707C5.70281 14.6298 5.82938 14.4273 5.82938 14.2501C5.82938 14.0898 5.82094 13.5582 5.82094 12.9929C4.125 13.3051 3.68625 12.5794 3.55125 12.1998C3.47531 12.0057 3.14625 11.4066 2.85938 11.2463C2.62312 11.1198 2.28562 10.8076 2.85094 10.7991C3.3825 10.7907 3.76219 11.2885 3.88875 11.491C4.49625 12.5119 5.46656 12.2251 5.85469 12.0479C5.91375 11.6091 6.09094 11.3138 6.285 11.1451C4.78312 10.9763 3.21375 10.3941 3.21375 7.81225C3.21375 7.07819 3.47531 6.47069 3.90562 5.99819C3.83812 5.82944 3.60188 5.13756 3.97312 4.20944C3.97312 4.20944 4.53844 4.03225 5.82938 4.90131C6.36938 4.74944 6.94313 4.6735 7.51688 4.6735C8.09063 4.6735 8.66438 4.74944 9.20438 4.90131C10.4953 4.02381 11.0606 4.20944 11.0606 4.20944C11.4319 5.13756 11.1956 5.82944 11.1281 5.99819C11.5584 6.47069 11.82 7.06975 11.82 7.81225C11.82 10.4026 10.2422 10.9763 8.74031 11.1451C8.985 11.356 9.19594 11.761 9.19594 12.3938C9.19594 13.2966 9.1875 14.0223 9.1875 14.2501C9.1875 14.4273 9.31406 14.6382 9.65156 14.5707C12.3178 13.6763 14.25 11.1451 14.25 8.16663C14.25 4.43725 11.2294 1.41663 7.5 1.41663Z"
+        fill="currentColor"
+      />
+    </svg>
+  )
+}

package/src/components/Icons/House/index.tsx

@@ -0,0 +1,23 @@
+import React from "react"
+import { IconProps } from "@acmekit/icons/dist/types"
+
+export const HouseIcon = (props: IconProps) => {
+  return (
+    <svg
+      width="15"
+      height="16"
+      viewBox="0 0 15 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M12.7044 5.5112L8.03778 1.96454C7.71956 1.72276 7.27956 1.72276 6.96222 1.96454L2.29556 5.5112C2.07422 5.6792 1.94444 5.94143 1.94444 6.21965V12.6676C1.94444 13.6499 2.74 14.4454 3.72222 14.4454H5.94444V10.8899C5.94444 10.3992 6.34267 10.001 6.83333 10.001H8.16667C8.65733 10.001 9.05556 10.3992 9.05556 10.8899V14.4454H11.2778C12.26 14.4454 13.0556 13.6499 13.0556 12.6676V6.21876C13.0556 5.94054 12.9258 5.68009 12.7044 5.5112Z"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  )
+}

package/src/components/Icons/ImageBinary/index.tsx

@@ -0,0 +1,69 @@
+import React from "react"
+import { IconProps } from "@acmekit/icons/dist/types"
+
+export const ImageBinaryIcon = (props: IconProps) => {
+  return (
+    <svg
+      width="32"
+      height="32"
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <g clipPath="url(#clip0_10681_55277)">
+        <path
+          opacity="0.3"
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M6.6664 5.78027C4.70272 5.78027 3.11084 7.37215 3.11084 9.33583V22.6692C3.11084 24.6329 4.70272 26.2247 6.6664 26.2247H7.13191L17.3331 16.0236V5.78027H6.6664Z"
+          fill="currentColor"
+        />
+        <path
+          d="M7.11084 26.2244L17.3331 16.0022"
+          stroke="currentColor"
+          strokeWidth="2.66667"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M17.3331 26.2247H6.6664C4.70195 26.2247 3.11084 24.6336 3.11084 22.6692V9.33583C3.11084 7.37138 4.70195 5.78027 6.6664 5.78027H17.3331"
+          stroke="currentColor"
+          strokeWidth="2.66667"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M10.222 15.1134C11.4493 15.1134 12.4442 14.1185 12.4442 12.8912C12.4442 11.6639 11.4493 10.6689 10.222 10.6689C8.99467 10.6689 7.99976 11.6639 7.99976 12.8912C7.99976 14.1185 8.99467 15.1134 10.222 15.1134Z"
+          fill="currentColor"
+        />
+        <path
+          d="M26.222 27.1133C27.9402 27.1133 29.3331 25.1234 29.3331 22.6688C29.3331 20.2142 27.9402 18.2244 26.222 18.2244C24.5037 18.2244 23.1108 20.2142 23.1108 22.6688C23.1108 25.1234 24.5037 27.1133 26.222 27.1133Z"
+          stroke="currentColor"
+          strokeWidth="2.66667"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M26.2216 13.7795V4.89062C26.2216 4.89062 25.203 6.68263 23.043 7.09507"
+          stroke="currentColor"
+          strokeWidth="2.66667"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M17.3331 3.11328V28.8911"
+          stroke="currentColor"
+          strokeWidth="2.66667"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_10681_55277">
+          <rect width="32" height="32" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}

package/src/components/Icons/Kapa/index.tsx

@@ -0,0 +1,22 @@
+import React from "react"
+import { IconProps } from "@acmekit/icons/dist/types"
+
+export const KapaIcon = (props: IconProps) => {
+  return (
+    <svg
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M20 5C20 2.23857 17.7614 0 15 0H5C2.23857 0 0 2.23857 0 5V15C0 17.7614 2.23857 20 5 20H15C17.7614 20 20 17.7614 20 15V5ZM8.39555 15.0667C8.4692 15.0667 8.5289 15.007 8.5289 14.9334V11.9801C8.5289 11.9064 8.5886 11.8467 8.66225 11.8467H9.7944C9.8414 11.8467 9.88495 11.8714 9.909 11.9118L11.7477 15.0015C11.7717 15.0419 11.8152 15.0667 11.8622 15.0667H14.5443C14.6486 15.0667 14.7125 14.9525 14.658 14.8637L11.9881 10.5123C11.9608 10.4677 11.962 10.4112 11.9914 10.3679L14.6593 6.42415C14.7192 6.3356 14.6558 6.2161 14.5489 6.2161H11.8788C11.8322 6.2161 11.7891 6.24045 11.7649 6.28025L9.8569 9.42475C9.8327 9.46455 9.7895 9.4889 9.7429 9.4889H8.66225C8.5886 9.4889 8.5289 9.4292 8.5289 9.35555V4.4667C8.5289 4.39307 8.4692 4.33337 8.39555 4.33337H6.0667C5.99305 4.33337 5.93335 4.39307 5.93335 4.4667V14.9334C5.93335 15.007 5.99305 15.0667 6.0667 15.0667H8.39555Z"
+        fill="currentColor"
+      />
+    </svg>
+  )
+}

package/src/components/Icons/Markdown/index.tsx

@@ -0,0 +1,25 @@
+import React from "react"
+import { IconProps } from "@acmekit/icons/dist/types"
+
+export const MarkdownIcon = (props: IconProps) => {
+  return (
+    <svg
+      fill="currentColor"
+      viewBox="0 0 32 32"
+      xmlns="http://www.w3.org/2000/svg"
+      width={15}
+      height={15}
+      {...props}
+    >
+      <g id="SVGRepo_bgCarrier" strokeWidth="0"></g>
+      <g
+        id="SVGRepo_tracerCarrier"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      ></g>
+      <g id="SVGRepo_iconCarrier">
+        <path d="M 2.875 6 C 1.320313 6 0 7.253906 0 8.8125 L 0 23.1875 C 0 24.746094 1.320313 26 2.875 26 L 29.125 26 C 30.679688 26 32 24.746094 32 23.1875 L 32 8.8125 C 32 7.253906 30.679688 6 29.125 6 Z M 2.875 8 L 29.125 8 C 29.640625 8 30 8.382813 30 8.8125 L 30 23.1875 C 30 23.617188 29.640625 24 29.125 24 L 2.875 24 C 2.359375 24 2 23.617188 2 23.1875 L 2 8.8125 C 2 8.382813 2.359375 8 2.875 8 Z M 5 11 L 5 21 L 8 21 L 8 14.34375 L 11 18.3125 L 14 14.34375 L 14 21 L 17 21 L 17 11 L 14 11 L 11 15 L 8 11 Z M 22 11 L 22 16 L 19 16 L 23.5 21 L 28 16 L 25 16 L 25 11 Z"></path>
+      </g>
+    </svg>
+  )
+}

package/src/components/Icons/NavigationDropdown/Admin/index.tsx

@@ -0,0 +1,33 @@
+import { IconProps } from "@acmekit/icons/dist/types"
+import React from "react"
+
+export const NavigationDropdownAdminIcon = (props: IconProps) => {
+  return (
+    <svg
+      width={props.width || 20}
+      height={props.height || 20}
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <rect width="20" height="20" className="fill-acmekit-tag-green-icon" />
+      <g clipPath="url(#clip0_9988_95571)">
+        <path
+          d="M13.25 4.5H6.75C5.233 4.5 4 5.733 4 7.25V12.75C4 14.267 5.233 15.5 6.75 15.5H13.25C14.767 15.5 16 14.267 16 12.75V7.25C16 5.733 14.767 4.5 13.25 4.5ZM6.5 8C5.948 8 5.5 7.552 5.5 7C5.5 6.448 5.948 6 6.5 6C7.052 6 7.5 6.448 7.5 7C7.5 7.552 7.052 8 6.5 8ZM9.5 8C8.948 8 8.5 7.552 8.5 7C8.5 6.448 8.948 6 9.5 6C10.052 6 10.5 6.448 10.5 7C10.5 7.552 10.052 8 9.5 8Z"
+          className="fill-acmekit-fg-on-color"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_9988_95571">
+          <rect
+            width="12"
+            height="12"
+            className="fill-acmekit-fg-on-color"
+            transform="translate(4 4)"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}

package/src/components/Icons/NavigationDropdown/Doc/index.tsx

@@ -0,0 +1,41 @@
+import { IconProps } from "@acmekit/icons/dist/types"
+import React from "react"
+
+export const NavigationDropdownDocIcon = (props: IconProps) => {
+  return (
+    <svg
+      width={props.width || 20}
+      height={props.height || 20}
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <rect
+        width="20"
+        height="20"
+        className="fill-acmekit-fg-base dark:fill-acmekit-bg-base"
+      />
+      <g clipPath="url(#clip0_9988_95547)">
+        <path
+          d="M14.25 16H7.25C6.009 16 5 14.991 5 13.75C5 13.336 5.336 13 5.75 13C6.164 13 6.5 13.336 6.5 13.75C6.5 14.164 6.836 14.5 7.25 14.5H14.25C14.664 14.5 15 14.836 15 15.25C15 15.664 14.664 16 14.25 16Z"
+          className="fill-acmekit-fg-on-color"
+        />
+        <path
+          d="M12.75 4H7.25C6.009 4 5 5.009 5 6.25V13.75C5 14.164 5.336 14.5 5.75 14.5C6.164 14.5 6.5 14.164 6.5 13.75C6.5 13.336 6.836 13 7.25 13H14.25C14.664 13 15 12.664 15 12.25V6.25C15 5.009 13.991 4 12.75 4ZM11.25 9H8.75C8.336 9 8 8.664 8 8.25C8 7.836 8.336 7.5 8.75 7.5H11.25C11.664 7.5 12 7.836 12 8.25C12 8.664 11.664 9 11.25 9Z"
+          className="fill-acmekit-fg-on-color"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_9988_95547">
+          <rect
+            width="12"
+            height="12"
+            className="fill-acmekit-fg-on-color"
+            transform="translate(4 4)"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}

package/src/components/Icons/NavigationDropdown/DocV1/index.tsx

@@ -0,0 +1,37 @@
+import { IconProps } from "@acmekit/icons/dist/types"
+import React from "react"
+
+export const NavigationDropdownDocV1Icon = (props: IconProps) => {
+  return (
+    <svg
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <rect width="20" height="20" className="fill-acmekit-fg-subtle" />
+      <g clipPath="url(#clip0_10088_101562)">
+        <path
+          d="M8 4.02405C6.687 4.14505 5.646 5.18605 5.525 6.50005H4.75C4.336 6.50005 4 6.83605 4 7.25005C4 7.66405 4.336 8.00005 4.75 8.00005H5.5V9.25005H4.75C4.336 9.25005 4 9.58605 4 10C4 10.414 4.336 10.75 4.75 10.75H5.5V12H4.75C4.336 12 4 12.336 4 12.75C4 13.164 4.336 13.5 4.75 13.5H5.525C5.646 14.814 6.687 15.855 8 15.976V4.02405Z"
+          className="fill-acmekit-fg-on-color"
+        />
+        <path
+          d="M12.25 4H9.5V16H12.25C13.767 16 15 14.767 15 13.25V6.75C15 5.233 13.767 4 12.25 4Z"
+          className="fill-acmekit-fg-on-color"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_10088_101562">
+          <rect
+            width="12"
+            height="12"
+            className="fill-acmekit-fg-on-color"
+            transform="translate(4 4)"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}

package/src/components/Icons/NavigationDropdown/Modules/index.tsx

@@ -0,0 +1,33 @@
+import { IconProps } from "@acmekit/icons/dist/types"
+import React from "react"
+
+export const NavigationDropdownModulesIcon = (props: IconProps) => {
+  return (
+    <svg
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <rect width="20" height="20" className="fill-acmekit-tag-red-icon" />
+      <g clipPath="url(#clip0_10557_13175)">
+        <path
+          d="M14.6448 9.33333C14.8281 9.42539 15.0453 9.41516 15.2192 9.30815C15.3931 9.20034 15.4993 9.0107 15.4993 8.80611V7.43379C15.4993 6.24008 14.5291 5.26985 13.3354 5.26985H11.9387C11.9466 5.20454 11.9584 5.1408 11.9584 5.07313C11.9584 4.2052 11.2525 3.49936 10.3846 3.49936C9.51666 3.49936 8.81082 4.2052 8.81082 5.07313C8.81082 5.1408 8.82263 5.20454 8.8305 5.26985H7.43378C6.24007 5.26985 5.26984 6.24008 5.26984 7.43379V8.83051C5.20453 8.82185 5.14079 8.81084 5.07312 8.81084C4.20519 8.81084 3.49935 9.51667 3.49935 10.3846C3.49935 11.2525 4.20519 11.9584 5.07312 11.9584C5.14079 11.9584 5.20453 11.9466 5.26984 11.9387V13.3354C5.26984 14.5291 6.24007 15.4994 7.43378 15.4994H8.8061C9.01069 15.4994 9.20033 15.3931 9.30814 15.22C9.41515 15.0461 9.42538 14.8281 9.3341 14.6456C9.24833 14.4733 9.20427 14.2978 9.20427 14.1223C9.20427 13.4716 9.73384 12.942 10.3846 12.942C11.0353 12.942 11.5649 13.4716 11.5649 14.1223C11.5649 14.2962 11.5209 14.4725 11.4343 14.6464C11.343 14.8289 11.3533 15.0461 11.4611 15.22C11.5689 15.3939 11.7585 15.4994 11.9631 15.4994H13.3354C14.5291 15.4994 15.4993 14.5291 15.4993 13.3354V11.9631C15.4993 11.7585 15.3931 11.5689 15.2192 11.4611C15.0453 11.3533 14.8273 11.343 14.6448 11.4359C13.8367 11.8411 12.942 11.2116 12.942 10.3854C12.942 9.55916 13.8343 8.92965 14.6448 9.3349V9.33333Z"
+          className="fill-acmekit-fg-on-color"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_10557_13175">
+          <rect
+            width="12"
+            height="12"
+            className="fill-acmekit-fg-on-color"
+            transform="translate(3.5 3.5)"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}