@crystallize/design-system 1.24.46 → 2.0.1

package/src/iconography/plans-and-pricing.tsx

@@ -1,10 +1,6 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
-type PlansAndPricingProps = SVGProps<SVGSVGElement>;
-
-type PlansAndPricingRef = SVGSVGElement;
-
-export const PlansAndPricing = forwardRef<PlansAndPricingRef, PlansAndPricingProps>((delegated, ref) => {
+export const PlansAndPricing = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="17" height="16" viewBox="0 0 17 16" fill="none" {...delegated}>
       <path

package/src/iconography/plug.tsx

@@ -1,10 +1,6 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
-type PlugProps = SVGProps<SVGSVGElement>;
-
-type PlugRef = SVGSVGElement;
-
-export const Plug = forwardRef<PlugRef, PlugProps>((delegated, ref) => {
+export const Plug = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="23" height="22" viewBox="0 0 23 22" fill="none" {...delegated}>
       <path

package/src/iconography/price-list.tsx

@@ -1,10 +1,6 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
-type PriceListProps = SVGProps<SVGSVGElement>;
-
-type PriceListRef = SVGSVGElement;
-
-export const PriceList = forwardRef<PriceListRef, PriceListProps>((delegated, ref) => {
+export const PriceList = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="currentColor" {...delegated}>
       <path

package/src/iconography/price-tag.tsx

@@ -1,12 +1,8 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
 import { fill, stroke } from './variables';
 
-type PriceTagProps = SVGProps<SVGSVGElement>;
-
-type PriceTagRef = SVGSVGElement;
-
-export const PriceTag = forwardRef<PriceTagRef, PriceTagProps>((delegated, ref) => {
+export const PriceTag = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path

package/src/iconography/product-shortcut.tsx

@@ -1,10 +1,6 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
-type ProductShortcutProps = SVGProps<SVGSVGElement>;
-
-type ProductShortcutRef = SVGSVGElement;
-
-export const ProductShortcut = forwardRef<ProductShortcutRef, ProductShortcutProps>((delegated, ref) => {
+export const ProductShortcut = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path

package/src/iconography/product.tsx

@@ -1,12 +1,8 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
 import { fill, stroke } from './variables';
 
-type ProductProps = SVGProps<SVGSVGElement>;
-
-type ProductRef = SVGSVGElement;
-
-export const Product = forwardRef<ProductRef, ProductProps>((delegated, ref) => {
+export const Product = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path

package/src/iconography/promotion.tsx

@@ -1,10 +1,6 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
-type PromotionProps = SVGProps<SVGSVGElement>;
-
-type PromotionRef = SVGSVGElement;
-
-export const Promotion = forwardRef<PromotionRef, PromotionProps>((delegated, ref) => {
+export const Promotion = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="23" viewBox="0 0 22 23" fill="currentColor" {...delegated}>
       <path

package/src/iconography/property-table.tsx

@@ -1,10 +1,6 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
-type PropertyTableProps = SVGProps<SVGSVGElement>;
-
-type PropertyTableRef = SVGSVGElement;
-
-export const PropertyTable = forwardRef<PropertyTableRef, PropertyTableProps>((delegated, ref) => {
+export const PropertyTable = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path

package/src/iconography/relation.tsx

@@ -1,10 +1,6 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
-type RelationProps = SVGProps<SVGSVGElement>;
-
-type RelationRef = SVGSVGElement;
-
-export const Relation = forwardRef<RelationRef, RelationProps>((delegated, ref) => {
+export const Relation = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path

package/src/iconography/remove.tsx

@@ -1,12 +1,8 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
 import { fill, stroke } from './variables';
 
-type RemoveProps = SVGProps<SVGSVGElement>;
-
-type RemoveRef = SVGSVGElement;
-
-export const Remove = forwardRef<RemoveRef, RemoveProps>((delegated, ref) => {
+export const Remove = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path

package/src/iconography/renew.tsx

@@ -1,10 +1,6 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
-type RenewProps = SVGProps<SVGSVGElement>;
-
-type RenewRef = SVGSVGElement;
-
-export const Renew = forwardRef<RenewRef, RenewProps>((delegated, ref) => {
+export const Renew = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path

package/src/iconography/restricted-catalogue.tsx

@@ -1,9 +1,6 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
-type RestrictedCatalogueProps = SVGProps<SVGSVGElement>;
-type RestrictedCatalogueRef = SVGSVGElement;
-
-export const RestrictedCatalogue = forwardRef<RestrictedCatalogueRef, RestrictedCatalogueProps>((delegated, ref) => {
+export const RestrictedCatalogue = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path

package/src/iconography/rich-text.tsx

@@ -1,10 +1,6 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
-type RichTextProps = SVGProps<SVGSVGElement>;
-
-type RichTextRef = SVGSVGElement;
-
-export const RichText = forwardRef<RichTextRef, RichTextProps>((delegated, ref) => {
+export const RichText = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path

package/src/iconography/rocket.tsx

@@ -1,12 +1,8 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
 import { fill, stroke } from './variables';
 
-type RocketProps = SVGProps<SVGSVGElement>;
-
-type RocketRef = SVGSVGElement;
-
-export const Rocket = forwardRef<RocketRef, RocketProps>((delegated, ref) => {
+export const Rocket = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="16" height="16" viewBox="0 0 16 16" fill="none" {...delegated}>
       <path

package/src/iconography/search.tsx

@@ -1,10 +1,6 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
-type SearchProps = SVGProps<SVGSVGElement>;
-
-type SearchRef = SVGSVGElement;
-
-export const Search = forwardRef<SearchRef, SearchProps>((delegated, ref) => {
+export const Search = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="23" viewBox="0 0 22 23" fill="none" {...delegated}>
       <path d="M19.02 9.531a6.238 6.238 0 1 1-12.476 0 6.238 6.238 0 0 1 12.476 0Z" fill="#fff" />

package/src/iconography/select.tsx

@@ -0,0 +1,20 @@
+import { forwardRef, type SVGProps } from 'react';
+
+import { stroke } from './variables';
+
+export const Select = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
+  return (
+    <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
+      <path
+        fill={stroke}
+        d="M15.671 18.946v1.091H6.367v-1.09h9.306Zm3.275-3.275V6.367a3.275 3.275 0 0 0-3.275-3.275H6.367A3.275 3.275 0 0 0 3.09 6.366v9.306a3.275 3.275 0 0 0 3.275 3.274v1.091l-.225-.006a4.366 4.366 0 0 1-4.136-4.135L2 15.67V6.367A4.366 4.366 0 0 1 6.366 2h9.306l.224.005a4.367 4.367 0 0 1 4.141 4.36v9.306l-.006.225a4.366 4.366 0 0 1-4.135 4.135l-.225.006v-1.09a3.275 3.275 0 0 0 3.275-3.275Z"
+      />
+      <path
+        fill={stroke}
+        d="M11.965 13.746c-.42.728-1.47.728-1.89 0L7.99 10.135a1.091 1.091 0 0 1 .945-1.637h4.17c.84 0 1.365.91.945 1.637l-2.085 3.611Z"
+      />
+    </svg>
+  );
+});
+
+Select.displayName = 'SelectIcon';

package/src/iconography/selection.tsx

@@ -1,10 +1,6 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
-type SelectionProps = SVGProps<SVGSVGElement>;
-
-type SelectionRef = SVGSVGElement;
-
-export const Selection = forwardRef<SelectionRef, SelectionProps>((delegated, ref) => {
+export const Selection = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path

package/src/iconography/settings.tsx

@@ -1,10 +1,6 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
-type SettingsProps = SVGProps<SVGSVGElement>;
-
-type SettingsRef = SVGSVGElement;
-
-export const Settings = forwardRef<SettingsRef, SettingsProps>((delegated, ref) => {
+export const Settings = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" {...delegated}>
       <path

package/src/iconography/shapes.tsx

@@ -1,10 +1,6 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
-type ShapesProps = SVGProps<SVGSVGElement>;
-
-type ShapesRef = SVGSVGElement;
-
-export const Shapes = forwardRef<ShapesRef, ShapesProps>((delegated, ref) => {
+export const Shapes = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="23" height="22" viewBox="0 0 23 22" fill="none" {...delegated}>
       <path

package/src/iconography/singleline.tsx

@@ -1,10 +1,6 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
-type SingleLineProps = SVGProps<SVGSVGElement>;
-
-type SingleLineRef = SVGSVGElement;
-
-export const SingleLine = forwardRef<SingleLineRef, SingleLineProps>((delegated, ref) => {
+export const SingleLine = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path

package/src/iconography/special-price.tsx

@@ -1,10 +1,6 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
-type SpecialPriceProps = SVGProps<SVGSVGElement>;
-
-type SpecialPriceRef = SVGSVGElement;
-
-export const SpecialPrice = forwardRef<SpecialPriceRef, SpecialPriceProps>((delegated, ref) => {
+export const SpecialPrice = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="23" height="22" viewBox="0 0 23 22" fill="none" {...delegated}>
       <path

package/src/iconography/split.tsx

@@ -1,10 +1,6 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
-type SplitProps = SVGProps<SVGSVGElement>;
-
-type SplitRef = SVGSVGElement;
-
-export const Split = forwardRef<SplitRef, SplitProps>((delegated, ref) => {
+export const Split = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path

package/src/iconography/stock-location.tsx

@@ -1,10 +1,6 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
-type StockLocationProps = SVGProps<SVGSVGElement>;
-
-type StockLocationRef = SVGSVGElement;
-
-export const StockLocation = forwardRef<StockLocationRef, StockLocationProps>((delegated, ref) => {
+export const StockLocation = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path

package/src/iconography/string.tsx

@@ -0,0 +1,16 @@
+import { forwardRef, type SVGProps } from 'react';
+
+import { stroke } from './variables';
+
+export const String = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
+  return (
+    <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
+      <path
+        fill={stroke}
+        d="M17.66 5.293a12.14 12.14 0 0 0-1.773 2.299c-.51.893-.846 1.787-1.005 2.681 1.18 0 2.155.335 2.92 1.006.799.67 1.198 1.612 1.198 2.825 0 1.181-.367 2.171-1.101 2.97-.703.765-1.629 1.148-2.778 1.148-1.15 0-2.091-.399-2.825-1.197-.703-.83-1.054-1.835-1.054-3.017 0-1.979.48-3.878 1.437-5.698.958-1.852 2.17-3.288 3.64-4.31l1.34 1.293Zm-9.243 0a12.14 12.14 0 0 0-1.772 2.299c-.51.893-.846 1.787-1.006 2.681 1.182 0 2.155.335 2.922 1.006.798.67 1.197 1.612 1.197 2.825 0 1.181-.367 2.171-1.102 2.97-.702.765-1.628 1.148-2.777 1.148-1.15 0-2.091-.399-2.825-1.197C2.35 16.195 2 15.19 2 14.008c0-1.979.479-3.878 1.437-5.698.957-1.852 2.17-3.288 3.64-4.31l1.34 1.293Z"
+      />
+    </svg>
+  );
+});
+
+String.displayName = 'StringIcon';

package/src/iconography/subscription-contracts.tsx

@@ -1,52 +1,46 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
-type SubscriptionContractsProps = SVGProps<SVGSVGElement>;
-
-type SubscriptionContractsRef = SVGSVGElement;
-
-export const SubscriptionContracts = forwardRef<SubscriptionContractsRef, SubscriptionContractsProps>(
-  (delegated, ref) => {
-    return (
-      <svg ref={ref} width="23" height="22" viewBox="0 0 23 22" fill="none" {...delegated}>
-        <path
-          fill="#BFF6F8"
-          d="M6.684 19.1h10.8a.6.6 0 0 0 .6-.6V6.748a.6.6 0 0 0-.176-.424L14.86 3.276a.6.6 0 0 0-.425-.176h-7.75a.6.6 0 0 0-.6.6v14.8a.6.6 0 0 0 .6.6Z"
-        />
-        <path
-          fill="#528693"
-          fillRule="evenodd"
-          d="m17.908 6.324.425-.424a1.2 1.2 0 0 1 .351.848V18.5a1.2 1.2 0 0 1-1.2 1.2h-10.8a1.2 1.2 0 0 1-1.2-1.2V3.7a1.2 1.2 0 0 1 1.2-1.2h7.751a1.2 1.2 0 0 1 .85.351L18.332 5.9l-.425.424ZM17.484 19.1h-10.8a.6.6 0 0 1-.6-.6V3.7a.6.6 0 0 1 .6-.6h7.751a.6.6 0 0 1 .425.176l3.048 3.048a.6.6 0 0 1 .176.424V18.5a.6.6 0 0 1-.6.6Z"
-          clipRule="evenodd"
-        />
-        <path
-          fill="#528693"
-          fillRule="evenodd"
-          d="M14.784 2.9v2.6a.7.7 0 0 0 .7.7h3v.6h-3a1.3 1.3 0 0 1-1.3-1.3V2.9h.6Z"
-          clipRule="evenodd"
-        />
-        <path
-          fill="#fff"
-          d="M13.977 8.068c-.12.426-.279.815-.393 1.233l4.498 1.256c1.502.316 1.335-1.12.702-1.857V7.66c1.645 1.392 2.137 2.286 1.828 3.213-.79 2.372-5.264.59-7.586.074l-.387 1.163-2.135-2.94 3.473-1.102Z"
-        />
-        <path
-          fill="#528693"
-          fillRule="evenodd"
-          d="M18.784 8.7c.633.738.8 2.173-.702 1.857l-4.498-1.256.02-.068c.044-.157.095-.31.146-.463l.014-.042.022-.065c.066-.195.133-.39.191-.595l-.698.222h-.002l-2.17.689-.603.19a1328.391 1328.391 0 0 1 1.109 1.528l.592.816.434.597.387-1.163c.412.092.893.223 1.408.364 2.386.653 5.528 1.513 6.178-.438.267-.803-.066-1.58-1.228-2.678-.18-.17-.38-.348-.6-.534V8.7Zm-5.363 2.96-.213.64a.6.6 0 0 1-1.055.163 3823.073 3823.073 0 0 1-2.135-2.94.6.6 0 0 1 .304-.925l2.772-.88.702-.222a.6.6 0 0 1 .758.736c-.062.22-.133.429-.198.62l-.01.029-.003.009 3.88 1.084c.287.057.391.01.403.004a.153.153 0 0 0 .015-.05.84.84 0 0 0-.055-.385 1.44 1.44 0 0 0-.257-.453l-.145-.168V6.367l.988.836c.836.707 1.437 1.334 1.78 1.943.364.643.443 1.273.229 1.917-.272.817-.88 1.271-1.6 1.473-.687.192-1.49.162-2.272.05-.791-.111-1.622-.316-2.384-.52-.23-.061-.453-.122-.666-.18-.297-.082-.577-.159-.838-.226Z"
-          clipRule="evenodd"
-        />
-        <path
-          fill="#fff"
-          d="M10.492 13.433c-.126.424-.2.837-.327 1.252l-4.473-1.343c-1.053-.393-.848-1.1-.298-1.563v-1.03c-1.248.31-1.827.77-2.009 1.507-.6 2.427 4.133 3.312 6.37 4.118l-.293 1.19 3.376-1.343-2.346-2.788Z"
-        />
-        <path
-          fill="#528693"
-          fillRule="evenodd"
-          d="M5.394 11.779c-.55.463-.755 1.17.298 1.563l4.473 1.343.02-.068c.046-.157.085-.313.123-.47l.01-.043.017-.067c.048-.2.096-.4.156-.604l.472.56.003.003c.49.582.975 1.16 1.465 1.74l.407.485-.587.233-1.167.464-.937.373-.685.273.294-1.19c-.397-.143-.873-.288-1.384-.445-2.366-.724-5.48-1.677-4.987-3.673.15-.606.57-1.026 1.409-1.328.18-.064.38-.124.6-.178v1.029Zm3.647 4.987-.162.654a.6.6 0 0 0 .804.701 3603.743 3603.743 0 0 0 3.377-1.343.6.6 0 0 0 .237-.944l-1.872-2.224-.474-.564a.6.6 0 0 0-1.035.216c-.065.22-.116.434-.164.63l-.007.03-.002.01-3.859-1.159c-.195-.075-.285-.146-.322-.185a.133.133 0 0 1-.02-.028v-.003a.335.335 0 0 1 .037-.092.913.913 0 0 1 .201-.227l.214-.18V9.984l-.744.184c-.662.163-1.208.38-1.623.697-.434.33-.7.747-.824 1.247-.207.836.063 1.545.564 2.1.478.53 1.174.934 1.893 1.258.729.328 1.54.6 2.293.835l.66.203c.294.09.572.175.828.258Z"
-          clipRule="evenodd"
-        />
-      </svg>
-    );
-  },
-);
+export const SubscriptionContracts = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
+  return (
+    <svg ref={ref} width="23" height="22" viewBox="0 0 23 22" fill="none" {...delegated}>
+      <path
+        fill="#BFF6F8"
+        d="M6.684 19.1h10.8a.6.6 0 0 0 .6-.6V6.748a.6.6 0 0 0-.176-.424L14.86 3.276a.6.6 0 0 0-.425-.176h-7.75a.6.6 0 0 0-.6.6v14.8a.6.6 0 0 0 .6.6Z"
+      />
+      <path
+        fill="#528693"
+        fillRule="evenodd"
+        d="m17.908 6.324.425-.424a1.2 1.2 0 0 1 .351.848V18.5a1.2 1.2 0 0 1-1.2 1.2h-10.8a1.2 1.2 0 0 1-1.2-1.2V3.7a1.2 1.2 0 0 1 1.2-1.2h7.751a1.2 1.2 0 0 1 .85.351L18.332 5.9l-.425.424ZM17.484 19.1h-10.8a.6.6 0 0 1-.6-.6V3.7a.6.6 0 0 1 .6-.6h7.751a.6.6 0 0 1 .425.176l3.048 3.048a.6.6 0 0 1 .176.424V18.5a.6.6 0 0 1-.6.6Z"
+        clipRule="evenodd"
+      />
+      <path
+        fill="#528693"
+        fillRule="evenodd"
+        d="M14.784 2.9v2.6a.7.7 0 0 0 .7.7h3v.6h-3a1.3 1.3 0 0 1-1.3-1.3V2.9h.6Z"
+        clipRule="evenodd"
+      />
+      <path
+        fill="#fff"
+        d="M13.977 8.068c-.12.426-.279.815-.393 1.233l4.498 1.256c1.502.316 1.335-1.12.702-1.857V7.66c1.645 1.392 2.137 2.286 1.828 3.213-.79 2.372-5.264.59-7.586.074l-.387 1.163-2.135-2.94 3.473-1.102Z"
+      />
+      <path
+        fill="#528693"
+        fillRule="evenodd"
+        d="M18.784 8.7c.633.738.8 2.173-.702 1.857l-4.498-1.256.02-.068c.044-.157.095-.31.146-.463l.014-.042.022-.065c.066-.195.133-.39.191-.595l-.698.222h-.002l-2.17.689-.603.19a1328.391 1328.391 0 0 1 1.109 1.528l.592.816.434.597.387-1.163c.412.092.893.223 1.408.364 2.386.653 5.528 1.513 6.178-.438.267-.803-.066-1.58-1.228-2.678-.18-.17-.38-.348-.6-.534V8.7Zm-5.363 2.96-.213.64a.6.6 0 0 1-1.055.163 3823.073 3823.073 0 0 1-2.135-2.94.6.6 0 0 1 .304-.925l2.772-.88.702-.222a.6.6 0 0 1 .758.736c-.062.22-.133.429-.198.62l-.01.029-.003.009 3.88 1.084c.287.057.391.01.403.004a.153.153 0 0 0 .015-.05.84.84 0 0 0-.055-.385 1.44 1.44 0 0 0-.257-.453l-.145-.168V6.367l.988.836c.836.707 1.437 1.334 1.78 1.943.364.643.443 1.273.229 1.917-.272.817-.88 1.271-1.6 1.473-.687.192-1.49.162-2.272.05-.791-.111-1.622-.316-2.384-.52-.23-.061-.453-.122-.666-.18-.297-.082-.577-.159-.838-.226Z"
+        clipRule="evenodd"
+      />
+      <path
+        fill="#fff"
+        d="M10.492 13.433c-.126.424-.2.837-.327 1.252l-4.473-1.343c-1.053-.393-.848-1.1-.298-1.563v-1.03c-1.248.31-1.827.77-2.009 1.507-.6 2.427 4.133 3.312 6.37 4.118l-.293 1.19 3.376-1.343-2.346-2.788Z"
+      />
+      <path
+        fill="#528693"
+        fillRule="evenodd"
+        d="M5.394 11.779c-.55.463-.755 1.17.298 1.563l4.473 1.343.02-.068c.046-.157.085-.313.123-.47l.01-.043.017-.067c.048-.2.096-.4.156-.604l.472.56.003.003c.49.582.975 1.16 1.465 1.74l.407.485-.587.233-1.167.464-.937.373-.685.273.294-1.19c-.397-.143-.873-.288-1.384-.445-2.366-.724-5.48-1.677-4.987-3.673.15-.606.57-1.026 1.409-1.328.18-.064.38-.124.6-.178v1.029Zm3.647 4.987-.162.654a.6.6 0 0 0 .804.701 3603.743 3603.743 0 0 0 3.377-1.343.6.6 0 0 0 .237-.944l-1.872-2.224-.474-.564a.6.6 0 0 0-1.035.216c-.065.22-.116.434-.164.63l-.007.03-.002.01-3.859-1.159c-.195-.075-.285-.146-.322-.185a.133.133 0 0 1-.02-.028v-.003a.335.335 0 0 1 .037-.092.913.913 0 0 1 .201-.227l.214-.18V9.984l-.744.184c-.662.163-1.208.38-1.623.697-.434.33-.7.747-.824 1.247-.207.836.063 1.545.564 2.1.478.53 1.174.934 1.893 1.258.729.328 1.54.6 2.293.835l.66.203c.294.09.572.175.828.258Z"
+        clipRule="evenodd"
+      />
+    </svg>
+  );
+});
 
 SubscriptionContracts.displayName = 'SubscriptionContractsIcon';

package/src/iconography/subscription-plans.tsx

@@ -1,10 +1,6 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
-type SubscriptionPlansProps = SVGProps<SVGSVGElement>;
-
-type SubscriptionPlansRef = SVGSVGElement;
-
-export const SubscriptionPlans = forwardRef<SubscriptionPlansRef, SubscriptionPlansProps>((delegated, ref) => {
+export const SubscriptionPlans = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="23" height="22" viewBox="0 0 23 22" fill="none" {...delegated}>
       <path

package/src/iconography/subscription.tsx

@@ -1,10 +1,6 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
-type SubscriptionProps = SVGProps<SVGSVGElement>;
-
-type SubscriptionRef = SVGSVGElement;
-
-export const Subscription = forwardRef<SubscriptionRef, SubscriptionProps>((delegated, ref) => {
+export const Subscription = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="34" height="34" viewBox="0 0 34 34" fill="none" {...delegated}>
       <path

package/src/iconography/switch.tsx

@@ -1,10 +1,6 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
-type SwitchProps = SVGProps<SVGSVGElement>;
-
-type SwitchRef = SVGSVGElement;
-
-export const Switch = forwardRef<SwitchRef, SwitchProps>((delegated, ref) => {
+export const Switch = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path

package/src/iconography/target.tsx

@@ -1,12 +1,8 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
 import { fill, stroke } from './variables';
 
-type TargetProps = SVGProps<SVGSVGElement>;
-
-type TargetRef = SVGSVGElement;
-
-export const Target = forwardRef<TargetRef, TargetProps>((delegated, ref) => {
+export const Target = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="23" height="22" fill="none" viewBox="0 0 23 22" {...delegated}>
       <path fill={fill} d="M20.524 12.018a8.522 8.522 0 1 1-17.044 0 8.522 8.522 0 0 1 17.044 0Z" />

package/src/iconography/topics-branch.tsx

@@ -1,10 +1,6 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
-type TopicsBranchProps = SVGProps<SVGSVGElement>;
-
-type TopicsBranchRef = SVGSVGElement;
-
-export const TopicsBranch = forwardRef<TopicsBranchRef, TopicsBranchProps>((delegated, ref) => {
+export const TopicsBranch = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" fill="none" viewBox="0 0 22 22" {...delegated}>
       <path d="M3.6 10.9a2.1 2.1 0 0 1 4.2 0 2.1 2.1 0 1 1-4.2 0Z" fill="#BFF6F8" />

package/src/iconography/topics-leaf.tsx

@@ -1,10 +1,6 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
-type TopicsLeafProps = SVGProps<SVGSVGElement>;
-
-type TopicsLeafRef = SVGSVGElement;
-
-export const TopicsLeaf = forwardRef<TopicsLeafRef, TopicsLeafProps>((delegated, ref) => {
+export const TopicsLeaf = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" fill="none" viewBox="0 0 22 22" {...delegated}>
       <path d="M3.6 10.9a2.1 2.1 0 0 1 4.2 0 2.1 2.1 0 1 1-4.2 0Z" fill="#BFF6F8" />

package/src/iconography/topics.tsx

@@ -1,12 +1,8 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
 import { fill, stroke } from './variables';
 
-type TopicsProps = SVGProps<SVGSVGElement>;
-
-type TopicsRef = SVGSVGElement;
-
-export const Topics = forwardRef<TopicsRef, TopicsProps>((delegated, ref) => {
+export const Topics = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="23" height="23" viewBox="0 0 23 23" fill="none" {...delegated}>
       <path

package/src/iconography/transition-in-disabled.tsx

@@ -1,12 +1,8 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
 import { stroke } from './variables';
 
-type TransitionInDisabledProps = SVGProps<SVGSVGElement>;
-
-type TransitionInDisabledRef = SVGSVGElement;
-
-export const TransitionInDisabled = forwardRef<TransitionInDisabledRef, TransitionInDisabledProps>((delegated, ref) => {
+export const TransitionInDisabled = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <rect width="7" height="1" x="12.95" y="18.77" fill={stroke} rx=".5" transform="rotate(-135 12.95 18.77)" />

package/src/iconography/transition-in.tsx

@@ -1,12 +1,8 @@
-import { forwardRef, SVGProps } from 'react';
+import { forwardRef, type SVGProps } from 'react';
 
 import { fill, stroke } from './variables';
 
-type TransitionInProps = SVGProps<SVGSVGElement>;
-
-type TransitionInRef = SVGSVGElement;
-
-export const TransitionIn = forwardRef<TransitionInRef, TransitionInProps>((delegated, ref) => {
+export const TransitionIn = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>((delegated, ref) => {
   return (
     <svg ref={ref} width="22" height="22" viewBox="0 0 22 22" fill="none" {...delegated}>
       <path