@krosoft/react 0.0.181 → 0.0.182

package/dist/{ConfirmationDialog-9CKgZoNY.js → ConfirmationDialog-BPXA2g3g.js}

@@ -12,30 +12,30 @@ import "tailwind-merge";
 import "./select-BpjFWqAY.js";
 import "next-themes";
 import "sonner";
-import { useState as w, useEffect as ee } from "react";
+import { useState as y, useEffect as ee } from "react";
 import { useTranslation as O } from "react-i18next";
 import { G as le } from "./GenericForm-B39toMkE.js";
 import { E as ie } from "./ErrorAlert-SrIcU1mM.js";
 function re({ open: t, onOpenChange: c, config: l, isLoading: u, error: s, children: p }) {
-  const { t: i } = O(), { title: b, description: m, icon: f, maxWidth: g = "sm:max-w-xl", actions: n } = l;
-  return /* @__PURE__ */ e(q, { open: t, onOpenChange: c, children: /* @__PURE__ */ r(B, { className: `${g} max-h-[90vh] border-0 shadow-2xl p-0 flex flex-col overflow-hidden`, children: [
+  const { t: i } = O(), { title: b, description: d, icon: f, maxWidth: g = "sm:max-w-xl", actions: n } = l;
+  return /* @__PURE__ */ e(q, { open: t, onOpenChange: c, children: /* @__PURE__ */ r(B, { className: `${g} max-h-[100dvh] sm:max-h-[90vh] border-0 shadow-2xl p-0 flex flex-col overflow-hidden`, children: [
     u === !0 ? /* @__PURE__ */ e("div", { className: "absolute top-0 left-0 right-0 z-10", children: /* @__PURE__ */ e(R, { indeterminate: !0, className: "h-1 rounded-none" }) }) : null,
-    /* @__PURE__ */ r(W, { className: "bg-gradient-to-r from-slate-900 to-purple-700 p-6 rounded-t-surface shrink-0", children: [
-      /* @__PURE__ */ r(X, { className: "text-2xl font-bold flex items-center gap-2 text-white", children: [
+    /* @__PURE__ */ r(W, { className: "bg-gradient-to-r from-slate-900 to-purple-700 p-4 sm:p-6 sm:rounded-t-surface shrink-0", children: [
+      /* @__PURE__ */ r(X, { className: "text-xl sm:text-2xl font-bold flex items-center gap-2 text-white", children: [
         f !== void 0 ? /* @__PURE__ */ e("div", { className: "p-2 bg-white/20 rounded-control", children: /* @__PURE__ */ e(f, { className: "size-4 text-white" }) }) : null,
         i(b)
       ] }),
-      m !== void 0 && m !== "" ? /* @__PURE__ */ e($, { className: "text-indigo-100 text-base", children: i(m) }) : null
+      d !== void 0 && d !== "" ? /* @__PURE__ */ e($, { className: "text-indigo-100 text-base", children: i(d) }) : null
     ] }),
     s != null ? /* @__PURE__ */ e("div", { className: "px-6  ", children: /* @__PURE__ */ r(Z, { variant: "destructive", className: "max-w-full", children: [
       /* @__PURE__ */ e(L, { className: "size-4" }),
       /* @__PURE__ */ e(_, { className: "break-words overflow-wrap-anywhere max-w-full", children: s.message })
     ] }) }) : null,
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto px-6 py-4", children: p }),
-    n !== void 0 && n.length > 0 ? /* @__PURE__ */ e("div", { className: "rounded-b-surface border-t border-gray-200 dark:border-gray-700 shrink-0 p-6 light:bg-gradient-to-r light:from-gray-50 light:to-gray-100 dark:bg-gray-950", children: /* @__PURE__ */ e("div", { className: "flex justify-end gap-3", children: n.map((a, y) => /* @__PURE__ */ r(v, { variant: a.variant ?? "default", onClick: a.onClick, disabled: a.disabled === !0 || u === !0, children: [
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto px-4 sm:px-6 py-4", children: p }),
+    n !== void 0 && n.length > 0 ? /* @__PURE__ */ e("div", { className: "sm:rounded-b-surface border-t border-gray-200 dark:border-gray-700 shrink-0 p-4 sm:p-6 light:bg-gradient-to-r light:from-gray-50 light:to-gray-100 dark:bg-gray-950", children: /* @__PURE__ */ e("div", { className: "flex justify-end gap-3", children: n.map((a, k) => /* @__PURE__ */ r(v, { variant: a.variant ?? "default", onClick: a.onClick, disabled: a.disabled === !0 || u === !0, children: [
       a.icon !== void 0 ? /* @__PURE__ */ e(a.icon, { className: "size-4" }) : null,
       i(a.label)
-    ] }, y)) }) }) : null
+    ] }, k)) }) }) : null
   ] }) });
 }
 function De({
@@ -47,29 +47,29 @@ function De({
   schema: p,
   onSave: i,
   customFooter: b,
-  defaultEditing: m = !1,
+  defaultEditing: d = !1,
   footerActions: f = !0,
   saveLabel: g = "Sauvegarder",
   cancelLabel: n = "Annuler",
   hideSaveIcon: a = !1,
-  maxWidth: y = "sm:max-w-4xl",
+  maxWidth: k = "sm:max-w-4xl",
   isLoading: h = !1
 }) {
-  const [N, x] = w(m), [o, A] = w(!1), [C, P] = w(null);
+  const [x, N] = y(d), [o, A] = y(!1), [C, P] = y(null);
   if (ee(() => {
-    t && x(m);
-  }, [t, m]), l == null) return null;
+    t && N(d);
+  }, [t, d]), l == null) return null;
   const z = () => {
-    N ? i !== void 0 && C && C() : x(!0);
-  }, k = () => {
-    x(!1);
+    x ? i !== void 0 && C && C() : N(!0);
+  }, w = () => {
+    N(!1);
   }, E = () => {
     i !== void 0 && C && C();
-  }, G = async (d) => {
+  }, G = async (m) => {
     if (i) {
       A(!0);
       try {
-        await i(d), x(!1);
+        await i(m), N(!1);
       } catch (K) {
         console.error(K);
       } finally {
@@ -77,9 +77,9 @@ function De({
       }
     }
   }, D = [];
-  i !== void 0 && (N ? (n !== "" && D.push({
+  i !== void 0 && (x ? (n !== "" && D.push({
     label: n,
-    onClick: k,
+    onClick: w,
     variant: "outline",
     disabled: o || h,
     icon: S
@@ -97,39 +97,39 @@ function De({
   }));
   const H = {
     title: u(l),
-    maxWidth: y,
+    maxWidth: k,
     actions: f ? D : []
   };
   return /* @__PURE__ */ e(
     re,
     {
       open: t,
-      onOpenChange: (d) => {
-        c(d), d || k();
+      onOpenChange: (m) => {
+        c(m), m || w();
       },
       config: H,
       isLoading: o || h,
-      children: /* @__PURE__ */ r("div", { className: "py-4", children: [
+      children: /* @__PURE__ */ r("div", { children: [
         s !== void 0 ? /* @__PURE__ */ e("div", { className: "mb-4", children: s(l) }) : null,
         /* @__PURE__ */ e(
           le,
           {
             schema: p,
             initialData: l,
-            disabled: !N,
-            onSubmit: (d) => {
-              G(d);
+            disabled: !x,
+            onSubmit: (m) => {
+              G(m);
             },
             renderActions: !1,
-            onRegisterSubmit: (d) => {
-              P(() => d);
+            onRegisterSubmit: (m) => {
+              P(() => m);
             },
             isLoading: o || h
           }
         ),
         b !== void 0 ? b(l) : null,
-        i !== void 0 && !f ? /* @__PURE__ */ e("div", { className: "flex justify-end gap-2 border-t pt-4 mt-6", children: N ? /* @__PURE__ */ r(M, { children: [
-          n !== "" ? /* @__PURE__ */ r(v, { onClick: k, variant: "outline", size: "sm", disabled: o || h, children: [
+        i !== void 0 && !f ? /* @__PURE__ */ e("div", { className: "flex justify-end gap-2 border-t pt-4 mt-6", children: x ? /* @__PURE__ */ r(M, { children: [
+          n !== "" ? /* @__PURE__ */ r(v, { onClick: w, variant: "outline", size: "sm", disabled: o || h, children: [
             /* @__PURE__ */ e(S, { className: "size-4 mr-2" }),
             n
           ] }) : null,
@@ -145,7 +145,7 @@ function De({
     }
   );
 }
-function ye({ isLoading: t, error: c, config: l, destructive: u = !1 }) {
+function ke({ isLoading: t, error: c, config: l, destructive: u = !1 }) {
   const { t: s } = O();
   if (!l) return null;
   const p = (i) => {
@@ -180,6 +180,6 @@ function ye({ isLoading: t, error: c, config: l, destructive: u = !1 }) {
 }
 export {
   re as A,
-  ye as C,
+  ke as C,
   De as F
 };

package/dist/components/core/dialogs/index.js

@@ -1,4 +1,4 @@
-import { A as i, C as s, F as g } from "../../../ConfirmationDialog-9CKgZoNY.js";
+import { A as i, C as s, F as g } from "../../../ConfirmationDialog-BPXA2g3g.js";
 import { D as r, a as D, b as e, c as t, d as n, e as p, f, g as m, h as C, i as F, P } from "../../../toggle-group-D6c-gM1D.js";
 export {
   i as AppDialog,

package/dist/components/core/index.js

@@ -1,6 +1,6 @@
 import { D as r, M as o } from "../../MetricCard-CvQFjIOb.js";
 import { K as t, a as i, S as l, b as p } from "../../SkeletonCards-BvJYF_LK.js";
-import { A as m, C as d, F as g } from "../../ConfirmationDialog-9CKgZoNY.js";
+import { A as m, C as d, F as g } from "../../ConfirmationDialog-BPXA2g3g.js";
 import { D as A, a as D, b as T, c as n, d as c, e as x, f as S, g as C, h as F, i as P, P as h } from "../../toggle-group-D6c-gM1D.js";
 import { A as k, a as H, F as I, S as K, T as v } from "../../TableFilter-CWDy_RHA.js";
 import { G as M } from "../../GenericForm-B39toMkE.js";

package/dist/components/index.js

@@ -1,6 +1,6 @@
 import { D as o, M as r } from "../MetricCard-CvQFjIOb.js";
 import { K as t, a as n, S as i, b as l } from "../SkeletonCards-BvJYF_LK.js";
-import { A as p, C as u, F as g } from "../ConfirmationDialog-9CKgZoNY.js";
+import { A as p, C as u, F as g } from "../ConfirmationDialog-BPXA2g3g.js";
 import { A as C, j as m, k as T, l as S, m as c, n as D, o as M, p as x, q as A, r as I, s as P, t as h, u as f, v as w, w as v, x as F, B as L, y as B, z as G, C as H, E as R, F as k, G as N, H as y, I as E, J as O, K as V, L as K, M as z, N as U, O as j, Q as q, R as J, S as Q, T as W, U as X, V as Y, W as Z, X as _, Y as $, Z as aa, _ as ea, $ as oa, a0 as ra, a1 as sa, a2 as ta, a3 as na, a4 as ia, a5 as la, a6 as ba, a7 as pa, a8 as ua, a9 as ga, aa as da, ab as Ca, ac as ma, ad as Ta, ae as Sa, af as ca, ag as Da, ah as Ma, ai as xa, aj as Aa, ak as Ia, al as Pa, am as ha, an as fa, D as wa, a as va, b as Fa, c as La, d as Ba, e as Ga, f as Ha, g as Ra, h as ka, i as Na, ao as ya, ap as Ea, aq as Oa, ar as Va, as as Ka, at as za, au as Ua, av as ja, aw as qa, ax as Ja, ay as Qa, az as Wa, aA as Xa, aB as Ya, aC as Za, aD as _a, aE as $a, aF as ae, aG as ee, aH as oe, aI as re, aJ as se, aK as te, aL as ne, aM as ie, aN as le, aO as be, aP as pe, aQ as ue, aR as ge, aS as de, aT as Ce, aU as me, aV as Te, aW as Se, aX as ce, aY as De, aZ as Me, a_ as xe, a$ as Ae, b0 as Ie, b1 as Pe, b2 as he, b3 as fe, b4 as we, b5 as ve, b6 as Fe, b7 as Le, b8 as Be, b9 as Ge, ba as He, bb as Re, bc as ke, bd as Ne, be as ye, bf as Ee, bg as Oe, bh as Ve, bi as Ke, bj as ze, bk as Ue, bl as je, bm as qe, bn as Je, bo as Qe, bp as We, bq as Xe, br as Ye, bs as Ze, bt as _e, bu as $e, bv as ao, bw as eo, bx as oo, P as ro, by as so, bz as to, bA as no, bB as io, bC as lo, bD as bo, bE as po, bF as uo, bG as go, bH as Co, bI as mo, bJ as To, bK as So, bL as co, bM as Do, bN as Mo, bO as xo, bP as Ao, bQ as Io, bR as Po, bS as ho, bT as fo, bU as wo, bV as vo, bW as Fo, bX as Lo, bY as Bo, bZ as Go, b_ as Ho, b$ as Ro, c0 as ko, c1 as No, c2 as yo, c3 as Eo } from "../toggle-group-D6c-gM1D.js";
 import { A as Vo, a as Ko, F as zo, S as Uo, T as jo } from "../TableFilter-CWDy_RHA.js";
 import { G as Jo } from "../GenericForm-B39toMkE.js";

package/dist/tailwind/index.d.ts

@@ -11,17 +11,17 @@
  */
 export declare const krosoftContent: string[];
 /**
- * Shared Tailwind CSS preset for @krosoft/react projects.
+ * Preset Tailwind CSS partagé par les projets @krosoft/react.
  *
- * Contains the common shadcn/ui design tokens shared across all projects:
- * - Dark mode configuration
- * - Container settings
- * - Base color mappings (border, input, ring, background, foreground, primary, etc.)
- * - Border radius tokens
- * - Accordion keyframes & animations
- * - tailwindcss-animate plugin
+ * Regroupe les tokens de design shadcn/ui communs à tous les projets :
+ * - configuration du mode sombre ;
+ * - réglages du conteneur ;
+ * - mapping des couleurs de base (border, input, ring, background, foreground, primary…) ;
+ * - tokens de rayon de bordure ;
+ * - keyframes & animations de l'accordéon ;
+ * - plugin tailwindcss-animate.
  *
- * Usage in a consuming project's tailwind.config.ts:
+ * Utilisation dans le tailwind.config.ts d'un projet consommateur :
  *
  * ```ts
  * import krosoftPreset, { krosoftContent } from "@krosoft/react/tailwind";
@@ -31,7 +31,7 @@ export declare const krosoftContent: string[];
  *   content: [...krosoftContent, "./src/**\/*.{ts,tsx}"],
  *   theme: {
  *     extend: {
- *       // project-specific overrides
+ *       // surcharges spécifiques au projet
  *     },
  *   },
  * } satisfies Config;

package/dist/tailwind/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tailwind/index.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,UAAiD,CAAC;AAE7E;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2IQ,CAAC;AAE5B,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tailwind/index.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,UAAiD,CAAC;AAE7E;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+IQ,CAAC;AAE5B,eAAe,aAAa,CAAC"}

package/dist/tailwind/index.js

@@ -1,8 +1,12 @@
 import r from "tailwindcss-animate";
 const a = ["./node_modules/@krosoft/react/dist/**/*.js"], e = {
-  // [class*='dark'] is the CSS equivalent of ".dark*" — matches any class containing "dark"
-  // (e.g. "dark", "dark-temporal", "dark-forest"…). CSS has no .dark* wildcard syntax.
-  darkMode: ["class", "[class*='dark']"],
+  // Les thèmes sombres sont des classes posées sur <html> ("dark", "dark-temporal", "dark-forest"…)
+  // et CSS n'a pas de syntaxe .dark*. [class*='dark'] la simulait, mais la sous-chaîne matche aussi
+  // le préfixe des utilitaires eux-mêmes (class="dark:bg-gray-900") : n'importe quel ancêtre portant
+  // une classe dark:* activait donc le mode sombre sur tout son sous-arbre, même en thème clair.
+  // Matcher "dark" comme classe entière, plus tout ce qui contient "dark-", couvre la famille .dark*
+  // sans ce faux positif.
+  darkMode: ["class", ':is([class~="dark"],[class*="dark-"])'],
   theme: {
     container: {
       center: !0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.181",
+  "version": "0.0.182",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {