@npm_leadtech/legal-lib-components 5.63.5 → 5.64.0

package/dist/images/componentsSvg/ArrowRight.d.ts

@@ -0,0 +1,7 @@
+import { type FC } from 'react';
+interface ArrowRightProps {
+    className?: string;
+    onClick?: () => void;
+}
+export declare const ArrowRight: FC<ArrowRightProps>;
+export {};

package/dist/images/componentsSvg/ArrowRight.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ArrowRight = ({ className, onClick }) => (_jsxs("svg", { className: className, onClick: onClick, version: '1.1', id: 'Layer_1', xmlns: 'http://www.w3.org/2000/svg', xmlnsXlink: 'http://www.w3.org/1999/xlink', x: '0px', y: '0px', viewBox: '0 0 492.004 492.004', xmlSpace: 'preserve', children: [_jsx("g", { children: _jsx("g", { children: _jsx("path", { d: 'M382.678,226.804L163.73,7.86C158.666,2.792,151.906,0,144.698,0s-13.968,2.792-19.032,7.86l-16.124,16.12\nc-10.492,10.504-10.492,27.576,0,38.064L293.398,245.9l-184.06,184.06c-5.064,5.068-7.86,11.824-7.86,19.028\nc0,7.212,2.796,13.968,7.86,19.04l16.124,16.116c5.068,5.068,11.824,7.86,19.032,7.86s13.968-2.792,19.032-7.86L382.678,265\nc5.076-5.084,7.864-11.872,7.848-19.088C390.542,238.668,387.754,231.884,382.678,226.804z' }) }) }), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {})] }));

package/dist/images/componentsSvg/ArrowRight.tsx

@@ -0,0 +1,47 @@
+import React, { type FC } from 'react'
+
+interface ArrowRightProps {
+  className?: string
+  onClick?: () => void
+}
+
+export const ArrowRight: FC<ArrowRightProps> = ({ className, onClick }: ArrowRightProps) => (
+  <svg
+    className={className}
+    onClick={onClick}
+    version='1.1'
+    id='Layer_1'
+    xmlns='http://www.w3.org/2000/svg'
+    xmlnsXlink='http://www.w3.org/1999/xlink'
+    x='0px'
+    y='0px'
+    viewBox='0 0 492.004 492.004'
+    xmlSpace='preserve'
+  >
+    <g>
+      <g>
+        <path
+          d='M382.678,226.804L163.73,7.86C158.666,2.792,151.906,0,144.698,0s-13.968,2.792-19.032,7.86l-16.124,16.12
+c-10.492,10.504-10.492,27.576,0,38.064L293.398,245.9l-184.06,184.06c-5.064,5.068-7.86,11.824-7.86,19.028
+c0,7.212,2.796,13.968,7.86,19.04l16.124,16.116c5.068,5.068,11.824,7.86,19.032,7.86s13.968-2.792,19.032-7.86L382.678,265
+c5.076-5.084,7.864-11.872,7.848-19.088C390.542,238.668,387.754,231.884,382.678,226.804z'
+        />
+      </g>
+    </g>
+    <g></g>
+    <g></g>
+    <g></g>
+    <g></g>
+    <g></g>
+    <g></g>
+    <g></g>
+    <g></g>
+    <g></g>
+    <g></g>
+    <g></g>
+    <g></g>
+    <g></g>
+    <g></g>
+    <g></g>
+  </svg>
+)

package/dist/images/componentsSvg/ChevronExpandLess.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ChevronExpandLess: React.FC;

package/dist/images/componentsSvg/ChevronExpandLess.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ChevronExpandLess = () => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', children: _jsx("path", { d: 'M12.7071 9.00209C12.3166 8.61157 11.6834 8.61157 11.2929 9.00209L6.70538 13.5896C6.31581 13.9792 6.31581 14.6108 6.70538 15.0004C7.09466 15.3896 7.72569 15.39 8.11538 15.0011L12 11.125L15.8846 15.0011C16.2743 15.39 16.9053 15.3896 17.2946 15.0004C17.6842 14.6108 17.6842 13.9792 17.2946 13.5896L12.7071 9.00209Z', fill: '#1E2021' }) }));

package/dist/images/componentsSvg/ChevronExpandLess.tsx

