fina-react-ds 1.0.49 → 1.0.51

package/README.md

@@ -1,7 +1,235 @@
 # FINA CONCEPT DS
 
+## Prérequis
+
+This package is designed to work with Tailwind4
+
 ## Installation
 
 ```bash
 npm install fina-react-ds
-```
+```
+
+In `index.css` add this lines : 
+
+```css
+@source "../node_modules/fina-react-ds/dist";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary-light: var(--primary-light);
+  --color-primary-light-foreground: var(--primary-light-foreground);
+  --color-info: var(--info);
+  --color-info-foreground: var(--info-foreground);
+  --color-info-light: var(--info-light);
+  --color-info-light-foreground: var(--info-light-foreground);
+  --color-warning: var(--warning);
+  --color-warning-foreground: var(--warning-foreground);
+  --color-warning-light: var(--warning-light);
+  --color-warning-light-foreground: var(--warning-light-foreground);
+  --color-success: var(--success);
+  --color-success-foreground: var(--success-foreground);
+  --color-success-light: var(--success-light);
+  --color-success-light-foreground: var(--success-light-foreground);
+  --color-dark: var(--dark);
+  --color-dark-foreground: var(--dark-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-destructive-light: var(--destructive-light);
+  --color-destructive-light-foreground: var(--destructive-light-foreground);
+
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-border: var(--border);
+  --color-ring: var(--ring);
+  --color-muted: var(--muted);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-tabs: var(--tabs);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  
+  --color-input: var(--input);
+  --color-input-border: var(--input-border);
+  --color-input-accent: var(--input-accent);
+  --color-input-accent-foreground: var(--input-accent-foreground);
+  --color-placeholder: var(--placeholder);
+  
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+}
+
+:root {
+  --primary: oklch(0.4481 0.0944 269.57);
+  --primary-foreground: oklch(1 0 0);
+  --primary-light: oklch(0.9219 0.0113 269.54);
+  --primary-light-foreground: oklch(0.401 0.0817 269.12);
+  --destructive: oklch(0.6438 0.204 25.26);
+  --destructive-foreground: oklch(1 0 0);
+  --destructive-light: oklch(0.9467 0.0237 30.49);
+  --destructive-light-foreground: oklch(0.6004 0.1556 33.58);
+  --info: oklch(0.6599 0.135 238.76);
+  --info-foreground: oklch(1 0 0);
+  --info-light: oklch(0.9455 0.0226 233.36);
+  --info-light-foreground: oklch(0.587 0.1182 238.22);
+  --warning: oklch(0.8218 0.1423 77.89);
+  --warning-foreground: oklch(1 0 0);
+  --warning-light: oklch(0.9707 0.0237 79.74);
+  --warning-light-foreground: oklch(0.7275 0.1248 77.62);
+  --success: oklch(0.6872 0.1242 179.08);
+  --success-foreground: oklch(1 0 0);
+  --success-light: oklch(0.9471 0.0277 185.57);
+  --success-light-foreground: oklch(0.6095 0.1094 179.62);
+  --dark: oklch(0 0 0);
+  --dark-foreground: oklch(1 0 0);
+
+  --background: oklch(0.9659 0.008 286.25);
+  --foreground: oklch(0.145 0 0);
+  --border: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --muted: oklch(0.5517 0.0138 285.94);
+  --accent: oklch(0.9674 0.0013 286.38);
+  --accent-foreground: oklch(0.2103 0.0059 285.89);
+
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --tabs: oklch(1 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  
+  --input: oklch(1 0 0);
+  --input-border: oklch(0.922 0 0);
+  --input-accent: oklch(0.922 0 0);
+  --input-accent-foreground: oklch(0.145 0 0);
+  --placeholder: oklch(0.5517 0.0138 285.94);
+  
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+
+  --sidebar: oklch(0.4482 0.0944 269.57);
+  --sidebar-foreground: oklch(1 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+  --primary: oklch(0.4481 0.0944 269.57);
+  --primary-foreground: oklch(1 0 0);
+  --primary-light: oklch(0.289 0.0214 265.85);
+  --primary-light-foreground: oklch(0.5656 0.0719 270.69);
+  --destructive: oklch(0.6763 0.1776 33.46);
+  --destructive-foreground: oklch(1 0 0);
+  --destructive-light: oklch(0.324 0.0253 26.24);
+  --destructive-light-foreground: oklch(0.731 0.1407 32.84);
+  --info: oklch(0.6599 0.135 238.76);
+  --info-foreground: oklch(1 0 0);
+  --info-light: oklch(0.325 0.0354 236.54);
+  --info-light-foreground: oklch(0.7215 0.1136 235.18);
+  --warning: oklch(0.8218 0.1423 77.89);
+  --warning-foreground: oklch(1 0 0);
+  --warning-light: oklch(0.3569 0.024 90.72);
+  --warning-light-foreground: oklch(0.8544 0.1201 79.41);
+  --success: oklch(0.6872 0.1242 179.08);
+  --success-foreground: oklch(1 0 0);
+  --success-light: oklch(0.3287 0.036 192.75);
+  --success-light-foreground: oklch(0.7381 0.1169 182.21);
+  --dark: oklch(0.3232 0.0068 248.04);
+  --dark-foreground: oklch(1 0 0);
+
+  --background: oklch(0.2293 0.009 255.61);
+  --foreground: oklch(0.985 0 0);
+  --border: oklch(1 0 0 / 10%);
+  --ring: oklch(0.556 0 0);
+  --muted: oklch(0.708 0 0);
+  --accent: oklch(0.3 0.007 248.07);
+  --accent-foreground: oklch(0.985 0 0);
+
+  --card: oklch(0.2621 0.0095 248.19);
+  --card-foreground: oklch(0.985 0 0);
+  --tabs: oklch(0.2621 0.0095 248.19);
+  --popover: oklch(0.2293 0.009 255.61);
+  --popover-foreground: oklch(0.985 0 0);
+
+  --input: oklch(0.2988 0.0092 248.14);
+  --input-border: oklch(1 0 0 / 15%);
+  --input-accent: oklch(1 0 0 / 15%);
+  --input-accent-foreground: oklch(0.985 0 0);
+  --placeholder: oklch(0.708 0 0);
+
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+
+  --sidebar: oklch(0.2621 0.0095 248.19);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.2958 0.0084 255.57);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.556 0 0);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}
+```
+
+## CKEditor
+
+
+In `index.jsx` add this line :
+
+```jsx
+import "fina-react-ds/ckeditor5.css";
+```
+
+In `index.css` add this lines : 
+
+```css
+:root {
+  --ck-inner-shadow: none;
+  --ck-border-radius: 0.375rem;
+}
+
+.ck-sticky-panel__content {
+    border: none !important;
+}
+
+.ck-editor__editable {
+    min-height: 200px !important;
+    border: none !important;
+}
+````

