@acmekit/docs-ui 2.13.41

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

@@ -0,0 +1,462 @@
+import React from "react"
+import { IconProps } from "@acmekit/icons/dist/types"
+
+export const AiAssistantIcon = (props: IconProps) => {
+  return (
+    <svg
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <g filter="url(#filter0_diii_10861_53192)">
+        <circle
+          cx="10.0001"
+          cy="9.00014"
+          r="7.11"
+          fill="url(#paint0_linear_10861_53192)"
+        />
+        <circle
+          cx="10.0001"
+          cy="9.00014"
+          r="7.11"
+          fill="url(#paint1_linear_10861_53192)"
+        />
+      </g>
+      <g
+        opacity="0.8"
+        filter="url(#filter1_f_10861_53192)"
+        style={{
+          mixBlendMode: "plus-lighter",
+        }}
+      >
+        <circle cx="10" cy="6.5" r="4" fill="url(#paint2_linear_10861_53192)" />
+        <circle
+          cx="10"
+          cy="6.5"
+          r="3.9"
+          stroke="url(#paint3_linear_10861_53192)"
+          strokeWidth="0.2"
+        />
+      </g>
+      <g
+        style={{
+          mixBlendMode: "plus-lighter",
+        }}
+        opacity="0.8"
+        filter="url(#filter2_f_10861_53192)"
+      >
+        <circle
+          cx="12.5"
+          cy="10"
+          r="4"
+          fill="url(#paint4_linear_10861_53192)"
+        />
+        <circle
+          cx="12.5"
+          cy="10"
+          r="3.9"
+          stroke="url(#paint5_linear_10861_53192)"
+          strokeWidth="0.2"
+        />
+      </g>
+      <g
+        style={{
+          mixBlendMode: "plus-lighter",
+        }}
+        opacity="0.8"
+        filter="url(#filter3_f_10861_53192)"
+      >
+        <circle
+          cx="4"
+          cy="4"
+          r="4"
+          transform="matrix(-1 0 0 1 11.5 4)"
+          fill="url(#paint6_linear_10861_53192)"
+        />
+        <circle
+          cx="4"
+          cy="4"
+          r="3.9"
+          transform="matrix(-1 0 0 1 11.5 4)"
+          stroke="url(#paint7_linear_10861_53192)"
+          strokeWidth="0.2"
+        />
+      </g>
+      <g
+        style={{
+          mixBlendMode: "plus-lighter",
+        }}
+        opacity="0.8"
+        filter="url(#filter4_f_10861_53192)"
+      >
+        <circle
+          cx="4"
+          cy="4"
+          r="4"
+          transform="matrix(0 -1 -1 0 14 13)"
+          fill="url(#paint8_linear_10861_53192)"
+        />
+        <circle
+          cx="4"
+          cy="4"
+          r="3.9"
+          transform="matrix(0 -1 -1 0 14 13)"
+          stroke="url(#paint9_linear_10861_53192)"
+          strokeWidth="0.2"
+        />
+      </g>
+      <g
+        style={{
+          mixBlendMode: "plus-lighter",
+        }}
+        opacity="0.8"
+        filter="url(#filter5_f_10861_53192)"
+      >
+        <circle
+          cx="4"
+          cy="4"
+          r="4"
+          transform="matrix(-1 0 0 1 14 7.5)"
+          fill="url(#paint10_linear_10861_53192)"
+        />
+        <circle
+          cx="4"
+          cy="4"
+          r="3.9"
+          transform="matrix(-1 0 0 1 14 7.5)"
+          stroke="url(#paint11_linear_10861_53192)"
+          strokeWidth="0.2"
+        />
+      </g>
+      <defs>
+        <filter
+          id="filter0_diii_10861_53192"
+          x="0.890137"
+          y="0.890137"
+          width="18.2202"
+          height="18.2202"
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB"
+        >
+          <feFlood floodOpacity="0" result="BackgroundImageFix" />
+          <feColorMatrix
+            in="SourceAlpha"
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset dy="1" />
+          <feGaussianBlur stdDeviation="1" />
+          <feComposite in2="hardAlpha" operator="out" />
+          <feColorMatrix
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"
+          />
+          <feBlend
+            mode="normal"
+            in2="BackgroundImageFix"
+            result="effect1_dropShadow_10861_53192"
+          />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="effect1_dropShadow_10861_53192"
+            result="shape"
+          />
+          <feColorMatrix
+            in="SourceAlpha"
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset dx="-0.25" dy="-0.25" />
+          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
+          <feColorMatrix
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
+          />
+          <feBlend
+            mode="normal"
+            in2="shape"
+            result="effect2_innerShadow_10861_53192"
+          />
+          <feColorMatrix
+            in="SourceAlpha"
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset dx="0.25" dy="0.25" />
+          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
+          <feColorMatrix
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0"
+          />
+          <feBlend
+            mode="normal"
+            in2="effect2_innerShadow_10861_53192"
+            result="effect3_innerShadow_10861_53192"
+          />
+          <feColorMatrix
+            in="SourceAlpha"
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset dx="1" dy="1" />
+          <feGaussianBlur stdDeviation="1" />
+          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
+          <feColorMatrix
+            type="matrix"
+            values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"
+          />
+          <feBlend
+            mode="normal"
+            in2="effect3_innerShadow_10861_53192"
+            result="effect4_innerShadow_10861_53192"
+          />
+        </filter>
+        <filter
+          id="filter1_f_10861_53192"
+          x="5.5"
+          y="2"
+          width="9"
+          height="9"
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB"
+        >
+          <feFlood floodOpacity="0" result="BackgroundImageFix" />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="BackgroundImageFix"
+            result="shape"
+          />
+          <feGaussianBlur
+            stdDeviation="0.25"
+            result="effect1_foregroundBlur_10861_53192"
+          />
+        </filter>
+        <filter
+          id="filter2_f_10861_53192"
+          x="8"
+          y="5.5"
+          width="9"
+          height="9"
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB"
+        >
+          <feFlood floodOpacity="0" result="BackgroundImageFix" />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="BackgroundImageFix"
+            result="shape"
+          />
+          <feGaussianBlur
+            stdDeviation="0.25"
+            result="effect1_foregroundBlur_10861_53192"
+          />
+        </filter>
+        <filter
+          id="filter3_f_10861_53192"
+          x="3"
+          y="3.5"
+          width="9"
+          height="9"
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB"
+        >
+          <feFlood floodOpacity="0" result="BackgroundImageFix" />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="BackgroundImageFix"
+            result="shape"
+          />
+          <feGaussianBlur
+            stdDeviation="0.25"
+            result="effect1_foregroundBlur_10861_53192"
+          />
+        </filter>
+        <filter
+          id="filter4_f_10861_53192"
+          x="5.5"
+          y="4.5"
+          width="9"
+          height="9"
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB"
+        >
+          <feFlood floodOpacity="0" result="BackgroundImageFix" />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="BackgroundImageFix"
+            result="shape"
+          />
+          <feGaussianBlur
+            stdDeviation="0.25"
+            result="effect1_foregroundBlur_10861_53192"
+          />
+        </filter>
+        <filter
+          id="filter5_f_10861_53192"
+          x="5.5"
+          y="7"
+          width="9"
+          height="9"
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB"
+        >
+          <feFlood floodOpacity="0" result="BackgroundImageFix" />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="BackgroundImageFix"
+            result="shape"
+          />
+          <feGaussianBlur
+            stdDeviation="0.25"
+            result="effect1_foregroundBlur_10861_53192"
+          />
+        </filter>
+        <linearGradient
+          id="paint0_linear_10861_53192"
+          x1="10.0001"
+          y1="1.89014"
+          x2="10.0001"
+          y2="16.1101"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.2" stopColor="#C686FF" />
+          <stop offset="0.8" stopColor="#8D99FF" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_10861_53192"
+          x1="5.61532"
+          y1="8.96797"
+          x2="13.9628"
+          y2="12.0585"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#FF6778" stopOpacity="0.8" />
+          <stop offset="1" stopColor="white" stopOpacity="0.1" />
+        </linearGradient>
+        <linearGradient
+          id="paint2_linear_10861_53192"
+          x1="10"
+          y1="6.5"
+          x2="14"
+          y2="6.5"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#8D99FF" stopOpacity="0.1" />
+          <stop offset="1" stopColor="white" stopOpacity="0.3" />
+        </linearGradient>
+        <linearGradient
+          id="paint3_linear_10861_53192"
+          x1="14"
+          y1="6.5"
+          x2="10"
+          y2="6.5"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="white" />
+          <stop offset="1" stopColor="white" stopOpacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="paint4_linear_10861_53192"
+          x1="12.5"
+          y1="10"
+          x2="16.5"
+          y2="10"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#8D99FF" stopOpacity="0.1" />
+          <stop offset="1" stopColor="white" stopOpacity="0.3" />
+        </linearGradient>
+        <linearGradient
+          id="paint5_linear_10861_53192"
+          x1="16.5"
+          y1="10"
+          x2="12.5"
+          y2="10"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#8D99FF" />
+          <stop offset="1" stopColor="#8D99FF" stopOpacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="paint6_linear_10861_53192"
+          x1="4"
+          y1="4"
+          x2="8"
+          y2="4"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#8D99FF" stopOpacity="0.1" />
+          <stop offset="1" stopColor="white" stopOpacity="0.3" />
+        </linearGradient>
+        <linearGradient
+          id="paint7_linear_10861_53192"
+          x1="8"
+          y1="4"
+          x2="4"
+          y2="4"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#8D99FF" />
+          <stop offset="1" stopColor="#8D99FF" stopOpacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="paint8_linear_10861_53192"
+          x1="4"
+          y1="4"
+          x2="8"
+          y2="4"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#8D99FF" stopOpacity="0.1" />
+          <stop offset="1" stopColor="white" stopOpacity="0.3" />
+        </linearGradient>
+        <linearGradient
+          id="paint9_linear_10861_53192"
+          x1="8"
+          y1="4"
+          x2="4"
+          y2="4"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#8D99FF" />
+          <stop offset="1" stopColor="#8D99FF" stopOpacity="0" />
+        </linearGradient>
+        <linearGradient
+          id="paint10_linear_10861_53192"
+          x1="4"
+          y1="4"
+          x2="8"
+          y2="4"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#8D99FF" stopOpacity="0.1" />
+          <stop offset="1" stopColor="white" stopOpacity="0.3" />
+        </linearGradient>
+        <linearGradient
+          id="paint11_linear_10861_53192"
+          x1="8"
+          y1="4"
+          x2="4"
+          y2="4"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="white" />
+          <stop offset="1" stopColor="white" stopOpacity="0" />
+        </linearGradient>
+      </defs>
+    </svg>
+  )
+}

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