@@ -0,0 +1,10 @@
+import React from 'react'
+
+export const ChevronExpandLess: React.FC = () => (
+  <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'>
+    <path
+      d='M12.7071 9.00209C12.3166 8.61157 11.6834 8.61157 11.2929 9.00209L6.70538 13.5896C6.31581 13.9792 6.31581 14.6108 6.70538 15.0004C7.09466 15.3896 7.72569 15.39 8.11538 15.0011L12 11.125L15.8846 15.0011C16.2743 15.39 16.9053 15.3896 17.2946 15.0004C17.6842 14.6108 17.6842 13.9792 17.2946 13.5896L12.7071 9.00209Z'
+      fill='#1E2021'
+    />
+  </svg>
+)

package/dist/images/componentsSvg/ChevronExpandMore.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const ChevronExpandMore: React.FC<{
+    fill?: string;
+}>;

package/dist/images/componentsSvg/ChevronExpandMore.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ChevronExpandMore = ({ fill = '#1E2021' }) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', className: 'chevron-expand-more', children: _jsx("path", { d: 'M17.2946 8.9996C16.9053 8.61033 16.2743 8.60998 15.8846 8.99883L12 12.875L8.11538 8.99883C7.72569 8.60998 7.09466 8.61033 6.70538 8.9996C6.31581 9.38917 6.31581 10.0208 6.70538 10.4104L11.2929 14.9979C11.6834 15.3884 12.3166 15.3884 12.7071 14.9979L17.2946 10.4104C17.6842 10.0208 17.6842 9.38917 17.2946 8.9996Z', fill: fill }) }));

package/dist/images/componentsSvg/ChevronExpandMore.tsx

@@ -0,0 +1,17 @@
+import React from 'react'
+
+export const ChevronExpandMore: React.FC<{ fill?: string }> = ({ fill = '#1E2021' }) => (
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    width='24'
+    height='24'
+    viewBox='0 0 24 24'
+    fill='none'
+    className='chevron-expand-more'
+  >
+    <path
+      d='M17.2946 8.9996C16.9053 8.61033 16.2743 8.60998 15.8846 8.99883L12 12.875L8.11538 8.99883C7.72569 8.60998 7.09466 8.61033 6.70538 8.9996C6.31581 9.38917 6.31581 10.0208 6.70538 10.4104L11.2929 14.9979C11.6834 15.3884 12.3166 15.3884 12.7071 14.9979L17.2946 10.4104C17.6842 10.0208 17.6842 9.38917 17.2946 8.9996Z'
+      fill={fill}
+    />
+  </svg>
+)

package/dist/images/componentsSvg/ChevronRight.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ChevronRight: () => React.ReactElement;