package/dist/ckeditor5.css

@@ -5163,6 +5163,154 @@ a.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon ) {
  * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
+.ck.ck-table-properties-form {
+	width: 320px;
+}
+.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row {
+			align-self: flex-end;
+		}
+.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar {
+				background: none;
+
+				/* Compensate for missing input label that would push the margin (toolbar has no inputs). */
+				margin-top: var(--ck-spacing-standard);
+			}
+.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items > * {
+					flex: 1;
+				}
+.ck.ck-table-properties-form.ck-table-properties-form_experimental .ck-form__row.ck-table-properties-form__alignment-row {
+				padding: var(--ck-spacing-standard) var(--ck-spacing-large) 0;
+			}
+.ck.ck-table-properties-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__action-row {
+				justify-content: flex-end;
+			}
+.ck.ck-table-properties-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__action-row > .ck.ck-button {
+					flex-grow: initial;
+				}
+.ck.ck-table-properties-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__action-row > .ck.ck-button .ck-button__label {
+						color: currentColor;
+					}
+/*
+ * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+/*
+ * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+/**
+ * Implements rounded corner interface for .ck-rounded-corners class.
+ *
+ * @see $ck-border-radius
+ */
+:root {
+	--ck-table-properties-error-arrow-size: 6px;
+	--ck-table-properties-min-error-width: 150px;
+}
+.ck.ck-table-form.ck-table-properties-form_experimental {
+	--ck-table-form-default-input-width: 80px;
+}
+.ck.ck-table-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__border-row .ck-labeled-field-view > .ck-label {
+					font-size: var(--ck-font-size-tiny);
+					text-align: center;
+				}
+.ck.ck-table-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__border-row .ck-table-form__border-style,
+			.ck.ck-table-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__border-row .ck-table-form__border-width {
+				width: var(--ck-table-form-default-input-width);
+				min-width: var(--ck-table-form-default-input-width);
+				max-width: var(--ck-table-form-default-input-width);
+			}
+.ck.ck-table-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__dimensions-row {
+			--ck-table-form-dimensions-input-width: calc(var(--ck-table-form-default-input-width) * 2 + var(--ck-spacing-large));
+
+			width: var(--ck-table-form-dimensions-input-width);
+			max-width: var(--ck-table-form-dimensions-input-width);
+			min-width: var(--ck-table-form-dimensions-input-width);
+			padding: 0;
+		}
+.ck.ck-table-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width,
+			.ck.ck-table-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__height {
+				width: var(--ck-table-form-default-input-width);
+				min-width: var(--ck-table-form-default-input-width);
+				max-width: var(--ck-table-form-default-input-width);
+				margin: 0
+			}
+.ck.ck-table-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {
+				position: relative;
+				left: -0.5ch;
+				width: 0;
+				overflow: visible;
+				align-self: flex-end;
+				display: inline-block;
+				height: var(--ck-ui-component-min-height);
+				line-height: var(--ck-ui-component-min-height);
+				margin: 0 var(--ck-spacing-small);
+			}
+.ck.ck-table-form.ck-table-properties-form_experimental .ck.ck-labeled-field-view {
+		padding-top: var(--ck-spacing-standard);
+	}
+.ck.ck-table-form.ck-table-properties-form_experimental .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
+			border-radius: 0;
+
+			background: var(--ck-color-base-error);
+			color: var(--ck-color-base-background);
+			padding: var(--ck-spacing-small) var(--ck-spacing-medium);
+			min-width: var(--ck-table-properties-min-error-width);
+			text-align: center;
+
+			animation: ck-table-form-labeled-view-status-appear .15s ease both;
+		}
+.ck-rounded-corners .ck.ck-table-form.ck-table-properties-form_experimental .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status,
+	.ck.ck-table-form.ck-table-properties-form_experimental .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status.ck-rounded-corners {
+		border-radius: var(--ck-border-radius);
+	}
+/* The arrow pointing towards the field. */
+.ck.ck-table-form.ck-table-properties-form_experimental .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after {
+				border-color: transparent transparent var(--ck-color-base-error) transparent;
+				border-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);
+				border-style: solid;
+			}
+@media (prefers-reduced-motion: reduce) {
+.ck.ck-table-form.ck-table-properties-form_experimental .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
+				animation: none;
+		}
+			}
+/* Hide the error balloon when the field is blurred. Makes the experience much more clear. */
+.ck.ck-table-form.ck-table-properties-form_experimental .ck.ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status {
+			display: none;
+		}
+@keyframes ck-table-form-labeled-view-status-appear {
+	0% {
+		opacity: 0;
+	}
+
+	100% {
+		opacity: 1;
+	}
+}
+/*
+ * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+/*
+ * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+/* Ignore labels that work as fieldset legends */
+.ck.ck-form__row > *:not(.ck-label) + * {
+			margin-inline-start: var(--ck-spacing-large);
+		}
+.ck.ck-form__row > .ck-label {
+		width: 100%;
+		min-width: 100%;
+	}
+.ck.ck-form__row.ck-table-form__action-row {
+		margin-top: var(--ck-spacing-large);
+	}
+/*
+ * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
 /*
  * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
@@ -6195,6 +6343,7 @@ Fullscreen layout:
 		<div class="ck ck-fullscreen__sidebar ck-fullscreen__left-sidebar" data-ck-fullscreen="left-sidebar"></div>
 		<div class="ck ck-fullscreen__editable" data-ck-fullscreen="editable"></div>
 		<div class="ck ck-fullscreen__sidebar ck-fullscreen__right-sidebar" data-ck-fullscreen="right-sidebar"></div>
+		<div class="ck ck-fullscreen__right-edge" data-ck-fullscreen="right-edge"></div>
 	</div>
 	<div class="ck ck-fullscreen__bottom-wrapper">
 		<div class="ck ck-fullscreen__body-wrapper" data-ck-fullscreen="body-wrapper"></div>
@@ -6283,7 +6432,7 @@ Fullscreen layout:
 }
 
 .ck-fullscreen__sidebar {
-	width: 300px;
+	width: 270px;
 	margin-top: var(--ck-fullscreen-editor-top-margin);
 	margin-left: 10px;
 }
@@ -6297,18 +6446,41 @@ Fullscreen layout:
 	height: 100%;
 	background-color: transparent;
 	margin-top: 0px;
+	margin-right: 10px;
 	box-sizing: border-box;
 	display: flex;
 	flex-direction: column;
 }
 
-.ck-fullscreen__left-sidebar > :first-child {
+.ck-fullscreen__left-sidebar .ck-button.ck-fullscreen__left-sidebar-toggle-button {
+		--ck-icon-size: 20px;
+		--ck-ui-component-min-height: 0px;
+
+		align-self: flex-start;
+		padding-top: 0;
+		margin-top: var(--ck-fullscreen-editor-top-margin);
+		margin-bottom: var(--ck-spacing-large);
+		opacity: 0.5;
+		border-radius: 100%;
+	}
+
+.ck-fullscreen__left-sidebar > .ck-fullscreen__left-sidebar-sticky {
 		/* Set minimal width if there is any item in the sidebar. */
