@krosoft/react 0.0.381 → 0.0.382

package/dist/components/core/tabs/AppTabContainer.js

@@ -0,0 +1,17 @@
+import { Card as e, CardContent as t, CardHeader as n } from "../../ui/card.js";
+import { AppTabHeader as r } from "./AppTabHeader.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/core/tabs/AppTabContainer.tsx
+function o({ titleKey: o, descriptionKey: s, actions: c = [], className: l, children: u, isSubTitle: d }) {
+	return /* @__PURE__ */ a(e, { children: [/* @__PURE__ */ i(n, { children: /* @__PURE__ */ i(r, {
+		titleKey: o,
+		descriptionKey: s,
+		actions: c,
+		className: l
+	}) }), /* @__PURE__ */ i(t, {
+		className: "space-y-4",
+		children: u
+	})] });
+}
+//#endregion
+export { o as AppTabContainer };

package/dist/components/core/tabs/AppTabHeader.js

@@ -0,0 +1,19 @@
+import { AppActions as e } from "../layouts/AppActions.js";
+import { AppTitle as t } from "../layouts/AppTitle.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/core/tabs/AppTabHeader.tsx
+function i({ titleKey: i, descriptionKey: a, actions: o = [], className: s }) {
+	return /* @__PURE__ */ r("div", {
+		className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+		children: [/* @__PURE__ */ n(t, {
+			titleKey: i,
+			descriptionKey: a,
+			isSubTitle: !0
+		}), /* @__PURE__ */ n(e, {
+			actions: o,
+			className: s
+		})]
+	});
+}
+//#endregion
+export { i as AppTabHeader };

package/dist/components/core/tabs/AppTabs.js

@@ -0,0 +1,56 @@
+import { cn as e } from "../../../helpers/tailwind.helper.js";
+import { useKrosoftTranslation as t } from "../../../i18n/useKrosoftTranslation.js";
+import { Tabs as n, TabsContent as r, TabsList as i, TabsTrigger as a } from "../../ui/tabs.js";
+import { useEffect as o, useRef as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useSearchParams as u } from "react-router-dom";
+//#region src/components/core/tabs/AppTabs.tsx
+function d({ tabs: d, itemId: f, item: p, fit: m, paramName: h = "tab" }) {
+	let { t: g } = t(), [_, v] = u(), y = _.get(h), b = d.find((e) => e.value === y)?.value ?? d[0]?.value, x = (e) => {
+		let t = new URLSearchParams(_);
+		t.set(h, e), v(t);
+	}, S = s(null);
+	return o(() => {
+		(S.current?.querySelector("[data-state=\"active\"]"))?.scrollIntoView?.({
+			behavior: "smooth",
+			block: "nearest",
+			inline: "nearest"
+		});
+	}, [b]), /* @__PURE__ */ l(n, {
+		value: b,
+		onValueChange: x,
+		children: [/* @__PURE__ */ c(i, {
+			ref: S,
+			className: e("w-full justify-start", m && "sm:w-fit"),
+			children: d.map((e) => /* @__PURE__ */ l(a, {
+				value: e.value,
+				className: "gap-2",
+				disabled: e.disabled,
+				children: [
+					e.icon ? /* @__PURE__ */ c("span", {
+						className: "hidden sm:inline",
+						children: /* @__PURE__ */ c(e.icon, { className: "size-4" })
+					}) : null,
+					/* @__PURE__ */ c("span", {
+						className: "text-xs sm:text-sm",
+						children: g(e.titleKey) ?? ""
+					}),
+					e.count ? /* @__PURE__ */ l("span", {
+						className: "text-gray-500 text-xs",
+						children: [
+							"(",
+							e.count(p),
+							")"
+						]
+					}) : null
+				]
+			}, e.value))
+		}), d.map((e) => /* @__PURE__ */ c(r, {
+			value: e.value,
+			className: "mt-4",
+			children: e.component ? e.component(f) : null
+		}, e.value))]
+	});
+}
+//#endregion
+export { d as AppTabs };

package/dist/components/core/tabs/AppVerticalTabs.js

