@skunkworksai/ui-kit 0.1.18

package/dist/assets/Service-applets-apps/index.ts

@@ -0,0 +1,13 @@
+export { default as AudienceMeasurementImg } from "./audience-measurement.png"
+export { default as CoatroAppImg } from "./coatro-app.png"
+export { default as ContentEffectivenessImg } from "./content-effectiveness.png"
+export { default as HopTrackingImg } from "./hop-tracking.png"
+export { default as JourneysAppImg } from "./journeys-app.png"
+export { default as PeopleCountingImg } from "./people-counting.png"
+export { default as PetraImg } from "./petra.png"
+export { default as SamGenericImg } from "./sam-generic.png"
+export { default as SamiForEnvironmentImg } from "./sami-for-environment.png"
+export { default as ShelfEngagementImg } from "./shelf-engagement.png"
+export { default as TrafficManagementImg } from "./traffic-management.png"
+export { default as VianaAppImg } from "./viana.png"
+export { default as ZoneEngagementImg } from "./zone-engagement.png"

package/dist/assets/icons/Dashboard-active.svg

@@ -0,0 +1,29 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="21" y="5" width="14" height="18" rx="1" transform="rotate(90 21 5)" fill="url(#paint0_linear_8260_14620)"/>
+<path d="M13 16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16V15C11 14.4477 11.4477 14 12 14C12.5523 14 13 14.4477 13 15V16Z" fill="url(#paint1_linear_8260_14620)"/>
+<path d="M16 16C16 16.5523 15.5523 17 15 17C14.4477 17 14 16.5523 14 16V13C14 12.4477 14.4477 12 15 12C15.5523 12 16 12.4477 16 13V16Z" fill="url(#paint2_linear_8260_14620)"/>
+<path d="M19 16C19 16.5523 18.5523 17 18 17C17.4477 17 17 16.5523 17 16L17 11C17 10.4477 17.4477 10 18 10C18.5523 10 19 10.4477 19 11L19 16Z" fill="url(#paint3_linear_8260_14620)"/>
+<path d="M8 7V10H11C11 11.6569 9.65685 13 8 13C6.34315 13 5 11.6569 5 10C5 8.34315 6.34315 7 8 7Z" fill="url(#paint4_linear_8260_14620)"/>
+<defs>
+<linearGradient id="paint0_linear_8260_14620" x1="20.3" y1="21" x2="37.4492" y2="14.9978" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#E3ECFB"/>
+</linearGradient>
+<linearGradient id="paint1_linear_8260_14620" x1="8" y1="7" x2="21.8235" y2="13.0721" gradientUnits="userSpaceOnUse">
+<stop stop-color="#60A5FA"/>
+<stop offset="1" stop-color="#4345E0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_8260_14620" x1="8" y1="7" x2="21.8235" y2="13.0721" gradientUnits="userSpaceOnUse">
+<stop stop-color="#60A5FA"/>
+<stop offset="1" stop-color="#4345E0"/>
+</linearGradient>
+<linearGradient id="paint3_linear_8260_14620" x1="8" y1="7" x2="21.8235" y2="13.0721" gradientUnits="userSpaceOnUse">
+<stop stop-color="#60A5FA"/>
+<stop offset="1" stop-color="#4345E0"/>
+</linearGradient>
+<linearGradient id="paint4_linear_8260_14620" x1="8" y1="7" x2="21.8235" y2="13.0721" gradientUnits="userSpaceOnUse">
+<stop stop-color="#60A5FA"/>
+<stop offset="1" stop-color="#4345E0"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/assets/icons/Dashboard.svg

@@ -0,0 +1,25 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="21" y="5" width="14" height="18" rx="1" transform="rotate(90 21 5)" fill="url(#paint0_linear_8260_14597)" fill-opacity="0.6"/>
+<rect x="13" y="17" width="2" height="3" rx="1" transform="rotate(-180 13 17)" fill="url(#paint1_linear_8260_14597)"/>
+<rect x="16" y="17" width="2" height="5" rx="1" transform="rotate(-180 16 17)" fill="url(#paint2_linear_8260_14597)"/>
+<rect x="19" y="17" width="2" height="7" rx="1" transform="rotate(-180 19 17)" fill="url(#paint3_linear_8260_14597)"/>
+<path d="M8 10H11C11 11.6569 9.65685 13 8 13C6.34315 13 5 11.6569 5 10C5 8.34315 6.34315 7 8 7V10Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_8260_14597" x1="20.6316" y1="14" x2="39.9781" y2="11.8958" gradientUnits="userSpaceOnUse">
+<stop stop-color="#50A5FF" stop-opacity="0.5"/>
+<stop offset="1" stop-color="#50A5FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_8260_14597" x1="13" y1="19.8125" x2="13.3008" y2="17.0054" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#E3ECFB"/>
+</linearGradient>
+<linearGradient id="paint2_linear_8260_14597" x1="16" y1="21.6875" x2="16.8189" y2="17.1016" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#E3ECFB"/>
+</linearGradient>
+<linearGradient id="paint3_linear_8260_14597" x1="19" y1="23.5625" x2="20.5588" y2="17.3272" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#E3ECFB"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/assets/icons/DashboardActiveIcon.tsx