-		min-width: 300px;
-		/* We have to use padding-top instead of margin-top because margin is scrollable. */
-		padding-top: var(--ck-fullscreen-editor-top-margin);
+		min-width: 270px;
+	}
+
+.ck-fullscreen__left-sidebar > .ck-fullscreen__left-sidebar-sticky:first-child {
+			padding-top: var(--ck-fullscreen-editor-top-margin);
+		}
+
+.ck-fullscreen__left-sidebar.ck-fullscreen__left-sidebar--collapsed {
+		width: 65px;
 	}
 
+.ck-fullscreen__left-sidebar.ck-fullscreen__left-sidebar--collapsed > :not(.ck-fullscreen__left-sidebar-toggle-button) {
+			display: none;
+		}
+
 .ck-fullscreen__left-sidebar .ck.ck-presence-list--collapsed {
 	--ck-user-avatar-size: 32px;
 }
@@ -6379,9 +6551,32 @@ Fullscreen layout:
 	margin-right: auto;
 }
 
-.ck-fullscreen__sidebar.ck-fullscreen__right-sidebar> :first-child {
+.ck-fullscreen__sidebar.ck-fullscreen__right-sidebar:not(.ck-fullscreen__right-sidebar--collapsed) > :first-child {
 		/* Set minimal width if there is any item in the sidebar. */
-		min-width: 300px;
+		min-width: 270px;
+	}
+
+.ck-fullscreen__sidebar.ck-fullscreen__right-sidebar.ck-fullscreen__right-sidebar--collapsed {
+		width: 65px;
+	}
+
+.ck-fullscreen__sidebar.ck-fullscreen__right-sidebar.ck-fullscreen__right-sidebar--collapsed > :first-child {
+			min-width: 65px;
+		}
+
+.ck.ck-fullscreen__right-edge {
+	position: sticky;
+	top: 0;
+	margin-top: 0;
+	margin-left: 10px;
+}
+
+.ck.ck-fullscreen__right-edge > :first-child {
+		border-top: none;
+		border-bottom: none;
+		border-right: none;
+		height: 100%;
+		width: 495px;
 	}
 
 /*
@@ -8733,9 +8928,9 @@ div.ck.ck-balloon-panel.ck-mention-balloon {
 		 * 	* The table has `display: table` style set.
 		 * 	* The block element is placed directly after the table.
 		 */
-		.ck-content figure.table:not(.layout-table):not(:has(> figcaption)) {
-			display: block;
+		.ck-content figure.table:not(.layout-table) {
 			width: fit-content;
+			height: fit-content;
 		}
 
 		/**
@@ -8768,29 +8963,6 @@ div.ck.ck-balloon-panel.ck-mention-balloon {
 	width: 100%;
 }
 
-/*
- * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
-.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row {
-			flex-wrap: wrap;
-		}
-
-.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:first-of-type {
-					/* 4 buttons out of 7 (h-alignment + v-alignment) = 0.57 */
-					flex-grow: 0.57;
-				}
-
-.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:last-of-type {
-					/* 3 buttons out of 7 (h-alignment + v-alignment) = 0.43 */
-					flex-grow: 0.43;
-				}
-
-.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar .ck-button {
-					flex-grow: 1;
-				}
-
 /*
  * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
@@ -8865,96 +9037,156 @@ div.ck.ck-balloon-panel.ck-mention-balloon {
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 
+.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row {
+			flex-wrap: wrap;
+			flex-basis: 0;
+			align-content: baseline;
+		}
+
+.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items {
+				flex-wrap: nowrap;
+			}
+
 /*
  * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
+
 /*
  * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 
 :root {
-	--ck-form-default-width: 340px;
+	--ck-content-color-table-caption-background: hsl(0, 0%, 97%);
+	--ck-content-color-table-caption-text: hsl(0, 0%, 20%);
+	--ck-color-table-caption-highlighted-background: hsl(52deg 100% 50%);
 }
 
-.ck.ck-form {
-	padding: 0 0 var(--ck-spacing-large);
-}
+/* Content styles */
+.ck-content .table > figcaption,
+.ck-content figure.table > table > caption {
+	display: table-caption;
+	caption-side: top;
+	word-break: normal;
+	overflow-wrap: anywhere;
+	text-align: center;
+	color: var(--ck-content-color-table-caption-text);
+	background-color: var(--ck-content-color-table-caption-background);
+	padding: .6em;
+	font-size: .75em;
+	outline-offset: -1px;
 
-.ck.ck-form.ck-form_default-width {
-		width: var(--ck-form-default-width);
+	/* Improve placeholder rendering in high-constrast mode (https://github.com/ckeditor/ckeditor5/issues/14907). */
+}
+@media (forced-colors: active) {
+		.ck-content .table > figcaption, .ck-content figure.table > table > caption {
+		background-color: unset;
+		color: unset;
+		}
 	}
 
-.ck.ck-form:focus {
-		outline: none;
+/* Editing styles */
+@media (forced-colors: none) {
+		.ck.ck-editor__editable .table > figcaption.table__caption_highlighted, .ck.ck-editor__editable figure.table > table > caption.table__caption_highlighted {
+			animation: ck-table-caption-highlight .6s ease-out;
+		}
 	}
+.ck.ck-editor__editable .table > figcaption.ck-placeholder::before, .ck.ck-editor__editable figure.table > table > caption.ck-placeholder::before {
+		padding-left: inherit;
+		padding-right: inherit;
 
-.ck.ck-form .ck.ck-input-text,
-	.ck.ck-form .ck.ck-input-number {
-		min-width: 100%;
-		width: 0;
+		/*
+		 * Make sure the table caption placeholder doesn't overflow the placeholder area.
+		 * See https://github.com/ckeditor/ckeditor5/issues/9162.
+		 */
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
 	}
 
-.ck.ck-form .ck.ck-dropdown {
-		min-width: 100%;
+@keyframes ck-table-caption-highlight {
+	0% {
+		background-color: var(--ck-color-table-caption-highlighted-background);
 	}
 
-.ck.ck-form .ck.ck-dropdown .ck-dropdown__button:not(:focus) {
-				border: 1px solid var(--ck-color-base-border);
-			}
+	100% {
+		background-color: var(--ck-content-color-table-caption-background);
+	}
+}
 
-.ck.ck-form .ck.ck-dropdown .ck-dropdown__button .ck-button__label {
-				width: 100%;
-			}
+/*
+ * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
 
-/* Default `ck-responsive-form` customization when it lies next to `ck-form` class */
+:root {
+	--ck-color-table-column-resizer-hover: var(--ck-color-base-active);
+	--ck-table-column-resizer-width: 7px;
 
-@media screen and (max-width: 600px) {
+	/* The offset used for absolute positioning of the resizer element, so that it is placed exactly above the cell border.
+	   The value is: minus half the width of the resizer decreased additionaly by the half the width of the border (0.5px). */
+	--ck-table-column-resizer-position-offset: calc(var(--ck-table-column-resizer-width) * -0.5 - 0.5px);
+}
 
-.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit {
-					flex-direction: column;
-					align-items: stretch;
-					padding: 0;
-			}
-	}
+.ck-content .table .ck-table-resized {
+	table-layout: fixed;
+}
 
-@media screen and (max-width: 600px) {
-
-.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit > .ck {
-						margin: var(--ck-spacing-large) var(--ck-spacing-large) 0;
-				}
-	}
-
-@media screen and (max-width: 600px) {
+.ck-content .table td,
+.ck-content .table th {
+	/* To prevent text overflowing beyond its cell when columns are resized by resize handler
+	(https://github.com/ckeditor/ckeditor5/pull/14379#issuecomment-1589460978). */
+	overflow-wrap: break-word;
+}
 
-.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit .ck-button_with-text {
-						justify-content: center;
-				}
-	}
+.ck.ck-editor__editable .table td,
+.ck.ck-editor__editable .table th {
+	/* The resizer element is placed inside each cell, so it must be positioned relatively to the cell. */
+	position: relative;
+}
 
-@media screen and (max-width: 600px) {
+.ck.ck-editor__editable .table .ck-table-column-resizer {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	right: var(--ck-table-column-resizer-position-offset);
+	width: var(--ck-table-column-resizer-width);
+	cursor: col-resize;
+	user-select: none;
+	z-index: var(--ck-z-default);
+}
 
-.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_large-bottom-padding {
-					padding-bottom: var(--ck-spacing-large);
-			}
-	}
+.ck.ck-editor__editable.ck-column-resize_disabled .table .ck-table-column-resizer {
+	display: none;
+}
 
-[dir="ltr"] .ck.ck-form.ck-responsive-form > :not(:first-child) {
-				margin-left: 0;
-			}
+/* The resizer elements, which are extended to an extremely high height, break the drag & drop feature in Chrome. To make it work again,
+   all resizers must be hidden while the table is dragged. */
+.ck.ck-editor__editable .table[draggable] .ck-table-column-resizer {
+	display: none;
+}
 
-[dir="rtl"] .ck.ck-form.ck-responsive-form > :not(:last-child) {
-				margin-left: 0;
-			}
+.ck.ck-editor__editable .table .ck-table-column-resizer:hover,
+.ck.ck-editor__editable .table .ck-table-column-resizer__active {
+	background-color: var(--ck-color-table-column-resizer-hover);
+	opacity: 0.25;
+}
 
-/* End of `ck-responsive-form` customization */
+.ck.ck-editor__editable[dir=rtl] .table .ck-table-column-resizer {
+	left: var(--ck-table-column-resizer-position-offset);
+	right: unset;
+}
 
 /*
  * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 
+.ck.ck-form__row.ck-table-form__action-row {
+		justify-content: flex-end;
+	}
+
 .ck.ck-form__row.ck-table-form__action-row .ck-button-save,
 		.ck.ck-form__row.ck-table-form__action-row .ck-button-cancel {
 			justify-content: center;
@@ -8988,15 +9220,11 @@ div.ck.ck-balloon-panel.ck-mention-balloon {
 					flex-grow: 0;
 				}
 
-.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {
-				flex-grow: 0;
-			}
-
 /* Ignore labels that work as fieldset legends */
 
 /* Fallback for table dimension operator */
 
-.ck.ck-table-form .ck-form__row > *:not(.ck-label, .ck-table-form__dimension-operator) {
+.ck.ck-table-form .ck-form__row:not(.ck-table-form__action-row) > *:not(.ck-label, .ck-table-form__dimension-operator) {
 			flex-grow: 1;
 		}
 
@@ -9025,11 +9253,23 @@ div.ck.ck-balloon-panel.ck-mention-balloon {
 				transform: translateX( -50% );
 			}
 
+.ck.ck-table-form:has( .ck-form__header > .ck-button-back ) .ck-form__row.ck-table-form__action-row > .ck.ck-button {
+				flex-grow: initial;
+			}
+
+.ck.ck-table-form:has( .ck-form__header > .ck-button-back ) .ck-form__row.ck-table-form__action-row > .ck.ck-button .ck-button__label {
+					color: currentColor;
+				}
+
 /*
  * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 
+:root {
+	--ck-content-table-style-spacing: 1.5em;
+}
+
 .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row {
 			flex-wrap: wrap;
 			flex-basis: 0;
@@ -9040,136 +9280,241 @@ div.ck.ck-balloon-panel.ck-mention-balloon {
 				flex-wrap: nowrap;
 			}
 
+.ck-content .table.table-style-align-left {
+			float: left;
+			margin-right: var(--ck-content-table-style-spacing);
+		}
+
+.ck-content .table.table-style-align-right {
+			float: right;
+			margin-left: var(--ck-content-table-style-spacing);
+		}
+
+.ck-content .table.table-style-align-center {
+			margin-left: auto;
+			margin-right: auto;
+		}
+
+.ck-content .table.table-style-block-align-left {
+			margin-left: 0;
+			margin-right: auto;
+		}
+
+.ck-content .table.table-style-block-align-right {
+			margin-left: auto;
+			margin-right: 0;
+		}
+
+.ck-editor__editable .table.layout-table.table-style-align-center {
+			margin-left: auto;
+			margin-right: auto;
+		}
+
+.ck-editor__editable .table.layout-table.table-style-align-left {
+			margin-right: var(--ck-content-table-style-spacing);
+		}
+
+.ck-editor__editable .table.layout-table.table-style-align-right {
+			margin-left: var(--ck-content-table-style-spacing);
+		}
+
+.ck-editor__editable .table.layout-table.table-style-block-align-left {
+			margin-left: 0;
+			margin-right: auto;
+		}
+
+.ck-editor__editable .table.layout-table.table-style-block-align-right {
+			margin-left: auto;
+			margin-right: 0;
+		}
+
 /*
  * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 
+/*
+ * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
 /*
  * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 
 :root {
-	--ck-content-color-table-caption-background: hsl(0, 0%, 97%);
-	--ck-content-color-table-caption-text: hsl(0, 0%, 20%);
-	--ck-color-table-caption-highlighted-background: hsl(52deg 100% 50%);
+	--ck-form-default-width: 340px;
 }
 
-/* Content styles */
-.ck-content .table > figcaption,
-.ck-content figure.table > table > caption {
-	display: table-caption;
-	caption-side: top;
-	word-break: normal;
-	overflow-wrap: anywhere;
-	text-align: center;
-	color: var(--ck-content-color-table-caption-text);
-	background-color: var(--ck-content-color-table-caption-background);
-	padding: .6em;
-	font-size: .75em;
-	outline-offset: -1px;
-
-	/* Improve placeholder rendering in high-constrast mode (https://github.com/ckeditor/ckeditor5/issues/14907). */
+.ck.ck-form {
+	padding: 0 0 var(--ck-spacing-large);
 }
-@media (forced-colors: active) {
-		.ck-content .table > figcaption, .ck-content figure.table > table > caption {
-		background-color: unset;
-		color: unset;
-		}
+
+.ck.ck-form.ck-form_default-width {
+		width: var(--ck-form-default-width);
 	}
 
-/* Editing styles */
-@media (forced-colors: none) {
-		.ck.ck-editor__editable .table > figcaption.table__caption_highlighted, .ck.ck-editor__editable figure.table > table > caption.table__caption_highlighted {
-			animation: ck-table-caption-highlight .6s ease-out;
-		}
+.ck.ck-form:focus {
+		outline: none;
 	}
-.ck.ck-editor__editable .table > figcaption.ck-placeholder::before, .ck.ck-editor__editable figure.table > table > caption.ck-placeholder::before {
-		padding-left: inherit;
-		padding-right: inherit;
 
-		/*
-		 * Make sure the table caption placeholder doesn't overflow the placeholder area.
-		 * See https://github.com/ckeditor/ckeditor5/issues/9162.
-		 */
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
+.ck.ck-form .ck.ck-input-text,
+	.ck.ck-form .ck.ck-input-number {
+		min-width: 100%;
+		width: 0;
 	}
 
-@keyframes ck-table-caption-highlight {
-	0% {
-		background-color: var(--ck-color-table-caption-highlighted-background);
+.ck.ck-form .ck.ck-dropdown {
+		min-width: 100%;
 	}
 
-	100% {
-		background-color: var(--ck-content-color-table-caption-background);
+.ck.ck-form .ck.ck-dropdown .ck-dropdown__button:not(:focus) {
+				border: 1px solid var(--ck-color-base-border);
+			}
+
+.ck.ck-form .ck.ck-dropdown .ck-dropdown__button .ck-button__label {
+				width: 100%;
+			}
+
+/* Default `ck-responsive-form` customization when it lies next to `ck-form` class */
+
+@media screen and (max-width: 600px) {
+
+.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit {
+					flex-direction: column;
+					align-items: stretch;
+					padding: 0;
+			}
 	}
-}
+
+@media screen and (max-width: 600px) {
+
+.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit > .ck {
+						margin: var(--ck-spacing-large) var(--ck-spacing-large) 0;
+				}
+	}
+
+@media screen and (max-width: 600px) {
+
+.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit .ck-button_with-text {
+						justify-content: center;
+				}
+	}
+
+@media screen and (max-width: 600px) {
+
+.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_large-bottom-padding {
+					padding-bottom: var(--ck-spacing-large);
+			}
+	}
+
+[dir="ltr"] .ck.ck-form.ck-responsive-form > :not(:first-child) {
+				margin-left: 0;
+			}
+
+[dir="rtl"] .ck.ck-form.ck-responsive-form > :not(:last-child) {
+				margin-left: 0;
+			}
+
+/* End of `ck-responsive-form` customization */
 
 /*
  * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 
-:root {
-	--ck-color-table-column-resizer-hover: var(--ck-color-base-active);
-	--ck-table-column-resizer-width: 7px;
+.ck.ck-form__row.ck-table-form__action-row .ck-button-save,
+		.ck.ck-form__row.ck-table-form__action-row .ck-button-cancel {
+			justify-content: center;
+		}
 
-	/* The offset used for absolute positioning of the resizer element, so that it is placed exactly above the cell border.
-	   The value is: minus half the width of the resizer decreased additionaly by the half the width of the border (0.5px). */
-	--ck-table-column-resizer-position-offset: calc(var(--ck-table-column-resizer-width) * -0.5 - 0.5px);
-}
+/*
+ * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
 
-.ck-content .table .ck-table-resized {
-	table-layout: fixed;
-}
+.ck.ck-table-form .ck-form__row.ck-table-form__border-row {
+			flex-wrap: wrap;
+		}
 
-.ck-content .table td,
-.ck-content .table th {
-	/* To prevent text overflowing beyond its cell when columns are resized by resize handler
-	(https://github.com/ckeditor/ckeditor5/pull/14379#issuecomment-1589460978). */
-	overflow-wrap: break-word;
-}
+.ck.ck-table-form .ck-form__row.ck-table-form__background-row {
+			flex-wrap: wrap;
+		}
 
-.ck.ck-editor__editable .table td,
-.ck.ck-editor__editable .table th {
-	/* The resizer element is placed inside each cell, so it must be positioned relatively to the cell. */
-	position: relative;
-}
+.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row {
+			flex-wrap: wrap;
+			align-items: center;
+		}
 
-.ck.ck-editor__editable .table .ck-table-column-resizer {
-	position: absolute;
-	top: 0;
-	bottom: 0;
-	right: var(--ck-table-column-resizer-position-offset);
-	width: var(--ck-table-column-resizer-width);
-	cursor: col-resize;
-	user-select: none;
-	z-index: var(--ck-z-default);
-}
+.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view {
+				display: flex;
+				flex-direction: column-reverse;
+				align-items: center;
+			}
 
-.ck.ck-editor__editable.ck-column-resize_disabled .table .ck-table-column-resizer {
-	display: none;
-}
+.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view .ck.ck-dropdown {
+					flex-grow: 0;
+				}
 
-/* The resizer elements, which are extended to an extremely high height, break the drag & drop feature in Chrome. To make it work again,
-   all resizers must be hidden while the table is dragged. */
-.ck.ck-editor__editable .table[draggable] .ck-table-column-resizer {
-	display: none;
-}
+.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {
+				flex-grow: 0;
+			}
 
-.ck.ck-editor__editable .table .ck-table-column-resizer:hover,
-.ck.ck-editor__editable .table .ck-table-column-resizer__active {
-	background-color: var(--ck-color-table-column-resizer-hover);
-	opacity: 0.25;
-}
+/* Ignore labels that work as fieldset legends */
 
-.ck.ck-editor__editable[dir=rtl] .table .ck-table-column-resizer {
-	left: var(--ck-table-column-resizer-position-offset);
-	right: unset;
-}
+/* Fallback for table dimension operator */
+
+.ck.ck-table-form .ck-form__row > *:not(.ck-label, .ck-table-form__dimension-operator) {
+			flex-grow: 1;
+		}
+
+.ck.ck-table-form .ck.ck-labeled-field-view {
+		/* Allow absolute positioning of the status (error) balloons. */
+		position: relative;
+	}
+
+.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
+			position: absolute;
+			left: 50%;
+			bottom: calc( -1 * var(--ck-table-properties-error-arrow-size) );
+			transform: translate(-50%,100%);
+
+			/* Make sure the balloon status stays on top of other form elements. */
+			z-index: 1;
+
+			/* The arrow pointing towards the field. */
+		}
+
+.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after {
+				content: "";
+				position: absolute;
+				top: calc( -1 * var(--ck-table-properties-error-arrow-size) );
+				left: 50%;
+				transform: translateX( -50% );
+			}
+
+/*
+ * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+
+.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row {
+			flex-wrap: wrap;
+		}
+
+.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:first-of-type {
+					/* 4 buttons out of 7 (h-alignment + v-alignment) = 0.57 */
+					flex-grow: 0.57;
+				}
+
+.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:last-of-type {
+					/* 3 buttons out of 7 (h-alignment + v-alignment) = 0.43 */
+					flex-grow: 0.43;
+				}
+
+.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar .ck-button {
+					flex-grow: 1;
+				}
 
 /*
  * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
@@ -10573,17 +10918,20 @@ a.ck.ck-button {
 }
 
 /*
- * Integration with the restricted editing mode (feature) of the editor.
+ * Integration with the #isEnabled property of the WidgetTypeAround plugin.
  */
-.ck.ck-editor__editable.ck-restricted-editing_mode_restricted .ck-widget__type-around {
+.ck.ck-editor__editable.ck-widget__type-around_disabled .ck-widget__type-around {
 	display: none;
 }
 
 /*
- * Integration with the #isEnabled property of the WidgetTypeAround plugin.
+ * Integration with the restricted editing mode (feature) of the editor.
  */
-.ck.ck-editor__editable.ck-widget__type-around_disabled .ck-widget__type-around {
-	display: none;
-}
+.ck.ck-editor__editable.ck-restricted-editing_mode_restricted .ck-widget__type-around {
+		display: none;
+	}
+.ck.ck-editor__editable.ck-restricted-editing_mode_restricted div.restricted-editing-exception .ck-widget__type-around {
+		display: initial;
+	}
 
 /*# sourceMappingURL=ckeditor5.css.map */

package/dist/components/file-uploader.js

@@ -1 +1 @@
-var F=Object.defineProperty;var n=(i,c)=>F(i,"name",{value:c,configurable:!0});import{jsxs as r,jsx as e,Fragment as f}from"react/jsx-runtime";import{useState as D,useImperativeHandle as C,useCallback as p}from"react";import{FileIcon as x,DownloadIcon as I,UploadIcon as S}from"lucide-react";import{useDropzone as w}from"react-dropzone";import{cn as o}from"../lib/utils.js";import{Button as b}from"./button.js";function O({onChange:i,"aria-invalid":c,fileTypes:h,ref:v}){const[d,a]=D([]);C(v,()=>({focus:n(()=>{t?.current&&t.current.focus()},"focus")}));const g=p(l=>{a(l),i?.(l.length>0?l[0]:null)},[i]),y=n(()=>{t?.current&&t.current.focus()},"handleFileDialogCancel"),{getRootProps:N,getInputProps:z,acceptedFiles:u,open:j,rootRef:t}=w({maxFiles:1,noClick:!0,onDrop:g,onFileDialogCancel:y}),k=p(l=>{let s=0,m="ko";return s=l.size/1e3,s>1e3&&(s/=1e3,m="mo"),s.toFixed(2)+" "+m},[]);return r("div",{className:"flex space-x-2 items-center h-50",children:[r("div",{className:"flex-1 flex-col h-full shrink-0 bg-accent rounded-md flex items-center justify-center",children:[e("div",{className:o("bg-primary text-primary-foreground flex items-center justify-center rounded-full size-10 mb-4"),children:e(x,{className:"size-4"})}),e("div",{className:"mb-4 text-center",children:"Mon super fichier"}),e(b,{type:"button",color:"info",size:"icon",variant:"ghost",onClick:n(()=>{a([]),i?.(null),t?.current?.focus()},"onClick"),children:e(I,{})})]}),r("div",{...N(),className:o("bg-input border border-input-border flex flex-col h-50 flex-2 rounded-md px-3 py-1 text-base shadow-xs items-center justify-center md:text-sm outline-none","focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"),"aria-invalid":c,children:[d.length>0&&r(f,{children:[e("div",{className:o("bg-primary text-primary-foreground flex items-center justify-center rounded-full size-10 mb-4"),children:e(x,{className:"size-4"})}),r("div",{className:"mb-4 text-center",children:[u[0].name,e("br",{}),k(u[0])]}),e(b,{type:"button",color:"destructive",variant:"ghost",onClick:n(()=>{a([]),i?.(null),t?.current?.focus()},"onClick"),children:"Supprimer"})]}),d.length===0&&r(f,{children:[e("div",{className:o("bg-primary text-primary-foreground flex items-center justify-center rounded-full size-10 mb-4"),children:e(S,{className:"size-4"})}),r("div",{className:"mb-4",children:["Glisser-déposer ou"," ",e("span",{className:"font-bold underline cursor-pointer",onClick:j,children:"Choisir un fichier"})," ","à uploader"]}),r("div",{className:"text-center text-sm md:text-xs",children:["Formats acceptés : ",Object.keys(h).join(", "),e("br",{}),"Taille max : 5Mo"]})]}),e("input",{...z()})]})]})}n(O,"FileUploader");export{O as FileUploader};
+var z=Object.defineProperty;var o=(i,l)=>z(i,"name",{value:l,configurable:!0});import{jsxs as r,jsx as e,Fragment as f}from"react/jsx-runtime";import{useState as j,useCallback as p,useImperativeHandle as k}from"react";import{FileIcon as F,UploadIcon as C}from"lucide-react";import{useDropzone as D}from"react-dropzone";import{cn as c}from"../lib/utils.js";import{Button as I}from"./button.js";function H({onChange:i,"aria-invalid":l,fileTypes:x,ref:b}){const[a,d]=j([]),v=p(n=>{d(n),i?.(n.length>0?n[0]:null)},[i]),{getRootProps:g,getInputProps:h,acceptedFiles:u,open:y,rootRef:t}=D({maxFiles:1,noClick:!0,onDrop:v,onFileDialogCancel:o(()=>{t?.current&&t.current.focus()},"onFileDialogCancel")});k(b,()=>({focus:o(()=>{t?.current&&t.current.focus()},"focus")}));const N=p(n=>{let s=0,m="ko";return s=n.size/1e3,s>1e3&&(s/=1e3,m="mo"),s.toFixed(2)+" "+m},[]);return r("div",{...g(),className:c("bg-input border border-input-border flex flex-col h-50 flex-2 rounded-md px-3 py-1 text-base shadow-xs items-center justify-center md:text-sm outline-none","focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"),"aria-invalid":l,children:[a.length>0&&r(f,{children:[e("div",{className:c("bg-primary text-primary-foreground flex items-center justify-center rounded-full size-10 mb-4"),children:e(F,{className:"size-4"})}),r("div",{className:"mb-4 text-center",children:[u[0].name,e("br",{}),N(u[0])]}),e(I,{type:"button",color:"destructive",variant:"ghost",onClick:o(()=>{d([]),i?.(null),t?.current?.focus()},"onClick"),children:"Supprimer"})]}),a.length===0&&r(f,{children:[e("div",{className:c("bg-primary text-primary-foreground flex items-center justify-center rounded-full size-10 mb-4"),children:e(C,{className:"size-4"})}),r("div",{className:"mb-4",children:["Glisser-déposer ou"," ",e("span",{className:"font-bold underline cursor-pointer",onClick:y,children:"Choisir un fichier"})," ","à uploader"]}),r("div",{className:"text-center text-sm md:text-xs",children:["Formats acceptés : ",Object.keys(x).join(", "),e("br",{}),"Taille max : 5Mo"]})]}),e("input",{...h()})]})}o(H,"FileUploader");export{H as FileUploader};

package/dist/components/form-input.d.ts

@@ -3,5 +3,5 @@ export declare function FormInput({ name, label, description, required, ...props
     name: string;
     label: string;
     description?: string;
-    required: boolean;
+    required?: boolean;
 } & React.ComponentProps<typeof Input>): import("react/jsx-runtime").JSX.Element;

package/dist/lib/arrays.d.ts

@@ -1,3 +1,17 @@
-declare const orderByText: (array: Array<object>, propName: keyof object, order?: "asc" | "desc") => object[];
-declare const orderBy: (array: Array<object>, propName: keyof object, order?: "asc" | "desc") => object[];
+/**
+ * Sorts an array of objects by a string property (case-insensitive).
+ * @param array - The array to sort
+ * @param propName - The property name to sort by
+ * @param order - Sort order: "asc" or "desc"
+ * @returns The sorted array
+ */
+declare const orderByText: <T extends Record<string, unknown>>(array: T[], propName: keyof T, order?: "asc" | "desc") => T[];
+/**
+ * Sorts an array of objects by a property.
+ * @param array - The array to sort
+ * @param propName - The property name to sort by
+ * @param order - Sort order: "asc" or "desc"
+ * @returns The sorted array
+ */
+declare const orderBy: <T extends Record<string, unknown>>(array: T[], propName: keyof T, order?: "asc" | "desc") => T[];
 export { orderByText, orderBy };

package/dist/lib/arrays.js

@@ -1 +1 @@
-var u=Object.defineProperty;var c=(r,t)=>u(r,"name",{value:t,configurable:!0});const f=c((r,t,s="asc")=>r.sort((e,n)=>e[t].toLowerCase()<n[t].toLowerCase()?s==="asc"?-1:1:e[t].toLowerCase()>n[t].toLowerCase()?s==="asc"?1:-1:0),"orderByText"),i=c((r,t,s="asc")=>r.sort((e,n)=>e[t]<n[t]?s==="asc"?-1:1:e[t]>n[t]?s==="asc"?1:-1:0),"orderBy");export{i as orderBy,f as orderByText};
+var o=Object.defineProperty;var u=(r,t)=>o(r,"name",{value:t,configurable:!0});const f=u((r,t,e="asc")=>r.sort((a,c)=>{const n=String(a[t]??"").toLowerCase(),s=String(c[t]??"").toLowerCase();return n<s?e==="asc"?-1:1:n>s?e==="asc"?1:-1:0}),"orderByText"),l=u((r,t,e="asc")=>r.sort((a,c)=>{const n=a[t],s=c[t];return n<s?e==="asc"?-1:1:n>s?e==="asc"?1:-1:0}),"orderBy");export{l as orderBy,f as orderByText};

package/package.json

@@ -5,7 +5,7 @@
     "url": "https://github.com/F1na/fina-react-ds"
   },
   "private": false,
-  "version": "1.0.49",
+  "version": "1.0.51",
   "type": "module",
   "files": [
     "dist"
@@ -46,11 +46,11 @@
   },
   "dependencies": {
     "@ckeditor/ckeditor5-react": "^11.0.0",
-    "ckeditor5": "^47.1.0",
+    "ckeditor5": "^47.3.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "date-fns": "^4.0.0",
-    "lucide-react": "^0.546.0",
+    "lucide-react": "^0.561.0",
     "next-themes": "^0.4.6",
     "qs": "^6.14.0",
     "radix-ui": "^1.4.3",
@@ -60,33 +60,32 @@
     "react-select": "^5.10.2",
     "react-spinners": "^0.17.0",
     "sonner": "^2.0.7",
-    "tailwind-merge": "^3.3.1",
+    "tailwind-merge": "^3.4.0",
     "tw-animate-css": "^1.4.0",
     "yup": "^1.7.1"
   },
   "devDependencies": {
     "@eslint/js": "^9.38.0",
-    "@tailwindcss/cli": "^4.1.15",
-    "@tailwindcss/vite": "^4.1.15",
-    "@types/node": "^24.9.0",
+    "@tailwindcss/vite": "^4.1.18",
+    "@types/node": "^25.0.2",
     "@types/qs": "^6.14.0",
-    "@types/react": "^19.2.2",
-    "@types/react-dom": "^19.2.2",
-    "vom": "^4.1.0",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react-swc": "^4.2.2",
     "eslint": "^9.38.0",
     "eslint-plugin-react-hooks": "^7.0.0",
     "eslint-plugin-react-refresh": "^0.4.24",
-    "globals": "^16.4.0",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "react-hook-form": "^7.65.0",
+    "globals": "^16.5.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "react-hook-form": "^7.68.0",
     "rimraf": "^6.0.1",
     "rollup": "^4.52.5",
-    "tailwindcss": "^4.1.15",
+    "tailwindcss": "^4.1.18",
     "tsc-alias": "^1.8.16",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.46.2",
-    "vite": "^7.1.11",
+    "vite": "^7.2.7",
     "vite-plugin-static-copy": "^3.1.4"
   },
   "peerDependencies": {

package/dist/index.d.ts

@@ -1,51 +0,0 @@
-export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, } from "./components/alert-dialog";
-export { Alert, AlertTitle, AlertDescription } from "./components/alert";
-export { Badge } from "./components/badge";
-export { Button, buttonVariants } from "./components/button";
-export { Avatar, AvatarImage, AvatarFallback } from "./components/avatar";
-export { Calendar } from "./components/calendar";
-export { Card, CardHeader, CardAction, CardTitle, CardDescription, CardContent, CardFooter, } from "./components/card";
-export { Checkbox } from "./components/checkbox";
-export { DatePicker } from "./components/date-picker";
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from "./components/dialog";
-export { DataLoader } from "./components/data-loader";
-export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, } from "./components/dropdown-menu";
-export { FileUploader } from "./components/file-uploader";
-export { ImageUploader } from "./components/image-uploader";
-export { HoverCard, HoverCardTrigger, HoverCardContent, } from "./components/hover-card";
-export { Input } from "./components/input";
-export { Label } from "./components/label";
-export { ModeToggle } from "./components/mode-toggle";
-export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, } from "./components/pagination";
-export { PasswordRulesChecker } from "./components/password-rules-checker";
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, } from "./components/popover";
-export { Select } from "./components/select";
-export { Separator } from "./components/separator";
-export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetBody, SheetFooter, SheetTitle, SheetDescription, } from "./components/sheet";
-export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, } from "./components/sidebar";
-export { SimplePagination } from "./components/simple-pagination";
-export { SimpleTooltip } from "./components/simple-tooltip";
-export { Skeleton } from "./components/skeleton";
-export { Switch } from "./components/switch";
-export { Toaster } from "./components/sonner";
-export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, } from "./components/table";
-export { Tabs, TabsList, TabsTrigger, TabsContent } from "./components/tabs";
-export { Textarea } from "./components/textarea";
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, } from "./components/tooltip";
-export { FormDate } from "./components/form-date";
-export { FormColorPicker } from "./components/form-color-picker";
-export { FormFileUploader } from "./components/form-file-uploader";
-export { FormInput } from "./components/form-input";
-export { FormSelect } from "./components/form-select";
-export { FormSwitch } from "./components/form-switch";
-export { FormTextarea } from "./components/form-textarea";
-export { FormImageUploader } from "./components/form-image-uploader";
-export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, } from "./components/form";
-export { ThemeProvider, useTheme } from "./providers/theme-provider";
-export { LoaderProvider, useLoader } from "./providers/loader-provider";
-export { formatDate } from "./lib/dates";
-export { requestApi } from "./lib/http";
-export { isNullOrEmptyString } from "./lib/strings";
-export { orderByText, orderBy } from "./lib/arrays";
-export { cn, apiErrorDescription, manageApiFormErrors } from "./lib/utils";
-export { string, number, boolean, date, array, object, mixed, ref, lazy, reach, addMethod, } from "./lib/yup";