arengibook 2.0.0-table → 2.0.1-table

package/dist/index.js

@@ -2,6 +2,36 @@ import * as React from 'react';
 import React__default, { useContext, useState, useRef, useEffect, isValidElement, cloneElement, Children, forwardRef, Fragment, useMemo, useCallback } from 'react';
 import ReactDOM from 'react-dom';
 
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z$5 = "";
+styleInject(css_248z$5);
+
 function _arrayWithHoles$f(r) {
   if (Array.isArray(r)) return r;
 }
@@ -5676,7 +5706,6 @@ var Button$1 = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
 }));
 Button$1.displayName = 'Button';
 
-// src/components/Button.jsx
 var Button = function Button(_ref) {
   var _ref$label = _ref.label,
     label = _ref$label === void 0 ? 'Cliquez ici' : _ref$label,
@@ -5881,7 +5910,10 @@ function _iterableToArrayLimit$a(r, l) {
       f = true,
       o = false;
     try {
-      if (i = (t = t.call(r)).next, 0 === l) ; else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
     } catch (r) {
       o = true, n = r;
     } finally {
@@ -13373,33 +13405,6 @@ var LOCALES = {
   }
 };
 
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
 var css_248z$4 = "@charset \"UTF-8\";\n/* Variables couleurs */\n/* Force une largeur à 100% de l'input Calendar */\n.datepicker-fullwidth {\n  width: 100%;\n}\n\n.datepicker-fullwidth > .dp-input-wrapper {\n  width: 100%;\n}\n.datepicker-fullwidth > .dp-input-wrapper > .p-calendar {\n  width: 100%;\n}\n\n.dp-input-wrapper {\n  position: relative;\n  display: inline-flex;\n}\n.dp-input-wrapper .dp-clear-btn {\n  position: absolute;\n  right: 0.5rem;\n  top: 50%;\n  transform: translateY(-50%);\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0.2rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #aaa;\n  z-index: 1;\n  border-radius: 50%;\n  line-height: 1;\n}\n.dp-input-wrapper .dp-clear-btn:hover {\n  color: #555;\n  background-color: rgba(0, 0, 0, 0.06);\n}\n.dp-input-wrapper .dp-clear-btn .pi {\n  font-size: 0.65rem;\n}\n\n.p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {\n  outline: 0 none;\n  outline-offset: 0;\n  box-shadow: 0 0 0 0.2rem #a5f3fc;\n  border-color: #06b6d4;\n}\n\n/* Panel invisible jusqu'au repositionnement (évite le flash position basse → haute) */\n.datepickerbook:not(.dp-ready) {\n  visibility: hidden !important;\n}\n\n/* Neutralise les styles hérités */\n.datepickerbook table,\n.datepickerbook tbody,\n.datepickerbook tr,\n.datepickerbook td,\n.datepickerbook th {\n  background-color: unset !important;\n  color: inherit !important;\n  border: none;\n}\n\n/* Restaure les couleurs et l'entete du calendrier  */\n.datepickerbook .p-datepicker {\n  background-color: #fff !important;\n  color: #333 !important;\n  border-radius: 6px;\n  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n}\n\n.datepickerbook .datepicker-custom-header {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  padding: 0.5rem 0.75rem;\n}\n\n.datepickerbook .datepicker-spinner {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  font-size: 0.85rem;\n}\n\n.datepickerbook .dp-label {\n  margin: 0.25rem 0;\n  font-weight: 500;\n}\n\n.p-datepicker .p-datepicker-title,\n.p-datepicker .p-datepicker-prev,\n.p-datepicker .p-datepicker-next {\n  display: none !important;\n}\n\n.datepickerbook .p-datepicker-header {\n  justify-content: center;\n}\n\n.datepickerbook .dp-popup {\n  position: absolute;\n  top: 100%;\n  margin-top: 0.25rem;\n  background: #fff;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  padding: 0.25rem;\n  z-index: 10;\n}\n\n.datepickerbook .dp-popup-months,\n.datepickerbook .dp-popup-years {\n  display: grid;\n  grid-template-columns: repeat(3, auto);\n  gap: 0.25rem;\n}\n\n.datepickerbook .dp-popup-item {\n  border: none;\n  background: transparent;\n  padding: 0.15rem 0.4rem;\n  cursor: pointer;\n  font-size: 0.8rem;\n}\n\n.datepickerbook .dp-popup-item:hover {\n  background: #eee;\n}\n\n/*.datepickerbook .dp-header-top {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 0.75rem;\n}*/\n.datepickerbook .dp-header-part {\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n}\n\n.datepickerbook .dp-label-button {\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  font-weight: 800;\n  font-size: 16px;\n  margin: 0.25rem 0;\n}\n\n.datepickerbook.dp-monthyear-mode .dp-monthyear-header {\n  padding-bottom: 0.25rem;\n}\n\n.datepickerbook {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  margin-bottom: 0.25rem;\n}\n\n.datepickerbook .dp-back-button {\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  font-size: 0.9rem;\n}\n\n.datepickerbook .dp-title {\n  font-weight: 600;\n  font-size: 0.9rem;\n}\n\n/* Colonnes mois / années */\n.datepickerbook .dp-header-lists {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0.5rem;\n}\n\n.datepickerbook .dp-month-list,\n.datepickerbook .dp-year-list {\n  padding-right: 0.25rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.15rem;\n}\n\n.datepickerbook .dp-list-item:hover {\n  background: #f0f0f0;\n}\n\n.p-datepicker-header.datepicker-custom-header.dp-monthyear-header {\n  margin: auto;\n}\n\n/*.p-monthpicker*/\n.p-datepicker.dp-monthyear-mode {\n  box-shadow: none !important;\n  border-radius: 0px;\n}\n.p-datepicker.dp-monthyear-mode .dp-header-top-alt {\n  display: none !important;\n}\n\n.p-datepicker-monthpicker.dp-monthyear-mode {\n  box-shadow: none !important;\n  border-radius: 0px;\n}\n.p-datepicker-monthpicker.dp-monthyear-mode .dp-header-top-alt {\n  display: none !important;\n}\n\n.p-datepicker {\n  width: 331px !important;\n  min-width: 331px !important;\n  max-width: 331px !important;\n}\n.p-datepicker .dp-arrow {\n  border: none;\n  background-color: transparent;\n  color: rgba(0, 0, 0, 0.3137254902);\n  cursor: pointer;\n}\n.p-datepicker .dp-arrow:hover {\n  color: #06B6D4;\n  background-color: rgba(165, 243, 252, 0.3137254902);\n}\n.p-datepicker.dp-year-only {\n  box-shadow: none !important;\n}\n.p-datepicker.dp-year-only .dp-header-top-alt {\n  display: none !important;\n}\n.p-datepicker.dp-year-only .dp-monthyear-header {\n  width: 205px;\n  min-width: 205px;\n  max-width: 205px;\n}\n.p-datepicker.dp-year-only .dp-monthyear-header .dp-year-container {\n  width: 100%;\n}\n.p-datepicker.dp-year-only .dp-year-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n}\n.p-datepicker.dp-year-only .dp-year-container .dp-arrow-container {\n  width: 100%;\n  border-top: 1px solid #eaeaea;\n  height: 51px;\n  display: flex;\n  align-items: center;\n}\n.p-datepicker.dp-year-only .dp-year-container .dp-arrow-container .dp-arrow-up {\n  border-right: 1px solid #eaeaea;\n  border-radius: 0px 0px 0px 5px !important;\n}\n.p-datepicker.dp-year-only .dp-year-container .dp-arrow-container .dp-arrow-down {\n  border-radius: 0px 0px 5px 0px !important;\n}\n.p-datepicker.dp-year-only .dp-year-container .dp-arrow-container .dp-arrow-year {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  width: 49%;\n  border-radius: 0px;\n  flex: 1;\n}\n.p-datepicker.dp-year-only .dp-year-container .dp-arrow-container .dp-arrow-year:hover {\n  background-color: rgba(165, 243, 252, 0.3137254902);\n}\n.p-datepicker.dp-year-only .dp-year-container .dp-year-list {\n  width: 100%;\n  gap: 0px;\n  padding: 0px;\n}\n.p-datepicker.dp-year-only .dp-year-container .dp-list-item-active {\n  width: 100%;\n  color: #ffffff !important;\n  background-color: #06B6D4 !important;\n  border-bottom: 1px solid #06B6D4 !important;\n  font-weight: 600;\n}\n.p-datepicker.dp-year-only .dp-year-container .dp-list-item {\n  background-color: transparent;\n  border: none;\n  color: black;\n  transition: 0s !important;\n  height: 25px;\n  font-size: 16px;\n  border-radius: 0px;\n  border-bottom: 1px solid #eaeaea;\n  width: 100%;\n}\n.p-datepicker.dp-year-only .dp-year-container .dp-list-item:not(.dp-list-item-big) {\n  padding: 3px 10px !important;\n}\n.p-datepicker.dp-year-only .dp-year-container .dp-list-item:not(.dp-list-item-big):hover {\n  background-color: rgba(165, 243, 252, 0.3137254902) !important;\n  color: #06B6D4;\n}\n.p-datepicker.dp-year-only .dp-year-container .dp-list-item {\n  padding: 3px 10px;\n  transition: background 0.2s;\n}\n\n.dp-monthyear-mode .p-datepicker-group, .p-datepicker-monthpicker .p-datepicker-group, .dp-year-only .p-datepicker-group {\n  padding: 0px !important;\n  border: 0px solid transparent !important;\n}\n.dp-monthyear-mode .dp-monthyear-header, .p-datepicker-monthpicker .dp-monthyear-header, .dp-year-only .dp-monthyear-header {\n  justify-content: flex-start;\n  gap: 0;\n  background: linear-gradient(45deg, #ffffff, #ffffff);\n  border: 1px solid rgba(255, 255, 255, 0.3294117647);\n  border-radius: 8px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  padding: 0px !important;\n  width: 331px;\n  min-width: 331px;\n  max-width: 331px;\n}\n.dp-monthyear-mode .dp-header-top-alt, .p-datepicker-monthpicker .dp-header-top-alt, .dp-year-only .dp-header-top-alt {\n  width: 100%;\n  height: 50px !important;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-bottom: 1px solid #eaeaea;\n}\n.dp-monthyear-mode .dp-header-top-alt .dp-header-top-alt-part:first-child, .p-datepicker-monthpicker .dp-header-top-alt .dp-header-top-alt-part:first-child, .dp-year-only .dp-header-top-alt .dp-header-top-alt-part:first-child {\n  border-right: 1px solid #eaeaea;\n}\n.dp-monthyear-mode .dp-header-top-alt .dp-header-top-alt-part, .p-datepicker-monthpicker .dp-header-top-alt .dp-header-top-alt-part, .dp-year-only .dp-header-top-alt .dp-header-top-alt-part {\n  width: 49%;\n  height: 50px;\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 600;\n  color: black;\n  font-size: 16px;\n  text-transform: capitalize;\n}\n.dp-monthyear-mode .p-datepicker-calendar-container, .p-datepicker-monthpicker .p-datepicker-calendar-container, .dp-year-only .p-datepicker-calendar-container {\n  display: none;\n}\n.dp-monthyear-mode .dp-actions, .p-datepicker-monthpicker .dp-actions, .dp-year-only .dp-actions {\n  width: 100%;\n  background-color: white;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-radius: 0px 0px 5px 5px;\n  padding: 0px 10px 10px 10px;\n}\n.dp-monthyear-mode .dp-actions .p-button:first-child, .p-datepicker-monthpicker .dp-actions .p-button:first-child, .dp-year-only .dp-actions .p-button:first-child {\n  border: 0px solid transparent;\n  color: #06B6D4;\n}\n.dp-monthyear-mode .dp-actions .p-button:last-child, .p-datepicker-monthpicker .dp-actions .p-button:last-child, .dp-year-only .dp-actions .p-button:last-child {\n  background-color: white;\n  border: 1px solid #06B6D4;\n  color: #06B6D4;\n}\n.dp-monthyear-mode .dp-actions .p-button:last-child:hover, .p-datepicker-monthpicker .dp-actions .p-button:last-child:hover, .dp-year-only .dp-actions .p-button:last-child:hover {\n  background-color: #06B6D4;\n  color: white;\n}\n.dp-monthyear-mode .dp-actions .p-button, .p-datepicker-monthpicker .dp-actions .p-button, .dp-year-only .dp-actions .p-button {\n  padding: 10px 15px;\n}\n.dp-monthyear-mode .dp-actions .p-button .p-button-icon, .p-datepicker-monthpicker .dp-actions .p-button .p-button-icon, .dp-year-only .dp-actions .p-button .p-button-icon {\n  display: none;\n}\n.dp-monthyear-mode .dp-header-lists, .p-datepicker-monthpicker .dp-header-lists, .dp-year-only .dp-header-lists {\n  width: calc(100% - 20px);\n  height: 300px;\n  display: flex;\n  align-items: flex-start;\n  gap: initial;\n  padding: 0px;\n  margin: 10px;\n}\n.dp-monthyear-mode .dp-month-list, .p-datepicker-monthpicker .dp-month-list, .dp-year-only .dp-month-list {\n  transition: none !important;\n  border: 1px solid #eaeaea;\n  margin: 0px 10px 0px 0px !important;\n  gap: 0px;\n}\n.dp-monthyear-mode .dp-month-list .dp-list-item-active, .p-datepicker-monthpicker .dp-month-list .dp-list-item-active, .dp-year-only .dp-month-list .dp-list-item-active {\n  width: 100%;\n  color: #fff !important;\n  background-color: #06B6D4 !important;\n  border-bottom: 1px solid #06B6D4 !important;\n  font-weight: 600;\n}\n.dp-monthyear-mode .dp-month-list .dp-list-item, .p-datepicker-monthpicker .dp-month-list .dp-list-item, .dp-year-only .dp-month-list .dp-list-item {\n  border: none;\n  height: 25px;\n  background-color: transparent;\n  font-size: 16px;\n  text-transform: capitalize;\n  border-radius: 0px;\n  margin: 0px;\n  padding: 3px;\n  width: calc(100% - 0px);\n  border-bottom: 1px solid #eaeaea;\n}\n.dp-monthyear-mode .dp-month-list .dp-list-item:hover, .p-datepicker-monthpicker .dp-month-list .dp-list-item:hover, .dp-year-only .dp-month-list .dp-list-item:hover {\n  background-color: rgba(165, 243, 252, 0.3137254902);\n}\n.dp-monthyear-mode .dp-month-list .dp-list-item:last-child, .p-datepicker-monthpicker .dp-month-list .dp-list-item:last-child, .dp-year-only .dp-month-list .dp-list-item:last-child {\n  border: none;\n}\n.dp-monthyear-mode .dp-year-container, .p-datepicker-monthpicker .dp-year-container, .dp-year-only .dp-year-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  border: 1px solid #eaeaea;\n}\n.dp-monthyear-mode .dp-year-container .dp-arrow-container, .p-datepicker-monthpicker .dp-year-container .dp-arrow-container, .dp-year-only .dp-year-container .dp-arrow-container {\n  width: 100%;\n  border-top: 1px solid #eaeaea;\n  height: 51px;\n  display: flex;\n  align-items: center;\n}\n.dp-monthyear-mode .dp-year-container .dp-arrow-container .dp-arrow-up, .p-datepicker-monthpicker .dp-year-container .dp-arrow-container .dp-arrow-up, .dp-year-only .dp-year-container .dp-arrow-container .dp-arrow-up {\n  border-right: 1px solid #eaeaea;\n}\n.dp-monthyear-mode .dp-year-container .dp-arrow-container .dp-arrow-year, .p-datepicker-monthpicker .dp-year-container .dp-arrow-container .dp-arrow-year, .dp-year-only .dp-year-container .dp-arrow-container .dp-arrow-year {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  width: 49%;\n  border-radius: 0px;\n  flex: 1;\n}\n.dp-monthyear-mode .dp-year-container .dp-year-list, .p-datepicker-monthpicker .dp-year-container .dp-year-list, .dp-year-only .dp-year-container .dp-year-list {\n  width: 100%;\n  gap: 0px;\n  padding: 0px;\n}\n.dp-monthyear-mode .dp-year-container .dp-list-item-active, .p-datepicker-monthpicker .dp-year-container .dp-list-item-active, .dp-year-only .dp-year-container .dp-list-item-active {\n  width: 100%;\n  color: #ffffff !important;\n  background-color: #06B6D4 !important;\n  border-bottom: 1px solid #06B6D4 !important;\n  font-weight: 600;\n}\n.dp-monthyear-mode .dp-year-container .dp-list-item, .p-datepicker-monthpicker .dp-year-container .dp-list-item, .dp-year-only .dp-year-container .dp-list-item {\n  background-color: transparent;\n  border: none;\n  color: black;\n  transition: 0s !important;\n  height: 25px;\n  font-size: 16px;\n  border-radius: 0px;\n  border-bottom: 1px solid #eaeaea;\n  width: 100%;\n  padding: 3px 10px;\n}\n.dp-monthyear-mode .dp-year-container .dp-list-item:not(.dp-list-item-big), .p-datepicker-monthpicker .dp-year-container .dp-list-item:not(.dp-list-item-big), .dp-year-only .dp-year-container .dp-list-item:not(.dp-list-item-big) {\n  padding: 3px 10px !important;\n}\n.dp-monthyear-mode .dp-year-container .dp-list-item:not(.dp-list-item-big):hover, .p-datepicker-monthpicker .dp-year-container .dp-list-item:not(.dp-list-item-big):hover, .dp-year-only .dp-year-container .dp-list-item:not(.dp-list-item-big):hover {\n  background-color: rgba(165, 243, 252, 0.3137254902) !important;\n  color: #06B6D4;\n}\n.dp-monthyear-mode .dp-month-list, .dp-monthyear-mode .dp-year-container, .p-datepicker-monthpicker .dp-month-list, .p-datepicker-monthpicker .dp-year-container, .dp-year-only .dp-month-list, .dp-year-only .dp-year-container {\n  width: 49%;\n  flex: 1;\n  margin: 0px;\n  background-color: transparent;\n  padding: 0px;\n  height: 100%;\n}\n.dp-monthyear-mode .dp-month-list .dp-list-item, .dp-monthyear-mode .dp-year-container .dp-list-item, .p-datepicker-monthpicker .dp-month-list .dp-list-item, .p-datepicker-monthpicker .dp-year-container .dp-list-item, .dp-year-only .dp-month-list .dp-list-item, .dp-year-only .dp-year-container .dp-list-item {\n  cursor: pointer;\n}\n.dp-monthyear-mode .dp-month-list .dp-list-item:hover, .dp-monthyear-mode .dp-year-container .dp-list-item:hover, .p-datepicker-monthpicker .dp-month-list .dp-list-item:hover, .p-datepicker-monthpicker .dp-year-container .dp-list-item:hover, .dp-year-only .dp-month-list .dp-list-item:hover, .dp-year-only .dp-year-container .dp-list-item:hover {\n  color: #06B6D4;\n  border-bottom: 1px solid rgba(165, 243, 252, 0.3137254902);\n}\n.dp-monthyear-mode .dp-month-list:hover, .dp-monthyear-mode .dp-year-container:hover, .p-datepicker-monthpicker .dp-month-list:hover, .p-datepicker-monthpicker .dp-year-container:hover, .dp-year-only .dp-month-list:hover, .dp-year-only .dp-year-container:hover {\n  background-color: rgba(255, 255, 255, 0.3137254902);\n}\n\n.p-datepicker {\n  padding: 0px;\n  background-color: white;\n  box-shadow: 1px 2px 26px rgba(0, 0, 0, 0.2117647059);\n  width: 321px;\n}\n.p-datepicker .p-datepicker-group-container {\n  width: 100%;\n}\n.p-datepicker .p-datepicker-group {\n  background: linear-gradient(45deg, rgba(255, 255, 255, 0.7882352941), rgba(255, 255, 255, 0.5294117647));\n  border-radius: 8px;\n  padding-bottom: 1px;\n}\n.p-datepicker .p-datepicker-header {\n  padding: 0px;\n  /*position: fixed;\n  left: 0;*/\n  height: 50px;\n}\n.p-datepicker .p-datepicker-header .datepicker-custom-header {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.p-datepicker .p-datepicker-header .datepicker-custom-header .dp-header-top {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-bottom: 1px solid #eaeaea;\n}\n.p-datepicker .p-datepicker-header .datepicker-custom-header .dp-header-top .dp-header-month {\n  border-right: 1px solid #eaeaea;\n}\n.p-datepicker .p-datepicker-header .datepicker-custom-header .dp-header-top .dp-header-month .dp-arrow-left {\n  border-radius: 7px 0px 0px 0px;\n}\n.p-datepicker .p-datepicker-header .datepicker-custom-header .dp-header-top .dp-header-year .dp-arrow-right {\n  border-radius: 0px 7px 0px 0px;\n}\n.p-datepicker .p-datepicker-header .datepicker-custom-header .dp-header-top .dp-header-part {\n  width: 49%;\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.p-datepicker .p-datepicker-header .datepicker-custom-header .dp-header-top .dp-header-part .dp-arrow {\n  width: 30px;\n  height: 49px;\n  min-width: 30px;\n  min-height: 49px;\n  max-width: 30px;\n  max-height: 49px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.p-datepicker .p-datepicker-header .datepicker-custom-header .dp-header-top .dp-header-part .dp-arrow:hover {\n  background-color: rgba(165, 243, 252, 0.3137254902);\n  color: #06B6D4;\n}\n.p-datepicker .p-datepicker-header .datepicker-custom-header .dp-header-top .dp-header-part .dp-label-button {\n  width: calc(100% - 60px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 50px;\n  margin: 0px;\n  text-transform: capitalize;\n  color: #06B6D4;\n}\n.p-datepicker .p-datepicker-header .datepicker-custom-header .dp-header-top .dp-header-part .dp-label-button:hover {\n  background-color: rgba(165, 243, 252, 0.3137254902);\n  font-weight: 800;\n}\n.p-datepicker .p-datepicker-header .datepicker-custom-header .dp-header-top .dp-header-part:hover {\n  background-color: rgba(255, 255, 255, 0.3137254902);\n}\n.p-datepicker .p-datepicker-calendar-container {\n  padding: 10px;\n  /* margin-top: 50px;*/\n}\n.p-datepicker .p-datepicker-calendar-container .p-datepicker-calendar {\n  margin: 0px;\n}\n.p-datepicker .p-datepicker-calendar-container .p-datepicker-calendar thead tr th {\n  padding: 2px;\n}\n.p-datepicker .p-datepicker-calendar-container .p-datepicker-calendar thead tr th span {\n  color: #000000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.p-datepicker .p-datepicker-calendar-container .p-datepicker-calendar tbody tr .p-datepicker-today {\n  background-color: transparent;\n}\n.p-datepicker .p-datepicker-calendar-container .p-datepicker-calendar tbody tr .p-datepicker-today span {\n  background-color: transparent;\n  font-weight: 600;\n  color: #06B6D4;\n  border: 1px solid #06B6D4;\n  text-decoration: underline;\n}\n.p-datepicker .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td {\n  padding: 0px;\n  border: 1px solid #f4f4f4;\n}\n.p-datepicker .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td .p-highlight {\n  color: #e7efff !important;\n  background-color: #06B6D4 !important;\n  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3137254902);\n  font-weight: 600;\n}\n.p-datepicker .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td .p-disabled {\n  opacity: 0.3;\n  cursor: not-allowed;\n  background-color: rgba(217, 217, 217, 0) !important;\n  font-size: 12px;\n}\n.p-datepicker .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td span {\n  margin: 0;\n  width: 100%;\n  border-radius: 0px;\n}\n.p-datepicker .p-datepicker-calendar-container .p-datepicker-calendar tbody tr td span:hover {\n  background-color: rgba(165, 243, 252, 0.3137254902) !important;\n  color: #06B6D4;\n  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3137254902);\n}\n\n/* WRAPPER GLOBAL */\n.dp-monthyear-header {\n  width: 360px;\n  background: #ffffff;\n  border-radius: 18px;\n  padding: 24px 26px;\n  box-shadow: 0 8px 26px rgba(0, 0, 0, 0.1);\n  display: flex;\n  flex-direction: column;\n  font-family: Inter, sans-serif;\n  gap: 22px;\n}\n\n/* TITRE */\n.dp-header-top-alt .dp-title {\n  font-size: 1.55rem;\n  font-weight: 700;\n  text-align: center;\n  color: #1c1c1c;\n  margin-bottom: 2px;\n}\n\n/* MOIS  */\n.datepickerbook .dp-year-list .dp-list-item:hover {\n  background: #9394d8;\n}\n\n.dp-month-list .dp-list-item-active {\n  background: #ffffff;\n  font-weight: 600;\n}\n\n/* Centrage parfait */\n.dp-year-list {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  padding: 0;\n}\n\n/* Année normale */\n.dp-year-list .dp-list-item {\n  font-size: 1.2rem;\n  color: #8f8f8f;\n  padding: 4px 0;\n  cursor: pointer;\n  transition: 0.15s;\n}\n\n.dp-year-list .dp-list-item:hover {\n  color: #000;\n}\n\n/* FLECHES */\n.dp-arrow-up,\n.dp-arrow-down {\n  font-size: 1.5rem;\n  color: #333;\n  padding: 6px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  margin: 4px 0;\n}\n\n/* ACTIONS BAS – GROS BOUTONS */\n.dp-actions {\n  display: flex;\n  justify-content: center;\n  gap: 20px;\n  padding-top: 5px;\n  padding-bottom: 10px;\n}\n\n/* TITRE MOIS ANNEE */\n.dp-header-top {\n  margin: auto;\n}\n\n/*DATEPICKER MENSUEL CUSTOMISE*/\n.p-monthpicker {\n  display: none !important;\n  margin: auto;\n}\n\n.datepickerbook .p-datepicker-header {\n  border: none !important;\n  border-bottom: none !important;\n  box-shadow: none !important;\n  background: transparent !important;\n}\n\n.datepickerbook.p-datepicker {\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n/*DATEPICKER ANNUEL CUSTOMISE*/\n.p-yearpicker {\n  display: none !important;\n}\n\n.datepickerbook .p-datepicker-footer {\n  margin-bottom: 20px;\n}";
 styleInject(css_248z$4);
 
@@ -37198,7 +37203,7 @@ var DropdownSelectMetaAsync = function DropdownSelectMetaAsync(_ref) {
   }, errorMessage || 'Sélection invalide')));
 };
 
-var css_248z$3 = ".dropdownbook.p-dropdown-panel {\n    z-index: 999999 !important;\n}\n\n.p-tooltip {\n    z-index: 1000000 !important;\n}\n\n.dropdown-tooltip-item {\n    position: relative;\n    width: 100%;\n    cursor: pointer;\n}\n\n\n.dd-search-row {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 10px;\n}\n\n.dd-search-row .p-dropdown-filter-container {\n    flex: 1;\n    min-width: 0;\n}\n\n.dd-search-row .p-dropdown-filter-container .p-dropdown-filter-icon {\n    right: 0.75rem;\n}\n\n.dd-sort-btn {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    border: 1px solid #d1d5db;\n    border-radius: 6px;\n    background: #fff;\n    cursor: pointer;\n    color: #64748b;\n    font-size: 14px;\n    transition: background 0.15s, color 0.15s;\n}\n\n.dd-sort-btn:hover {\n    background: #f1f5f9;\n    color: #334155;\n}\n\n.dropdownbook .p-dropdown-header:has(.dd-search-row) {\n    padding: 0;\n}\n";
+var css_248z$3 = ".dropdownbook.p-dropdown-panel {\n  z-index: 999999 !important;\n}\n\n.p-tooltip {\n  z-index: 1000000 !important;\n}\n\n.dropdown-tooltip-item {\n  position: relative;\n  width: 100%;\n  cursor: pointer;\n}\n\n.dd-search-row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 10px;\n}\n\n.dd-search-row .p-dropdown-filter-container {\n  flex: 1;\n  min-width: 0;\n}\n\n.dd-search-row .p-dropdown-filter-container .p-dropdown-filter-icon {\n  right: 0.75rem;\n}\n\n.dd-sort-btn {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border: 1px solid #d1d5db;\n  border-radius: 6px;\n  background: #fff;\n  cursor: pointer;\n  color: #64748b;\n  font-size: 14px;\n  transition: background 0.15s, color 0.15s;\n}\n\n.dd-sort-btn:hover {\n  background: #f1f5f9;\n  color: #334155;\n}\n\n.dropdownbook .p-dropdown-header:has(.dd-search-row) {\n  padding: 0;\n}";
 styleInject(css_248z$3);
 
 var _excluded = ["class"],
