@krosoft/react 0.0.355 → 0.0.357

package/README.md

@@ -143,3 +143,20 @@ const formId = useId();
 ```
 
 Une action `type: "submit"` porte donc `form` au lieu d'`onClick` — les deux s'excluent. La validation reste celle du formulaire, et rien ne transite par une ref. Sur mobile, où les actions passent en menu déroulant et ne sont plus des `<button>`, `AppActions` retombe sur `requestSubmit()` du formulaire ciblé : c'est pourquoi `form` y est requis.
+
+## Effets saisonniers
+
+`@krosoft/react/seasonal` affiche des flocons de neige en décembre et des citrouilles du 25 octobre au 2 novembre. Chaque effet est activé par défaut et désactivable par l'utilisateur ; le choix est mémorisé dans le localStorage (`{storagePrefix}snow-effect-enabled`, `{storagePrefix}halloween-effect-enabled`).
+
+L'application installe la dépendance optionnelle `react-snowfall`, puis monte les effets à la racine et les interrupteurs dans sa page profil, avec le même préfixe :
+
+```tsx
+import { SeasonalEffects, SeasonalEffectsSettings } from "@krosoft/react/seasonal";
+
+const storagePrefix = import.meta.env.VITE_LOCALSTORAGE_KEY;
+
+<SeasonalEffects storagePrefix={storagePrefix} />          // App.tsx
+<SeasonalEffectsSettings storagePrefix={storagePrefix} />  // page profil (nécessite <Toaster />)
+```
+
+Les hooks `useSnowEffect` / `useHalloweenEffect` et les prédicats `isSnowSeason` / `isHalloweenSeason` sont exportés pour une interface sur mesure. Les libellés `seasonal.*` sont surchargeables comme les autres.

package/dist/{AppActions-DNYn0HUi.js → AppActions-DhI7gUdH.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.js";
-import { t } from "./i18n-IJZY85S7.js";
-import { Bt as n, Ft as r, Gt as i, Nt as a, jt as o } from "./ui-DkYZe7sQ.js";
+import { t } from "./i18n-4vaVzTli.js";
+import { Nt as n, Rt as r, Ut as i, jt as a, kt as o } from "./ui-DdOKgsjM.js";
 import { c as s } from "./tooltip-_geGvbS7.js";
 import { t as c } from "./useMobile-pTQ8lWvt.js";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
@@ -22,14 +22,14 @@ function p({ actions: p, className: m }) {
 	}), /* @__PURE__ */ l(a, {
 		align: "end",
 		className: "min-w-48",
-		children: p.map((t, i) => t ? t.children && t.children.length > 0 ? /* @__PURE__ */ u("div", { children: [i > 0 && /* @__PURE__ */ l(n, {}), t.children.map((t, n) => t ? /* @__PURE__ */ u(r, {
+		children: p.map((t, i) => t ? t.children && t.children.length > 0 ? /* @__PURE__ */ u("div", { children: [i > 0 && /* @__PURE__ */ l(r, {}), t.children.map((t, r) => t ? /* @__PURE__ */ u(n, {
 			onClick: () => {
 				t.type === "submit" ? f(t.form) : t.onClick?.();
 			},
 			disabled: t.disabled,
 			className: e("gap-2", t.className),
 			children: [t.icon && /* @__PURE__ */ l(t.icon, { className: "size-4" }), t.labelKey && h(t.labelKey)]
-		}, n) : null)] }, i) : /* @__PURE__ */ u(r, {
+		}, r) : null)] }, i) : /* @__PURE__ */ u(n, {
 			onClick: () => {
 				t.type === "submit" ? f(t.form) : t.onClick?.();
 			},
@@ -39,7 +39,7 @@ function p({ actions: p, className: m }) {
 		}, i) : null)
 	})] }) : ((t) => /* @__PURE__ */ l("div", {
 		className: e("flex gap-2", m),
-		children: t.map((t, n) => t ? t.children && t.children.length > 0 ? /* @__PURE__ */ u(o, { children: [/* @__PURE__ */ l(i, {
+		children: t.map((t, r) => t ? t.children && t.children.length > 0 ? /* @__PURE__ */ u(o, { children: [/* @__PURE__ */ l(i, {
 			asChild: !0,
 			children: /* @__PURE__ */ u(s, {
 				variant: t.variant,
@@ -49,15 +49,15 @@ function p({ actions: p, className: m }) {
 			})
 		}), /* @__PURE__ */ l(a, {
 			align: "end",
-			children: t.children.map((t, n) => t ? /* @__PURE__ */ u(r, {
+			children: t.children.map((t, r) => t ? /* @__PURE__ */ u(n, {
 				onClick: () => {
 					t.type === "submit" ? f(t.form) : t.onClick?.();
 				},
 				disabled: t.disabled,
 				className: e("gap-2", t.className),
 				children: [t.icon && /* @__PURE__ */ l(t.icon, { className: "size-4" }), t.labelKey && h(t.labelKey)]
-			}, n) : null)
-		})] }, n) : /* @__PURE__ */ u(s, {
+			}, r) : null)
+		})] }, r) : /* @__PURE__ */ u(s, {
 			variant: t.variant,
 			type: t.type,
 			form: t.form,
@@ -65,7 +65,7 @@ function p({ actions: p, className: m }) {
 			disabled: t.disabled,
 			className: e("gap-2", t.className),
 			children: [t.icon && /* @__PURE__ */ l(t.icon, { className: "size-4" }), t.labelKey && h(t.labelKey)]
-		}, n) : null)
+		}, r) : null)
 	}))(p);
 }
 //#endregion

package/dist/{AppSubTitle-DG0JQO_2.js → AppSubTitle-Il_qgP4I.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./i18n-IJZY85S7.js";
-import { t } from "./AppActions-DNYn0HUi.js";
+import { t as e } from "./i18n-4vaVzTli.js";
+import { t } from "./AppActions-DhI7gUdH.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/core/layouts/AppSubTitle.tsx
 function i({ titleKey: i, actions: a, className: o }) {

package/dist/{AppTitle-BmIuUBxu.js → AppTitle-Dcz860yY.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.js";
-import { t } from "./i18n-IJZY85S7.js";
+import { t } from "./i18n-4vaVzTli.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/core/layouts/AppTitle.tsx
 function i({ titleKey: i, descriptionKey: a, isSubTitle: o, inline: s }) {

package/dist/{ErrorAlert-DssOWPCS.js → ErrorAlert-B6v1MVRR.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./i18n-IJZY85S7.js";
+import { t as e } from "./i18n-4vaVzTli.js";
 import { n as t, t as n } from "./alert-REQGK9bR.js";
 import "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";

package/dist/{GenericForm-0RClRCcd.js → GenericForm-CH6e_xTW.js}

@@ -1,14 +1,14 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.js";
 import { c as t, d as n, s as r } from "./chart-Dq3AIrue.js";
-import { t as i } from "./i18n-IJZY85S7.js";
-import { Ct as a, Dt as o, Et as s, Ot as c, St as l, Tt as u, bn as d, p as f } from "./ui-DkYZe7sQ.js";
+import { t as i } from "./i18n-4vaVzTli.js";
+import { Dt as a, Et as o, St as s, Tt as c, p as l, vn as u, wt as d, xt as f } from "./ui-DdOKgsjM.js";
 import { c as p } from "./tooltip-_geGvbS7.js";
-import { g as m } from "./sheet-C_t76Ttr.js";
-import { i as h, l as g, n as ee, t as _, u as v } from "./select-KWMg2_7Z.js";
+import { g as m } from "./sheet-DjBA9WGR.js";
+import { i as h, l as g, n as _, t as ee, u as v } from "./select-KWMg2_7Z.js";
 import { n as y } from "./useToast-UeDRLovh.js";
-import { t as b } from "./ImageInput-CPOTYevx.js";
-import { t as x } from "./AppSubTitle-DG0JQO_2.js";
-import { t as S } from "./MultiSelect-a_kQHMOe.js";
+import { t as b } from "./ImageInput-Dq4RVy4c.js";
+import { t as x } from "./AppSubTitle-Il_qgP4I.js";
+import { t as S } from "./MultiSelect-T2G5xVtD.js";
 import { useEffect as C, useRef as w, useState as T } from "react";
 import { jsx as E, jsxs as D } from "react/jsx-runtime";
 import { useForm as O } from "react-hook-form";
@@ -154,7 +154,7 @@ var j = (e) => {
 			});
 			case "checkbox": return /* @__PURE__ */ D("div", {
 				className: "flex items-center space-x-2",
-				children: [/* @__PURE__ */ E(d, {
+				children: [/* @__PURE__ */ E(u, {
 					id: t.key,
 					checked: n.value === !0,
 					onCheckedChange: (e) => {
@@ -168,7 +168,7 @@ var j = (e) => {
 					children: W(t.labelKey)
 				})]
 			}, t.key);
-			case "textarea": return /* @__PURE__ */ E(f, {
+			case "textarea": return /* @__PURE__ */ E(l, {
 				...n,
 				placeholder: t.placeholderKey ? W(t.placeholderKey) : "",
 				className: e(r && "border-destructive", "min-h-[100px]"),
@@ -193,14 +193,14 @@ var j = (e) => {
 				});
 			}
 			case "select": {
-				let o = t, s = ne(t.rules), c = n.value === null || n.value === void 0 ? "" : n.value, l = o.options, u = l.find((e) => e.value === c);
-				return /* @__PURE__ */ D(_, {
+				let a = t, o = ne(t.rules), c = n.value === null || n.value === void 0 ? "" : n.value, l = a.options, u = l.find((e) => e.value === c);
+				return /* @__PURE__ */ D(ee, {
 					value: c,
 					onValueChange: n.onChange,
 					disabled: i,
-					children: [/* @__PURE__ */ E(a, { children: /* @__PURE__ */ E(g, {
+					children: [/* @__PURE__ */ E(s, { children: /* @__PURE__ */ E(g, {
 						className: e(r && "border-destructive"),
-						onClear: s && c ? (e) => {
+						onClear: o && c ? (e) => {
 							e.preventDefault(), e.stopPropagation(), n.onChange(null);
 						} : void 0,
 						children: /* @__PURE__ */ E(v, {
@@ -213,7 +213,7 @@ var j = (e) => {
 								}), u.label]
 							}) : void 0
 						})
-					}) }), /* @__PURE__ */ E(ee, { children: l.map((e, t) => /* @__PURE__ */ E(h, {
+					}) }), /* @__PURE__ */ E(_, { children: l.map((e, t) => /* @__PURE__ */ E(h, {
 						value: e.value,
 						children: /* @__PURE__ */ D("div", {
 							className: "flex items-center gap-2",
@@ -248,33 +248,33 @@ var j = (e) => {
 			default: return null;
 		}
 	}, ae = (i, l) => {
-		let d = /* @__PURE__ */ E("div", {
+		let u = /* @__PURE__ */ E("div", {
 			className: e("grid grid-cols-4 gap-4"),
-			children: i.fields.map((t) => /* @__PURE__ */ E(u, {
+			children: i.fields.map((t) => /* @__PURE__ */ E(d, {
 				control: X.control,
 				name: t.key,
-				render: ({ field: n }) => /* @__PURE__ */ D(s, {
+				render: ({ field: n }) => /* @__PURE__ */ D(c, {
 					className: e(Q(t.layout?.cols ?? U)),
 					children: [
 						t.type !== "checkbox" && t.type !== "html" && /* @__PURE__ */ D(o, { children: [W(t.labelKey), re(t.rules) && /* @__PURE__ */ E("span", {
 							className: "text-destructive ml-1",
 							children: "*"
 						})] }),
-						/* @__PURE__ */ E(a, { children: ie(t, n) }),
-						/* @__PURE__ */ E(c, {})
+						/* @__PURE__ */ E(s, { children: ie(t, n) }),
+						/* @__PURE__ */ E(a, {})
 					]
 				})
 			}, t.key))
 		});
 		return P?.useCards === !1 ? /* @__PURE__ */ D("div", {
 			className: "space-y-4 mb-6",
-			children: [i.titleKey && /* @__PURE__ */ E(x, { titleKey: i.titleKey }), d]
+			children: [i.titleKey && /* @__PURE__ */ E(x, { titleKey: i.titleKey }), u]
 		}, l) : /* @__PURE__ */ D(r, {
 			className: "mb-6",
-			children: [i.titleKey && /* @__PURE__ */ E(n, { children: /* @__PURE__ */ E(x, { titleKey: i.titleKey }) }), /* @__PURE__ */ E(t, { children: d })]
+			children: [i.titleKey && /* @__PURE__ */ E(n, { children: /* @__PURE__ */ E(x, { titleKey: i.titleKey }) }), /* @__PURE__ */ E(t, { children: u })]
 		}, l);
 	};
-	return P ? /* @__PURE__ */ E(l, {
+	return P ? /* @__PURE__ */ E(f, {
 		...X,
 		children: /* @__PURE__ */ D("form", {
 			id: H,

package/dist/{ImageInput-CPOTYevx.js → ImageInput-Dq4RVy4c.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.js";
-import { t } from "./i18n-IJZY85S7.js";
-import "./ui-DkYZe7sQ.js";
+import { t } from "./i18n-4vaVzTli.js";
+import "./ui-DdOKgsjM.js";
 import { c as n } from "./tooltip-_geGvbS7.js";
 import { t as r } from "./useNotifications-CyhTruIG.js";
 import { forwardRef as i, useRef as a, useState as o } from "react";

package/dist/{MultiSelect-a_kQHMOe.js → MultiSelect-T2G5xVtD.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.js";
-import { t } from "./i18n-IJZY85S7.js";
-import { Pn as n, bn as r } from "./ui-DkYZe7sQ.js";
+import { t } from "./i18n-4vaVzTli.js";
+import { Mn as n, vn as r } from "./ui-DdOKgsjM.js";
 import { a as i, o as a, s as o } from "./tooltip-_geGvbS7.js";
-import { h as s, m as c, p as l } from "./sheet-C_t76Ttr.js";
+import { h as s, m as c, p as l } from "./sheet-DjBA9WGR.js";
 import { useCallback as u, useLayoutEffect as d, useMemo as f, useRef as p, useState as m } from "react";
 import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { ChevronDownIcon as v, SearchIcon as y, XIcon as b } from "lucide-react";

package/dist/{SearchInput-BDlQAl-9.js → SearchInput-CjpiwvDs.js}

@@ -1,10 +1,10 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.js";
-import { r as t, t as n } from "./i18n-IJZY85S7.js";
-import { En as r } from "./ui-DkYZe7sQ.js";
+import { r as t, t as n } from "./i18n-4vaVzTli.js";
+import { wn as r } from "./ui-DdOKgsjM.js";
 import { c as i, o as a, s as o } from "./tooltip-_geGvbS7.js";
-import { g as s, h as c, m as l, p as u } from "./sheet-C_t76Ttr.js";
+import { g as s, h as c, m as l, p as u } from "./sheet-DjBA9WGR.js";
 import { i as d, l as f, n as p, t as m, u as h } from "./select-KWMg2_7Z.js";
-import { n as g, r as _ } from "./MultiSelect-a_kQHMOe.js";
+import { n as g, r as _ } from "./MultiSelect-T2G5xVtD.js";
 import * as v from "react";
 import { useEffect as y, useMemo as b, useRef as x, useState as S } from "react";
 import { jsx as C, jsxs as w } from "react/jsx-runtime";

package/dist/{behavior-SAdHU_Ew.js → behavior-CSwLI_GG.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./i18n-IJZY85S7.js";
+import { t as e } from "./i18n-4vaVzTli.js";
 import { n as t } from "./datatable-COQcYUrk.js";
 import "./constants/index.js";
 import { n, t as r } from "./sidebar.context-BahtU6hE.js";

package/dist/{cards-B3X4sUq3.js → cards-zcPRJrU_.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.js";
 import { c as t, d as n, f as r, s as i } from "./chart-Dq3AIrue.js";
-import { t as a } from "./i18n-IJZY85S7.js";
-import "./ui-DkYZe7sQ.js";
+import { t as a } from "./i18n-4vaVzTli.js";
+import "./ui-DdOKgsjM.js";
 import { t as o } from "./skeleton-D6Ga4BLw.js";
 import "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";

package/dist/{charts-vsA1ZPoV.js → charts-53H0FPPD.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.js";
 import { a as t, c as n, d as r, f as i, l as a, n as o, o as s, r as c, s as l, t as u } from "./chart-Dq3AIrue.js";
-import { t as d } from "./i18n-IJZY85S7.js";
+import { t as d } from "./i18n-4vaVzTli.js";
 import { t as f } from "./skeleton-D6Ga4BLw.js";
 import { t as p } from "./useMobile-pTQ8lWvt.js";
 import * as m from "react";

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

@@ -1 +1 @@
-export { o as DashboardCard, a as KpiCard, i as KpiCards, r as MetricCard, n as SkeletonCard, t as SkeletonCards } from "../../../cards-B3X4sUq3.js";
+export { o as DashboardCard, a as KpiCard, i as KpiCards, r as MetricCard, n as SkeletonCard, t as SkeletonCards } from "../../../cards-zcPRJrU_.js";

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

@@ -1 +1 @@
-export { c as BarChartHorizontal, s as BarChartVertical, a as CHART_COLORS, i as ChartCard, r as CircularGauge, n as LineChart, t as PieChart, o as getChartColor } from "../../../charts-vsA1ZPoV.js";
+export { c as BarChartHorizontal, s as BarChartVertical, a as CHART_COLORS, i as ChartCard, r as CircularGauge, n as LineChart, t as PieChart, o as getChartColor } from "../../../charts-53H0FPPD.js";

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

@@ -1,4 +1,4 @@
-import { I as e } from "../../../ui-DkYZe7sQ.js";
-import { A as t, D as n, E as r, F as i, M as a, N as o, O as s, P as c, j as l, k as u } from "../../../sheet-C_t76Ttr.js";
-import { n as d, r as f, t as p } from "../../../dialogs-BwxuV1sI.js";
+import { F as e } from "../../../ui-DdOKgsjM.js";
+import { A as t, D as n, E as r, F as i, M as a, N as o, O as s, P as c, j as l, k as u } from "../../../sheet-DjBA9WGR.js";
+import { n as d, r as f, t as p } from "../../../dialogs-Cc0rZDqp.js";
 export { f as AppDialog, p as ConfirmationDialog, r as Dialog, n as DialogClose, s as DialogContent, u as DialogDescription, t as DialogFooter, l as DialogHeader, a as DialogOverlay, o as DialogPortal, c as DialogTitle, i as DialogTrigger, d as FormDialog, e as Progress };