@@ -0,0 +1,35 @@
+import type { SVGProps } from "react"
+
+export function DashboardActiveIcon({ width = 24, height = 24, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg width={width} height={height} viewBox="0 0 24 24" fill="none" {...props}>
+      <rect x="21" y="5" width="14" height="18" rx="1" transform="rotate(90 21 5)" fill="url(#paint0_linear_8260_14620)"/>
+      <path d="M13 16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16V15C11 14.4477 11.4477 14 12 14C12.5523 14 13 14.4477 13 15V16Z" fill="url(#paint1_linear_8260_14620)"/>
+      <path d="M16 16C16 16.5523 15.5523 17 15 17C14.4477 17 14 16.5523 14 16V13C14 12.4477 14.4477 12 15 12C15.5523 12 16 12.4477 16 13V16Z" fill="url(#paint2_linear_8260_14620)"/>
+      <path d="M19 16C19 16.5523 18.5523 17 18 17C17.4477 17 17 16.5523 17 16L17 11C17 10.4477 17.4477 10 18 10C18.5523 10 19 10.4477 19 11L19 16Z" fill="url(#paint3_linear_8260_14620)"/>
+      <path d="M8 7V10H11C11 11.6569 9.65685 13 8 13C6.34315 13 5 11.6569 5 10C5 8.34315 6.34315 7 8 7Z" fill="url(#paint4_linear_8260_14620)"/>
+      <defs>
+        <linearGradient id="paint0_linear_8260_14620" x1="20.3" y1="21" x2="37.4492" y2="14.9978" gradientUnits="userSpaceOnUse">
+          <stop stopColor="white"/>
+          <stop offset="1" stopColor="#E3ECFB"/>
+        </linearGradient>
+        <linearGradient id="paint1_linear_8260_14620" x1="8" y1="7" x2="21.8235" y2="13.0721" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#60A5FA"/>
+          <stop offset="1" stopColor="#4345E0"/>
+        </linearGradient>
+        <linearGradient id="paint2_linear_8260_14620" x1="8" y1="7" x2="21.8235" y2="13.0721" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#60A5FA"/>
+          <stop offset="1" stopColor="#4345E0"/>
+        </linearGradient>
+        <linearGradient id="paint3_linear_8260_14620" x1="8" y1="7" x2="21.8235" y2="13.0721" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#60A5FA"/>
+          <stop offset="1" stopColor="#4345E0"/>
+        </linearGradient>
+        <linearGradient id="paint4_linear_8260_14620" x1="8" y1="7" x2="21.8235" y2="13.0721" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#60A5FA"/>
+          <stop offset="1" stopColor="#4345E0"/>
+        </linearGradient>
+      </defs>
+    </svg>
+  )
+}

package/dist/assets/icons/DashboardIcon.tsx

@@ -0,0 +1,31 @@
+import type { SVGProps } from "react"
+
+export function DashboardIcon({ width = 24, height = 24, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg width={width} height={height} viewBox="0 0 24 24" fill="none" {...props}>
+      <rect x="21" y="5" width="14" height="18" rx="1" transform="rotate(90 21 5)" fill="url(#paint0_linear_8260_14597)" fillOpacity="0.6"/>
+      <rect x="13" y="17" width="2" height="3" rx="1" transform="rotate(-180 13 17)" fill="url(#paint1_linear_8260_14597)"/>
+      <rect x="16" y="17" width="2" height="5" rx="1" transform="rotate(-180 16 17)" fill="url(#paint2_linear_8260_14597)"/>
+      <rect x="19" y="17" width="2" height="7" rx="1" transform="rotate(-180 19 17)" fill="url(#paint3_linear_8260_14597)"/>
+      <path d="M8 10H11C11 11.6569 9.65685 13 8 13C6.34315 13 5 11.6569 5 10C5 8.34315 6.34315 7 8 7V10Z" fill="white"/>
+      <defs>
+        <linearGradient id="paint0_linear_8260_14597" x1="20.6316" y1="14" x2="39.9781" y2="11.8958" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#50A5FF" stopOpacity="0.5"/>
+          <stop offset="1" stopColor="#50A5FF"/>
+        </linearGradient>
+        <linearGradient id="paint1_linear_8260_14597" x1="13" y1="19.8125" x2="13.3008" y2="17.0054" gradientUnits="userSpaceOnUse">
+          <stop stopColor="white"/>
+          <stop offset="1" stopColor="#E3ECFB"/>
+        </linearGradient>
+        <linearGradient id="paint2_linear_8260_14597" x1="16" y1="21.6875" x2="16.8189" y2="17.1016" gradientUnits="userSpaceOnUse">
+          <stop stopColor="white"/>
+          <stop offset="1" stopColor="#E3ECFB"/>
+        </linearGradient>
+        <linearGradient id="paint3_linear_8260_14597" x1="19" y1="23.5625" x2="20.5588" y2="17.3272" gradientUnits="userSpaceOnUse">
+          <stop stopColor="white"/>
+          <stop offset="1" stopColor="#E3ECFB"/>
+        </linearGradient>
+      </defs>
+    </svg>
+  )
+}

package/dist/assets/icons/Devices-active.svg

