@krosoft/react 0.0.285 → 0.0.286

package/dist/components/core/index.js

@@ -17,7 +17,7 @@ import { t as K } from "../../language-DOGOdjzx.js";
 import { t as q } from "../../AppTitle-BZ5jQWbs.js";
 import { n as J, t as Y } from "../../states-BQK9jqS4.js";
 import { AppPageHeader as X, KpiCardsLayout as Z } from "./layouts/index.js";
-import { a as Q, i as $, n as ee, o as te, r as ne, t as re } from "../../navbar-DQnYqNAN.js";
+import { a as Q, i as $, n as ee, o as te, r as ne, t as re } from "../../navbar-B7PMh_S2.js";
 import { DataTable as ie, JsonTableOutput as ae, TableActions as oe, TableBody as se, TableBulkActions as ce, TableHeader as le, TablePagination as ue, TableSettings as de } from "./table/index.js";
 import { AppTabContainer as fe, AppTabHeader as pe, AppTabs as me, AppVerticalTabs as he } from "./tabs/index.js";
 import { t as ge } from "../../theme-q2uzluEd.js";

package/dist/components/core/navbar/Sidebar.d.ts

@@ -31,6 +31,8 @@ export interface SidebarProps {
     search?: SidebarSearch;
     dense?: boolean;
     loading?: boolean;
+    /** Affiche la croix de fermeture du drawer mobile. Désactiver lorsque le header contient déjà ses propres contrôles pour éviter la superposition. */
+    showCloseButton?: boolean;
 }
-export declare const Sidebar: ({ groups, currentPath, onItemClick, slots, search, dense, loading }: SidebarProps) => React.ReactElement;
+export declare const Sidebar: ({ groups, currentPath, onItemClick, slots, search, dense, loading, showCloseButton, }: SidebarProps) => React.ReactElement;
 //# sourceMappingURL=Sidebar.d.ts.map

package/dist/components/core/navbar/Sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/core/navbar/Sidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,OAAO,GAAI,qEAAqF,YAAY,KAAG,KAAK,CAAC,YAwHjI,CAAC"}
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/core/navbar/Sidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qJAAqJ;IACrJ,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,OAAO,GAAI,uFASrB,YAAY,KAAG,KAAK,CAAC,YA2HvB,CAAC"}

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

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../../../navbar-DQnYqNAN.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../../../navbar-B7PMh_S2.js";
 export { r as GlobalSearch, e as NotificationsBell, i as Sidebar, n as SidebarHeader, t as SidebarNavItem, a as Topbar };

package/dist/components/index.js

@@ -21,7 +21,7 @@ import { t as Yr } from "../language-DOGOdjzx.js";
 import { t as Xr } from "../AppTitle-BZ5jQWbs.js";
 import { n as Zr, t as Qr } from "../states-BQK9jqS4.js";
 import { AppPageHeader as $r, KpiCardsLayout as ei } from "./core/layouts/index.js";
-import { a as ti, i as ni, n as ri, o as ii, r as ai, t as oi } from "../navbar-DQnYqNAN.js";
+import { a as ti, i as ni, n as ri, o as ii, r as ai, t as oi } from "../navbar-B7PMh_S2.js";
 import { DataTable as si, JsonTableOutput as ci, TableActions as li, TableBody as ui, TableBulkActions as di, TableHeader as fi, TablePagination as pi, TableSettings as mi } from "./core/table/index.js";
 import { AppTabContainer as hi, AppTabHeader as gi, AppTabs as _i, AppVerticalTabs as vi } from "./core/tabs/index.js";
 import { t as yi } from "../theme-q2uzluEd.js";

package/dist/{navbar-DQnYqNAN.js → navbar-B7PMh_S2.js}

@@ -275,39 +275,39 @@ var P = ({ groups: n, search: r, onSearch: i, onSelect: o, loading: u = !1, open
 			}, n);
 		})
 	})] });