@@ -40726,7 +40731,7 @@ var Badge = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPr
 }));
 Badge.displayName = 'Badge';
 
-var css_248z$2 = ".multiselect-container {\n    position: relative;\n    display: inline-block;\n}\n\n.selected-options-tooltip {\n    position: absolute;\n    background-color: #ffffff;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    padding: 8px;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n    z-index: 1000;\n    width: 400px;\n    top: 100%;\n    left: 0;\n}\n\n.selected-options-tooltip div {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.multiselect-tooltip-item {\n    width: 100%;\n    cursor: pointer;\n}\n\n/* ===== Checkbox hiding (replaces inline <style> tags) ===== */\n\n.ms-no-checkbox .p-multiselect-items .p-multiselect-item .p-checkbox {\n    display: none !important;\n}\n\n.ms-no-checkbox .p-multiselect-items .p-multiselect-item {\n    padding-left: 1rem !important;\n    align-items: center;\n}\n\n/* ===== Custom panel header ===== */\n\n.ms-panel-header {\n    padding: 0;\n}\n\n.ms-search-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    border-bottom: 1px solid #e5e7eb;\n}\n\n.ms-search-row .p-multiselect-filter-container {\n    flex: 1;\n    min-width: 0;\n    position: relative;\n}\n\n.ms-search-row .p-multiselect-filter-container .p-inputtext {\n    width: 100%;\n    padding-right: 1.75rem;\n}\n\n.ms-search-row .p-multiselect-filter-container .p-multiselect-filter-icon {\n    right: 0.75rem;\n    color: #6b7280;\n}\n\n.ms-sort-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    background: none;\n    border: 1px solid #d1d5db;\n    border-radius: 4px;\n    cursor: pointer;\n    padding: 6px 8px;\n    color: #6b7280;\n    transition: background 0.15s, color 0.15s;\n}\n\n.ms-sort-btn:hover {\n    background: #f3f4f6;\n    color: #374151;\n}\n\n.ms-selectall-row {\n    display: flex;\n    align-items: center;\n    padding: 0.75rem 1.25rem;\n    border-bottom: 1px solid #e5e7eb;\n}\n\n.ms-selectall-row .p-checkbox {\n    margin-right: 0;\n}\n\n.ms-selectall-label {\n    font-size: 14px;\n    color: #374151;\n}\n\n.ms-counter {\n    font-size: 13px;\n    color: #9ca3af;\n    margin-left: auto;\n    white-space: nowrap;\n}\n\n/* ===== Custom panel footer ===== */\n\n.ms-panel-footer {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: 8px;\n    padding: 8px 12px;\n    border-top: 1px solid #e5e7eb;\n}\n\n.ms-cancel-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: #6b7280;\n    font-size: 14px;\n    padding: 6px 12px;\n    transition: color 0.15s;\n}\n\n.ms-cancel-btn:hover {\n    color: #374151;\n}\n\n.ms-apply-btn {\n    background: #374151;\n    color: #fff;\n    border: none;\n    border-radius: 4px;\n    padding: 6px 16px;\n    cursor: pointer;\n    font-size: 14px;\n    transition: background 0.15s;\n}\n\n.ms-apply-btn:hover {\n    background: #1f2937;\n}\n\n/* ===== Group header ===== */\n\n.ms-group-header {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    padding: 4px 0;\n    user-select: none;\n}\n\n.ms-group-checkbox {\n    width: 24px;\n    height: 24px;\n    border: 2px solid #d1d5db;\n    border-radius: 4px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-right: 8px;\n    flex-shrink: 0;\n    background: #fff;\n    font-size: 13px;\n    color: #fff;\n    transition: all 0.15s;\n}\n\n.ms-group-checkbox.checked {\n    background-color: #22d3ee;\n    border-color: #22d3ee;\n}\n\n.ms-group-checkbox.partial {\n    background: linear-gradient(to top right, #22d3ee 50%, transparent 50%);\n    border-color: #22d3ee;\n}\n\n.ms-group-label {\n    font-weight: bold;\n    font-size: 14px;\n    flex: 1;\n    min-width: 0;\n}\n\n.ms-group-collapse-btn {\n    flex-shrink: 0;\n    width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid #9ca3af;\n    border-radius: 4px;\n    background: #fff;\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: bold;\n    color: #374151;\n    margin-left: 8px;\n}\n\n.ms-group-collapse-btn:hover {\n    background: #f3f4f6;\n}\n\n.p-checkbox-input {\n    display: none;\n}\n\n.p-checkbox.p-highlight .p-checkbox-box {\n    border-color: #6366f1;\n    background: #6366f1;\n}\n";
+var css_248z$2 = ".multiselect-container {\n  position: relative;\n  display: inline-block;\n}\n\n.selected-options-tooltip {\n  position: absolute;\n  background-color: #ffffff;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  padding: 8px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  z-index: 1000;\n  width: 400px;\n  top: 100%;\n  left: 0;\n}\n\n.selected-options-tooltip div {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.multiselect-tooltip-item {\n  width: 100%;\n  cursor: pointer;\n}\n\n/* ===== Checkbox hiding (replaces inline <style> tags) ===== */\n.ms-no-checkbox .p-multiselect-items .p-multiselect-item .p-checkbox {\n  display: none !important;\n}\n\n.ms-no-checkbox .p-multiselect-items .p-multiselect-item {\n  padding-left: 1rem !important;\n  align-items: center;\n}\n\n/* ===== Custom panel header ===== */\n.ms-panel-header {\n  padding: 0;\n}\n\n.ms-search-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  border-bottom: 1px solid #e5e7eb;\n}\n\n.ms-search-row .p-multiselect-filter-container {\n  flex: 1;\n  min-width: 0;\n  position: relative;\n}\n\n.ms-search-row .p-multiselect-filter-container .p-inputtext {\n  width: 100%;\n  padding-right: 1.75rem;\n}\n\n.ms-search-row .p-multiselect-filter-container .p-multiselect-filter-icon {\n  right: 0.75rem;\n  color: #6b7280;\n}\n\n.ms-sort-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  background: none;\n  border: 1px solid #d1d5db;\n  border-radius: 4px;\n  cursor: pointer;\n  padding: 6px 8px;\n  color: #6b7280;\n  transition: background 0.15s, color 0.15s;\n}\n\n.ms-sort-btn:hover {\n  background: #f3f4f6;\n  color: #374151;\n}\n\n.ms-selectall-row {\n  display: flex;\n  align-items: center;\n  padding: 0.75rem 1.25rem;\n  border-bottom: 1px solid #e5e7eb;\n}\n\n.ms-selectall-row .p-checkbox {\n  margin-right: 0;\n}\n\n.ms-selectall-label {\n  font-size: 14px;\n  color: #374151;\n}\n\n.ms-counter {\n  font-size: 13px;\n  color: #9ca3af;\n  margin-left: auto;\n  white-space: nowrap;\n}\n\n/* ===== Custom panel footer ===== */\n.ms-panel-footer {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n  padding: 8px 12px;\n  border-top: 1px solid #e5e7eb;\n}\n\n.ms-cancel-btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: #6b7280;\n  font-size: 14px;\n  padding: 6px 12px;\n  transition: color 0.15s;\n}\n\n.ms-cancel-btn:hover {\n  color: #374151;\n}\n\n.ms-apply-btn {\n  background: #374151;\n  color: #fff;\n  border: none;\n  border-radius: 4px;\n  padding: 6px 16px;\n  cursor: pointer;\n  font-size: 14px;\n  transition: background 0.15s;\n}\n\n.ms-apply-btn:hover {\n  background: #1f2937;\n}\n\n/* ===== Group header ===== */\n.ms-group-header {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  padding: 4px 0;\n  user-select: none;\n}\n\n.ms-group-checkbox {\n  width: 24px;\n  height: 24px;\n  border: 2px solid #d1d5db;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 8px;\n  flex-shrink: 0;\n  background: #fff;\n  font-size: 13px;\n  color: #fff;\n  transition: all 0.15s;\n}\n\n.ms-group-checkbox.checked {\n  background-color: #22d3ee;\n  border-color: #22d3ee;\n}\n\n.ms-group-checkbox.partial {\n  background: linear-gradient(to top right, #22d3ee 50%, transparent 50%);\n  border-color: #22d3ee;\n}\n\n.ms-group-label {\n  font-weight: bold;\n  font-size: 14px;\n  flex: 1;\n  min-width: 0;\n}\n\n.ms-group-collapse-btn {\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid #9ca3af;\n  border-radius: 4px;\n  background: #fff;\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: bold;\n  color: #374151;\n  margin-left: 8px;\n}\n\n.ms-group-collapse-btn:hover {\n  background: #f3f4f6;\n}\n\n.p-checkbox-input {\n  display: none;\n}\n\n.p-checkbox.p-highlight .p-checkbox-box {\n  border-color: #6366f1;\n  background: #6366f1;\n}";
 styleInject(css_248z$2);
 
 var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