@@ -0,0 +1,30 @@
+import React from "react"
+import { IconProps } from "@acmekit/icons/dist/types"
+
+export const ArrowRightDownIcon = (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="M8.66671 13.5558L8.66671 4.22242C8.66671 3.2402 7.87115 2.44464 6.88893 2.44464L3.33337 2.44464"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M4.88892 9.77802L8.66669 13.5558L12.4445 9.77802"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  )
+}

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

@@ -0,0 +1,72 @@
+import React from "react"
+import { IconProps } from "@acmekit/icons/dist/types"
+
+export const BundledProductIcon = (props: IconProps) => {
+  return (
+    <svg
+      width="32"
+      height="32"
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        opacity="0.3"
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.88892 6.66664V25.3333C4.88892 27.297 6.48079 28.8889 8.44447 28.8889H23.5556C25.5193 28.8889 27.1111 27.297 27.1111 25.3333V6.66664C27.1111 4.70296 25.5193 3.11108 23.5556 3.11108H8.44447C6.48079 3.11108 4.88892 4.70296 4.88892 6.66664ZM12.8889 8.44442C11.1716 8.44442 9.7778 9.83642 9.7778 11.5555C9.7778 13.2746 11.1716 14.6666 12.8889 14.6666H16H19.1111C20.8285 14.6666 22.2222 13.2746 22.2222 11.5555C22.2222 9.83642 20.8285 8.44442 19.1111 8.44442C17.3938 8.44442 16 9.83642 16 11.5555C16 9.83642 14.6062 8.44442 12.8889 8.44442Z"
+        fill="currentColor"
+      />
+      <path
+        d="M16 3.11108V28.8889"
+        stroke="currentColor"
+        strokeWidth="2.66667"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M4.88892 14.6667H27.1111"
+        stroke="currentColor"
+        strokeWidth="2.66667"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M16 14.6667L21.76 20.4267"
+        stroke="currentColor"
+        strokeWidth="2.66667"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M12.8888 8.44458C11.1715 8.44458 9.77771 9.83658 9.77771 11.5557C9.77771 13.2748 11.1715 14.6668 12.8888 14.6668H15.9999V11.5557C15.9999 9.83658 14.6062 8.44458 12.8888 8.44458Z"
+        stroke="currentColor"
+        strokeWidth="2.66667"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M16 14.6667L10.24 20.4267"
+        stroke="currentColor"
+        strokeWidth="2.66667"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M19.1111 8.44458C20.8284 8.44458 22.2222 9.83658 22.2222 11.5557C22.2222 13.2748 20.8284 14.6668 19.1111 14.6668H16V11.5557C16 9.83658 17.3938 8.44458 19.1111 8.44458Z"
+        stroke="currentColor"
+        strokeWidth="2.66667"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M4.88892 6.66664V25.3333C4.88892 27.297 6.48079 28.8889 8.44447 28.8889H23.5556C25.5193 28.8889 27.1111 27.297 27.1111 25.3333V6.66664C27.1111 4.70296 25.5193 3.11108 23.5556 3.11108H8.44447C6.48079 3.11108 4.88892 4.70296 4.88892 6.66664Z"
+        stroke="currentColor"
+        strokeWidth="2.66667"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  )
+}

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