package/dist/images/componentsSvg/ChevronRight.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ChevronRight = () => (_jsx("svg", { width: '24', height: '24', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', children: _jsx("g", { children: _jsx("path", { d: 'M10.4104 6.70538C10.0209 6.31581 9.38923 6.31581 8.99966 6.70538C8.61039 7.09466 8.61004 7.72569 8.99889 8.11538L12.875 12L8.99889 15.8846C8.61004 16.2743 8.61039 16.9053 8.99966 17.2946C9.38923 17.6842 10.0209 17.6842 10.4104 17.2946L14.9979 12.7071C15.3885 12.3166 15.3885 11.6834 14.9979 11.2929L10.4104 6.70538Z' }) }) }));

package/dist/images/componentsSvg/ChevronRight.tsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+export const ChevronRight = (): React.ReactElement => (
+  <svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'>
+    <g>
+      <path d='M10.4104 6.70538C10.0209 6.31581 9.38923 6.31581 8.99966 6.70538C8.61039 7.09466 8.61004 7.72569 8.99889 8.11538L12.875 12L8.99889 15.8846C8.61004 16.2743 8.61039 16.9053 8.99966 17.2946C9.38923 17.6842 10.0209 17.6842 10.4104 17.2946L14.9979 12.7071C15.3885 12.3166 15.3885 11.6834 14.9979 11.2929L10.4104 6.70538Z' />
+    </g>
+  </svg>
+)

package/dist/images/componentsSvg/ChevronRight24px.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ChevronRight24px: () => React.ReactElement;

package/dist/images/componentsSvg/ChevronRight24px.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ChevronRight24px = () => (_jsxs("svg", { width: '24', height: '24', viewBox: '0 0 24 24', className: 'chevron-right24px', children: [_jsx("defs", { children: _jsx("path", { id: 'prefix__a', d: 'M9.705 6L8.295 7.41 12.875 12 8.295 16.59 9.705 18 15.705 12z' }) }), _jsxs("g", { fill: 'none', fillRule: 'evenodd', children: [_jsx("path", { d: 'M0 0H24V24H0z' }), _jsx("mask", { id: 'prefix__b', fill: '#fff', children: _jsx("use", { xlinkHref: '#prefix__a' }) }), _jsx("g", { fill: '#3D4042', mask: 'url(#prefix__b)', className: 'main-fill', children: _jsx("path", { d: 'M0 0H24V24H0z' }) })] })] }));

package/dist/images/componentsSvg/ChevronRight24px.tsx

@@ -0,0 +1,18 @@
+import React from 'react'
+
+export const ChevronRight24px = (): React.ReactElement => (
+  <svg width='24' height='24' viewBox='0 0 24 24' className='chevron-right24px'>
+    <defs>
+      <path id='prefix__a' d='M9.705 6L8.295 7.41 12.875 12 8.295 16.59 9.705 18 15.705 12z' />
+    </defs>
+    <g fill='none' fillRule='evenodd'>
+      <path d='M0 0H24V24H0z' />
+      <mask id='prefix__b' fill='#fff'>
+        <use xlinkHref='#prefix__a' />
+      </mask>
+      <g fill='#3D4042' mask='url(#prefix__b)' className='main-fill'>
+        <path d='M0 0H24V24H0z' />
+      </g>
+    </g>
+  </svg>
+)

package/dist/images/componentsSvg/Delete24p.tsx

@@ -0,0 +1,33 @@
+/* eslint-disable max-len */
+import React, { type FC } from 'react'
+
+interface Delete24pProps {
+  className?: string
+}
+
+export const Delete24p: FC<Delete24pProps> = ({ className }: Delete24pProps) => (
+  <svg
+    className={className}
+    xmlns='http://www.w3.org/2000/svg'
+    xmlnsXlink='http://www.w3.org/1999/xlink'
+    width='24'
+    height='24'
+    viewBox='0 0 16 16'
+  >
+    <defs>
+      <path
+        id='prefix__a__delete'
+        d='M11.048 5.905v7.619H4.952v-7.62h6.096zM9.905 1.333h-3.81l-.762.762H2.667V3.62h10.666V2.095h-2.666l-.762-.762zm2.666 3.048H3.43v9.143c0 .838.685 1.524 1.523 1.524h6.096c.838 0 1.523-.686 1.523-1.524V4.38z'
+      />
+    </defs>
+    <g fill='none' fillRule='evenodd'>
+      <path d='M0 0H16V16H0z' />
+      <mask id='prefix__b__delete' fill='#fff'>
+        <use xlinkHref='#prefix__a__delete' />
+      </mask>
+      <g fill='#3D4042' mask='url(#prefix__b__delete)'>
+        <path d='M0 0H16V16H0z' />
+      </g>
+    </g>
+  </svg>
+)

package/dist/images/componentsSvg/Done24px.d.ts

@@ -0,0 +1,6 @@
+import { type FC } from 'react';
+interface Done24pxProps {
+    className: string;
+}
+export declare const Done24px: FC<Done24pxProps>;
+export {};

package/dist/images/componentsSvg/Done24px.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Done24px = ({ className }) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '17', height: '16', viewBox: '0 0 17 16', fill: 'none', children: _jsx("path", { d: 'M6.36663 10.6L4.0333 8.26667C3.77557 8.00893 3.3577 8.00893 3.09997 8.26667C2.84223 8.5244 2.84223 8.94227 3.09997 9.2L6.18886 12.2889C6.28704 12.3871 6.44623 12.3871 6.54441 12.2889L13.9 4.93333C14.1577 4.6756 14.1577 4.25773 13.9 4C13.6422 3.74227 13.2244 3.74227 12.9666 4L6.36663 10.6Z', fill: '#078080' }) }));

package/dist/images/componentsSvg/Done24px.tsx

@@ -0,0 +1,13 @@
+import React, { type FC } from 'react'
+interface Done24pxProps {
+  className: string
+}
+
+export const Done24px: FC<Done24pxProps> = ({ className }: Done24pxProps) => (
+  <svg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'>
+    <path
+      d='M6.36663 10.6L4.0333 8.26667C3.77557 8.00893 3.3577 8.00893 3.09997 8.26667C2.84223 8.5244 2.84223 8.94227 3.09997 9.2L6.18886 12.2889C6.28704 12.3871 6.44623 12.3871 6.54441 12.2889L13.9 4.93333C14.1577 4.6756 14.1577 4.25773 13.9 4C13.6422 3.74227 13.2244 3.74227 12.9666 4L6.36663 10.6Z'
+      fill='#078080'
+    />
+  </svg>
+)

package/dist/images/componentsSvg/Done24pxoutlined.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Done24pxOutline: () => React.ReactElement;