@@ -41260,7 +41265,7 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
   }, errorMessage || 'Sélection invalide'))));
 };
 
-var css_248z$1 = ".badge-base {\n    position: absolute;\n    top: -8px;\n    right: -8px;\n    background: red !important;\n    border-radius: 50% !important;\n    text-align: center;\n    padding: 0 !important;\n}\n\n/* Small */\n.badge-small {\n    font-size: 10px !important;\n    width: 18px !important;\n    height: 18px !important;\n    line-height: 18px !important;\n}\n\n/* Medium */\n.badge-medium {\n    font-size: 12px !important;\n    width: 22px !important;\n    height: 22px !important;\n    line-height: 22px !important;\n}\n\n/* Large */\n.badge-large {\n    font-size: 14px !important;\n    width: 26px !important;\n    height: 26px !important;\n    line-height: 26px !important;\n}\n\n/* XLarge */\n.badge-xlarge {\n    font-size: 16px !important;\n    width: 32px !important;\n    height: 32px !important;\n    line-height: 32px !important;\n}\n\n/* XXLarge */\n.badge-xxlarge {\n    font-size: 18px !important;\n    width: 38px !important;\n    height: 38px !important;\n    line-height: 38px !important;\n}\n";
+var css_248z$1 = ".badge-base {\n  position: absolute;\n  top: -8px;\n  right: -8px;\n  background: red !important;\n  border-radius: 50% !important;\n  text-align: center;\n  padding: 0 !important;\n}\n\n/* Small */\n.badge-small {\n  font-size: 10px !important;\n  width: 18px !important;\n  height: 18px !important;\n  line-height: 18px !important;\n}\n\n/* Medium */\n.badge-medium {\n  font-size: 12px !important;\n  width: 22px !important;\n  height: 22px !important;\n  line-height: 22px !important;\n}\n\n/* Large */\n.badge-large {\n  font-size: 14px !important;\n  width: 26px !important;\n  height: 26px !important;\n  line-height: 26px !important;\n}\n\n/* XLarge */\n.badge-xlarge {\n  font-size: 16px !important;\n  width: 32px !important;\n  height: 32px !important;\n  line-height: 32px !important;\n}\n\n/* XXLarge */\n.badge-xxlarge {\n  font-size: 18px !important;\n  width: 38px !important;\n  height: 38px !important;\n  line-height: 38px !important;\n}";
 styleInject(css_248z$1);
 
 var MultiSelect = function MultiSelect(props) {
@@ -43543,10 +43548,9 @@ var Toast$1 = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (in
 }));
 Toast$1.displayName = 'Toast';
 