@@ -0,0 +1,105 @@
+import { useKrosoftTranslation as e } from "../../../i18n/useKrosoftTranslation.js";
+import { ScrollArea as t } from "../../ui/scroll-area.js";
+import { Select as n, SelectContent as r, SelectItem as i, SelectTrigger as a, SelectValue as o } from "../../ui/select.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { ConstructionIcon as l } from "lucide-react";
+import { useSearchParams as u } from "react-router-dom";
+//#region src/components/core/tabs/AppVerticalTabs.tsx
+var d = ({ tabs: d, item: f }) => {
+	let { t: p } = e(), [m, h] = u(), g = m.get("tab"), _ = d.find((e) => e.value === g)?.value ?? d[0]?.value, v = (e) => {
+		let t = new URLSearchParams();
+		t.set("tab", e), h(t);
+	}, y = () => {
+		let e = d.find((e) => e.value === _);
+		return e ? e.component ? e.component() : b() : null;
+	}, b = () => /* @__PURE__ */ s("div", {
+		className: "p-4 lg:p-6",
+		children: /* @__PURE__ */ s("div", {
+			className: "flex items-center justify-center h-64 text-gray-500",
+			children: /* @__PURE__ */ c("div", {
+				className: "text-center",
+				children: [
+					/* @__PURE__ */ s(l, { className: "h-12 w-12 mx-auto mb-4 text-amber-500" }),
+					/* @__PURE__ */ s("p", {
+						className: "text-lg font-medium",
+						children: p("states.underConstruction")
+					}),
+					/* @__PURE__ */ s("p", {
+						className: "text-sm text-gray-400",
+						children: p("states.comingSoon")
+					})
+				]
+			})
+		})
+	});
+	return /* @__PURE__ */ c("div", {
+		className: "flex flex-col md:flex-row h-full min-w-0  ",
+		children: [
+			/* @__PURE__ */ s("div", {
+				className: "w-64 lg:w-80 flex-shrink-0 hidden md:block border-r border-gray-200 dark:border-gray-700 pr-4",
+				children: /* @__PURE__ */ s(t, {
+					className: "h-full",
+					children: /* @__PURE__ */ s("div", {
+						className: "space-y-1",
+						children: d.map((e, t) => /* @__PURE__ */ c("div", {
+							className: `px-2 py-2 rounded-control text-sm transition-colors flex items-center gap-2 ${e.disabled ? "text-gray-400 cursor-not-allowed opacity-50" : _ === e.value ? "crm-color-styled font-medium cursor-pointer" : "text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700 cursor-pointer"}`,
+							onClick: () => !e.disabled && v(e.value),
+							children: [
+								e.icon && /* @__PURE__ */ s(e.icon, { className: "size-4" }),
+								/* @__PURE__ */ s("span", {
+									className: "flex-1",
+									children: p(e.titleKey)
+								}),
+								e.count && /* @__PURE__ */ c("span", {
+									className: "text-xs text-gray-500",
+									children: [
+										"(",
+										e.count(f),
+										")"
+									]
+								}),
+								!e.component && /* @__PURE__ */ s(l, { className: "size-4 text-amber-500" })
+							]
+						}, t))
+					})
+				})
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "md:hidden w-full border-b pb-4 mb-4",
+				children: /* @__PURE__ */ c(n, {
+					value: _,
+					onValueChange: v,
+					children: [/* @__PURE__ */ s(a, {
+						className: "w-full",
+						children: /* @__PURE__ */ s(o, { placeholder: p("select.section") })
+					}), /* @__PURE__ */ s(r, { children: d.map((e, t) => /* @__PURE__ */ s(i, {
+						value: e.value,
+						disabled: e.disabled,
+						children: /* @__PURE__ */ c("div", {
+							className: "flex items-center gap-2",
+							children: [
+								e.icon && /* @__PURE__ */ s(e.icon, { className: "size-4" }),
+								/* @__PURE__ */ s("span", { children: p(e.titleKey) }),
+								e.count && /* @__PURE__ */ c("span", {
+									className: "text-xs text-gray-500",
+									children: [
+										"(",
+										e.count(f),
+										")"
+									]
+								}),
+								!e.component && /* @__PURE__ */ s(l, { className: "size-4 text-amber-500" })
+							]
+						})
+					}, t)) })]
+				})
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "flex-1 md:px-4 min-w-0 overflow-auto",
+				children: y()
+			})
+		]
+	});
+};
+//#endregion
+export { d as AppVerticalTabs };

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

