Package icons

.changeset/README.md

@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

.changeset/config.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@3.1.1/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "restricted",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}

packages/eslint/src/index.ts

@@ -17,23 +17,27 @@ export const overridesStylisticConfig: Exclude<OptionsConfig['stylistic'], boole
   /* misc */
   'style/max-len': ['warn', { code: 140, tabWidth: 2, ignoreTrailingComments: true, ignoreUrls: true, ignoreStrings: true, ignoreTemplateLiterals: true, ignoreRegExpLiterals: true, ignorePattern: '^\\s*var\\s.+=\\s*require\\s*\\(' }],
   'style/one-var-declaration-per-line': ['error', 'always'],
+  'style/max-statements-per-line': ['error', { max: 3 }],
 
   /* jsx */
   'style/jsx-quotes': ['error', 'prefer-single'],
   'style/jsx-curly-brace-presence': ['warn', 'always'],
   'style/jsx-curly-spacing': [2, { when: 'always' }],
 
   /* semis */
-  'style/no-extra-semi': 'error'
+  'style/no-extra-semi': 'error',
+
+  /* bracket */
+  'style/arrow-parens': ['warn', 'always']
 };
 
 export const overridesTsConfig: Exclude<OptionsConfig['typescript'], boolean | undefined>['overrides'] = {
   'ts/consistent-type-exports': 'error',
   'ts/consistent-type-imports': 'error',
-  "ts/consistent-type-definitions": [
-      "error",
-      "type"
-    ],
+  'ts/consistent-type-definitions': [
+    'error',
+    'type'
+  ],
   'ts/naming-convention': [
     'warn',
     {

packages/ui/icons/.gitignore

@@ -0,0 +1,28 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# Artifacts
+/*.d.ts
+/*.jsx

packages/ui/icons/CHANGELOG.md

@@ -0,0 +1,13 @@
+# @flippo/icons
+
+## 1.0.2
+
+### Patch Changes
+
+- Fixed exports from package.
+
+## 1.0.1
+
+### Patch Changes
+
+- First release.

packages/ui/icons/README.md

@@ -0,0 +1,3 @@
+# Flippo Icons
+
+This package contains a set of React SVG icons used in the Flippo project.

packages/ui/icons/eslint.config.js

@@ -0,0 +1,3 @@
+import { eslintReactConfig } from '@flippo/eslint';
+
+export default eslintReactConfig(import.meta.dirname);

packages/ui/icons/lib/AddRowAbove.tsx

@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const AddRowAbove = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M5 14v6h14v-6zm0 8q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 20V6q0-.824.588-1.412A1.93 1.93 0 0 1 5 4h1q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 6 6H5v6h14V6h-1a.97.97 0 0 1-.712-.288A.97.97 0 0 1 17 5q0-.424.288-.712A.97.97 0 0 1 18 4h1q.825 0 1.413.588T21 6v14q0 .825-.587 1.413A1.92 1.92 0 0 1 19 22zm6-16h-1a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 5q0-.424.288-.712A.97.97 0 0 1 10 4h1V3q0-.424.288-.712A.97.97 0 0 1 12 2q.424 0 .713.288A.96.96 0 0 1 13 3v1h1q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 14 6h-1v1a.97.97 0 0 1-.288.713A.96.96 0 0 1 12 8a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 7z' } /></svg>;
+export default AddRowAbove;

packages/ui/icons/lib/AddRowBelow.tsx

@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const AddRowBelow = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M19 10V4H5v6zM5 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 18V4q0-.824.588-1.412A1.93 1.93 0 0 1 5 2h14q.825 0 1.413.588T21 4v14q0 .825-.587 1.413A1.92 1.92 0 0 1 19 20h-1a.97.97 0 0 1-.712-.288A.97.97 0 0 1 17 19q0-.424.288-.712A.97.97 0 0 1 18 18h1v-6H5v6h1q.425 0 .713.288T7 19q0 .424-.288.713A.96.96 0 0 1 6 20zm7 2a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 21v-1h-1a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 19q0-.424.288-.712A.97.97 0 0 1 10 18h1v-1q0-.424.288-.712A.97.97 0 0 1 12 16q.424 0 .713.288A.96.96 0 0 1 13 17v1h1q.425 0 .713.288T15 19t-.288.713A.96.96 0 0 1 14 20h-1v1a.97.97 0 0 1-.288.713A.96.96 0 0 1 12 22' } /></svg>;
+export default AddRowBelow;

packages/ui/icons/lib/AddSquare.tsx

@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const AddSquare = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M11 13v3q0 .425.288.713T12 17q.424 0 .713-.288A.96.96 0 0 0 13 16v-3h3a.97.97 0 0 0 .713-.288A.96.96 0 0 0 17 12a.97.97 0 0 0-.288-.712A.97.97 0 0 0 16 11h-3V8a.97.97 0 0 0-.288-.712A.97.97 0 0 0 12 7a.96.96 0 0 0-.712.288A.97.97 0 0 0 11 8v3H8a.97.97 0 0 0-.712.288A.97.97 0 0 0 7 12q0 .424.288.713A.96.96 0 0 0 8 13zm-6 8q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.588-1.412A1.93 1.93 0 0 1 5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413A1.92 1.92 0 0 1 19 21zm0-2h14V5H5z' } /></svg>;
+export default AddSquare;

packages/ui/icons/lib/Arrow360.tsx

@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Arrow360 = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M9.35 16.8q-3.2-.425-5.275-1.75T2 12q0-2.075 2.888-3.537T12 7t7.113 1.463T22 12q0 1.4-1.362 2.538t-3.613 1.787a.75.75 0 0 1-.712-.112.76.76 0 0 1-.313-.639q0-.45.263-.8.262-.35.687-.5 1.5-.5 2.275-1.137Q20 12.499 20 12q0-.8-2.138-1.9T12 9t-5.863 1.1T4 12q0 .6 1.275 1.438Q6.55 14.277 8.9 14.7l-.6-.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l2.6 2.6q.3.3.3.7t-.3.7l-2.6 2.6a.98.98 0 0 1-.687.288.93.93 0 0 1-.713-.288.98.98 0 0 1-.288-.687.97.97 0 0 1 .263-.713z' } /></svg>;
+export default Arrow360;

packages/ui/icons/lib/ArrowBack.tsx

@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ArrowBack = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm7.825 13 4.9 4.9q.3.3.288.7t-.313.7q-.3.275-.7.288a.91.91 0 0 1-.7-.288l-6.6-6.6a.9.9 0 0 1-.213-.325 1.17 1.17 0 0 1 .002-.75.86.86 0 0 1 .212-.325l6.6-6.6a.93.93 0 0 1 .688-.275q.413 0 .712.275.3.3.3.713a.97.97 0 0 1-.3.712L7.825 11H19q.425 0 .713.288T20 12q0 .424-.288.713A.96.96 0 0 1 19 13z' } /></svg>;
+export default ArrowBack;

packages/ui/icons/lib/ArrowDownToSquare.tsx

@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ArrowDownToSquare = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V9q0-.825.588-1.412A1.93 1.93 0 0 1 5 7h3q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 8 9H5v10h14V9h-3a.97.97 0 0 1-.712-.288A.97.97 0 0 1 15 8q0-.424.288-.712A.97.97 0 0 1 16 7h3q.825 0 1.413.588T21 9v10q0 .825-.587 1.413A1.92 1.92 0 0 1 19 21zm8-8.825.9-.9a.93.93 0 0 1 .688-.275q.413 0 .712.3a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-2.6 2.6q-.3.3-.7.3a.96.96 0 0 1-.7-.3l-2.6-2.6a.98.98 0 0 1-.287-.687.94.94 0 0 1 .287-.713.95.95 0 0 1 .7-.275q.425 0 .7.275l.9.875V1q0-.424.288-.712A.97.97 0 0 1 12 0q.424 0 .713.288A.96.96 0 0 1 13 1z' } /></svg>;
+export default ArrowDownToSquare;

packages/ui/icons/lib/ArrowLeftArrowRight.tsx

@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ArrowLeftArrowRight = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M5.825 16 7.7 17.875a.93.93 0 0 1 .275.688q0 .413-.275.712-.3.3-.712.3a.98.98 0 0 1-.713-.3L2.7 15.7a.9.9 0 0 1-.213-.325 1.17 1.17 0 0 1 .002-.75.86.86 0 0 1 .212-.325l3.6-3.6q.3-.3.7-.287t.7.312q.275.3.288.7a.91.91 0 0 1-.288.7L5.825 14H12q.425 0 .713.288T13 15t-.288.713A.96.96 0 0 1 12 16zm12.35-6H12a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 9q0-.424.288-.712A.97.97 0 0 1 12 8h6.175L16.3 6.125a.93.93 0 0 1-.275-.687q0-.412.275-.713.3-.3.713-.3t.712.3L21.3 8.3q.15.15.212.325a1.13 1.13 0 0 1 0 .75.9.9 0 0 1-.212.325l-3.6 3.6q-.3.3-.7.288a1 1 0 0 1-.7-.313q-.275-.3-.288-.7a.91.91 0 0 1 .288-.7z' } /></svg>;
+export default ArrowLeftArrowRight;

packages/ui/icons/lib/ArrowOutward.tsx

@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ArrowOutward = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm16 8.4-8.9 8.9a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275.95.95 0 0 1-.275-.7q0-.425.275-.7L14.6 7H7a.97.97 0 0 1-.712-.288A.97.97 0 0 1 6 6q0-.424.288-.712A.97.97 0 0 1 7 5h10q.425 0 .713.288.288.289.287.712v10a.97.97 0 0 1-.288.713A.96.96 0 0 1 17 17a.97.97 0 0 1-.712-.288A.97.97 0 0 1 16 16z' } /></svg>;
+export default ArrowOutward;

packages/ui/icons/lib/ArrowRightFromSquare.tsx

@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ArrowRightFromSquare = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.588-1.412A1.93 1.93 0 0 1 5 3h6q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 11 5H5v14h6q.425 0 .713.288T12 20t-.288.713A.96.96 0 0 1 11 21zm12.175-8H10a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 12q0-.424.288-.712A.97.97 0 0 1 10 11h7.175L15.3 9.125a.92.92 0 0 1-.275-.675q0-.4.275-.7a.95.95 0 0 1 .7-.313.94.94 0 0 1 .725.288L20.3 11.3q.3.3.3.7t-.3.7l-3.575 3.575q-.3.3-.712.288a1.02 1.02 0 0 1-.713-.313.97.97 0 0 1-.262-.712.98.98 0 0 1 .287-.688z' } /></svg>;
+export default ArrowRightFromSquare;

packages/ui/icons/lib/ArrowRightToSquare.tsx

@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ArrowRightToSquare = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M13 21a.97.97 0 0 1-.712-.288A.97.97 0 0 1 12 20q0-.424.288-.712A.97.97 0 0 1 13 19h6V5h-6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 12 4q0-.424.288-.712A.97.97 0 0 1 13 3h6q.825 0 1.413.588T21 5v14q0 .825-.587 1.413A1.92 1.92 0 0 1 19 21zm-1.825-8H4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 12q0-.424.288-.712A.97.97 0 0 1 4 11h7.175L9.3 9.125a.92.92 0 0 1-.275-.675q0-.4.275-.7a.95.95 0 0 1 .7-.313.94.94 0 0 1 .725.288L14.3 11.3q.3.3.3.7t-.3.7l-3.575 3.575q-.3.3-.712.288a1.02 1.02 0 0 1-.713-.313.97.97 0 0 1-.262-.712.98.98 0 0 1 .287-.688z' } /></svg>;
+export default ArrowRightToSquare;

packages/ui/icons/lib/ArrowShapeTurnUpRight.tsx

@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ArrowShapeTurnUpRight = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm21.707 11.293-8-8A1 1 0 0 0 12 4v3.545A11.015 11.015 0 0 0 2 18.5V20a1 1 0 0 0 1.784.62 11.46 11.46 0 0 1 7.887-4.049c.05-.006.175-.016.329-.026V20a1 1 0 0 0 1.707.707l8-8a1 1 0 0 0 0-1.414M14 17.586V15.5a1 1 0 0 0-1-1c-.255 0-1.296.05-1.562.085a14 14 0 0 0-7.386 2.948A9.013 9.013 0 0 1 13 9.5a1 1 0 0 0 1-1V6.414L19.586 12z' } /></svg>;
+export default ArrowShapeTurnUpRight;

packages/ui/icons/lib/ArrowShapeTurnUpRightCheck.tsx

@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ArrowShapeTurnUpRightCheck = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm22.707 11.293-8-8A1 1 0 0 0 13 4v3.545A11.015 11.015 0 0 0 3 18.5V20a1 1 0 0 0 1.784.62 11.46 11.46 0 0 1 7.887-4.05c.05-.005.175-.015.329-.025V20a1 1 0 0 0 1.707.707l8-8a1 1 0 0 0 0-1.414M15 17.586V15.5a1 1 0 0 0-1-1c-.255 0-1.296.05-1.562.085a14 14 0 0 0-7.386 2.948A9.013 9.013 0 0 1 14 9.5a1 1 0 0 0 1-1V6.414L20.586 12zM8.375 2.275l-4.35 4.35-1.35-1.35a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275.95.95 0 0 0-.275.7q0 .425.275.7l2.05 2.05q.3.3.7.3t.7-.3l5.05-5.05a.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275' } /></svg>;
+export default ArrowShapeTurnUpRightCheck;

packages/ui/icons/lib/ArrowUpArrowDown.tsx

@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ArrowUpArrowDown = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M9 13a.97.97 0 0 1-.712-.288A.97.97 0 0 1 8 12V5.825L6.125 7.7a.93.93 0 0 1-.687.275q-.412 0-.713-.275-.3-.3-.3-.712t.3-.713L8.3 2.7q.15-.15.325-.213T9 2.425t.375.062A.85.85 0 0 1 9.7 2.7l3.6 3.6q.3.3.287.7a1 1 0 0 1-.312.7q-.3.275-.7.288a.91.91 0 0 1-.7-.288L10 5.825V12a.97.97 0 0 1-.288.713A.96.96 0 0 1 9 13m6 8.575q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-3.6-3.6a.92.92 0 0 1-.287-.7q.014-.4.312-.7.3-.275.7-.288.4-.014.7.288L14 18.175V12q0-.424.288-.712A.97.97 0 0 1 15 11q.424 0 .713.288A.96.96 0 0 1 16 12v6.175l1.875-1.875a.93.93 0 0 1 .688-.275q.413 0 .712.275.3.3.3.713a.97.97 0 0 1-.3.712L15.7 21.3q-.15.15-.325.213a1.1 1.1 0 0 1-.375.062' } /></svg>;
+export default ArrowUpArrowDown;

packages/ui/icons/lib/ArrowUturnCcwLeft.tsx

@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ArrowUturnCcwLeft = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M8 19a.97.97 0 0 1-.712-.288A.97.97 0 0 1 7 18q0-.424.288-.712A.97.97 0 0 1 8 17h6.1q1.575 0 2.738-1T18 13.5q0-1.5-1.162-2.5T14.1 10H7.8l1.9 1.9a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275L4.7 9.7a.9.9 0 0 1-.213-.325 1.17 1.17 0 0 1 .002-.75A.86.86 0 0 1 4.7 8.3l3.6-3.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L7.8 8h6.3q2.425 0 4.163 1.575T20 13.5t-1.737 3.925T14.1 19z' } /></svg>;
+export default ArrowUturnCcwLeft;

packages/ui/icons/lib/ArrowUturnCwRight.tsx

@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ArrowUturnCwRight = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M16.2 10H9.9q-1.575 0-2.738 1T6 13.5 7.163 16 9.9 17H16q.425 0 .713.288T17 18q0 .424-.288.713A.96.96 0 0 1 16 19H9.9q-2.425 0-4.163-1.575T4 13.5q0-2.35 1.738-3.925T9.9 8h6.3l-1.9-1.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.6 3.6q.15.15.213.325t.062.375q0 .2-.062.375a.85.85 0 0 1-.213.325l-3.6 3.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275.95.95 0 0 1-.275-.7q0-.425.275-.7z' } /></svg>;
+export default ArrowUturnCwRight;

packages/ui/icons/lib/ArrowsRotateRightAdd.tsx

@@ -0,0 +1,14 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+function ArrowsRotateRightAdd(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }>
+      <g fill={ 'currentColor' }>
+        <path d={ 'M7 5.775a8.1 8.1 0 0 0-2.187 2.713Q4.002 10.101 4 12q0 2.876 1.75 5.013t4.425 2.762q.375.1.6.438t.225.737a.92.92 0 0 1-.275.675q-.275.276-.625.2-3.5-.65-5.8-3.387T2 12q0-2.275.913-4.2A10.05 10.05 0 0 1 5.4 4.5H4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 3.5q0-.424.288-.712A.97.97 0 0 1 4 2.5h4q.425 0 .713.288.288.289.287.712v4a.97.97 0 0 1-.288.713A.96.96 0 0 1 8 8.5a.97.97 0 0 1-.712-.288A.97.97 0 0 1 7 7.5zM18.6 19.5H20q.425 0 .713.288T21 20.5q0 .424-.288.713A.96.96 0 0 1 20 21.5h-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 15 20.5v-4q0-.424.288-.712A.97.97 0 0 1 16 15.5q.424 0 .713.288A.96.96 0 0 1 17 16.5v1.725a8.4 8.4 0 0 0 2.188-2.725q.813-1.6.812-3.5 0-2.875-1.75-5.012t-4.425-2.763a1.02 1.02 0 0 1-.6-.437A1.3 1.3 0 0 1 13 3.05q0-.4.275-.675t.625-.2q3.5.65 5.8 3.388T22 12q0 2.276-.913 4.2a10.05 10.05 0 0 1-2.487 3.3' } />
+        <path d={ 'M11 13v2q0 .425.288.713T12 16t.713-.288A.96.96 0 0 0 13 15v-2h2a.97.97 0 0 0 .713-.288A.96.96 0 0 0 16 12a.97.97 0 0 0-.288-.712A.97.97 0 0 0 15 11h-2V9a.97.97 0 0 0-.288-.712A.97.97 0 0 0 12 8a.96.96 0 0 0-.712.288A.97.97 0 0 0 11 9v2H9a.97.97 0 0 0-.712.288A.97.97 0 0 0 8 12q0 .424.288.713A.96.96 0 0 0 9 13z' } />
+      </g>
+    </svg>
+  );
+}
+export default ArrowsRotateRightAdd;

packages/ui/icons/lib/ArrowsRotateRightCheck.tsx

@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ArrowsRotateRightCheck = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M7 5.775a8.1 8.1 0 0 0-2.187 2.713Q4.002 10.101 4 12q0 2.876 1.75 5.013t4.425 2.762q.375.1.6.438t.225.737a.92.92 0 0 1-.275.675q-.275.276-.625.2-3.5-.65-5.8-3.387T2 12q0-2.275.913-4.2A10.05 10.05 0 0 1 5.4 4.5H4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 3.5q0-.424.288-.712A.97.97 0 0 1 4 2.5h4q.425 0 .713.288.288.289.287.712v4a.97.97 0 0 1-.288.713A.96.96 0 0 1 8 8.5a.97.97 0 0 1-.712-.288A.97.97 0 0 1 7 7.5zm3.575 8L15.55 8.8q.3-.3.7-.288t.7.313q.275.3.288.7a.91.91 0 0 1-.288.7L11.275 15.9q-.3.3-.7.3a.96.96 0 0 1-.7-.3L7.05 13.05a.98.98 0 0 1-.287-.687.94.94 0 0 1 .287-.713.95.95 0 0 1 .7-.275q.425 0 .7.275zM18.6 19.5H20q.425 0 .713.288T21 20.5q0 .424-.288.713A.96.96 0 0 1 20 21.5h-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 15 20.5v-4q0-.424.288-.712A.97.97 0 0 1 16 15.5q.424 0 .713.288A.96.96 0 0 1 17 16.5v1.725a8.4 8.4 0 0 0 2.188-2.725q.813-1.6.812-3.5 0-2.875-1.75-5.012t-4.425-2.763a1.02 1.02 0 0 1-.6-.437A1.3 1.3 0 0 1 13 3.05q0-.4.275-.675t.625-.2q3.5.65 5.8 3.388T22 12q0 2.276-.913 4.2a10.05 10.05 0 0 1-2.487 3.3' } /></svg>;
+export default ArrowsRotateRightCheck;

packages/ui/icons/lib/AttachFile.tsx

@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const AttachFile = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M18 15.75q0 2.6-1.825 4.425Q14.349 22 11.75 22q-2.6 0-4.425-1.825T5.5 15.75V6.5q0-1.875 1.313-3.187T10 2q1.874 0 3.188 1.313Q14.502 4.627 14.5 6.5v8.75q0 1.15-.8 1.95t-1.95.8a2.65 2.65 0 0 1-1.95-.8 2.65 2.65 0 0 1-.8-1.95V7q0-.424.288-.712A.97.97 0 0 1 10 6q.424 0 .713.288A.96.96 0 0 1 11 7v8.25a.73.73 0 0 0 .75.75.74.74 0 0 0 .538-.213.72.72 0 0 0 .212-.537V6.5q-.025-1.05-.737-1.775T10 4t-1.775.725T7.5 6.5v9.25q-.025 1.775 1.225 3.013T11.75 20q1.75 0 2.975-1.237T16 15.75V7q0-.424.288-.712A.97.97 0 0 1 17 6q.424 0 .713.288A.96.96 0 0 1 18 7z' } /></svg>;
+export default AttachFile;

packages/ui/icons/lib/Bookmark.tsx

@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Bookmark = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm12 18-4.2 1.8q-1 .425-1.9-.162T5 17.975V5q0-.824.588-1.412A1.93 1.93 0 0 1 7 3h10q.825 0 1.413.588T19 5v12.975q0 1.075-.9 1.663t-1.9.162zm0-2.2 5 2.15V5H7v12.95zM12 5H7h10z' } /></svg>;
+export default Bookmark;

packages/ui/icons/lib/BookmarkFill.tsx

@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const BookmarkFill = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm12 18-4.2 1.8q-1 .425-1.9-.162T5 17.975V5q0-.824.588-1.412A1.93 1.93 0 0 1 7 3h10q.825 0 1.413.588T19 5v12.975q0 1.075-.9 1.663t-1.9.162z' } /></svg>;
+export default BookmarkFill;