package/dist/images/componentsSvg/Done24pxoutlined.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Done24pxOutline = () => {
+    return (_jsxs("svg", { width: '100%', height: '100%', viewBox: '0 0 16 16', version: '1.1', children: [_jsx("defs", { children: _jsx("polygon", { id: 'path-1', points: '5.86666678 10.5999999 3.06666672 7.80000001 2.13333337 8.73333331 5.86666678 12.4666665 13.866667 4.46666677 12.9333336 3.53333346' }) }), _jsx("g", { id: 'Asset-Artboard-Page', stroke: 'none', strokeWidth: '1', fill: 'none', fillRule: 'evenodd', children: _jsxs("g", { id: 'icon/done_24px', children: [_jsx("mask", { id: 'mask-2', fill: 'white', children: _jsx("use", { xlinkHref: '#path-1' }) }), _jsx("g", { id: 'icon/action/done_24px', fillRule: 'nonzero' }), _jsx("g", { id: '\u21B3-Color-Color-/-Icons-/-Neutrals-/-White', mask: 'url(#mask-2)', fill: '#05646E', children: _jsx("rect", { id: 'Rectangle', x: '0', y: '0', width: '16', height: '16' }) })] }) })] }));
+};

package/dist/images/componentsSvg/Done24pxoutlined.tsx

@@ -0,0 +1,25 @@
+import React from 'react'
+
+export const Done24pxOutline = (): React.ReactElement => {
+  return (
+    <svg width='100%' height='100%' viewBox='0 0 16 16' version='1.1'>
+      <defs>
+        <polygon
+          id='path-1'
+          points='5.86666678 10.5999999 3.06666672 7.80000001 2.13333337 8.73333331 5.86666678 12.4666665 13.866667 4.46666677 12.9333336 3.53333346'
+        ></polygon>
+      </defs>
+      <g id='Asset-Artboard-Page' stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'>
+        <g id='icon/done_24px'>
+          <mask id='mask-2' fill='white'>
+            <use xlinkHref='#path-1'></use>
+          </mask>
+          <g id='icon/action/done_24px' fillRule='nonzero'></g>
+          <g id='↳-Color-Color-/-Icons-/-Neutrals-/-White' mask='url(#mask-2)' fill='#05646E'>
+            <rect id='Rectangle' x='0' y='0' width='16' height='16'></rect>
+          </g>
+        </g>
+      </g>
+    </svg>
+  )
+}

package/dist/images/componentsSvg/Edit24p.tsx

@@ -0,0 +1,33 @@
+/* eslint-disable max-len */
+import React, { type FC } from 'react'
+
+interface Edit24pProps {
+  className?: string
+}
+
+export const Edit24p: FC<Edit24pProps> = ({ className }: Edit24pProps) => (
+  <svg
+    className={className}
+    xmlns='http://www.w3.org/2000/svg'
+    xmlnsXlink='http://www.w3.org/1999/xlink'
+    width='24'
+    height='24'
+    viewBox='0 0 16 16'
+  >
+    <defs>
+      <path
+        id='edita'
+        d='M1.863 11.637v2.5h2.5l7.374-7.374-2.5-2.5-7.374 7.374zm12.274-7.274l-2.5-2.5L9.95 3.557l2.5 2.5 1.687-1.694z'
+      />
+    </defs>
+    <g fill='none' fillRule='evenodd'>
+      <path d='M0 0H16V16H0z' />
+      <mask id='editb' fill='#fff'>
+        <use xlinkHref='#edita' />
+      </mask>
+      <g fill='#3D4042' mask='url(#editb)'>
+        <path d='M0 0H16V16H0z' />
+      </g>
+    </g>
+  </svg>
+)

package/dist/images/componentsSvg/EditText24px.tsx

@@ -0,0 +1,33 @@
+/* eslint-disable max-len */
+import React, { type FC } from 'react'
+
+interface EditText24pxProps {
+  className?: string
+}
+
+export const EditText24px: FC<EditText24pxProps> = ({ className }: EditText24pxProps) => (
+  <svg
+    className={className}
+    xmlns='http://www.w3.org/2000/svg'
+    xmlnsXlink='http://www.w3.org/1999/xlink'
+    width='24'
+    height='24'
+    viewBox='0 0 24 24'
+  >
+    <defs>
+      <path
+        id='vwotgiccua'
+        d='M5 2h2v20H5V2zM2 2h8v2H2V2zm0 18h8v2H2v-2zM14.07 5L8.99 18h2.079l1.034-2.786h5.774L18.91 18h2.079L15.918 5h-1.847zm-1.08 8l2-6 2 6h-4z'
+      />
+    </defs>
+    <g fill='none' fillRule='evenodd'>
+      <path d='M0 0H24V24H0z' />
+      <mask id='wwkke8hf0b' fill='#fff'>
+        <use xlinkHref='#vwotgiccua' />
+      </mask>
+      <g id='edit-text-svg' fill='#1E2021' mask='url(#wwkke8hf0b)'>
+        <path d='M0 0H24V24H0z' />
+      </g>
+    </g>
+  </svg>
+)

package/dist/images/componentsSvg/EmploymentIcon.tsx

@@ -0,0 +1,21 @@
+/* eslint-disable max-len */
+import React, { type FC } from 'react'
+
+export const EmploymentIcon: FC = () => (
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    xmlnsXlink='http://www.w3.org/1999/xlink'
+    width='20px'
+    height='20px'
+    viewBox='0 0 20 20'
+    version='1.1'
+  >
+    <g id='Page-1' stroke='none' fill='none'>
+      <path
+        d='M13.903991,11.050563 L19.900199,17.046771 L17.778899,19.168071 L11.782691,13.171863 L13.903991,11.050563 Z M5.76,1.49 C6.93,0.32 8.83,0.32 10,1.49 L10,1.49 L7.88,3.61 L9.29,5.02 L8.58,5.73 L10.36,7.51 L12.21,5.66 C12.08,5.3 12,4.91 12,4.5 C12,2.57 13.57,1 15.5,1 C16.08,1 16.62,1.16 17.1,1.41 L17.1,1.41 L14.4,4.11 L15.89,5.6 L18.59,2.9 C18.84,3.38 19,3.92 19,4.5 C19,6.43 17.43,8 15.5,8 C15.09,8 14.7,7.92 14.34,7.79 L14.34,7.79 L2.96,19.16 L0.84,17.04 L8.25,9.63 L6.47,7.85 L5.76,8.56 L4.35,7.15 L4.35,9.98 L3.64,10.69 L0.1,7.15 L0.81,6.44 L3.63,6.44 L2.22,5.03 L5.76,1.49 Z'
+        id='icon-employment'
+        fill='#078080'
+      ></path>
+    </g>
+  </svg>
+)

package/dist/images/componentsSvg/Eye24pxOptimized.tsx

@@ -0,0 +1,33 @@
+/* eslint-disable max-len */
+import React, { type FC } from 'react'
+
+interface Eye24pxOptimizedProps {
+  className?: string
+}
+
+export const Eye24pxOptimized: FC<Eye24pxOptimizedProps> = ({ className }: Eye24pxOptimizedProps) => (
+  <svg
+    className={className}
+    xmlns='http://www.w3.org/2000/svg'
+    xmlnsXlink='http://www.w3.org/1999/xlink'
+    width='24'
+    height='24'
+    viewBox='0 0 24 24'
+  >
+    <defs>
+      <path
+        id='eye__a'
+        d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'
+      />
+    </defs>
+    <g fill='none' fillRule='evenodd'>
+      <path d='M0 0H24V24H0z' />
+      <mask id='eye__b' fill='#fff'>
+        <use xlinkHref='#eye__a' />
+      </mask>
+      <g fill='#6D7275' mask='url(#eye__b)'>
+        <path d='M0 0H24V24H0z' />
+      </g>
+    </g>
+  </svg>
+)

package/dist/images/componentsSvg/IconDuplicate24px.tsx

@@ -0,0 +1,29 @@
+import React, { type FC } from 'react'
+
+interface IconDuplicate24pxProps {
+  className?: string
+}
+
+export const IconDuplicate24px: FC<IconDuplicate24pxProps> = ({ className }: IconDuplicate24pxProps) => (
+  <svg
+    className={className}
+    xmlns='http://www.w3.org/2000/svg'
+    xmlnsXlink='http://www.w3.org/1999/xlink'
+    width='24'
+    height='24'
+    viewBox='0 0 24 24'
+  >
+    <defs>
+      <path id='prefix__a__duplicate' d='M16.5 1h-14v16h2V3h12V1zm5 4h-15v18h15V5zm-2 16h-11V7h11v14z' />
+    </defs>
+    <g fill='none' fillRule='evenodd'>
+      <path d='M0 0H24V24H0z' />
+      <mask id='prefix__b__duplicate' fill='#fff'>
+        <use xlinkHref='#prefix__a__duplicate' />
+      </mask>
+      <g fill='#1E2021' mask='url(#prefix__b__duplicate)'>
+        <path d='M0 0H24V24H0z' />
+      </g>
+    </g>
+  </svg>
+)