-}, z = ({ groups: n, currentPath: r, onItemClick: a, slots: o, search: s, dense: c = !1, loading: l = !1 }) => {
-	let { t: u } = t(), { enabled: f = !1, placeholder: h } = s ?? {}, { header: g, footer: y } = o ?? {}, { collapsed: b, isMobile: x, setCollapsed: T } = C(), [O, k] = w.useState(""), A = !x && b, j = !b, N = (e) => {
-		a(e), x && T(!0);
-	}, P = O.trim().toLowerCase(), F = P === "" ? n : n.map((e) => ({
+}, z = ({ groups: n, currentPath: r, onItemClick: a, slots: o, search: s, dense: c = !1, loading: l = !1, showCloseButton: u = !0 }) => {
+	let { t: f } = t(), { enabled: h = !1, placeholder: g } = s ?? {}, { header: y, footer: b } = o ?? {}, { collapsed: x, isMobile: T, setCollapsed: O } = C(), [k, A] = w.useState(""), j = !T && x, N = !x, P = (e) => {
+		a(e), T && O(!0);
+	}, F = k.trim().toLowerCase(), I = F === "" ? n : n.map((e) => ({
 		...e,
-		items: e.items.filter((e) => e.label.toLowerCase().includes(P) || (e.subItems?.some((e) => e.label.toLowerCase().includes(P)) ?? !1))
-	})).filter((e) => e.items.length > 0), I = /* @__PURE__ */ D("div", {
+		items: e.items.filter((e) => e.label.toLowerCase().includes(F) || (e.subItems?.some((e) => e.label.toLowerCase().includes(F)) ?? !1))
+	})).filter((e) => e.items.length > 0), L = /* @__PURE__ */ D("div", {
 		className: "flex flex-col h-full bg-sidebar text-sidebar-foreground",
 		children: [
-			g,
-			f && !A && /* @__PURE__ */ E("div", {
+			y,
+			h && !j && /* @__PURE__ */ E("div", {
 				className: e("px-4", c ? "pt-2" : "pt-4"),
 				children: /* @__PURE__ */ D("div", {
 					className: "relative",
 					children: [/* @__PURE__ */ E(M, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-sidebar-muted" }), /* @__PURE__ */ E(d, {
 						type: "search",
-						value: O,
+						value: k,
 						onChange: (e) => {
-							k(e.target.value);
+							A(e.target.value);
 						},
-						placeholder: h ?? u("search.placeholder"),
+						placeholder: g ?? f("search.placeholder"),
 						className: e("bg-sidebar-accent/40 border-sidebar-border pl-9 text-sidebar-foreground placeholder:text-sidebar-muted", c ? "h-8 text-sm" : "h-9")
 					})]
 				})
 			}),
 			/* @__PURE__ */ E("div", {
-				className: e("flex-1 overflow-y-auto scrollbar-modern", A ? "px-0" : "px-2", c ? "py-2" : "py-4"),
+				className: e("flex-1 overflow-y-auto scrollbar-modern", j ? "px-0" : "px-2", c ? "py-2" : "py-4"),
 				children: l ? Array.from({ length: 5 }).map((t, n) => /* @__PURE__ */ D("div", {
-					className: e("flex items-center gap-3", c ? "mb-1 h-9" : "mb-2 h-12", A ? "justify-center px-3" : "px-4"),
-					children: [/* @__PURE__ */ E(S, { className: "size-5 flex-shrink-0 rounded-control" }), !A && /* @__PURE__ */ E(S, { className: "h-4 flex-1" })]
-				}, n)) : F.map((t, n) => /* @__PURE__ */ D("div", {
+					className: e("flex items-center gap-3", c ? "mb-1 h-9" : "mb-2 h-12", j ? "justify-center px-3" : "px-4"),
+					children: [/* @__PURE__ */ E(S, { className: "size-5 flex-shrink-0 rounded-control" }), !j && /* @__PURE__ */ E(S, { className: "h-4 flex-1" })]
+				}, n)) : I.map((t, n) => /* @__PURE__ */ D("div", {
 					className: c ? "mb-7" : "mb-10",
-					children: [!A && t.title !== void 0 && t.title !== "" && /* @__PURE__ */ E("h3", {
+					children: [!j && t.title !== void 0 && t.title !== "" && /* @__PURE__ */ E("h3", {
 						className: e("px-4 text-xs uppercase tracking-wider font-semibold text-sidebar-muted", c ? "mb-3" : "mb-4"),
 						children: t.title
 					}), /* @__PURE__ */ E("nav", {
@@ -315,48 +315,48 @@ var P = ({ groups: n, search: r, onSearch: i, onSelect: o, loading: u = !1, open
 						children: t.items.map((e, t) => /* @__PURE__ */ E(R, {
 							...e,
 							currentPath: r,
-							collapsed: A,
+							collapsed: j,
 							dense: c,
-							onItemClick: N
+							onItemClick: P
 						}, t))
 					})]
 				}, n))
 			}),
-			y && /* @__PURE__ */ E("div", {
-				className: e("border-t border-sidebar-border", c ? "p-2" : "p-4", A ? "flex justify-center" : ""),
-				children: y
+			b && /* @__PURE__ */ E("div", {
+				className: e("border-t border-sidebar-border", c ? "p-2" : "p-4", j ? "flex justify-center" : ""),
+				children: b
 			})
 		]
 	});
-	return x ? /* @__PURE__ */ E(v, {
-		open: j,
+	return T ? /* @__PURE__ */ E(v, {
+		open: N,
 		onOpenChange: (e) => {
-			T(!e);
+			O(!e);
 		},
 		children: /* @__PURE__ */ D(_, {
 			side: "left",
-			className: "w-[16rem] p-0 bg-sidebar border-r border-sidebar-border overflow-hidden [&>button]:text-sidebar-foreground",
+			className: e("w-[16rem] p-0 bg-sidebar border-r border-sidebar-border overflow-hidden", u ? "[&>button]:text-sidebar-foreground" : "[&>button]:hidden"),
 			children: [
 				/* @__PURE__ */ E(m, {
 					className: "sr-only",
-					children: u("sidebar.menu")
+					children: f("sidebar.menu")
 				}),
 				/* @__PURE__ */ E(p, {
 					className: "sr-only",
-					children: u("sidebar.description")
+					children: f("sidebar.description")
 				}),
-				I
+				L
 			]
 		})
 	}) : /* @__PURE__ */ E(i, {
 		delayDuration: 0,
 		children: /* @__PURE__ */ E("aside", {
-			className: e("flex flex-col bg-sidebar h-screen border-r border-sidebar-border transition-all duration-300", A ? "w-[--navbar-width-icon]" : "w-[--navbar-width]", "flex"),
+			className: e("flex flex-col bg-sidebar h-screen border-r border-sidebar-border transition-all duration-300", j ? "w-[--navbar-width-icon]" : "w-[--navbar-width]", "flex"),
 			style: {
 				"--navbar-width": "16rem",
 				"--navbar-width-icon": "4rem"
 			},
-			children: I
+			children: L
 		})
 	});
 }, B = ({ name: t = "appname", subName: n = "appsubname", icon: r, dense: i = !1 }) => {

package/dist/tailwind/index.d.ts

@@ -183,9 +183,12 @@ declare const krosoftPreset: {
             };
         };
     };
-    plugins: {
+    plugins: ({
         handler: () => void;
-    }[];
+    } | {
+        handler: import("tailwindcss/types/config").PluginCreator;
+        config?: Partial<import("tailwindcss/types/config").Config>;
+    })[];
 };
 export default krosoftPreset;
 //# sourceMappingURL=index.d.ts.map

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6JQ,CAAC;AAE5B,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tailwind/index.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,UAAiD,CAAC;AAE7E;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmLQ,CAAC;AAE5B,eAAe,aAAa,CAAC"}

package/dist/tailwind/index.js

@@ -1,6 +1,54 @@
 import e from "tailwindcss-animate";
-//#region src/tailwind/index.ts
-var t = ["./node_modules/@krosoft/react/dist/**/*.js"], n = {
+//#region \0rolldown/runtime.js
+var t = Object.create, n = Object.defineProperty, r = Object.getOwnPropertyDescriptor, i = Object.getOwnPropertyNames, a = Object.getPrototypeOf, o = Object.prototype.hasOwnProperty, s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), c = (e, t, a, s) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var c = i(t), l = 0, u = c.length, d; l < u; l++) d = c[l], !o.call(e, d) && d !== a && n(e, d, {
+		get: ((e) => t[e]).bind(null, d),
+		enumerable: !(s = r(t, d)) || s.enumerable
+	});
+	return e;
+}, l = (e, r, i) => (i = e == null ? {} : t(a(e)), c(r || !e || !e.__esModule || !o.call(e, "default") ? n(i, "default", {
+	value: e,
+	enumerable: !0
+}) : i, e)), u = /* @__PURE__ */ s(((e) => {
+	Object.defineProperty(e, "__esModule", { value: !0 }), Object.defineProperty(e, "default", {
+		enumerable: !0,
+		get: function() {
+			return n;
+		}
+	});
+	function t(e, t) {
+		return {
+			handler: e,
+			config: t
+		};
+	}
+	t.withOptions = function(e, t = () => ({})) {
+		let n = function(n) {
+			return {
+				__options: n,
+				handler: e(n),
+				config: t(n)
+			};
+		};
+		return n.__isOptionsFunction = !0, n.__pluginFunction = e, n.__configFunction = t, n;
+	};
+	var n = t;
+})), d = /* @__PURE__ */ s(((e) => {
+	Object.defineProperty(e, "__esModule", { value: !0 }), Object.defineProperty(e, "default", {
+		enumerable: !0,
+		get: function() {
+			return r;
+		}
+	});
+	var t = /*#__PURE__*/ n(u());
+	function n(e) {
+		return e && e.__esModule ? e : { default: e };
+	}
+	var r = t.default;
+})), f = /* @__PURE__ */ l((/* @__PURE__ */ s(((e, t) => {
+	var n = d();
+	t.exports = (n.__esModule ? n : { default: n }).default;
+})))(), 1), p = ["./node_modules/@krosoft/react/dist/**/*.js"], m = {
 	darkMode: ["class", ":is([class~=\"dark\"],[class*=\"dark-\"])"],
 	theme: {
 		container: {
@@ -132,7 +180,30 @@ var t = ["./node_modules/@krosoft/react/dist/**/*.js"], n = {
 			}
 		}
 	},
-	plugins: [e]
+	plugins: [e, (0, f.default)(({ addUtilities: e }) => {
+		e({ ".scrollbar-modern": {
+			transition: "scrollbar-color 0.3s ease",
+			"&::-webkit-scrollbar": {
+				width: "6px",
+				height: "6px"
+			},
+			"&::-webkit-scrollbar-track": { background: "transparent" },
+			"&::-webkit-scrollbar-button": {
+				display: "none",
+				width: "0",
+				height: "0"
+			},
+			"&::-webkit-scrollbar-thumb": {
+				backgroundColor: "hsl(var(--border))",
+				borderRadius: "9999px"
+			},
+			"&:hover::-webkit-scrollbar-thumb": { backgroundColor: "hsl(var(--muted-foreground))" },
+			"@supports (-moz-appearance: none)": {
+				scrollbarWidth: "thin",
+				scrollbarColor: "hsl(var(--border)) transparent"
+			}
+		} });
+	})]
 };
 //#endregion
-export { n as default, t as krosoftContent };
+export { m as default, p as krosoftContent };

package/package.json

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