-var css_248z = ".p-component {\n    font-size: 17px;\n}\n\n.pi {\n    font-size: 16px;\n}\n\n.toast-body {\n    margin-left: 10px;\n    overflow: hidden;\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n}\n\n.p-toast-message {\n    height:auto;\n}\n.p-toast-message.heightoastlarge {\n    min-height:50px;\n}\n.p-toast-message.heightoastmedium {\n    max-height:100px;\n    overflow: hidden;\n}\n\n.p-toast-message.toast_s--compact {\n    width: 116px;\n    min-width: 56px;\n    padding-right: 0;\n    position: relative;\n}\n\n.p-toast-message.toast_s--compact .p-toast-message-content {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0.5rem;\n}\n\n.p-toast-message.toast_s--compact .maximize-button {\n    margin-right: 20px;\n}\n\n.p-toast-message.toast_s--compact .p-toast-icon-close {\n    position: absolute;\n    top: 4px;\n    right: 4px;\n}\n\n\n.p-toast-message.toast_s--large {\n    width: auto;\n    min-width: auto;\n    padding-right: inherit;\n}\n\n.p-toast-message.toast_s--large .p-toast-message-content {\n    display: flex;\n    align-items: center;\n    padding: 1rem;\n    gap: 0.75rem;\n}\n\n.p-toast-message .maximize-button-container {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n}\n\n.p-toast-message.toast_s--large .p-toast-icon-close {\n    position: static;\n    margin-left: 0.5rem;\n}\n\n/* Title  */\n\n.toast-title {\n    font-weight: 600;\n    font-size: 18px;\n    line-height: 1.3;\n    color: #111827; /* gris très foncé / quasi noir */\n    margin-bottom: 0.25rem;\n}\n\n\n.toast-root {\n    display: flex;\n    align-items: flex-start;\n    width: 100%;\n    gap: 0.75rem;\n}\n.toast-left {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    flex-shrink: 0;\n}\n.toast-body {\n    line-height: 1.4;\n}\n.toast-action-btn {\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    padding: 0;\n}\n.p-toast-message-content {\n    position: relative;\n}\n.p-toast-icon-close {\n    position: static;\n}\n.toast-left .p-toast-icon-close {\n    order: 3;\n}\n/* Toast - Percentage */\n.toast-percentage {\n    margin-top: 0.5rem;\n    width: 100%;\n}\n\n.toast-percentage-label {\n    font-size: 0.875rem;\n    color: #6b7280;\n    margin-bottom: 0.25rem;\n    text-align: right;\n    width: 100%;\n}\n\n.toast-percentage-bar {\n    height: 6px;\n    background-color: #e5e7eb;\n    border-radius: 999px;\n    overflow: hidden;\n    width: 100%;\n}\n\n.toast-percentage-bar-fill {\n    height: 100%;\n    background-color: #3b82f6;\n    transition: width 0.3s ease;\n}\n\n/* Link */\n\n.toast-link {\n    margin-top: 0.5rem;\n}\n\n.toast-link a {\n    font-size: 0.85rem;\n    font-weight: 500;\n    color: #2563eb;\n    text-decoration: underline;\n}\n\n.toast-link a:hover {\n    text-decoration: none;\n}\n\n/* Links */\n\n.toast-links {\n    margin-top: 0.5rem;\n    padding-left: 1rem;\n}\n\n.toast-links li {\n    margin-bottom: 0.25rem;\n}\n\n.toast-links a {\n    font-size: 0.85rem;\n    color: #2563eb;\n    text-decoration: underline;\n}\n\n.toast-links a:hover {\n    text-decoration: none;\n}\n\n.toast-message {\n    padding-right: 20px;\n}\n.p-toast-message {\n    position: relative;\n}\n.p-toast-message .p-toast-icon-close {\n    position: absolute;\n    top: 0.5rem;\n    right: 0.5rem;\n}\n.p-toast-message .toast-action-btn {\n    position: absolute;\n    top: 0.5rem;\n    right: 2.5rem;\n}\n\n/* AttachedFiles */\n\n.toast-attached-files {\n    margin-top: 0.75rem;\n}\n\n.toast-attached-files-title {\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: #6b7280;\n    margin-bottom: 0.25rem;\n}\n\n.toast-attached-files-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n}\n\n.toast-attached-files-list li {\n    margin-bottom: 0.25rem;\n}\n\n.toast-attached-files-list a {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.35rem;\n    font-size: 0.85rem;\n    color: #2563eb;\n    text-decoration: underline;\n}\n\n.toast-attached-files-list a:hover {\n    text-decoration: none;\n}\n\n";
+var css_248z = "@charset \"UTF-8\";\n.p-component {\n  font-size: 17px;\n}\n\n.pi {\n  font-size: 16px;\n}\n\n.toast-body {\n  margin-left: 10px;\n  overflow: hidden;\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n}\n\n.p-toast-message {\n  height: auto;\n}\n\n.p-toast-message.heightoastlarge {\n  min-height: 50px;\n}\n\n.p-toast-message.heightoastmedium {\n  max-height: 100px;\n  overflow: hidden;\n}\n\n.p-toast-message.toast_s--compact {\n  width: 116px;\n  min-width: 56px;\n  padding-right: 0;\n  position: relative;\n}\n\n.p-toast-message.toast_s--compact .p-toast-message-content {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0.5rem;\n}\n\n.p-toast-message.toast_s--compact .maximize-button {\n  margin-right: 20px;\n}\n\n.p-toast-message.toast_s--compact .p-toast-icon-close {\n  position: absolute;\n  top: 4px;\n  right: 4px;\n}\n\n.p-toast-message.toast_s--large {\n  width: auto;\n  min-width: auto;\n  padding-right: inherit;\n}\n\n.p-toast-message.toast_s--large .p-toast-message-content {\n  display: flex;\n  align-items: center;\n  padding: 1rem;\n  gap: 0.75rem;\n}\n\n.p-toast-message .maximize-button-container {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n}\n\n.p-toast-message.toast_s--large .p-toast-icon-close {\n  position: static;\n  margin-left: 0.5rem;\n}\n\n/* Title  */\n.toast-title {\n  font-weight: 600;\n  font-size: 18px;\n  line-height: 1.3;\n  color: #111827; /* gris très foncé / quasi noir */\n  margin-bottom: 0.25rem;\n}\n\n.toast-root {\n  display: flex;\n  align-items: flex-start;\n  width: 100%;\n  gap: 0.75rem;\n}\n\n.toast-left {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  flex-shrink: 0;\n}\n\n.toast-body {\n  line-height: 1.4;\n}\n\n.toast-action-btn {\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n}\n\n.p-toast-message-content {\n  position: relative;\n}\n\n.p-toast-icon-close {\n  position: static;\n}\n\n.toast-left .p-toast-icon-close {\n  order: 3;\n}\n\n/* Toast - Percentage */\n.toast-percentage {\n  margin-top: 0.5rem;\n  width: 100%;\n}\n\n.toast-percentage-label {\n  font-size: 0.875rem;\n  color: #6b7280;\n  margin-bottom: 0.25rem;\n  text-align: right;\n  width: 100%;\n}\n\n.toast-percentage-bar {\n  height: 6px;\n  background-color: #e5e7eb;\n  border-radius: 999px;\n  overflow: hidden;\n  width: 100%;\n}\n\n.toast-percentage-bar-fill {\n  height: 100%;\n  background-color: #3b82f6;\n  transition: width 0.3s ease;\n}\n\n/* Link */\n.toast-link {\n  margin-top: 0.5rem;\n}\n\n.toast-link a {\n  font-size: 0.85rem;\n  font-weight: 500;\n  color: #2563eb;\n  text-decoration: underline;\n}\n\n.toast-link a:hover {\n  text-decoration: none;\n}\n\n/* Links */\n.toast-links {\n  margin-top: 0.5rem;\n  padding-left: 1rem;\n}\n\n.toast-links li {\n  margin-bottom: 0.25rem;\n}\n\n.toast-links a {\n  font-size: 0.85rem;\n  color: #2563eb;\n  text-decoration: underline;\n}\n\n.toast-links a:hover {\n  text-decoration: none;\n}\n\n.toast-message {\n  padding-right: 20px;\n}\n\n.p-toast-message {\n  position: relative;\n}\n\n.p-toast-message .p-toast-icon-close {\n  position: absolute;\n  top: 0.5rem;\n  right: 0.5rem;\n}\n\n.p-toast-message .toast-action-btn {\n  position: absolute;\n  top: 0.5rem;\n  right: 2.5rem;\n}\n\n/* AttachedFiles */\n.toast-attached-files {\n  margin-top: 0.75rem;\n}\n\n.toast-attached-files-title {\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: #6b7280;\n  margin-bottom: 0.25rem;\n}\n\n.toast-attached-files-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.toast-attached-files-list li {\n  margin-bottom: 0.25rem;\n}\n\n.toast-attached-files-list a {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.35rem;\n  font-size: 0.85rem;\n  color: #2563eb;\n  text-decoration: underline;\n}\n\n.toast-attached-files-list a:hover {\n  text-decoration: none;\n}";
 styleInject(css_248z);
 