package/dist/images/componentsSvg/IconWeb.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const IconWeb: React.FC;

package/dist/images/componentsSvg/IconWeb.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const IconWeb = () => {
+    return (_jsxs("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '24', height: '24', viewBox: '0 0 24 24', children: [_jsx("defs", { children: _jsx("path", { id: 'ep7tr2p7ra', d: 'M20.01 15.38c-1.23 0-2.42-.2-3.53-.56-.35-.12-.74-.03-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z' }) }), _jsx("g", { fill: 'none', fillRule: 'evenodd', children: _jsx("g", { children: _jsx("g", { children: _jsx("g", { children: _jsxs("g", { transform: 'translate(-376.000000, -314.000000) translate(328.000000, 205.000000) translate(32.000000, 90.000000) translate(16.000000, 19.000000)', children: [_jsx("path", { d: 'M0 0H24V24H0z' }), _jsx("mask", { id: '7tvbvoimzb', fill: '#fff', children: _jsx("use", { xlinkHref: '#ep7tr2p7ra' }) }), _jsx("g", { className: 'icon-web-24-p', fill: '#000', mask: 'url(#7tvbvoimzb)', children: _jsx("path", { d: 'M0 0H24V24H0z' }) })] }) }) }) }) })] }));
+};

package/dist/images/componentsSvg/IconWeb.tsx

@@ -0,0 +1,31 @@
+import React from 'react'
+
+export const IconWeb: React.FC = () => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>
+      <defs>
+        <path
+          id='ep7tr2p7ra'
+          d='M20.01 15.38c-1.23 0-2.42-.2-3.53-.56-.35-.12-.74-.03-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z'
+        />
+      </defs>
+      <g fill='none' fillRule='evenodd'>
+        <g>
+          <g>
+            <g>
+              <g transform='translate(-376.000000, -314.000000) translate(328.000000, 205.000000) translate(32.000000, 90.000000) translate(16.000000, 19.000000)'>
+                <path d='M0 0H24V24H0z' />
+                <mask id='7tvbvoimzb' fill='#fff'>
+                  <use xlinkHref='#ep7tr2p7ra' />
+                </mask>
+                <g className='icon-web-24-p' fill='#000' mask='url(#7tvbvoimzb)'>
+                  <path d='M0 0H24V24H0z' />
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+    </svg>
+  )
+}

package/dist/images/componentsSvg/InfoError24pxOutlined.d.ts

@@ -0,0 +1,8 @@
+import { type FC } from 'react';
+interface InfoError24pxOutlinedProps {
+    className?: string;
+    fill?: string;
+    viewBox?: string;
+}
+export declare const InfoError24pxOutlined: FC<InfoError24pxOutlinedProps>;
+export {};

package/dist/images/componentsSvg/InfoError24pxOutlined.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const InfoError24pxOutlined = ({ className, fill, viewBox = '0 0 24 24' }) => (_jsxs("svg", { className: className, fill: fill, width: '100%', height: '100%', viewBox: viewBox, children: [_jsx("title", { children: "icon/info-error_24px_outlined" }), _jsx("desc", { children: "Created with Sketch." }), _jsx("defs", { children: _jsx("path", { d: 'M12,2 C6.47,2 2,6.47 2,12 C2,17.53 6.47,22 12,22 C17.53,22 22,17.53 22,12 C22,6.47 17.53,2 12,2 Z M12,20 C7.59,20 4,16.41 4,12 C4,7.59 7.59,4 12,4 C16.41,4 20,7.59 20,12 C20,16.41 16.41,20 12,20 Z M11,11 L13,11 L13,17 L11,17 L11,11 Z M11,7 L13,7 L13,9 L11,9 L11,7 Z', id: 'path-1' }) }), _jsxs("g", { id: 'icon/info-error_24px', stroke: 'none', strokeWidth: '1', fill: 'none', fillRule: 'evenodd', children: [_jsx("mask", { id: 'mask-2', fill: 'white', children: _jsx("use", { xlinkHref: '#path-1' }) }), _jsx("use", { id: 'icon/navigation/cancel_24px', fill: '#D63737', fillRule: 'nonzero', xlinkHref: '#path-1' })] })] }));

package/dist/images/componentsSvg/InfoError24pxOutlined.tsx