@@ -0,0 +1,27 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15 8.5C14.3629 8.5 13.7815 8.73799 13.3396 9.13092C13.1332 9.31442 12.8224 9.36334 12.6018 9.19724C12.3812 9.03114 12.3348 8.71458 12.5305 8.51976C13.163 7.89009 14.036 7.5 15 7.5C15.964 7.5 16.8369 7.89009 17.4694 8.51976C17.6651 8.71458 17.6187 9.03114 17.3981 9.19724C17.1775 9.36334 16.8667 9.31442 16.6604 9.13092C16.2185 8.73799 15.6371 8.5 15 8.5Z" fill="#3474D5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.9999 5.5C13.3789 5.5 11.9216 6.20089 10.9144 7.31771C10.7295 7.52277 10.4177 7.56933 10.1968 7.40365C9.97584 7.23798 9.92968 6.92311 10.1118 6.71552C11.3025 5.35813 13.0511 4.5 14.9999 4.5C16.9488 4.5 18.6974 5.35813 19.8881 6.71552C20.0702 6.92311 20.024 7.23798 19.8031 7.40365C19.5822 7.56933 19.2704 7.52277 19.0855 7.31771C18.0783 6.20089 16.621 5.5 14.9999 5.5Z" fill="#5E96E9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15 2.5C12.3991 2.5 10.071 3.66773 8.51116 5.50926C8.33268 5.71997 8.02034 5.76559 7.79955 5.59973C7.57876 5.43388 7.53325 5.11949 7.71044 4.90769C9.45242 2.82558 12.0715 1.5 15 1.5C17.9285 1.5 20.5476 2.82558 22.2896 4.90769C22.4668 5.11949 22.4213 5.43388 22.2005 5.59973C21.9797 5.76559 21.6673 5.71997 21.4889 5.50926C19.929 3.66773 17.6009 2.5 15 2.5Z" fill="#92BEFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15 10.9453C14.4477 10.9453 14 11.393 14 11.9453H4C3.44772 11.9453 3 12.393 3 12.9453V20.9453C3 21.4976 3.44772 21.9453 4 21.9453H18C18.5523 21.9453 19 21.4976 19 20.9453V12.9453C19 12.393 18.5523 11.9453 18 11.9453H16C16 11.393 15.5523 10.9453 15 10.9453ZM7 18.9453C8.10457 18.9453 9 18.0499 9 16.9453C9 15.8407 8.10457 14.9453 7 14.9453C5.89543 14.9453 5 15.8407 5 16.9453C5 18.0499 5.89543 18.9453 7 18.9453ZM12 15.9453C12 15.393 12.4477 14.9453 13 14.9453C13.5523 14.9453 14 15.393 14 15.9453V17.9453C14 18.4976 13.5523 18.9453 13 18.9453C12.4477 18.9453 12 18.4976 12 17.9453V15.9453ZM16 14.9453C15.4477 14.9453 15 15.393 15 15.9453V17.9453C15 18.4976 15.4477 18.9453 16 18.9453C16.5523 18.9453 17 18.4976 17 17.9453V15.9453C17 15.393 16.5523 14.9453 16 14.9453Z" fill="url(#paint0_linear_8260_14571)"/>
+<circle cx="7" cy="16.9453" r="2" fill="url(#paint1_linear_8260_14571)"/>
+<rect x="12" y="14.9453" width="2" height="4" rx="1" fill="url(#paint2_linear_8260_14571)"/>
+<rect x="15" y="14.9453" width="2" height="4" rx="1" fill="url(#paint3_linear_8260_14571)"/>
+<defs>
+<linearGradient id="paint0_linear_8260_14571" x1="11" y1="10.9453" x2="11" y2="21.9453" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#E3ECFB"/>
+</linearGradient>
+<linearGradient id="paint1_linear_8260_14571" x1="7" y1="14.9453" x2="7" y2="18.9453" gradientUnits="userSpaceOnUse">
+<stop stop-color="#60A5FA"/>
+<stop offset="1" stop-color="#4345E0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_8260_14571" x1="13" y1="14.9453" x2="13" y2="18.9453" gradientUnits="userSpaceOnUse">
+<stop stop-color="#60A5FA"/>
+<stop offset="1" stop-color="#4345E0"/>
+</linearGradient>
+<linearGradient id="paint3_linear_8260_14571" x1="16" y1="14.9453" x2="16" y2="18.9453" gradientUnits="userSpaceOnUse">
+<stop stop-color="#60A5FA"/>
+<stop offset="1" stop-color="#4345E0"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/assets/icons/Devices.svg