@@ -0,0 +1,70 @@
+import React from "react"
+import { IconProps } from "@acmekit/icons/dist/types"
+
+export const CalendarRefreshIcon = (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_55295)">
+        <path
+          opacity="0.3"
+          d="M3.99829 8.44374C3.99829 6.48006 5.59017 4.88818 7.55385 4.88818H24.4427C26.4065 4.88818 27.9983 6.48006 27.9983 8.44374V11.1104H3.99829V8.44374Z"
+          fill="currentColor"
+        />
+        <path
+          d="M10.2209 4.88808V1.33252"
+          stroke="currentColor"
+          strokeWidth="2.66667"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M21.7756 4.88808V1.33252"
+          stroke="currentColor"
+          strokeWidth="2.66667"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M3.99829 11.1099H27.9983"
+          stroke="currentColor"
+          strokeWidth="2.66667"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M25.3313 23.5543H29.7757V19.1099"
+          stroke="currentColor"
+          strokeWidth="2.66667"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M27.9983 15.0624V8.44374C27.9983 6.48107 26.4072 4.88818 24.4427 4.88818H7.55385C5.5894 4.88818 3.99829 6.48107 3.99829 8.44374V23.5548C3.99829 25.5175 5.5894 27.1104 7.55385 27.1104H15.8507"
+          stroke="currentColor"
+          strokeWidth="2.66667"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M28.4427 28.2431C27.5521 29.1871 26.2881 29.7773 24.8872 29.7773C22.1867 29.7773 19.9983 27.5888 19.9983 24.8884C19.9983 22.188 22.1867 19.9995 24.8872 19.9995C26.9601 19.9995 28.7307 21.2902 29.4436 23.1106"
+          stroke="currentColor"
+          strokeWidth="2.66667"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_10681_55295">
+          <rect width="32" height="32" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}