@@ -0,0 +1,31 @@
+/* eslint-disable max-len */
+import React, { type FC } from 'react'
+
+interface InfoError24pxOutlinedProps {
+  className?: string
+  fill?: string
+  viewBox?: string
+}
+
+export const InfoError24pxOutlined: FC<InfoError24pxOutlinedProps> = ({
+  className,
+  fill,
+  viewBox = '0 0 24 24'
+}: InfoError24pxOutlinedProps) => (
+  <svg className={className} fill={fill} width='100%' height='100%' viewBox={viewBox}>
+    <title>icon/info-error_24px_outlined</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+      <path
+        d='M12,2 C6.47,2 2,6.47 2,12 C2,17.53 6.47,22 12,22 C17.53,22 22,17.53 22,12 C22,6.47 17.53,2 12,2 Z M12,20 C7.59,20 4,16.41 4,12 C4,7.59 7.59,4 12,4 C16.41,4 20,7.59 20,12 C20,16.41 16.41,20 12,20 Z M11,11 L13,11 L13,17 L11,17 L11,11 Z M11,7 L13,7 L13,9 L11,9 L11,7 Z'
+        id='path-1'
+      ></path>
+    </defs>
+    <g id='icon/info-error_24px' stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'>
+      <mask id='mask-2' fill='white'>
+        <use xlinkHref='#path-1'></use>
+      </mask>
+      <use id='icon/navigation/cancel_24px' fill='#D63737' fillRule='nonzero' xlinkHref='#path-1'></use>
+    </g>
+  </svg>
+)

package/dist/images/componentsSvg/LogoutSvg.tsx

@@ -0,0 +1,27 @@
+import React, { type FC } from 'react'
+
+export const LogoutSvg: FC = () => (
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    xmlnsXlink='http://www.w3.org/1999/xlink'
+    width='24'
+    height='24'
+    viewBox='0 0 24 24'
+  >
+    <defs>
+      <path
+        id='prefix__a__logout'
+        d='M21 3.01H3c-1.1 0-2 .9-2 2V9h2V4.99h18v14.03H3V15H1v4.01c0 1.1.9 1.98 2 1.98h18c1.1 0 2-.88 2-1.98v-14c0-1.11-.9-2-2-2zM11 8l4 4-4 4v-3H1v-2h10V8z'
+      />
+    </defs>
+    <g fill='none' fillRule='evenodd'>
+      <path d='M0 0H24V24H0z' />
+      <mask id='prefix__b__logout' fill='#fff'>
+        <use xlinkHref='#prefix__a__logout' />
+      </mask>
+      <g fill='#B5BABD' mask='url(#prefix__b__logout)'>
+        <path d='M0 0H24V24H0z' />
+      </g>
+    </g>
+  </svg>
+)

package/dist/images/componentsSvg/MailSvg.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const MailSvg: React.FC;

package/dist/images/componentsSvg/MailSvg.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const MailSvg = () => {
+    return (_jsx("svg", { width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: 'email-icon', children: _jsx("g", { id: 'icon/chevron/chevron_left_24px copy 26', children: _jsx("path", { id: 'path', fillRule: 'evenodd', clipRule: 'evenodd', d: 'M22 6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6ZM20 6L12 10.99L4 6H20ZM12 13L4 8V18H20V8L12 13Z', fill: '#1E2021' }) }) }));
+};

package/dist/images/componentsSvg/MailSvg.tsx

@@ -0,0 +1,24 @@
+import React from 'react'
+
+export const MailSvg: React.FC = () => {
+  return (
+    <svg
+      width='24'
+      height='24'
+      viewBox='0 0 24 24'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+      className='email-icon'
+    >
+      <g id='icon/chevron/chevron_left_24px copy 26'>
+        <path
+          id='path'
+          fillRule='evenodd'
+          clipRule='evenodd'
+          d='M22 6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6ZM20 6L12 10.99L4 6H20ZM12 13L4 8V18H20V8L12 13Z'
+          fill='#1E2021'
+        />
+      </g>
+    </svg>
+  )
+}

package/dist/images/componentsSvg/MenuCollapse24p.d.ts

@@ -0,0 +1,6 @@
+import { type FC } from 'react';
+interface MenuCollapse24pProps {
+    className?: string;
+}
+export declare const MenuCollapse24p: FC<MenuCollapse24pProps>;
+export {};

package/dist/images/componentsSvg/MenuCollapse24p.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MenuCollapse24p = ({ className }) => (_jsxs("svg", { className: className, width: '24px', height: '24px', viewBox: '0 0 24 24', version: '1.1', xmlns: 'http://www.w3.org/2000/svg', xmlnsXlink: 'http://www.w3.org/1999/xlink', children: [_jsx("title", { children: "735FFC4F-7DB9-4268-8987-12A1D38D3294" }), _jsx("desc", { children: "Created with sketchtool." }), _jsx("defs", { children: _jsx("path", { d: 'M12,18 C13.1045695,18 14,18.8954305 14,20 C14,21.1045695 13.1045695,22 12,22 C10.8954305,22 10,21.1045695 10,20 C10,18.8954305 10.8954305,18 12,18 Z M12,10 C13.1045695,10 14,10.8954305 14,12 C14,13.1045695 13.1045695,14 12,14 C10.8954305,14 10,13.1045695 10,12 C10,10.8954305 10.8954305,10 12,10 Z M12,2 C13.1045695,2 14,2.8954305 14,4 C14,5.1045695 13.1045695,6 12,6 C10.8954305,6 10,5.1045695 10,4 C10,2.8954305 10.8954305,2 12,2 Z', id: 'path-1-collapse' }) }), _jsx("g", { id: 'Dashboard-MyDocs-collapse', stroke: 'none', strokeWidth: '1', fill: 'none', fillRule: 'evenodd', children: _jsx("g", { id: 'LD-DesktopHD-MyDocs-Dashboard-collapse', transform: 'translate(-1304.000000, -260.000000)', children: _jsx("g", { id: 'DashboardList-Doc-collapse', transform: 'translate(328.000000, 223.000000)', children: _jsxs("g", { id: 'icon/menu-colapse_24p', transform: 'translate(976.000000, 37.000000)', children: [_jsx("rect", { id: 'Bound-collapse', x: '0', y: '0', width: '24', height: '24' }), _jsx("mask", { id: 'mask-2-collapse', fill: 'white', children: _jsx("use", { xlinkHref: '#path-1-collapse' }) }), _jsx("g", { id: 'icon/editor/format_color_text_24px', fillRule: 'nonzero' }), _jsx("g", { id: '\u21B3-Color', mask: 'url(#mask-2-collapse)', fill: '#6D7275', children: _jsx("rect", { id: 'Rectangle', x: '0', y: '0', width: '24', height: '24' }) })] }) }) }) })] }));

package/dist/images/componentsSvg/MenuCollapse24p.tsx

@@ -0,0 +1,43 @@
+/* eslint-disable max-len */
+import React, { type FC } from 'react'
+
+interface MenuCollapse24pProps {
+  className?: string
+}
+
+export const MenuCollapse24p: FC<MenuCollapse24pProps> = ({ className }: MenuCollapse24pProps) => (
+  <svg
+    className={className}
+    width='24px'
+    height='24px'
+    viewBox='0 0 24 24'
+    version='1.1'
+    xmlns='http://www.w3.org/2000/svg'
+    xmlnsXlink='http://www.w3.org/1999/xlink'
+  >
+    <title>735FFC4F-7DB9-4268-8987-12A1D38D3294</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+      <path
+        d='M12,18 C13.1045695,18 14,18.8954305 14,20 C14,21.1045695 13.1045695,22 12,22 C10.8954305,22 10,21.1045695 10,20 C10,18.8954305 10.8954305,18 12,18 Z M12,10 C13.1045695,10 14,10.8954305 14,12 C14,13.1045695 13.1045695,14 12,14 C10.8954305,14 10,13.1045695 10,12 C10,10.8954305 10.8954305,10 12,10 Z M12,2 C13.1045695,2 14,2.8954305 14,4 C14,5.1045695 13.1045695,6 12,6 C10.8954305,6 10,5.1045695 10,4 C10,2.8954305 10.8954305,2 12,2 Z'
+        id='path-1-collapse'
+      ></path>
+    </defs>
+    <g id='Dashboard-MyDocs-collapse' stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'>
+      <g id='LD-DesktopHD-MyDocs-Dashboard-collapse' transform='translate(-1304.000000, -260.000000)'>
+        <g id='DashboardList-Doc-collapse' transform='translate(328.000000, 223.000000)'>
+          <g id='icon/menu-colapse_24p' transform='translate(976.000000, 37.000000)'>
+            <rect id='Bound-collapse' x='0' y='0' width='24' height='24'></rect>
+            <mask id='mask-2-collapse' fill='white'>
+              <use xlinkHref='#path-1-collapse'></use>
+            </mask>
+            <g id='icon/editor/format_color_text_24px' fillRule='nonzero'></g>
+            <g id='↳-Color' mask='url(#mask-2-collapse)' fill='#6D7275'>
+              <rect id='Rectangle' x='0' y='0' width='24' height='24'></rect>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </svg>
+)