@@ -1,188 +1,5 @@
-import { t as e } from "../../../tailwind.helper-CJaRYBmL.js";
-import { c as t, d as n, s as r } from "../../../chart-wW-fwL3s.js";
-import { t as i } from "../../../i18n-BhLphJa3.js";
-import { _ as a, g as o, h as s, m as c } from "../../../ui-Fxy95kSJ.js";
-import { d as l } from "../../../sheet-cWJO_wkT.js";
-import { i as u, l as d, n as f, t as p, u as m } from "../../../select-KWMg2_7Z.js";
-import { t as h } from "../../../AppActions-8HjAaTQK.js";
-import { t as g } from "../../../AppTitle-BXoTrXQc.js";
-import { useEffect as _, useRef as v } from "react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { ConstructionIcon as x } from "lucide-react";
-import { useSearchParams as S } from "react-router-dom";
-//#region src/components/core/tabs/AppTabHeader.tsx
-function C({ titleKey: e, descriptionKey: t, actions: n = [], className: r }) {
-	return /* @__PURE__ */ b("div", {
-		className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-		children: [/* @__PURE__ */ y(g, {
-			titleKey: e,
-			descriptionKey: t,
-			isSubTitle: !0
-		}), /* @__PURE__ */ y(h, {
-			actions: n,
-			className: r
-		})]
-	});
-}
-//#endregion
-//#region src/components/core/tabs/AppTabContainer.tsx
-function w({ titleKey: e, descriptionKey: i, actions: a = [], className: o, children: s, isSubTitle: c }) {
-	return /* @__PURE__ */ b(r, { children: [/* @__PURE__ */ y(n, { children: /* @__PURE__ */ y(C, {
-		titleKey: e,
-		descriptionKey: i,
-		actions: a,
-		className: o
-	}) }), /* @__PURE__ */ y(t, {
-		className: "space-y-4",
-		children: s
-	})] });
-}
-//#endregion
-//#region src/components/core/tabs/AppTabs.tsx
-function T({ tabs: t, itemId: n, item: r, fit: l, paramName: u = "tab" }) {
-	let { t: d } = i(), [f, p] = S(), m = f.get(u), h = t.find((e) => e.value === m)?.value ?? t[0]?.value, g = (e) => {
-		let t = new URLSearchParams(f);
-		t.set(u, e), p(t);
-	}, x = v(null);
-	return _(() => {
-		(x.current?.querySelector("[data-state=\"active\"]"))?.scrollIntoView?.({
-			behavior: "smooth",
-			block: "nearest",
-			inline: "nearest"
-		});
-	}, [h]), /* @__PURE__ */ b(c, {
-		value: h,
-		onValueChange: g,
-		children: [/* @__PURE__ */ y(o, {
-			ref: x,
-			className: e("w-full justify-start", l && "sm:w-fit"),
-			children: t.map((e) => /* @__PURE__ */ b(a, {
-				value: e.value,
-				className: "gap-2",
-				disabled: e.disabled,
-				children: [
-					e.icon ? /* @__PURE__ */ y("span", {
-						className: "hidden sm:inline",
-						children: /* @__PURE__ */ y(e.icon, { className: "size-4" })
-					}) : null,
-					/* @__PURE__ */ y("span", {
-						className: "text-xs sm:text-sm",
-						children: d(e.titleKey) ?? ""
-					}),
-					e.count ? /* @__PURE__ */ b("span", {
-						className: "text-gray-500 text-xs",
-						children: [
-							"(",
-							e.count(r),
-							")"
-						]
-					}) : null
-				]
-			}, e.value))
-		}), t.map((e) => /* @__PURE__ */ y(s, {
-			value: e.value,
-			className: "mt-4",
-			children: e.component ? e.component(n) : null
-		}, e.value))]
-	});
-}
-//#endregion
-//#region src/components/core/tabs/AppVerticalTabs.tsx
-var E = ({ tabs: e, item: t }) => {
-	let { t: n } = i(), [r, a] = S(), o = r.get("tab"), s = e.find((e) => e.value === o)?.value ?? e[0]?.value, c = (e) => {
-		let t = new URLSearchParams();
-		t.set("tab", e), a(t);
-	}, h = () => {
-		let t = e.find((e) => e.value === s);
-		return t ? t.component ? t.component() : g() : null;
-	}, g = () => /* @__PURE__ */ y("div", {
-		className: "p-4 lg:p-6",
-		children: /* @__PURE__ */ y("div", {
-			className: "flex items-center justify-center h-64 text-gray-500",
-			children: /* @__PURE__ */ b("div", {
-				className: "text-center",
-				children: [
-					/* @__PURE__ */ y(x, { className: "h-12 w-12 mx-auto mb-4 text-amber-500" }),
-					/* @__PURE__ */ y("p", {
-						className: "text-lg font-medium",
-						children: n("states.underConstruction")
-					}),
-					/* @__PURE__ */ y("p", {
-						className: "text-sm text-gray-400",
-						children: n("states.comingSoon")
-					})
-				]
-			})
-		})
-	});
-	return /* @__PURE__ */ b("div", {
-		className: "flex flex-col md:flex-row h-full min-w-0  ",
-		children: [
-			/* @__PURE__ */ y("div", {
-				className: "w-64 lg:w-80 flex-shrink-0 hidden md:block border-r border-gray-200 dark:border-gray-700 pr-4",
-				children: /* @__PURE__ */ y(l, {
-					className: "h-full",
-					children: /* @__PURE__ */ y("div", {
-						className: "space-y-1",
-						children: e.map((e, r) => /* @__PURE__ */ b("div", {
-							className: `px-2 py-2 rounded-control text-sm transition-colors flex items-center gap-2 ${e.disabled ? "text-gray-400 cursor-not-allowed opacity-50" : s === e.value ? "crm-color-styled font-medium cursor-pointer" : "text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700 cursor-pointer"}`,
-							onClick: () => !e.disabled && c(e.value),
-							children: [
-								e.icon && /* @__PURE__ */ y(e.icon, { className: "size-4" }),
-								/* @__PURE__ */ y("span", {
-									className: "flex-1",
-									children: n(e.titleKey)
-								}),
-								e.count && /* @__PURE__ */ b("span", {
-									className: "text-xs text-gray-500",
-									children: [
-										"(",
-										e.count(t),
-										")"
-									]
-								}),
-								!e.component && /* @__PURE__ */ y(x, { className: "size-4 text-amber-500" })
-							]
-						}, r))
-					})
-				})
-			}),
-			/* @__PURE__ */ y("div", {
-				className: "md:hidden w-full border-b pb-4 mb-4",
-				children: /* @__PURE__ */ b(p, {
-					value: s,
-					onValueChange: c,
-					children: [/* @__PURE__ */ y(d, {
-						className: "w-full",
-						children: /* @__PURE__ */ y(m, { placeholder: n("select.section") })
-					}), /* @__PURE__ */ y(f, { children: e.map((e, r) => /* @__PURE__ */ y(u, {
-						value: e.value,
-						disabled: e.disabled,
-						children: /* @__PURE__ */ b("div", {
-							className: "flex items-center gap-2",
-							children: [
-								e.icon && /* @__PURE__ */ y(e.icon, { className: "size-4" }),
-								/* @__PURE__ */ y("span", { children: n(e.titleKey) }),
-								e.count && /* @__PURE__ */ b("span", {
-									className: "text-xs text-gray-500",
-									children: [
-										"(",
-										e.count(t),
-										")"
-									]
-								}),
-								!e.component && /* @__PURE__ */ y(x, { className: "size-4 text-amber-500" })
-							]
-						})
-					}, r)) })]
-				})
-			}),
-			/* @__PURE__ */ y("div", {
-				className: "flex-1 md:px-4 min-w-0 overflow-auto",
-				children: h()
-			})
-		]
-	});
-};
-//#endregion
-export { w as AppTabContainer, C as AppTabHeader, T as AppTabs, E as AppVerticalTabs };
+import { AppTabHeader as e } from "./AppTabHeader.js";
+import { AppTabContainer as t } from "./AppTabContainer.js";
+import { AppTabs as n } from "./AppTabs.js";
+import { AppVerticalTabs as r } from "./AppVerticalTabs.js";
+export { t as AppTabContainer, e as AppTabHeader, n as AppTabs, r as AppVerticalTabs };