-// Toast.jsx
 var ICONS = {
   success: "pi pi-check-circle",
   error: "pi pi-times-circle",
@@ -43919,20 +43923,31 @@ var Table = function Table(_ref) {
     selectionMode = _ref$selectionMode === void 0 ? null : _ref$selectionMode,
     selection = _ref.selection,
     onSelectionChange = _ref.onSelectionChange,
+    _ref$editable = _ref.editable,
+    editable = _ref$editable === void 0 ? false : _ref$editable,
+    onChange = _ref.onChange,
     carto = _ref.carto,
     _ref$routing = _ref.routing,
     routing = _ref$routing === void 0 ? typeof window !== 'undefined' && window.Routing ? window.Routing : defaultRouting : _ref$routing;
+  var _useState = useState(value),
+    _useState2 = _slicedToArray$a(_useState, 2),
+    data = _useState2[0],
+    setData = _useState2[1];
   var STORAGE_KEY = useMemo(function () {
     return carto ? "Table:visibleColumns:".concat(carto) : "Table:visibleColumns";
   }, [carto]);
-  var _useState = useState(columns),
-    _useState2 = _slicedToArray$a(_useState, 2),
-    visibleColumns = _useState2[0],
-    setVisibleColumns = _useState2[1];
-  var _useState3 = useState(false),
+  var _useState3 = useState(columns),
     _useState4 = _slicedToArray$a(_useState3, 2),
-    showColumnPicker = _useState4[0],
-    setShowColumnPicker = _useState4[1];
+    visibleColumns = _useState4[0],
+    setVisibleColumns = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray$a(_useState5, 2),
+    showColumnPicker = _useState6[0],
+    setShowColumnPicker = _useState6[1];
+  var _useState7 = useState(''),
+    _useState8 = _slicedToArray$a(_useState7, 2),
+    globalFilter = _useState8[0],
+    setGlobalFilter = _useState8[1];
   useEffect(function () {
     var nextVisible = columns;
     var defaultVisible = columns.filter(function (c) {
@@ -44029,6 +44044,135 @@ var Table = function Table(_ref) {
     }
     return val;
   }, []);
+  var dateTemplate = useCallback(function (rowData, options) {
+    var val = rowData[options.field];
+    if (!val) return '';
+    // Forcer le parsing en heure locale pour éviter le décalage UTC
+    var _String$split = String(val).split('-'),
+      _String$split2 = _slicedToArray$a(_String$split, 3),
+      y = _String$split2[0],
+      m = _String$split2[1],
+      d = _String$split2[2];
+    return new Date(y, m - 1, d).toLocaleDateString('fr-FR', {
+      day: '2-digit',
+      month: '2-digit',
+      year: 'numeric'
+    });
+  }, []);
+  var selectTemplate = useCallback(function (col) {
+    return function (rowData) {
+      var _col$options;
+      var val = rowData[col.field];
+      var opt = (_col$options = col.options) === null || _col$options === void 0 ? void 0 : _col$options.find(function (o) {
+        return o.value === val;
+      });
+      if (!opt) return val !== null && val !== void 0 ? val : '';
+      if (!opt.color) return opt.label;
+      return /*#__PURE__*/React__default.createElement("span", {
+        className: "tab_label",
+        style: {
+          backgroundColor: opt.color,
+          color: textColorForBg(opt.color)
+        }
+      }, opt.label);
+    };
+  }, []);
+  var selectMultipleTemplate = useCallback(function (col) {
+    return function (rowData) {
+      var vals = rowData[col.field];
+      if (!(vals !== null && vals !== void 0 && vals.length)) return '';
+      return /*#__PURE__*/React__default.createElement("div", {
+        style: {
+          display: 'flex',
+          flexWrap: 'wrap',
+          gap: '0.25rem'
+        }
+      }, vals.map(function (v) {
+        var _col$options2;
+        var opt = (_col$options2 = col.options) === null || _col$options2 === void 0 ? void 0 : _col$options2.find(function (o) {
+          return o.value === v;
+        });
+        if (!opt) return null;
+        if (!opt.color) return /*#__PURE__*/React__default.createElement("span", {
+          key: v
+        }, opt.label);
+        return /*#__PURE__*/React__default.createElement("span", {
+          key: v,
+          className: "tab_label",
+          style: {
+            backgroundColor: opt.color,
+            color: textColorForBg(opt.color)
+          }
+        }, opt.label);
+      }));
+    };
+  }, []);
+
+  // --- Cell editors by type ---
+
+  var textEditor = useCallback(function (options) {
+    var _options$value;
+    return /*#__PURE__*/React__default.createElement(InputText, {
+      value: (_options$value = options.value) !== null && _options$value !== void 0 ? _options$value : '',
+      onChange: function onChange(e) {
+        return options.editorCallback(e.target.value);
+      },
+      autoFocus: true
+    });
+  }, []);
+  var dateEditor = useCallback(function (options) {
+    return /*#__PURE__*/React__default.createElement(DatePicker, {
+      value: options.value,
+      onChange: function onChange(e) {
+        return options.editorCallback(e.value ? [e.value.getFullYear(), String(e.value.getMonth() + 1).padStart(2, '0'), String(e.value.getDate()).padStart(2, '0')].join('-') : null);
+      }
+    });
+  }, []);
+  var selectEditor = useCallback(function (col) {
+    return function (options) {
+      return /*#__PURE__*/React__default.createElement(Dropdown, _extends$F({}, DropdownPresets.Base, {
+        value: options.value,
+        options: col.options,
+        onChange: function onChange(e) {
+          return options.editorCallback(e.value);
+        }
+      }));
+    };
+  }, []);
+  var selectMultipleEditor = useCallback(function (col) {
+    return function (options) {
+      var _options$value2;
+      return /*#__PURE__*/React__default.createElement(MultiSelect, _extends$F({}, MultiSelectPresets.Base, {
+        value: (_options$value2 = options.value) !== null && _options$value2 !== void 0 ? _options$value2 : [],
+        options: col.options,
+        onChange: function onChange(ids) {
+          return options.editorCallback(ids);
+        }
+      }));
+    };
+  }, []);
+  var getEditorTemplate = useCallback(function (col) {
+    if (!editable || col.editable === false) return undefined;
+    switch (col.type) {
+      case 'date':
+        return dateEditor;
+      case 'select':
+        return selectEditor(col);
+      case 'selectMultiple':
+        return selectMultipleEditor(col);
+      default:
+        return textEditor;
+    }
+  }, [editable, textEditor, dateEditor, selectEditor, selectMultipleEditor]);
+  var onCellEditComplete = useCallback(function (e) {
+    var rowData = e.rowData,
+      newRowData = e.newRowData;
+    var updated = data.map(function (row) {
+      return row.id === rowData.id ? newRowData : row;
+    });
+    setData(updated);
+    onChange === null || onChange === void 0 || onChange(updated);
+  }, [data, onChange]);
   var htmlTemplate = useCallback(function (rowData, options) {
     var val = rowData[options.field];
     if (!val) return '';
@@ -44209,6 +44353,12 @@ var Table = function Table(_ref) {
         return coloredLabelTemplate;
       case 'criticite':
         return criticiteTemplate;
+      case 'date':
+        return dateTemplate;
+      case 'select':
+        return selectTemplate(col);
+      case 'selectMultiple':
+        return selectMultipleTemplate(col);
       case 'html':
         return htmlTemplate;
       case 'progress':
@@ -44230,7 +44380,7 @@ var Table = function Table(_ref) {
       default:
         return undefined;
     }
-  }, [linkTemplate, labelColorTemplate, coloredLabelTemplate, criticiteTemplate, htmlTemplate, progressTemplate, eventBadgeTemplate, clustersTemplate, ventilationTemplate, ventilationDdmTemplate, kriEvolutionTemplate, evalGlobalDdmTemplate, documentsTemplate]);
+  }, [linkTemplate, labelColorTemplate, coloredLabelTemplate, criticiteTemplate, dateTemplate, selectTemplate, selectMultipleTemplate, htmlTemplate, progressTemplate, eventBadgeTemplate, clustersTemplate, ventilationTemplate, ventilationDdmTemplate, kriEvolutionTemplate, evalGlobalDdmTemplate, documentsTemplate]);
 
   /** Get sortField override for columns that need custom sort ordering */
   var getSortField = useCallback(function (col) {
@@ -44244,12 +44394,53 @@ var Table = function Table(_ref) {
   var header = /*#__PURE__*/React__default.createElement("div", {
     style: {
       display: 'flex',
-      justifyContent: 'flex-end',
+      justifyContent: 'space-between',
       alignItems: 'center',
       gap: '0.5rem',
       flexWrap: 'wrap'
     }
-  }, /*#__PURE__*/React__default.createElement("button", {
+  }, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: '0.5rem',
+      background: '#f4f4f5',
+      borderRadius: '8px',
+      padding: '0.4rem 0.75rem',
+      border: '1px solid #e4e4e7'
+    }
+  }, /*#__PURE__*/React__default.createElement("i", {
+    className: "pi pi-search",
+    style: {
+      color: '#71717a',
+      fontSize: '0.85rem'
+    }
+  }), /*#__PURE__*/React__default.createElement(InputText, {
+    value: globalFilter,
+    onChange: function onChange(e) {
+      return setGlobalFilter(e.target.value);
+    },
+    placeholder: "Rechercher\u2026",
+    style: {
+      border: 'none',
+      background: 'transparent',
+      outline: 'none',
+      boxShadow: 'none',
+      padding: 0,
+      fontSize: '0.875rem',
+      width: '200px'
+    }
+  }), globalFilter && /*#__PURE__*/React__default.createElement("i", {
+    className: "pi pi-times",
+    style: {
+      color: '#71717a',
+      fontSize: '0.75rem',
+      cursor: 'pointer'
+    },
+    onClick: function onClick() {
+      return setGlobalFilter('');
+    }
+  })), /*#__PURE__*/React__default.createElement("button", {
     type: "button",
     className: "p-button p-component p-button-outlined p-button-sm",
     onClick: function onClick() {
@@ -44282,7 +44473,7 @@ var Table = function Table(_ref) {
     className: "p-button-icon p-c pi pi-refresh"
   }))));
   return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(DataTable, {
-    value: value,
+    value: data,
     header: header,
     paginator: paginator,
     rowsPerPageOptions: [5, 10, 25, 50],
@@ -44292,6 +44483,8 @@ var Table = function Table(_ref) {
     selectionMode: selectionMode,
     selection: selection,
     onSelectionChange: onSelectionChange,
+    globalFilter: globalFilter,
+    editMode: editable ? 'cell' : undefined,
     dataKey: "id",
     tableClassName: 'arengi-table',
     resizableColumns: true,
@@ -44310,125 +44503,147 @@ var Table = function Table(_ref) {
       sortField: getSortField(col),
       header: col.header,
       body: getBodyTemplate(col),
+      editor: getEditorTemplate(col),
+      onCellEditComplete: editable && col.editable !== false ? onCellEditComplete : undefined,
       className: col.field === 'nom' ? 'arengi-table-grey-title' : 'hide1time'
     });
   })));
 };
 
-var dataExample = [{
-  id: 1,
-  name: 'Alice',
-  age: 25,
-  email: 'alice@example.com'
+var statutOptions = [{
+  value: 'actif',
+  label: 'Actif',
+  color: '#27AE60'
 }, {
-  id: 2,
-  name: 'Bob',
-  age: 30,
-  email: 'bob@example.com'
+  value: 'inactif',
+  label: 'Inactif',
+  color: '#E67E22'
 }, {
-  id: 3,
-  name: 'Charlie',
-  age: 28,
-  email: 'charlie@example.com'
+  value: 'archive',
+  label: 'Archivé',
+  color: '#95A5A6'
 }];
-var columnsExample = [{
-  field: 'name',
-  header: 'Nom'
+var categorieOptions = [{
+  value: 'client',
+  label: 'Client'
 }, {
-  field: 'age',
-  header: 'Âge'
+  value: 'prospect',
+  label: 'Prospect'
 }, {
-  field: 'email',
-  header: 'Email'
+  value: 'partenaire',
+  label: 'Partenaire'
 }];
-var dataColoredLabel = [{
-  id: 1,
-  criticite: 'Élevé',
-  criticiteColor: 'C0392B',
-  impact: 'Fort',
-  impactColor: 'E74C3C'
+var competencesOptions = [{
+  value: 'react',
+  label: 'React',
+  color: '#61DAFB'
 }, {
-  id: 2,
-  criticite: 'Moyen',
-  criticiteColor: 'E67E22',
-  impact: 'Moyen',
-  impactColor: 'F39C12'
+  value: 'symfony',
+  label: 'Symfony',
+  color: '#1A171B'
 }, {
-  id: 3,
-  criticite: 'Faible',
-  criticiteColor: '27AE60',
-  impact: 'Faible',
-  impactColor: '2ECC71'
-}];
-var columnsColoredLabel = [{
-  field: 'criticite',
-  header: 'Criticité',
-  type: 'coloredLabel'
+  value: 'sql',
+  label: 'SQL',
+  color: '#336791'
+}, {
+  value: 'devops',
+  label: 'DevOps',
+  color: '#EE4C2C'
 }, {
-  field: 'impact',
-  header: 'Impact',
-  type: 'coloredLabel'
+  value: 'design',
+  label: 'Design',
+  color: '#FF61F6'
 }];
-var dataHidden = [{
+var dataTyped = [{
   id: 1,
-  name: 'Alice',
-  age: 25,
-  email: 'alice@example.com',
-  notes: 'Note interne'
+  nom: 'Alice Martin',
+  dateInscription: '2023-04-12',
+  dateNaissance: '1990-07-22',
+  statut: 'actif',
+  categorie: 'client',
+  competences: ['react', 'symfony']
 }, {
   id: 2,
-  name: 'Bob',
-  age: 30,
-  email: 'bob@example.com',
-  notes: 'Note interne'
+  nom: 'Bob Dupont',
+  dateInscription: '2024-01-05',
+  dateNaissance: '1985-11-03',
+  statut: 'inactif',
+  categorie: 'prospect',
+  competences: ['sql']
 }, {
   id: 3,
-  name: 'Charlie',
-  age: 28,
-  email: 'charlie@example.com',
-  notes: 'Note interne'
+  nom: 'Clara Leroy',
+  dateInscription: '2022-09-30',
+  dateNaissance: '1995-02-14',
+  statut: 'actif',
+  categorie: 'partenaire',
+  competences: ['design', 'react']
+}, {
+  id: 4,
+  nom: 'David Bernard',
+  dateInscription: '2023-11-18',
+  dateNaissance: '1978-06-01',
+  statut: 'archive',
+  categorie: 'client',
+  competences: ['devops', 'sql', 'symfony']
+}, {
+  id: 5,
+  nom: 'Emma Petit',
+  dateInscription: '2024-03-22',
+  dateNaissance: '2001-12-09',
+  statut: 'actif',
+  categorie: 'prospect',
+  competences: []
+}, {
+  id: 6,
+  nom: 'François Morel',
+  dateInscription: '2021-06-15',
+  dateNaissance: '1969-08-27',
+  statut: 'inactif',
+  categorie: 'client',
+  competences: ['react', 'devops', 'design']
+}, {
+  id: 7,
+  nom: 'Grace Rousseau',
+  dateInscription: '2025-02-01',
+  dateNaissance: '1993-03-18',
+  statut: 'actif',
+  categorie: 'partenaire',
+  competences: ['symfony', 'sql']
 }];
-var columnsWithHidden = [{
-  field: 'name',
+var columnsTyped = [{
+  field: 'nom',
   header: 'Nom'
 }, {
-  field: 'age',
-  header: 'Âge'
-}, {
-  field: 'email',
-  header: 'Email'
+  field: 'dateInscription',
+  header: 'Inscription',
+  type: 'date'
 }, {
-  field: 'notes',
-  header: 'Notes',
+  field: 'dateNaissance',
+  header: 'Naissance',
+  type: 'date',
   hidden: true
+}, {
+  field: 'statut',
+  header: 'Statut',
+  type: 'select',
+  options: statutOptions
+}, {
+  field: 'categorie',
+  header: 'Catégorie',
+  type: 'select',
+  options: categorieOptions
+}, {
+  field: 'competences',
+  header: 'Compétences',
+  type: 'selectMultiple',
+  options: competencesOptions
 }];
 var TablePresets = {
-  Default: {
-    value: dataExample,
-    columns: columnsExample
-  },
-  Striped: {
-    value: dataExample,
-    columns: columnsExample,
-    stripedRows: true
-  },
-  Loading: {
-    value: [],
-    columns: columnsExample,
-    loading: true
-  },
-  WithSelection: {
-    value: dataExample,
-    columns: columnsExample,
-    selectionMode: 'single'
-  },
-  ColoredLabels: {
-    value: dataColoredLabel,
-    columns: columnsColoredLabel
-  },
-  WithHiddenColumns: {
-    value: dataHidden,
-    columns: columnsWithHidden
+  Base: {
+    value: dataTyped,
+    columns: columnsTyped,
+    editable: true
   }
 };
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "arengibook",
   "private": false,
-  "version": "2.0.0-table",
+  "version": "2.0.1-table",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {