From c480b1396d8471951785ff9a9c8d6bb66e33a86f Mon Sep 17 00:00:00 2001 From: Arthur Belleville Date: Tue, 18 Mar 2025 07:52:50 +0100 Subject: [PATCH] Adjust logins --- ui/index.html | 2 +- ui/src/App.tsx | 944 +++++++++++------- ui/src/assets/google.png | Bin 0 -> 3643 bytes .../BrandButtons/LoginWIthGoogle.tsx | 42 + .../BrandButtons/login-with-google.css | 106 ++ ui/src/pages/login.tsx | 60 +- ui/src/pages/signup.tsx | 60 +- .../{ui-components => ui-library}/avatar.tsx | 0 .../breadcrumbs.tsx | 0 .../{ui-components => ui-library}/button.tsx | 0 .../calendar.tsx | 0 .../checkbox.tsx | 0 .../clipboard.tsx | 0 .../combobox.tsx | 0 .../connection-form.tsx | 0 .../date-field.tsx | 0 .../date-picker.tsx | 0 .../date-range-picker.tsx | 0 .../{ui-components => ui-library}/dialog.tsx | 0 .../disclosure.tsx | 0 .../dropzone.tsx | 0 .../empty-state.tsx | 0 .../{ui-components => ui-library}/field.tsx | 0 .../file-trigger.tsx | 0 ui/src/{ui-components => ui-library}/form.tsx | 0 .../grid-list.tsx | 0 .../{ui-components => ui-library}/header.tsx | 0 .../{ui-components => ui-library}/heading.tsx | 0 .../hooks/use-clipboard.ts | 0 .../hooks/use-image-loading-status.ts | 0 .../hover-card.tsx | 0 ui/src/{ui-components => ui-library}/icon.tsx | 0 .../{ui-components => ui-library}/icons.tsx | 0 .../{ui-components => ui-library}/initials.ts | 0 ui/src/{ui-components => ui-library}/kbd.tsx | 0 ui/src/{ui-components => ui-library}/link.tsx | 0 .../list-box.tsx | 0 ui/src/{ui-components => ui-library}/menu.tsx | 0 .../{ui-components => ui-library}/meter.tsx | 0 .../{ui-components => ui-library}/modal.tsx | 0 .../multi-select.tsx | 0 .../native-select.tsx | 0 .../notification-badge.tsx | 0 .../number-field.tsx | 0 .../pagination.tsx | 0 .../password-input.tsx | 0 .../{ui-components => ui-library}/popover.tsx | 0 .../progress-bar.tsx | 0 .../radio-group.tsx | 0 .../range-calendar.tsx | 0 .../search-field.tsx | 0 .../{ui-components => ui-library}/select.tsx | 0 .../separator.tsx | 0 .../signup-form.tsx | 0 .../skeleton.tsx | 0 .../{ui-components => ui-library}/slider.tsx | 0 ui/src/{ui-components => ui-library}/slot.tsx | 0 .../{ui-components => ui-library}/switch.tsx | 0 .../{ui-components => ui-library}/table.tsx | 0 ui/src/{ui-components => ui-library}/tabs.tsx | 0 .../tag-group.tsx | 0 .../tag-input.tsx | 0 ui/src/{ui-components => ui-library}/text.tsx | 0 .../theme/index.css | 0 .../time-field.tsx | 0 .../time-picker.ts | 0 .../toast/toast-queue.ts | 0 .../toast/toast-region.tsx | 0 .../{ui-components => ui-library}/tooltip.tsx | 0 ui/src/{ui-components => ui-library}/utils.ts | 0 70 files changed, 771 insertions(+), 443 deletions(-) create mode 100644 ui/src/assets/google.png create mode 100644 ui/src/components/BrandButtons/LoginWIthGoogle.tsx create mode 100644 ui/src/components/BrandButtons/login-with-google.css rename ui/src/{ui-components => ui-library}/avatar.tsx (100%) rename ui/src/{ui-components => ui-library}/breadcrumbs.tsx (100%) rename ui/src/{ui-components => ui-library}/button.tsx (100%) rename ui/src/{ui-components => ui-library}/calendar.tsx (100%) rename ui/src/{ui-components => ui-library}/checkbox.tsx (100%) rename ui/src/{ui-components => ui-library}/clipboard.tsx (100%) rename ui/src/{ui-components => ui-library}/combobox.tsx (100%) rename ui/src/{ui-components => ui-library}/connection-form.tsx (100%) rename ui/src/{ui-components => ui-library}/date-field.tsx (100%) rename ui/src/{ui-components => ui-library}/date-picker.tsx (100%) rename ui/src/{ui-components => ui-library}/date-range-picker.tsx (100%) rename ui/src/{ui-components => ui-library}/dialog.tsx (100%) rename ui/src/{ui-components => ui-library}/disclosure.tsx (100%) rename ui/src/{ui-components => ui-library}/dropzone.tsx (100%) rename ui/src/{ui-components => ui-library}/empty-state.tsx (100%) rename ui/src/{ui-components => ui-library}/field.tsx (100%) rename ui/src/{ui-components => ui-library}/file-trigger.tsx (100%) rename ui/src/{ui-components => ui-library}/form.tsx (100%) rename ui/src/{ui-components => ui-library}/grid-list.tsx (100%) rename ui/src/{ui-components => ui-library}/header.tsx (100%) rename ui/src/{ui-components => ui-library}/heading.tsx (100%) rename ui/src/{ui-components => ui-library}/hooks/use-clipboard.ts (100%) rename ui/src/{ui-components => ui-library}/hooks/use-image-loading-status.ts (100%) rename ui/src/{ui-components => ui-library}/hover-card.tsx (100%) rename ui/src/{ui-components => ui-library}/icon.tsx (100%) rename ui/src/{ui-components => ui-library}/icons.tsx (100%) rename ui/src/{ui-components => ui-library}/initials.ts (100%) rename ui/src/{ui-components => ui-library}/kbd.tsx (100%) rename ui/src/{ui-components => ui-library}/link.tsx (100%) rename ui/src/{ui-components => ui-library}/list-box.tsx (100%) rename ui/src/{ui-components => ui-library}/menu.tsx (100%) rename ui/src/{ui-components => ui-library}/meter.tsx (100%) rename ui/src/{ui-components => ui-library}/modal.tsx (100%) rename ui/src/{ui-components => ui-library}/multi-select.tsx (100%) rename ui/src/{ui-components => ui-library}/native-select.tsx (100%) rename ui/src/{ui-components => ui-library}/notification-badge.tsx (100%) rename ui/src/{ui-components => ui-library}/number-field.tsx (100%) rename ui/src/{ui-components => ui-library}/pagination.tsx (100%) rename ui/src/{ui-components => ui-library}/password-input.tsx (100%) rename ui/src/{ui-components => ui-library}/popover.tsx (100%) rename ui/src/{ui-components => ui-library}/progress-bar.tsx (100%) rename ui/src/{ui-components => ui-library}/radio-group.tsx (100%) rename ui/src/{ui-components => ui-library}/range-calendar.tsx (100%) rename ui/src/{ui-components => ui-library}/search-field.tsx (100%) rename ui/src/{ui-components => ui-library}/select.tsx (100%) rename ui/src/{ui-components => ui-library}/separator.tsx (100%) rename ui/src/{ui-components => ui-library}/signup-form.tsx (100%) rename ui/src/{ui-components => ui-library}/skeleton.tsx (100%) rename ui/src/{ui-components => ui-library}/slider.tsx (100%) rename ui/src/{ui-components => ui-library}/slot.tsx (100%) rename ui/src/{ui-components => ui-library}/switch.tsx (100%) rename ui/src/{ui-components => ui-library}/table.tsx (100%) rename ui/src/{ui-components => ui-library}/tabs.tsx (100%) rename ui/src/{ui-components => ui-library}/tag-group.tsx (100%) rename ui/src/{ui-components => ui-library}/tag-input.tsx (100%) rename ui/src/{ui-components => ui-library}/text.tsx (100%) rename ui/src/{ui-components => ui-library}/theme/index.css (100%) rename ui/src/{ui-components => ui-library}/time-field.tsx (100%) rename ui/src/{ui-components => ui-library}/time-picker.ts (100%) rename ui/src/{ui-components => ui-library}/toast/toast-queue.ts (100%) rename ui/src/{ui-components => ui-library}/toast/toast-region.tsx (100%) rename ui/src/{ui-components => ui-library}/tooltip.tsx (100%) rename ui/src/{ui-components => ui-library}/utils.ts (100%) diff --git a/ui/index.html b/ui/index.html index d231bf7..b4ea48d 100644 --- a/ui/index.html +++ b/ui/index.html @@ -4,7 +4,7 @@ - + XTablo diff --git a/ui/src/App.tsx b/ui/src/App.tsx index 4751792..4e07204 100644 --- a/ui/src/App.tsx +++ b/ui/src/App.tsx @@ -1,10 +1,11 @@ -import { Button } from "./ui-components/button"; +import { Button } from "./ui-library/button"; import { useState, useEffect } from "react"; import { twMerge } from "tailwind-merge"; -import { Header } from "./ui-components/header"; -import { BrowserRouter as Router, Routes, Route } from "react-router-dom"; +import { Header } from "./ui-library/header"; +import { BrowserRouter as Router, Routes, Route, Link } from "react-router-dom"; import { LoginPage } from "./pages/login"; import { SignUpPage } from "./pages/signup"; +import logo from "./assets/icon.jpg"; type Theme = "dark" | "light" | "system"; @@ -40,386 +41,637 @@ export const App = () => { element={ <>
-
-
-

+
+ {/* Hero Section */} +
+
+
+
+

Maîtrisez vos dépenses de chantier -

-

+

+

XTablo aide les entreprises du BTP à suivre, analyser et optimiser leurs dépenses de projet. Obtenez des insights en temps réel sur vos coûts et prenez de meilleures - décisions financières. Mise en place en moins de 48h. + décisions financières.

- - +
+
- Démarrer gratuitement - +
+
+ -
+ {/* Features Section */} +
+
+

+ Une solution complète pour votre entreprise +

+

+ Découvrez comment XTablo peut transformer votre gestion + des dépenses +

+
+
+
+
+ + + +
+

+ Suivi en temps réel +

+

+ Visualisez vos dépenses en temps réel et prenez des + décisions éclairées +

+
+
+
+ + + +
+

+ Rapports personnalisés +

+

+ Générez des rapports détaillés adaptés à vos besoins +

+
+
+
+ + + +
+

+ Optimisation des coûts +

+

+ Identifiez les opportunités d'optimisation et réduisez + vos dépenses +

+
+
+
+ + {/* Testimonials Section */} +
+
+

+ Fait confiance par les entreprises du BTP +

+

+ Découvrez ce que nos clients disent de XTablo +

+
+
+
+

+ "XTablo a révolutionné notre gestion des dépenses. + Nous pouvons maintenant suivre chaque euro en temps + réel et prendre de meilleures décisions pour nos + projets de construction." +

+
+
+
+

+ Michel Dubois +

+

+ Chef de Projet +

+
+
+
+ +
+

+ "Les fonctionnalités de suivi des dépenses sont + exactement ce dont nous avions besoin. Cela nous a + permis de réduire nos coûts de 15% et d'améliorer + significativement nos marges." +

+
+
+
+

+ Sophie Martin +

+

+ Directrice Financière +

+
+
+
+ +
+

+ "La gestion des dépenses sur plusieurs chantiers n'a + jamais été aussi simple. XTablo nous donne une + visibilité totale sur nos coûts." +

+
+
+
+

+ David Laurent +

+

+ Chef de Chantier +

+
+
+
+
+
+ + {/* Pricing Section */} +
+
+

+ Des tarifs adaptés à vos besoins +

+

+ Choisissez le plan qui correspond le mieux à votre + entreprise +

+
+
-
+

+ Starter +

+
+ + 12€ + + + /mois + +
+
    +
  • + + + + Jusqu'à 5 chantiers +
    • +
  • + + + + Suivi des dépenses en temps réel +
    • +
  • + + + + Rapports mensuels +
    • +
  • + + + + Support par email +
    • +
+ +
+ +
+
+ + Plus populaire + +
+

+ Pro +

+
+ + 25€ + + + /mois + +
+
    +
  • + + + + Chantiers illimités +
    • +
  • + + + + Suivi des dépenses en temps réel +
    • +
  • + + + + Rapports personnalisés +
    • +
  • + + + + Support prioritaire +
    • +
  • + + + + API disponible +
    • +
+
+
-
-

- Fait confiance par les entreprises du BTP -

-
-
-

- "XTablo a révolutionné notre gestion des dépenses. - Nous pouvons maintenant suivre chaque euro en temps - réel et prendre de meilleures décisions pour nos - projets de construction." -

-
-
-
-

- Michel Dubois -

-

- Chef de Projet -

-
-
-
- -
-

- "Les fonctionnalités de suivi des dépenses sont - exactement ce dont nous avions besoin. Cela nous a - permis de réduire nos coûts de 15% et d'améliorer - significativement nos marges." -

-
-
-
-

- Sophie Martin -

-

- Directrice Financière -

-
-
-
- -
-

- "La gestion des dépenses sur plusieurs chantiers n'a - jamais été aussi simple. XTablo nous donne une - visibilité totale sur nos coûts." -

-
-
-
-

- David Laurent -

-

- Chef de Chantier -

-
-
-
-
-
- -
-

- Des tarifs adaptés à vos besoins -

-
-
-

- Starter -

-
- - 12€ - - - /mois - -
-
    -
  • - - - - Jusqu'à 5 chantiers -
    • -
  • - - - - Suivi des dépenses en temps réel -
    • -
  • - - - - Rapports mensuels -
    • -
  • - - - - Support par email -
    • -
- -
- -
-
- - Plus populaire - -
-

- Pro -

-
- - 25€ - - - /mois - -
-
    -
  • - - - - Chantiers illimités -
    • -
  • - - - - Suivi des dépenses en temps réel -
    • -
  • - - - - Rapports personnalisés -
    • -
  • - - - - Support prioritaire -
    • -
  • - - - - API disponible -
    • -
- -
-
-
- -
-

+ {/* CTA Section */} +
+
+

Prêt à optimiser vos dépenses de projet ? -

+

Commencez votre essai gratuit de 14 jours aujourd'hui. Aucune carte bancaire requise.

-
- - +
-
- +
+
+ + {/* Footer */}
-
-

- © {new Date().getFullYear()} XTablo. Tous droits réservés. -

-

- XTablo est une marque déposée. Les logos et noms de - marques sont des marques déposées de leurs propriétaires - respectifs. -

+
+
+
+
+ Logo XTablo +

+ XTablo +

+
+

+ Optimisez vos dépenses de chantier avec XTablo +

+
+
+

+ Produit +

+ +
+
+

+ Entreprise +

+ +
+
+

+ Légal +

+ +
+
+
+

+ © {new Date().getFullYear()} XTablo. Tous droits + réservés. +

+

+ XTablo est une marque déposée. Les logos et noms de + marques sont des marques déposées de leurs propriétaires + respectifs. +

+
diff --git a/ui/src/assets/google.png b/ui/src/assets/google.png new file mode 100644 index 0000000000000000000000000000000000000000..f9a56b129276dfad22c8df54f3910ff42629b944 GIT binary patch literal 3643 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 N002ovPDHLkV1nQ4KJNek literal 0 HcmV?d00001 diff --git a/ui/src/components/BrandButtons/LoginWIthGoogle.tsx b/ui/src/components/BrandButtons/LoginWIthGoogle.tsx new file mode 100644 index 0000000..f739a2c --- /dev/null +++ b/ui/src/components/BrandButtons/LoginWIthGoogle.tsx @@ -0,0 +1,42 @@ +import "./login-with-google.css"; + +export function LoginWithGoogle() { + return ( + + ); +} diff --git a/ui/src/components/BrandButtons/login-with-google.css b/ui/src/components/BrandButtons/login-with-google.css new file mode 100644 index 0000000..501189a --- /dev/null +++ b/ui/src/components/BrandButtons/login-with-google.css @@ -0,0 +1,106 @@ +.gsi-material-button { + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + -webkit-appearance: none; + background-color: WHITE; + background-image: none; + border: 1px solid #747775; + -webkit-border-radius: 20px; + border-radius: 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #1f1f1f; + cursor: pointer; + font-family: "Roboto", arial, sans-serif; + font-size: 14px; + height: 40px; + letter-spacing: 0.25px; + outline: none; + overflow: hidden; + padding: 0 12px; + position: relative; + text-align: center; + -webkit-transition: background-color 0.218s, border-color 0.218s, + box-shadow 0.218s; + transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s; + vertical-align: middle; + white-space: nowrap; + width: auto; + max-width: 400px; + min-width: min-content; +} + +.gsi-material-button .gsi-material-button-icon { + height: 20px; + margin-right: 12px; + min-width: 20px; + width: 20px; +} + +.gsi-material-button .gsi-material-button-content-wrapper { + -webkit-align-items: center; + align-items: center; + display: flex; + -webkit-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: nowrap; + flex-wrap: nowrap; + height: 100%; + justify-content: space-between; + position: relative; + width: 100%; +} + +.gsi-material-button .gsi-material-button-contents { + -webkit-flex-grow: 1; + flex-grow: 1; + font-family: "Roboto", arial, sans-serif; + font-weight: 500; + overflow: hidden; + text-overflow: ellipsis; + vertical-align: top; +} + +.gsi-material-button .gsi-material-button-state { + -webkit-transition: opacity 0.218s; + transition: opacity 0.218s; + bottom: 0; + left: 0; + opacity: 0; + position: absolute; + right: 0; + top: 0; +} + +.gsi-material-button:disabled { + cursor: default; + background-color: #ffffff61; + border-color: #1f1f1f1f; +} + +.gsi-material-button:disabled .gsi-material-button-contents { + opacity: 38%; +} + +.gsi-material-button:disabled .gsi-material-button-icon { + opacity: 38%; +} + +.gsi-material-button:not(:disabled):active .gsi-material-button-state, +.gsi-material-button:not(:disabled):focus .gsi-material-button-state { + background-color: #303030; + opacity: 12%; +} + +.gsi-material-button:not(:disabled):hover { + -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), + 0 1px 3px 1px rgba(60, 64, 67, 0.15); + box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), + 0 1px 3px 1px rgba(60, 64, 67, 0.15); +} + +.gsi-material-button:not(:disabled):hover .gsi-material-button-state { + background-color: #303030; + opacity: 8%; +} diff --git a/ui/src/pages/login.tsx b/ui/src/pages/login.tsx index 96db704..c920235 100644 --- a/ui/src/pages/login.tsx +++ b/ui/src/pages/login.tsx @@ -1,66 +1,30 @@ -import { Button } from "../ui-components/button"; +import { Button } from "../ui-library/button"; import { twMerge } from "tailwind-merge"; +import { useNavigate } from "react-router-dom"; +import { LoginWithGoogle } from "../components/BrandButtons/LoginWIthGoogle"; export function LoginPage() { + const navigate = useNavigate(); + return ( -
+
navigate("/")} + >
e.stopPropagation()} >

Connexion

-
- - - - +
+
diff --git a/ui/src/pages/signup.tsx b/ui/src/pages/signup.tsx index 5d66699..ed22073 100644 --- a/ui/src/pages/signup.tsx +++ b/ui/src/pages/signup.tsx @@ -1,66 +1,30 @@ -import { Button } from "../ui-components/button"; +import { Button } from "../ui-library/button"; import { twMerge } from "tailwind-merge"; +import { useNavigate } from "react-router-dom"; +import { LoginWithGoogle } from "../components/BrandButtons/LoginWIthGoogle"; export function SignUpPage() { + const navigate = useNavigate(); + return ( -
+
navigate("/")} + >
e.stopPropagation()} >

Créer un compte

-
- - - - +
+
diff --git a/ui/src/ui-components/avatar.tsx b/ui/src/ui-library/avatar.tsx similarity index 100% rename from ui/src/ui-components/avatar.tsx rename to ui/src/ui-library/avatar.tsx diff --git a/ui/src/ui-components/breadcrumbs.tsx b/ui/src/ui-library/breadcrumbs.tsx similarity index 100% rename from ui/src/ui-components/breadcrumbs.tsx rename to ui/src/ui-library/breadcrumbs.tsx diff --git a/ui/src/ui-components/button.tsx b/ui/src/ui-library/button.tsx similarity index 100% rename from ui/src/ui-components/button.tsx rename to ui/src/ui-library/button.tsx diff --git a/ui/src/ui-components/calendar.tsx b/ui/src/ui-library/calendar.tsx similarity index 100% rename from ui/src/ui-components/calendar.tsx rename to ui/src/ui-library/calendar.tsx diff --git a/ui/src/ui-components/checkbox.tsx b/ui/src/ui-library/checkbox.tsx similarity index 100% rename from ui/src/ui-components/checkbox.tsx rename to ui/src/ui-library/checkbox.tsx diff --git a/ui/src/ui-components/clipboard.tsx b/ui/src/ui-library/clipboard.tsx similarity index 100% rename from ui/src/ui-components/clipboard.tsx rename to ui/src/ui-library/clipboard.tsx diff --git a/ui/src/ui-components/combobox.tsx b/ui/src/ui-library/combobox.tsx similarity index 100% rename from ui/src/ui-components/combobox.tsx rename to ui/src/ui-library/combobox.tsx diff --git a/ui/src/ui-components/connection-form.tsx b/ui/src/ui-library/connection-form.tsx similarity index 100% rename from ui/src/ui-components/connection-form.tsx rename to ui/src/ui-library/connection-form.tsx diff --git a/ui/src/ui-components/date-field.tsx b/ui/src/ui-library/date-field.tsx similarity index 100% rename from ui/src/ui-components/date-field.tsx rename to ui/src/ui-library/date-field.tsx diff --git a/ui/src/ui-components/date-picker.tsx b/ui/src/ui-library/date-picker.tsx similarity index 100% rename from ui/src/ui-components/date-picker.tsx rename to ui/src/ui-library/date-picker.tsx diff --git a/ui/src/ui-components/date-range-picker.tsx b/ui/src/ui-library/date-range-picker.tsx similarity index 100% rename from ui/src/ui-components/date-range-picker.tsx rename to ui/src/ui-library/date-range-picker.tsx diff --git a/ui/src/ui-components/dialog.tsx b/ui/src/ui-library/dialog.tsx similarity index 100% rename from ui/src/ui-components/dialog.tsx rename to ui/src/ui-library/dialog.tsx diff --git a/ui/src/ui-components/disclosure.tsx b/ui/src/ui-library/disclosure.tsx similarity index 100% rename from ui/src/ui-components/disclosure.tsx rename to ui/src/ui-library/disclosure.tsx diff --git a/ui/src/ui-components/dropzone.tsx b/ui/src/ui-library/dropzone.tsx similarity index 100% rename from ui/src/ui-components/dropzone.tsx rename to ui/src/ui-library/dropzone.tsx diff --git a/ui/src/ui-components/empty-state.tsx b/ui/src/ui-library/empty-state.tsx similarity index 100% rename from ui/src/ui-components/empty-state.tsx rename to ui/src/ui-library/empty-state.tsx diff --git a/ui/src/ui-components/field.tsx b/ui/src/ui-library/field.tsx similarity index 100% rename from ui/src/ui-components/field.tsx rename to ui/src/ui-library/field.tsx diff --git a/ui/src/ui-components/file-trigger.tsx b/ui/src/ui-library/file-trigger.tsx similarity index 100% rename from ui/src/ui-components/file-trigger.tsx rename to ui/src/ui-library/file-trigger.tsx diff --git a/ui/src/ui-components/form.tsx b/ui/src/ui-library/form.tsx similarity index 100% rename from ui/src/ui-components/form.tsx rename to ui/src/ui-library/form.tsx diff --git a/ui/src/ui-components/grid-list.tsx b/ui/src/ui-library/grid-list.tsx similarity index 100% rename from ui/src/ui-components/grid-list.tsx rename to ui/src/ui-library/grid-list.tsx diff --git a/ui/src/ui-components/header.tsx b/ui/src/ui-library/header.tsx similarity index 100% rename from ui/src/ui-components/header.tsx rename to ui/src/ui-library/header.tsx diff --git a/ui/src/ui-components/heading.tsx b/ui/src/ui-library/heading.tsx similarity index 100% rename from ui/src/ui-components/heading.tsx rename to ui/src/ui-library/heading.tsx diff --git a/ui/src/ui-components/hooks/use-clipboard.ts b/ui/src/ui-library/hooks/use-clipboard.ts similarity index 100% rename from ui/src/ui-components/hooks/use-clipboard.ts rename to ui/src/ui-library/hooks/use-clipboard.ts diff --git a/ui/src/ui-components/hooks/use-image-loading-status.ts b/ui/src/ui-library/hooks/use-image-loading-status.ts similarity index 100% rename from ui/src/ui-components/hooks/use-image-loading-status.ts rename to ui/src/ui-library/hooks/use-image-loading-status.ts diff --git a/ui/src/ui-components/hover-card.tsx b/ui/src/ui-library/hover-card.tsx similarity index 100% rename from ui/src/ui-components/hover-card.tsx rename to ui/src/ui-library/hover-card.tsx diff --git a/ui/src/ui-components/icon.tsx b/ui/src/ui-library/icon.tsx similarity index 100% rename from ui/src/ui-components/icon.tsx rename to ui/src/ui-library/icon.tsx diff --git a/ui/src/ui-components/icons.tsx b/ui/src/ui-library/icons.tsx similarity index 100% rename from ui/src/ui-components/icons.tsx rename to ui/src/ui-library/icons.tsx diff --git a/ui/src/ui-components/initials.ts b/ui/src/ui-library/initials.ts similarity index 100% rename from ui/src/ui-components/initials.ts rename to ui/src/ui-library/initials.ts diff --git a/ui/src/ui-components/kbd.tsx b/ui/src/ui-library/kbd.tsx similarity index 100% rename from ui/src/ui-components/kbd.tsx rename to ui/src/ui-library/kbd.tsx diff --git a/ui/src/ui-components/link.tsx b/ui/src/ui-library/link.tsx similarity index 100% rename from ui/src/ui-components/link.tsx rename to ui/src/ui-library/link.tsx diff --git a/ui/src/ui-components/list-box.tsx b/ui/src/ui-library/list-box.tsx similarity index 100% rename from ui/src/ui-components/list-box.tsx rename to ui/src/ui-library/list-box.tsx diff --git a/ui/src/ui-components/menu.tsx b/ui/src/ui-library/menu.tsx similarity index 100% rename from ui/src/ui-components/menu.tsx rename to ui/src/ui-library/menu.tsx diff --git a/ui/src/ui-components/meter.tsx b/ui/src/ui-library/meter.tsx similarity index 100% rename from ui/src/ui-components/meter.tsx rename to ui/src/ui-library/meter.tsx diff --git a/ui/src/ui-components/modal.tsx b/ui/src/ui-library/modal.tsx similarity index 100% rename from ui/src/ui-components/modal.tsx rename to ui/src/ui-library/modal.tsx diff --git a/ui/src/ui-components/multi-select.tsx b/ui/src/ui-library/multi-select.tsx similarity index 100% rename from ui/src/ui-components/multi-select.tsx rename to ui/src/ui-library/multi-select.tsx diff --git a/ui/src/ui-components/native-select.tsx b/ui/src/ui-library/native-select.tsx similarity index 100% rename from ui/src/ui-components/native-select.tsx rename to ui/src/ui-library/native-select.tsx diff --git a/ui/src/ui-components/notification-badge.tsx b/ui/src/ui-library/notification-badge.tsx similarity index 100% rename from ui/src/ui-components/notification-badge.tsx rename to ui/src/ui-library/notification-badge.tsx diff --git a/ui/src/ui-components/number-field.tsx b/ui/src/ui-library/number-field.tsx similarity index 100% rename from ui/src/ui-components/number-field.tsx rename to ui/src/ui-library/number-field.tsx diff --git a/ui/src/ui-components/pagination.tsx b/ui/src/ui-library/pagination.tsx similarity index 100% rename from ui/src/ui-components/pagination.tsx rename to ui/src/ui-library/pagination.tsx diff --git a/ui/src/ui-components/password-input.tsx b/ui/src/ui-library/password-input.tsx similarity index 100% rename from ui/src/ui-components/password-input.tsx rename to ui/src/ui-library/password-input.tsx diff --git a/ui/src/ui-components/popover.tsx b/ui/src/ui-library/popover.tsx similarity index 100% rename from ui/src/ui-components/popover.tsx rename to ui/src/ui-library/popover.tsx diff --git a/ui/src/ui-components/progress-bar.tsx b/ui/src/ui-library/progress-bar.tsx similarity index 100% rename from ui/src/ui-components/progress-bar.tsx rename to ui/src/ui-library/progress-bar.tsx diff --git a/ui/src/ui-components/radio-group.tsx b/ui/src/ui-library/radio-group.tsx similarity index 100% rename from ui/src/ui-components/radio-group.tsx rename to ui/src/ui-library/radio-group.tsx diff --git a/ui/src/ui-components/range-calendar.tsx b/ui/src/ui-library/range-calendar.tsx similarity index 100% rename from ui/src/ui-components/range-calendar.tsx rename to ui/src/ui-library/range-calendar.tsx diff --git a/ui/src/ui-components/search-field.tsx b/ui/src/ui-library/search-field.tsx similarity index 100% rename from ui/src/ui-components/search-field.tsx rename to ui/src/ui-library/search-field.tsx diff --git a/ui/src/ui-components/select.tsx b/ui/src/ui-library/select.tsx similarity index 100% rename from ui/src/ui-components/select.tsx rename to ui/src/ui-library/select.tsx diff --git a/ui/src/ui-components/separator.tsx b/ui/src/ui-library/separator.tsx similarity index 100% rename from ui/src/ui-components/separator.tsx rename to ui/src/ui-library/separator.tsx diff --git a/ui/src/ui-components/signup-form.tsx b/ui/src/ui-library/signup-form.tsx similarity index 100% rename from ui/src/ui-components/signup-form.tsx rename to ui/src/ui-library/signup-form.tsx diff --git a/ui/src/ui-components/skeleton.tsx b/ui/src/ui-library/skeleton.tsx similarity index 100% rename from ui/src/ui-components/skeleton.tsx rename to ui/src/ui-library/skeleton.tsx diff --git a/ui/src/ui-components/slider.tsx b/ui/src/ui-library/slider.tsx similarity index 100% rename from ui/src/ui-components/slider.tsx rename to ui/src/ui-library/slider.tsx diff --git a/ui/src/ui-components/slot.tsx b/ui/src/ui-library/slot.tsx similarity index 100% rename from ui/src/ui-components/slot.tsx rename to ui/src/ui-library/slot.tsx diff --git a/ui/src/ui-components/switch.tsx b/ui/src/ui-library/switch.tsx similarity index 100% rename from ui/src/ui-components/switch.tsx rename to ui/src/ui-library/switch.tsx diff --git a/ui/src/ui-components/table.tsx b/ui/src/ui-library/table.tsx similarity index 100% rename from ui/src/ui-components/table.tsx rename to ui/src/ui-library/table.tsx diff --git a/ui/src/ui-components/tabs.tsx b/ui/src/ui-library/tabs.tsx similarity index 100% rename from ui/src/ui-components/tabs.tsx rename to ui/src/ui-library/tabs.tsx diff --git a/ui/src/ui-components/tag-group.tsx b/ui/src/ui-library/tag-group.tsx similarity index 100% rename from ui/src/ui-components/tag-group.tsx rename to ui/src/ui-library/tag-group.tsx diff --git a/ui/src/ui-components/tag-input.tsx b/ui/src/ui-library/tag-input.tsx similarity index 100% rename from ui/src/ui-components/tag-input.tsx rename to ui/src/ui-library/tag-input.tsx diff --git a/ui/src/ui-components/text.tsx b/ui/src/ui-library/text.tsx similarity index 100% rename from ui/src/ui-components/text.tsx rename to ui/src/ui-library/text.tsx diff --git a/ui/src/ui-components/theme/index.css b/ui/src/ui-library/theme/index.css similarity index 100% rename from ui/src/ui-components/theme/index.css rename to ui/src/ui-library/theme/index.css diff --git a/ui/src/ui-components/time-field.tsx b/ui/src/ui-library/time-field.tsx similarity index 100% rename from ui/src/ui-components/time-field.tsx rename to ui/src/ui-library/time-field.tsx diff --git a/ui/src/ui-components/time-picker.ts b/ui/src/ui-library/time-picker.ts similarity index 100% rename from ui/src/ui-components/time-picker.ts rename to ui/src/ui-library/time-picker.ts diff --git a/ui/src/ui-components/toast/toast-queue.ts b/ui/src/ui-library/toast/toast-queue.ts similarity index 100% rename from ui/src/ui-components/toast/toast-queue.ts rename to ui/src/ui-library/toast/toast-queue.ts diff --git a/ui/src/ui-components/toast/toast-region.tsx b/ui/src/ui-library/toast/toast-region.tsx similarity index 100% rename from ui/src/ui-components/toast/toast-region.tsx rename to ui/src/ui-library/toast/toast-region.tsx diff --git a/ui/src/ui-components/tooltip.tsx b/ui/src/ui-library/tooltip.tsx similarity index 100% rename from ui/src/ui-components/tooltip.tsx rename to ui/src/ui-library/tooltip.tsx diff --git a/ui/src/ui-components/utils.ts b/ui/src/ui-library/utils.ts similarity index 100% rename from ui/src/ui-components/utils.ts rename to ui/src/ui-library/utils.ts