package/dist/{theme-DSumNHLX.js → components/core/theme/ThemeSelector.js}

@@ -1,7 +1,8 @@
-import { t as e } from "./i18n-BhLphJa3.js";
-import { c as t, i as n, n as r, r as i, t as a } from "./tooltip-_geGvbS7.js";
-import { i as o, l as s, n as c, t as l, u } from "./select-KWMg2_7Z.js";
-import { t as d } from "./useTheme-DIZjiF5F.js";
+import { useKrosoftTranslation as e } from "../../../i18n/useKrosoftTranslation.js";
+import { Button as t } from "../../ui/button.js";
+import { Select as n, SelectContent as r, SelectItem as i, SelectTrigger as a, SelectValue as o } from "../../ui/select.js";
+import { Tooltip as s, TooltipContent as c, TooltipProvider as l, TooltipTrigger as u } from "../../ui/tooltip.js";
+import { useTheme as d } from "../../../hooks/ui/useTheme.js";
 import "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/core/theme/ThemeSelector.tsx
@@ -9,7 +10,7 @@ function m({ themeOptions: m, variant: h = "select", id: g, className: _ }) {
 	let { t: v } = e(), { theme: y, handleThemeChange: b, currentThemeOption: x, nextThemeOption: S, cycleTheme: C } = d(m);
 	if (h === "mini") {
 		let e = x?.icon;
-		return /* @__PURE__ */ f(i, { children: /* @__PURE__ */ p(a, { children: [/* @__PURE__ */ f(n, {
+		return /* @__PURE__ */ f(l, { children: /* @__PURE__ */ p(s, { children: [/* @__PURE__ */ f(u, {
 			asChild: !0,
 			children: /* @__PURE__ */ p(t, {
 				id: g,
@@ -22,7 +23,7 @@ function m({ themeOptions: m, variant: h = "select", id: g, className: _ }) {
 					children: ["Thème actuel : ", x?.label]
 				})]
 			})
-		}), /* @__PURE__ */ p(r, {
+		}), /* @__PURE__ */ p(c, {
 			side: "bottom",
 			align: "center",
 			children: ["Passer en ", S?.label]
@@ -30,16 +31,16 @@ function m({ themeOptions: m, variant: h = "select", id: g, className: _ }) {
 	}
 	return /* @__PURE__ */ p("div", {
 		className: "space-y-2",
-		children: [/* @__PURE__ */ p(l, {
+		children: [/* @__PURE__ */ p(n, {
 			value: y,
 			onValueChange: b,
-			children: [/* @__PURE__ */ f(s, {
+			children: [/* @__PURE__ */ f(a, {
 				id: g,
 				className: "w-full",
-				children: /* @__PURE__ */ f(u, { placeholder: v("select.theme") })
-			}), /* @__PURE__ */ f(c, { children: m.map((e) => {
+				children: /* @__PURE__ */ f(o, { placeholder: v("select.theme") })
+			}), /* @__PURE__ */ f(r, { children: m.map((e) => {
 				let t = e.icon;
-				return /* @__PURE__ */ f(o, {
+				return /* @__PURE__ */ f(i, {
 					value: e.value,
 					children: /* @__PURE__ */ p("div", {
 						className: "flex items-center gap-2",
@@ -54,4 +55,4 @@ function m({ themeOptions: m, variant: h = "select", id: g, className: _ }) {
 	});
 }
 //#endregion
-export { m as t };
+export { m as ThemeSelector };

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

@@ -1 +1 @@
-export { t as ThemeSelector } from "../../../theme-DSumNHLX.js";
+export { ThemeSelector } from "./ThemeSelector.js";