@@ -0,0 +1,20 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 12.9453C3 12.393 3.44772 11.9453 4 11.9453H18C18.5523 11.9453 19 12.393 19 12.9453V20.9453C19 21.4976 18.5523 21.9453 18 21.9453H4C3.44772 21.9453 3 21.4976 3 20.9453V12.9453Z" fill="url(#paint0_linear_8260_14570)" fill-opacity="0.6"/>
+<path d="M14 11.9453C14 11.393 14.4477 10.9453 15 10.9453C15.5523 10.9453 16 11.393 16 11.9453H14Z" fill="url(#paint1_linear_8260_14570)" fill-opacity="0.6"/>
+<circle cx="7" cy="16.9453" r="2" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15 8.5C14.3629 8.5 13.7815 8.73799 13.3396 9.13092C13.1332 9.31442 12.8224 9.36334 12.6018 9.19724C12.3812 9.03114 12.3348 8.71458 12.5305 8.51976C13.163 7.89009 14.036 7.5 15 7.5C15.964 7.5 16.8369 7.89009 17.4694 8.51976C17.6651 8.71458 17.6187 9.03114 17.3981 9.19724C17.1775 9.36334 16.8667 9.31442 16.6604 9.13092C16.2185 8.73799 15.6371 8.5 15 8.5Z" fill="#50A5FF" fill-opacity="0.2"/>
+<path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M14.9999 5.5C13.3789 5.5 11.9216 6.20089 10.9144 7.31771C10.7295 7.52277 10.4177 7.56933 10.1968 7.40365C9.97584 7.23798 9.92968 6.92311 10.1118 6.71552C11.3025 5.35813 13.0511 4.5 14.9999 4.5C16.9488 4.5 18.6974 5.35813 19.8881 6.71552C20.0702 6.92311 20.024 7.23798 19.8031 7.40365C19.5822 7.56933 19.2704 7.52277 19.0855 7.31771C18.0783 6.20089 16.621 5.5 14.9999 5.5Z" fill="#50A5FF" fill-opacity="0.4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15 2.5C12.3991 2.5 10.071 3.66773 8.51116 5.50926C8.33268 5.71997 8.02034 5.76559 7.79955 5.59973C7.57876 5.43388 7.53325 5.11949 7.71044 4.90769C9.45242 2.82558 12.0715 1.5 15 1.5C17.9285 1.5 20.5476 2.82558 22.2896 4.90769C22.4668 5.11949 22.4213 5.43388 22.2005 5.59973C21.9797 5.76559 21.6673 5.71997 21.4889 5.50926C19.929 3.66773 17.6009 2.5 15 2.5Z" fill="#50A5FF" fill-opacity="0.6"/>
+<rect x="12" y="14.9453" width="2" height="4" rx="1" fill="white"/>
+<rect x="15" y="14.9453" width="2" height="4" rx="1" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_8260_14570" x1="11" y1="10.9453" x2="11" y2="21.9453" gradientUnits="userSpaceOnUse">
+<stop stop-color="#50A5FF" stop-opacity="0.5"/>
+<stop offset="1" stop-color="#50A5FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_8260_14570" x1="11" y1="10.9453" x2="11" y2="21.9453" gradientUnits="userSpaceOnUse">
+<stop stop-color="#50A5FF" stop-opacity="0.5"/>
+<stop offset="1" stop-color="#50A5FF"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/assets/icons/DevicesActiveIcon.tsx

@@ -0,0 +1,33 @@
+import type { SVGProps } from "react"
+
+export function DevicesActiveIcon({ width = 24, height = 24, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg width={width} height={height} viewBox="0 0 24 24" fill="none" {...props}>
+      <path fillRule="evenodd" clipRule="evenodd" d="M15 8.5C14.3629 8.5 13.7815 8.73799 13.3396 9.13092C13.1332 9.31442 12.8224 9.36334 12.6018 9.19724C12.3812 9.03114 12.3348 8.71458 12.5305 8.51976C13.163 7.89009 14.036 7.5 15 7.5C15.964 7.5 16.8369 7.89009 17.4694 8.51976C17.6651 8.71458 17.6187 9.03114 17.3981 9.19724C17.1775 9.36334 16.8667 9.31442 16.6604 9.13092C16.2185 8.73799 15.6371 8.5 15 8.5Z" fill="#3474D5"/>
+      <path fillRule="evenodd" clipRule="evenodd" d="M14.9999 5.5C13.3789 5.5 11.9216 6.20089 10.9144 7.31771C10.7295 7.52277 10.4177 7.56933 10.1968 7.40365C9.97584 7.23798 9.92968 6.92311 10.1118 6.71552C11.3025 5.35813 13.0511 4.5 14.9999 4.5C16.9488 4.5 18.6974 5.35813 19.8881 6.71552C20.0702 6.92311 20.024 7.23798 19.8031 7.40365C19.5822 7.56933 19.2704 7.52277 19.0855 7.31771C18.0783 6.20089 16.621 5.5 14.9999 5.5Z" fill="#5E96E9"/>
+      <path fillRule="evenodd" clipRule="evenodd" d="M15 2.5C12.3991 2.5 10.071 3.66773 8.51116 5.50926C8.33268 5.71997 8.02034 5.76559 7.79955 5.59973C7.57876 5.43388 7.53325 5.11949 7.71044 4.90769C9.45242 2.82558 12.0715 1.5 15 1.5C17.9285 1.5 20.5476 2.82558 22.2896 4.90769C22.4668 5.11949 22.4213 5.43388 22.2005 5.59973C21.9797 5.76559 21.6673 5.71997 21.4889 5.50926C19.929 3.66773 17.6009 2.5 15 2.5Z" fill="#92BEFF"/>
+      <path fillRule="evenodd" clipRule="evenodd" d="M15 10.9453C14.4477 10.9453 14 11.393 14 11.9453H4C3.44772 11.9453 3 12.393 3 12.9453V20.9453C3 21.4976 3.44772 21.9453 4 21.9453H18C18.5523 21.9453 19 21.4976 19 20.9453V12.9453C19 12.393 18.5523 11.9453 18 11.9453H16C16 11.393 15.5523 10.9453 15 10.9453ZM7 18.9453C8.10457 18.9453 9 18.0499 9 16.9453C9 15.8407 8.10457 14.9453 7 14.9453C5.89543 14.9453 5 15.8407 5 16.9453C5 18.0499 5.89543 18.9453 7 18.9453ZM12 15.9453C12 15.393 12.4477 14.9453 13 14.9453C13.5523 14.9453 14 15.393 14 15.9453V17.9453C14 18.4976 13.5523 18.9453 13 18.9453C12.4477 18.9453 12 18.4976 12 17.9453V15.9453ZM16 14.9453C15.4477 14.9453 15 15.393 15 15.9453V17.9453C15 18.4976 15.4477 18.9453 16 18.9453C16.5523 18.9453 17 18.4976 17 17.9453V15.9453C17 15.393 16.5523 14.9453 16 14.9453Z" fill="url(#paint0_linear_8260_14571)"/>
+      <circle cx="7" cy="16.9453" r="2" fill="url(#paint1_linear_8260_14571)"/>
+      <rect x="12" y="14.9453" width="2" height="4" rx="1" fill="url(#paint2_linear_8260_14571)"/>
+      <rect x="15" y="14.9453" width="2" height="4" rx="1" fill="url(#paint3_linear_8260_14571)"/>
+      <defs>
+        <linearGradient id="paint0_linear_8260_14571" x1="11" y1="10.9453" x2="11" y2="21.9453" gradientUnits="userSpaceOnUse">
+          <stop stopColor="white"/>
+          <stop offset="1" stopColor="#E3ECFB"/>
+        </linearGradient>
+        <linearGradient id="paint1_linear_8260_14571" x1="7" y1="14.9453" x2="7" y2="18.9453" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#60A5FA"/>
+          <stop offset="1" stopColor="#4345E0"/>
+        </linearGradient>
+        <linearGradient id="paint2_linear_8260_14571" x1="13" y1="14.9453" x2="13" y2="18.9453" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#60A5FA"/>
+          <stop offset="1" stopColor="#4345E0"/>
+        </linearGradient>
+        <linearGradient id="paint3_linear_8260_14571" x1="16" y1="14.9453" x2="16" y2="18.9453" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#60A5FA"/>
+          <stop offset="1" stopColor="#4345E0"/>
+        </linearGradient>
+      </defs>
+    </svg>
+  )
+}

package/dist/assets/icons/DevicesIcon.tsx

@@ -0,0 +1,26 @@
+import type { SVGProps } from "react"
+
+export function DevicesIcon({ width = 24, height = 24, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg width={width} height={height} viewBox="0 0 24 24" fill="none" {...props}>
+      <path d="M3 12.9453C3 12.393 3.44772 11.9453 4 11.9453H18C18.5523 11.9453 19 12.393 19 12.9453V20.9453C19 21.4976 18.5523 21.9453 18 21.9453H4C3.44772 21.9453 3 21.4976 3 20.9453V12.9453Z" fill="url(#paint0_linear_8260_14570)" fillOpacity="0.6"/>
+      <path d="M14 11.9453C14 11.393 14.4477 10.9453 15 10.9453C15.5523 10.9453 16 11.393 16 11.9453H14Z" fill="url(#paint1_linear_8260_14570)" fillOpacity="0.6"/>
+      <circle cx="7" cy="16.9453" r="2" fill="white"/>
+      <path fillRule="evenodd" clipRule="evenodd" d="M15 8.5C14.3629 8.5 13.7815 8.73799 13.3396 9.13092C13.1332 9.31442 12.8224 9.36334 12.6018 9.19724C12.3812 9.03114 12.3348 8.71458 12.5305 8.51976C13.163 7.89009 14.036 7.5 15 7.5C15.964 7.5 16.8369 7.89009 17.4694 8.51976C17.6651 8.71458 17.6187 9.03114 17.3981 9.19724C17.1775 9.36334 16.8667 9.31442 16.6604 9.13092C16.2185 8.73799 15.6371 8.5 15 8.5Z" fill="#50A5FF" fillOpacity="0.2"/>
+      <path opacity="0.9" fillRule="evenodd" clipRule="evenodd" d="M14.9999 5.5C13.3789 5.5 11.9216 6.20089 10.9144 7.31771C10.7295 7.52277 10.4177 7.56933 10.1968 7.40365C9.97584 7.23798 9.92968 6.92311 10.1118 6.71552C11.3025 5.35813 13.0511 4.5 14.9999 4.5C16.9488 4.5 18.6974 5.35813 19.8881 6.71552C20.0702 6.92311 20.024 7.23798 19.8031 7.40365C19.5822 7.56933 19.2704 7.52277 19.0855 7.31771C18.0783 6.20089 16.621 5.5 14.9999 5.5Z" fill="#50A5FF" fillOpacity="0.4"/>
+      <path fillRule="evenodd" clipRule="evenodd" d="M15 2.5C12.3991 2.5 10.071 3.66773 8.51116 5.50926C8.33268 5.71997 8.02034 5.76559 7.79955 5.59973C7.57876 5.43388 7.53325 5.11949 7.71044 4.90769C9.45242 2.82558 12.0715 1.5 15 1.5C17.9285 1.5 20.5476 2.82558 22.2896 4.90769C22.4668 5.11949 22.4213 5.43388 22.2005 5.59973C21.9797 5.76559 21.6673 5.71997 21.4889 5.50926C19.929 3.66773 17.6009 2.5 15 2.5Z" fill="#50A5FF" fillOpacity="0.6"/>
+      <rect x="12" y="14.9453" width="2" height="4" rx="1" fill="white"/>
+      <rect x="15" y="14.9453" width="2" height="4" rx="1" fill="white"/>
+      <defs>
+        <linearGradient id="paint0_linear_8260_14570" x1="11" y1="10.9453" x2="11" y2="21.9453" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#50A5FF" stopOpacity="0.5"/>
+          <stop offset="1" stopColor="#50A5FF"/>
+        </linearGradient>
+        <linearGradient id="paint1_linear_8260_14570" x1="11" y1="10.9453" x2="11" y2="21.9453" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#50A5FF" stopOpacity="0.5"/>
+          <stop offset="1" stopColor="#50A5FF"/>
+        </linearGradient>
+      </defs>
+    </svg>
+  )
+}

package/dist/assets/icons/Installer-active.svg

@@ -0,0 +1,29 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19 11.9453C19.5523 11.9453 20 12.393 20 12.9453V20.9453C20 21.4976 19.5523 21.9453 19 21.9453H5C4.44772 21.9453 4 21.4976 4 20.9453V12.9453C4 12.393 4.44772 11.9453 5 11.9453H8.94531L12 15L15.0547 11.9453H19Z" fill="url(#paint0_linear_8261_14844)"/>
+<path d="M10 16.9453C10 18.0499 9.10457 18.9453 8 18.9453C6.89543 18.9453 6 18.0499 6 16.9453C6 15.8407 6.89543 14.9453 8 14.9453C9.10457 14.9453 10 15.8407 10 16.9453Z" fill="url(#paint1_linear_8261_14844)"/>
+<path d="M13 15.9453C13 15.393 13.4477 14.9453 14 14.9453C14.5523 14.9453 15 15.393 15 15.9453V17.9453C15 18.4976 14.5523 18.9453 14 18.9453C13.4477 18.9453 13 18.4976 13 17.9453V15.9453Z" fill="url(#paint2_linear_8261_14844)"/>
+<path d="M16 15.9453C16 15.393 16.4477 14.9453 17 14.9453C17.5523 14.9453 18 15.393 18 15.9453V17.9453C18 18.4976 17.5523 18.9453 17 18.9453C16.4477 18.9453 16 18.4976 16 17.9453V15.9453Z" fill="url(#paint3_linear_8261_14844)"/>
+<path d="M10.5 2C10.2239 2 10 2.22386 10 2.5V8H7L12 13L17 8H14V2.5C14 2.22386 13.7761 2 13.5 2H10.5Z" fill="url(#paint4_linear_8261_14844)"/>
+<defs>
+<linearGradient id="paint0_linear_8261_14844" x1="3.2" y1="20.8342" x2="17.6889" y2="10.4022" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#E3ECFB"/>
+</linearGradient>
+<linearGradient id="paint1_linear_8261_14844" x1="12" y1="14.9453" x2="13" y2="20.5001" gradientUnits="userSpaceOnUse">
+<stop stop-color="#60A5FA"/>
+<stop offset="1" stop-color="#4345E0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_8261_14844" x1="12" y1="14.9453" x2="13" y2="20.5001" gradientUnits="userSpaceOnUse">
+<stop stop-color="#60A5FA"/>
+<stop offset="1" stop-color="#4345E0"/>
+</linearGradient>
+<linearGradient id="paint3_linear_8261_14844" x1="12" y1="14.9453" x2="13" y2="20.5001" gradientUnits="userSpaceOnUse">
+<stop stop-color="#60A5FA"/>
+<stop offset="1" stop-color="#4345E0"/>
+</linearGradient>
+<linearGradient id="paint4_linear_8261_14844" x1="12" y1="2" x2="12" y2="18" gradientUnits="userSpaceOnUse">
+<stop stop-color="#60A5FA"/>
+<stop offset="1" stop-color="#4345E0"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/assets/icons/Installer.svg

@@ -0,0 +1,17 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19 11.9453C19.5523 11.9453 20 12.393 20 12.9453V20.9453C20 21.4976 19.5523 21.9453 19 21.9453H5C4.44772 21.9453 4 21.4976 4 20.9453V12.9453C4 12.393 4.44772 11.9453 5 11.9453H8.94531L12 15L15.0547 11.9453H19Z" fill="url(#paint0_linear_8261_14824)" fill-opacity="0.42"/>
+<circle cx="8" cy="16.9453" r="2" fill="white"/>
+<rect x="13" y="14.9453" width="2" height="4" rx="1" fill="white"/>
+<rect x="16" y="14.9453" width="2" height="4" rx="1" fill="white"/>
+<path d="M10.5 2C10.2239 2 10 2.22386 10 2.5V8H7L12 13L17 8H14V2.5C14 2.22386 13.7761 2 13.5 2H10.5Z" fill="url(#paint1_linear_8261_14824)" fill-opacity="0.5"/>
+<defs>
+<linearGradient id="paint0_linear_8261_14824" x1="12" y1="10.9453" x2="12" y2="21.9453" gradientUnits="userSpaceOnUse">
+<stop stop-color="#50A5FF" stop-opacity="0.5"/>
+<stop offset="1" stop-color="#50A5FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_8261_14824" x1="12" y1="2" x2="12" y2="13" gradientUnits="userSpaceOnUse">
+<stop stop-color="#50A5FF"/>
+<stop offset="1" stop-color="#50A5FF"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/assets/icons/InstallerActiveIcon.tsx

@@ -0,0 +1,35 @@
+import type { SVGProps } from "react"
+
+export function InstallerActiveIcon({ width = 24, height = 24, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg width={width} height={height} viewBox="0 0 24 24" fill="none" {...props}>
+      <path d="M19 11.9453C19.5523 11.9453 20 12.393 20 12.9453V20.9453C20 21.4976 19.5523 21.9453 19 21.9453H5C4.44772 21.9453 4 21.4976 4 20.9453V12.9453C4 12.393 4.44772 11.9453 5 11.9453H8.94531L12 15L15.0547 11.9453H19Z" fill="url(#paint0_linear_8261_14844)"/>
+      <path d="M10 16.9453C10 18.0499 9.10457 18.9453 8 18.9453C6.89543 18.9453 6 18.0499 6 16.9453C6 15.8407 6.89543 14.9453 8 14.9453C9.10457 14.9453 10 15.8407 10 16.9453Z" fill="url(#paint1_linear_8261_14844)"/>
+      <path d="M13 15.9453C13 15.393 13.4477 14.9453 14 14.9453C14.5523 14.9453 15 15.393 15 15.9453V17.9453C15 18.4976 14.5523 18.9453 14 18.9453C13.4477 18.9453 13 18.4976 13 17.9453V15.9453Z" fill="url(#paint2_linear_8261_14844)"/>
+      <path d="M16 15.9453C16 15.393 16.4477 14.9453 17 14.9453C17.5523 14.9453 18 15.393 18 15.9453V17.9453C18 18.4976 17.5523 18.9453 17 18.9453C16.4477 18.9453 16 18.4976 16 17.9453V15.9453Z" fill="url(#paint3_linear_8261_14844)"/>
+      <path d="M10.5 2C10.2239 2 10 2.22386 10 2.5V8H7L12 13L17 8H14V2.5C14 2.22386 13.7761 2 13.5 2H10.5Z" fill="url(#paint4_linear_8261_14844)"/>
+      <defs>
+        <linearGradient id="paint0_linear_8261_14844" x1="3.2" y1="20.8342" x2="17.6889" y2="10.4022" gradientUnits="userSpaceOnUse">
+          <stop stopColor="white"/>
+          <stop offset="1" stopColor="#E3ECFB"/>
+        </linearGradient>
+        <linearGradient id="paint1_linear_8261_14844" x1="12" y1="14.9453" x2="13" y2="20.5001" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#60A5FA"/>
+          <stop offset="1" stopColor="#4345E0"/>
+        </linearGradient>
+        <linearGradient id="paint2_linear_8261_14844" x1="12" y1="14.9453" x2="13" y2="20.5001" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#60A5FA"/>
+          <stop offset="1" stopColor="#4345E0"/>
+        </linearGradient>
+        <linearGradient id="paint3_linear_8261_14844" x1="12" y1="14.9453" x2="13" y2="20.5001" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#60A5FA"/>
+          <stop offset="1" stopColor="#4345E0"/>
+        </linearGradient>
+        <linearGradient id="paint4_linear_8261_14844" x1="12" y1="2" x2="12" y2="18" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#60A5FA"/>
+          <stop offset="1" stopColor="#4345E0"/>
+        </linearGradient>
+      </defs>
+    </svg>
+  )
+}

package/dist/assets/icons/InstallerIcon.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react"
+
+export function InstallerIcon({ width = 24, height = 24, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg width={width} height={height} viewBox="0 0 24 24" fill="none" {...props}>
+      <path d="M19 11.9453C19.5523 11.9453 20 12.393 20 12.9453V20.9453C20 21.4976 19.5523 21.9453 19 21.9453H5C4.44772 21.9453 4 21.4976 4 20.9453V12.9453C4 12.393 4.44772 11.9453 5 11.9453H8.94531L12 15L15.0547 11.9453H19Z" fill="url(#paint0_linear_8261_14824)" fillOpacity="0.42"/>
+      <circle cx="8" cy="16.9453" r="2" fill="white"/>
+      <rect x="13" y="14.9453" width="2" height="4" rx="1" fill="white"/>
+      <rect x="16" y="14.9453" width="2" height="4" rx="1" fill="white"/>
+      <path d="M10.5 2C10.2239 2 10 2.22386 10 2.5V8H7L12 13L17 8H14V2.5C14 2.22386 13.7761 2 13.5 2H10.5Z" fill="url(#paint1_linear_8261_14824)" fillOpacity="0.5"/>
+      <defs>
+        <linearGradient id="paint0_linear_8261_14824" x1="12" y1="10.9453" x2="12" y2="21.9453" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#50A5FF" stopOpacity="0.5"/>
+          <stop offset="1" stopColor="#50A5FF"/>
+        </linearGradient>
+        <linearGradient id="paint1_linear_8261_14824" x1="12" y1="2" x2="12" y2="13" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#50A5FF"/>
+          <stop offset="1" stopColor="#50A5FF"/>
+        </linearGradient>
+      </defs>
+    </svg>
+  )
+}

package/dist/assets/icons/Manifest-active.svg

@@ -0,0 +1,49 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="22" y="2" width="20" height="18" rx="1" transform="rotate(90 22 2)" fill="url(#paint0_linear_8261_14811)"/>
+<path d="M9 8C9.55228 8 10 8.44772 10 9C10 9.55229 9.55228 10 9 10L3 10C2.44772 10 2 9.55228 2 9C2 8.44772 2.44772 8 3 8L9 8Z" fill="url(#paint1_linear_8261_14811)"/>
+<path d="M14 8C14.5523 8 15 8.44772 15 9C15 9.55229 14.5523 10 14 10H13C12.4477 10 12 9.55228 12 9C12 8.44772 12.4477 8 13 8L14 8Z" fill="url(#paint2_linear_8261_14811)"/>
+<path d="M7 12C7.55228 12 8 12.4477 8 13C8 13.5523 7.55228 14 7 14H6C5.44772 14 5 13.5523 5 13C5 12.4477 5.44772 12 6 12L7 12Z" fill="url(#paint3_linear_8261_14811)"/>
+<path d="M12 12C12.5523 12 13 12.4477 13 13C13 13.5523 12.5523 14 12 14H11C10.4477 14 10 13.5523 10 13C10 12.4477 10.4477 12 11 12L12 12Z" fill="url(#paint4_linear_8261_14811)"/>
+<path d="M19 12C19.5523 12 20 12.4477 20 13C20 13.5523 19.5523 14 19 14H16C15.4477 14 15 13.5523 15 13C15 12.4477 15.4477 12 16 12L19 12Z" fill="url(#paint5_linear_8261_14811)"/>
+<path d="M6 16C6.55228 16 7 16.4477 7 17C7 17.5523 6.55228 18 6 18L3 18C2.44772 18 2 17.5523 2 17C2 16.4477 2.44772 16 3 16H6Z" fill="url(#paint6_linear_8261_14811)"/>
+<path d="M11 16C11.5523 16 12 16.4477 12 17C12 17.5523 11.5523 18 11 18L10 18C9.44772 18 9 17.5523 9 17C9 16.4477 9.44772 16 10 16H11Z" fill="url(#paint7_linear_8261_14811)"/>
+<path d="M16 16C16.5523 16 17 16.4477 17 17C17 17.5523 16.5523 18 16 18L15 18C14.4477 18 14 17.5523 14 17C14 16.4477 14.4477 16 15 16H16Z" fill="url(#paint8_linear_8261_14811)"/>
+<defs>
+<linearGradient id="paint0_linear_8261_14811" x1="21" y1="18" x2="43" y2="7" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#E3ECFB"/>
+</linearGradient>
+<linearGradient id="paint1_linear_8261_14811" x1="7" y1="8" x2="16.5" y2="19.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#60A5FA"/>
+<stop offset="1" stop-color="#4345E0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_8261_14811" x1="7" y1="8" x2="16.5" y2="19.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#60A5FA"/>
+<stop offset="1" stop-color="#4345E0"/>
+</linearGradient>
+<linearGradient id="paint3_linear_8261_14811" x1="7" y1="8" x2="16.5" y2="19.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#60A5FA"/>
+<stop offset="1" stop-color="#4345E0"/>
+</linearGradient>
+<linearGradient id="paint4_linear_8261_14811" x1="7" y1="8" x2="16.5" y2="19.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#60A5FA"/>
+<stop offset="1" stop-color="#4345E0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_8261_14811" x1="7" y1="8" x2="16.5" y2="19.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#60A5FA"/>
+<stop offset="1" stop-color="#4345E0"/>
+</linearGradient>
+<linearGradient id="paint6_linear_8261_14811" x1="7" y1="8" x2="16.5" y2="19.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#60A5FA"/>
+<stop offset="1" stop-color="#4345E0"/>
+</linearGradient>
+<linearGradient id="paint7_linear_8261_14811" x1="7" y1="8" x2="16.5" y2="19.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#60A5FA"/>
+<stop offset="1" stop-color="#4345E0"/>
+</linearGradient>
+<linearGradient id="paint8_linear_8261_14811" x1="7" y1="8" x2="16.5" y2="19.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#60A5FA"/>
+<stop offset="1" stop-color="#4345E0"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/assets/icons/Manifest.svg

@@ -0,0 +1,49 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="22" y="2" width="20" height="18" rx="1" transform="rotate(90 22 2)" fill="url(#paint0_linear_8261_14759)" fill-opacity="0.6"/>
+<rect x="10" y="8" width="2" height="8" rx="1" transform="rotate(90 10 8)" fill="url(#paint1_linear_8261_14759)"/>
+<rect x="15" y="8" width="2" height="3" rx="1" transform="rotate(90 15 8)" fill="url(#paint2_linear_8261_14759)"/>
+<rect x="8" y="12" width="2" height="3" rx="1" transform="rotate(90 8 12)" fill="url(#paint3_linear_8261_14759)"/>
+<rect x="13" y="12" width="2" height="3" rx="1" transform="rotate(90 13 12)" fill="url(#paint4_linear_8261_14759)"/>
+<rect x="20" y="12" width="2" height="5" rx="1" transform="rotate(90 20 12)" fill="url(#paint5_linear_8261_14759)"/>
+<rect x="7" y="16" width="2" height="5" rx="1" transform="rotate(90 7 16)" fill="url(#paint6_linear_8261_14759)"/>
+<rect x="12" y="16" width="2" height="3" rx="1" transform="rotate(90 12 16)" fill="url(#paint7_linear_8261_14759)"/>
+<rect x="17" y="16" width="2" height="3" rx="1" transform="rotate(90 17 16)" fill="url(#paint8_linear_8261_14759)"/>
+<defs>
+<linearGradient id="paint0_linear_8261_14759" x1="21.4737" y1="11" x2="41.6519" y2="1.74142" gradientUnits="userSpaceOnUse">
+<stop stop-color="#50A5FF" stop-opacity="0.5"/>
+<stop offset="1" stop-color="#50A5FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_8261_14759" x1="10" y1="15.5" x2="12" y2="8.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#E3ECFB"/>
+</linearGradient>
+<linearGradient id="paint2_linear_8261_14759" x1="15" y1="10.8125" x2="15.3008" y2="8.00544" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#E3ECFB"/>
+</linearGradient>
+<linearGradient id="paint3_linear_8261_14759" x1="8" y1="14.8125" x2="8.30076" y2="12.0054" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#E3ECFB"/>
+</linearGradient>
+<linearGradient id="paint4_linear_8261_14759" x1="13" y1="14.8125" x2="13.3008" y2="12.0054" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#E3ECFB"/>
+</linearGradient>
+<linearGradient id="paint5_linear_8261_14759" x1="20" y1="16.6875" x2="20.8189" y2="12.1016" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#E3ECFB"/>
+</linearGradient>
+<linearGradient id="paint6_linear_8261_14759" x1="7" y1="20.6875" x2="7.81891" y2="16.1016" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#E3ECFB"/>
+</linearGradient>
+<linearGradient id="paint7_linear_8261_14759" x1="12" y1="18.8125" x2="12.3008" y2="16.0054" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#E3ECFB"/>
+</linearGradient>
+<linearGradient id="paint8_linear_8261_14759" x1="17" y1="18.8125" x2="17.3008" y2="16.0054" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#E3ECFB"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/assets/icons/ManifestActiveIcon.tsx

@@ -0,0 +1,55 @@
+import type { SVGProps } from "react"
+
+export function ManifestActiveIcon({ width = 24, height = 24, ...props }: SVGProps<SVGSVGElement>) {
+  return (
+    <svg width={width} height={height} viewBox="0 0 24 24" fill="none" {...props}>
+      <rect x="22" y="2" width="20" height="18" rx="1" transform="rotate(90 22 2)" fill="url(#paint0_linear_8261_14811)"/>
+      <path d="M9 8C9.55228 8 10 8.44772 10 9C10 9.55229 9.55228 10 9 10L3 10C2.44772 10 2 9.55228 2 9C2 8.44772 2.44772 8 3 8L9 8Z" fill="url(#paint1_linear_8261_14811)"/>
+      <path d="M14 8C14.5523 8 15 8.44772 15 9C15 9.55229 14.5523 10 14 10H13C12.4477 10 12 9.55228 12 9C12 8.44772 12.4477 8 13 8L14 8Z" fill="url(#paint2_linear_8261_14811)"/>
+      <path d="M7 12C7.55228 12 8 12.4477 8 13C8 13.5523 7.55228 14 7 14H6C5.44772 14 5 13.5523 5 13C5 12.4477 5.44772 12 6 12L7 12Z" fill="url(#paint3_linear_8261_14811)"/>
+      <path d="M12 12C12.5523 12 13 12.4477 13 13C13 13.5523 12.5523 14 12 14H11C10.4477 14 10 13.5523 10 13C10 12.4477 10.4477 12 11 12L12 12Z" fill="url(#paint4_linear_8261_14811)"/>
+      <path d="M19 12C19.5523 12 20 12.4477 20 13C20 13.5523 19.5523 14 19 14H16C15.4477 14 15 13.5523 15 13C15 12.4477 15.4477 12 16 12L19 12Z" fill="url(#paint5_linear_8261_14811)"/>
+      <path d="M6 16C6.55228 16 7 16.4477 7 17C7 17.5523 6.55228 18 6 18L3 18C2.44772 18 2 17.5523 2 17C2 16.4477 2.44772 16 3 16H6Z" fill="url(#paint6_linear_8261_14811)"/>
+      <path d="M11 16C11.5523 16 12 16.4477 12 17C12 17.5523 11.5523 18 11 18L10 18C9.44772 18 9 17.5523 9 17C9 16.4477 9.44772 16 10 16H11Z" fill="url(#paint7_linear_8261_14811)"/>
+      <path d="M16 16C16.5523 16 17 16.4477 17 17C17 17.5523 16.5523 18 16 18L15 18C14.4477 18 14 17.5523 14 17C14 16.4477 14.4477 16 15 16H16Z" fill="url(#paint8_linear_8261_14811)"/>
+      <defs>
+        <linearGradient id="paint0_linear_8261_14811" x1="21" y1="18" x2="43" y2="7" gradientUnits="userSpaceOnUse">
+          <stop stopColor="white"/>
+          <stop offset="1" stopColor="#E3ECFB"/>
+        </linearGradient>
+        <linearGradient id="paint1_linear_8261_14811" x1="7" y1="8" x2="16.5" y2="19.5" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#60A5FA"/>
+          <stop offset="1" stopColor="#4345E0"/>
+        </linearGradient>
+        <linearGradient id="paint2_linear_8261_14811" x1="7" y1="8" x2="16.5" y2="19.5" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#60A5FA"/>
+          <stop offset="1" stopColor="#4345E0"/>
+        </linearGradient>
+        <linearGradient id="paint3_linear_8261_14811" x1="7" y1="8" x2="16.5" y2="19.5" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#60A5FA"/>
+          <stop offset="1" stopColor="#4345E0"/>
+        </linearGradient>
+        <linearGradient id="paint4_linear_8261_14811" x1="7" y1="8" x2="16.5" y2="19.5" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#60A5FA"/>
+          <stop offset="1" stopColor="#4345E0"/>
+        </linearGradient>
+        <linearGradient id="paint5_linear_8261_14811" x1="7" y1="8" x2="16.5" y2="19.5" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#60A5FA"/>
+          <stop offset="1" stopColor="#4345E0"/>
+        </linearGradient>
+        <linearGradient id="paint6_linear_8261_14811" x1="7" y1="8" x2="16.5" y2="19.5" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#60A5FA"/>
+          <stop offset="1" stopColor="#4345E0"/>
+        </linearGradient>
+        <linearGradient id="paint7_linear_8261_14811" x1="7" y1="8" x2="16.5" y2="19.5" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#60A5FA"/>
+          <stop offset="1" stopColor="#4345E0"/>
+        </linearGradient>
+        <linearGradient id="paint8_linear_8261_14811" x1="7" y1="8" x2="16.5" y2="19.5" gradientUnits="userSpaceOnUse">
+          <stop stopColor="#60A5FA"/>
+          <stop offset="1" stopColor="#4345E0"/>
+        </linearGradient>
+      </defs>
+    </svg>
+  )
+}