@krosoft/react 0.0.381 → 0.0.382

package/dist/{GenericForm-Dxd6k7l-.js → components/core/forms/GenericForm.js}

@@ -1,15 +1,17 @@
-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 { 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-Fxy95kSJ.js";
-import { c as p } from "./tooltip-_geGvbS7.js";
-import { g as m } from "./sheet-cWJO_wkT.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-BeIOm3GY.js";
-import { t as x } from "./AppSubTitle-DI62BaaB.js";
-import { t as S } from "./MultiSelect-DPN046kI.js";
-import { useEffect as C, useRef as w, useState as T } from "react";
+import { cn as e } from "../../../helpers/tailwind.helper.js";
+import { Card as t, CardContent as n, CardHeader as r } from "../../ui/card.js";
+import { useKrosoftTranslation as i } from "../../../i18n/useKrosoftTranslation.js";
+import { Button as a } from "../../ui/button.js";
+import { Checkbox as o } from "../../ui/checkbox.js";
+import { Form as s, FormControl as c, FormField as l, FormItem as u, FormLabel as d, FormMessage as f } from "../../ui/form.js";
+import { Input as p } from "../../ui/input.js";
+import { Select as m, SelectContent as h, SelectItem as g, SelectTrigger as _, SelectValue as v } from "../../ui/select.js";
+import { Textarea as y } from "../../ui/textarea.js";
+import { useToast as b } from "../../../hooks/ui/useToast.js";
+import { ImageInput as x } from "../inputs/ImageInput.js";
+import { AppSubTitle as S } from "../layouts/AppSubTitle.js";
+import { MultiSelect as C } from "../inputs/MultiSelect.js";
+import { useEffect as ee, 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";
 import { zodResolver as k } from "@hookform/resolvers/zod";
@@ -46,11 +48,11 @@ var j = (e) => {
 		});
 	}), n;
 }, P = ({ schema: P, isLoading: F, error: I, onSubmit: L, onCancel: R, initialData: z, disabled: B = !1, renderActions: V = !0, id: H, defaultCols: U = 4 }) => {
-	let { t: W } = i(), { toast: G } = y(), [K, q] = T(!1), [J, Y] = T(() => N(P, z)), X = O({
+	let { t: W } = i(), { toast: G } = b(), [K, q] = T(!1), [J, Y] = T(() => N(P, z)), X = O({
 		resolver: k(j(P)),
 		defaultValues: M(P, z)
 	}), Z = w(!!P);
-	C(() => {
+	ee(() => {
 		P && !Z.current && (Z.current = !0, X.reset(M(P, z)), Y(N(P, z)));
 	}, [
 		X,
@@ -111,7 +113,7 @@ var j = (e) => {
 		let r = !!X.formState.errors[t.key], i = B;
 		switch (t.type) {
 			case "text":
-			case "color": return /* @__PURE__ */ E(m, {
+			case "color": return /* @__PURE__ */ E(p, {
 				type: t.type,
 				...n,
 				placeholder: t.placeholderKey ? W(t.placeholderKey) : "",
@@ -121,7 +123,7 @@ var j = (e) => {
 			});
 			case "image": {
 				let a = t, o = t.key, s = typeof n.value == "string" ? n.value : void 0, c = a.value === void 0 ? s ?? J[o] : a.value;
-				return /* @__PURE__ */ E(b, {
+				return /* @__PURE__ */ E(x, {
 					value: c ?? "",
 					onChange: (e) => {
 						if (a.onChange && a.onChange(e), n.onChange(e), e) {
@@ -138,14 +140,14 @@ var j = (e) => {
 					className: e(r && "border-destructive")
 				});
 			}
-			case "date": return /* @__PURE__ */ E(m, {
+			case "date": return /* @__PURE__ */ E(p, {
 				type: "date",
 				...n,
 				className: e(r && "border-destructive"),
 				disabled: i,
 				value: n.value ?? ""
 			});
-			case "time": return /* @__PURE__ */ E(m, {
+			case "time": return /* @__PURE__ */ E(p, {
 				type: "time",
 				...n,
 				className: e(r && "border-destructive"),
@@ -154,7 +156,7 @@ var j = (e) => {
 			});
 			case "checkbox": return /* @__PURE__ */ D("div", {
 				className: "flex items-center space-x-2",
-				children: [/* @__PURE__ */ E(u, {
+				children: [/* @__PURE__ */ E(o, {
 					id: t.key,
 					checked: n.value === !0,
 					onCheckedChange: (e) => {
@@ -168,7 +170,7 @@ var j = (e) => {
 					children: W(t.labelKey)
 				})]
 			}, t.key);
-			case "textarea": return /* @__PURE__ */ E(l, {
+			case "textarea": return /* @__PURE__ */ E(y, {
 				...n,
 				placeholder: t.placeholderKey ? W(t.placeholderKey) : "",
 				className: e(r && "border-destructive", "min-h-[100px]"),
@@ -177,7 +179,7 @@ var j = (e) => {
 			});
 			case "number": {
 				let a = t;
-				return /* @__PURE__ */ E(m, {
+				return /* @__PURE__ */ E(p, {
 					type: "number",
 					...n,
 					step: a.step,
@@ -193,14 +195,14 @@ var j = (e) => {
 				});
 			}
 			case "select": {
-				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,
+				let a = t, o = ne(t.rules), s = n.value === null || n.value === void 0 ? "" : n.value, l = a.options, u = l.find((e) => e.value === s);
+				return /* @__PURE__ */ D(m, {
+					value: s,
 					onValueChange: n.onChange,
 					disabled: i,
-					children: [/* @__PURE__ */ E(s, { children: /* @__PURE__ */ E(g, {
+					children: [/* @__PURE__ */ E(c, { children: /* @__PURE__ */ E(_, {
 						className: e(r && "border-destructive"),
-						onClear: o && c ? (e) => {
+						onClear: o && s ? (e) => {
 							e.preventDefault(), e.stopPropagation(), n.onChange(null);
 						} : void 0,
 						children: /* @__PURE__ */ E(v, {
@@ -213,7 +215,7 @@ var j = (e) => {
 								}), u.label]
 							}) : void 0
 						})
-					}) }), /* @__PURE__ */ E(_, { children: l.map((e, t) => /* @__PURE__ */ E(h, {
+					}) }), /* @__PURE__ */ E(h, { children: l.map((e, t) => /* @__PURE__ */ E(g, {
 						value: e.value,
 						children: /* @__PURE__ */ D("div", {
 							className: "flex items-center gap-2",
@@ -227,7 +229,7 @@ var j = (e) => {
 			}
 			case "multiSelect": {
 				let e = t, r = n.value ?? [];
-				return /* @__PURE__ */ E(S, {
+				return /* @__PURE__ */ E(C, {
 					options: e.options,
 					selected: r,
 					onToggle: (e) => {
@@ -247,34 +249,34 @@ var j = (e) => {
 			case "html": return t.render(X.getValues(), t);
 			default: return null;
 		}
-	}, ae = (i, l) => {
-		let u = /* @__PURE__ */ E("div", {
+	}, ae = (i, a) => {
+		let o = /* @__PURE__ */ E("div", {
 			className: e("grid grid-cols-4 gap-4"),
-			children: i.fields.map((t) => /* @__PURE__ */ E(d, {
+			children: i.fields.map((t) => /* @__PURE__ */ E(l, {
 				control: X.control,
 				name: t.key,
-				render: ({ field: n }) => /* @__PURE__ */ D(c, {
+				render: ({ field: n }) => /* @__PURE__ */ D(u, {
 					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", {
+						t.type !== "checkbox" && t.type !== "html" && /* @__PURE__ */ D(d, { children: [W(t.labelKey), re(t.rules) && /* @__PURE__ */ E("span", {
 							className: "text-destructive ml-1",
 							children: "*"
 						})] }),
-						/* @__PURE__ */ E(s, { children: ie(t, n) }),
-						/* @__PURE__ */ E(a, {})
+						/* @__PURE__ */ E(c, { children: ie(t, n) }),
+						/* @__PURE__ */ E(f, {})
 					]
 				})
 			}, t.key))
 		});
 		return P?.useCards === !1 ? /* @__PURE__ */ D("div", {
 			className: "space-y-4 mb-6",
-			children: [i.titleKey && /* @__PURE__ */ E(x, { titleKey: i.titleKey }), u]
-		}, l) : /* @__PURE__ */ D(r, {
+			children: [i.titleKey && /* @__PURE__ */ E(S, { titleKey: i.titleKey }), o]
+		}, a) : /* @__PURE__ */ D(t, {
 			className: "mb-6",
-			children: [i.titleKey && /* @__PURE__ */ E(n, { children: /* @__PURE__ */ E(x, { titleKey: i.titleKey }) }), /* @__PURE__ */ E(t, { children: u })]
-		}, l);
+			children: [i.titleKey && /* @__PURE__ */ E(r, { children: /* @__PURE__ */ E(S, { titleKey: i.titleKey }) }), /* @__PURE__ */ E(n, { children: o })]
+		}, a);
 	};
-	return P ? /* @__PURE__ */ E(f, {
+	return P ? /* @__PURE__ */ E(s, {
 		...X,
 		children: /* @__PURE__ */ D("form", {
 			id: H,
@@ -290,13 +292,13 @@ var j = (e) => {
 				})]
 			}), !B && V && /* @__PURE__ */ D("div", {
 				className: "flex justify-end gap-3 mt-6 border-t pt-4",
-				children: [R && /* @__PURE__ */ E(p, {
+				children: [R && /* @__PURE__ */ E(a, {
 					type: "button",
 					variant: "outline",
 					onClick: R,
 					disabled: K || F,
 					children: W("actions.cancel")
-				}), /* @__PURE__ */ E(p, {
+				}), /* @__PURE__ */ E(a, {
 					variant: "default",
 					type: "submit",
 					disabled: K || (F ?? !1) || X.formState.isSubmitting,
@@ -307,4 +309,4 @@ var j = (e) => {
 	}) : null;
 };
 //#endregion
-export { P as t };
+export { P as GenericForm };

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

@@ -1 +1 @@
-export { t as GenericForm } from "../../../GenericForm-Dxd6k7l-.js";
+export { GenericForm } from "./GenericForm.js";

package/dist/components/core/icons/FlagFrIcon.js

@@ -0,0 +1,28 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/components/core/icons/FlagFrIcon.tsx
+var n = ({ className: n }) => /* @__PURE__ */ t("svg", {
+	viewBox: "0 0 640 480",
+	preserveAspectRatio: "xMidYMid slice",
+	className: `rounded-[2px] ${n ?? ""}`,
+	"aria-hidden": "true",
+	children: [
+		/* @__PURE__ */ e("rect", {
+			width: "640",
+			height: "480",
+			fill: "#fff"
+		}),
+		/* @__PURE__ */ e("rect", {
+			width: "213.34",
+			height: "480",
+			fill: "#002395"
+		}),
+		/* @__PURE__ */ e("rect", {
+			x: "426.66",
+			width: "213.34",
+			height: "480",
+			fill: "#ED2939"
+		})
+	]
+});
+//#endregion
+export { n as FlagFrIcon };

package/dist/{icons-n0m_1w7z.js → components/core/icons/FlagGbIcon.js}

@@ -1,30 +1,7 @@
 import { useId as e } from "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/components/core/icons/FlagFrIcon.tsx
-var r = ({ className: e }) => /* @__PURE__ */ n("svg", {
-	viewBox: "0 0 640 480",
-	preserveAspectRatio: "xMidYMid slice",
-	className: `rounded-[2px] ${e ?? ""}`,
-	"aria-hidden": "true",
-	children: [
-		/* @__PURE__ */ t("rect", {
-			width: "640",
-			height: "480",
-			fill: "#fff"
-		}),
-		/* @__PURE__ */ t("rect", {
-			width: "213.34",
-			height: "480",
-			fill: "#002395"
-		}),
-		/* @__PURE__ */ t("rect", {
-			x: "426.66",
-			width: "213.34",
-			height: "480",
-			fill: "#ED2939"
-		})
-	]
-}), i = ({ className: r }) => {
+//#region src/components/core/icons/FlagGbIcon.tsx
+var r = ({ className: r }) => {
 	let i = e().replace(/:/g, ""), a = `flag-gb-field-${i}`, o = `flag-gb-saltire-${i}`;
 	return /* @__PURE__ */ n("svg", {
 		viewBox: "0 0 60 30",
@@ -74,4 +51,4 @@ var r = ({ className: e }) => /* @__PURE__ */ n("svg", {
 	});
 };
 //#endregion
-export { r as n, i as t };
+export { r as FlagGbIcon };

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

@@ -1 +1,3 @@
-export { n as FlagFrIcon, t as FlagGbIcon } from "../../../icons-n0m_1w7z.js";
+import { FlagFrIcon as e } from "./FlagFrIcon.js";
+import { FlagGbIcon as t } from "./FlagGbIcon.js";
+export { e as FlagFrIcon, t as FlagGbIcon };

package/dist/components/core/index.js

@@ -1,27 +1,71 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../../cards-DPzVebUM.js";
-import { F as o } from "../../ui-Fxy95kSJ.js";
-import { A as s, D as c, E as l, F as u, M as d, N as f, O as p, P as m, j as h, k as g } from "../../sheet-cWJO_wkT.js";
-import { t as _ } from "../../SearchInput-IT_Rvthr.js";
-import { t as v } from "../../AppMarkdown-CAxm82x0.js";
-import { t as y } from "../../changelog-DyPFIscf.js";
-import { a as b, c as x, i as S, n as C, o as w, r as T, s as E, t as D } from "../../charts-C7rKxkli.js";
-import { t as O } from "../../ErrorAlert-cJnfBL8H.js";
-import { i as k, n as A, r as j, t as M } from "../../dialogs-CG9Q7pqY.js";
-import { t as N } from "../../ImageInput-BeIOm3GY.js";
-import { t as P } from "../../AppActions-8HjAaTQK.js";
-import { t as F } from "../../AppSubTitle-DI62BaaB.js";
-import { t as I } from "../../MultiSelect-DPN046kI.js";
-import { t as L } from "../../GenericForm-Dxd6k7l-.js";
-import { n as R, r as z, t as B } from "../../SingleSelect-DLY5WylQ.js";
-import { ActiveFilters as V, AdvancedFilters as H, ConditionFilter as U, ConditionFilterGroup as W, FilterField as G, FilterPills as K, FilterPillsGroup as q, FiltersContainer as J, FiltersMobileDrawer as Y, TableFilter as X } from "./filters/index.js";
-import { n as Z, t as Q } from "../../icons-n0m_1w7z.js";
-import { n as $, t as ee } from "../../inputs-CBojnClc.js";
-import { t as te } from "../../language-DY0EYabh.js";
-import { t as ne } from "../../AppTitle-BXoTrXQc.js";
-import { n as re, t as ie } from "../../states-CJ8xE_Nm.js";
-import { AppPageHeader as ae, KpiCardsLayout as oe } from "./layouts/index.js";
-import { a as se, i as ce, n as le, o as ue, r as de, t as fe } from "../../navbar-DD0V0pNE.js";
-import { DataTable as pe, JsonTableOutput as me, TableActions as he, TableBody as ge, TableBulkActions as _e, TableHeader as ve, TablePagination as ye, TableSettings as be } from "./table/index.js";
-import { AppTabContainer as xe, AppTabHeader as Se, AppTabs as Ce, AppVerticalTabs as we } from "./tabs/index.js";
-import { t as Te } from "../../theme-DSumNHLX.js";
-export { M as AboutDialog, V as ActiveFilters, H as AdvancedFilters, P as AppActions, y as AppChangelog, k as AppDialog, v as AppMarkdown, ae as AppPageHeader, F as AppSubTitle, xe as AppTabContainer, Se as AppTabHeader, Ce as AppTabs, ne as AppTitle, we as AppVerticalTabs, x as BarChartHorizontal, E as BarChartVertical, b as CHART_COLORS, S as ChartCard, T as CircularGauge, U as ConditionFilter, W as ConditionFilterGroup, A as ConfirmationDialog, r as DashboardCard, pe as DataTable, z as DatePicker, R as DateRangePicker, l as Dialog, c as DialogClose, p as DialogContent, g as DialogDescription, s as DialogFooter, h as DialogHeader, d as DialogOverlay, f as DialogPortal, m as DialogTitle, u as DialogTrigger, O as ErrorAlert, re as ErrorState, $ as FileDropzone, G as FilterField, K as FilterPills, q as FilterPillsGroup, J as FiltersContainer, Y as FiltersMobileDrawer, Z as FlagFrIcon, Q as FlagGbIcon, j as FormDialog, L as GenericForm, ue as GlobalSearch, N as ImageInput, me as JsonTableOutput, e as KpiCard, t as KpiCards, oe as KpiCardsLayout, te as LanguageSelector, C as LineChart, ie as LoadingState, i as MetricCard, I as MultiSelect, se as NotificationsBell, D as PieChart, o as Progress, ee as RatingInput, _ as SearchInput, de as Sidebar, le as SidebarHeader, ce as SidebarNavItem, B as SingleSelect, n as SkeletonCard, a as SkeletonCards, he as TableActions, ge as TableBody, _e as TableBulkActions, X as TableFilter, ve as TableHeader, ye as TablePagination, be as TableSettings, Te as ThemeSelector, fe as Topbar, w as getChartColor };
+import { DashboardCard as e } from "./cards/DashboardCard.js";
+import { Dialog as t, DialogClose as n, DialogContent as r, DialogDescription as i, DialogFooter as a, DialogHeader as o, DialogOverlay as s, DialogPortal as c, DialogTitle as l, DialogTrigger as u } from "../ui/dialog.js";
+import { Progress as d } from "../ui/progress.js";
+import { KpiCard as f } from "./cards/KpiCard.js";
+import { KpiCards as p } from "./cards/KpiCards.js";
+import { MetricCard as m } from "./cards/MetricCard.js";
+import { SkeletonCard as h } from "./cards/SkeletonCard.js";
+import { SkeletonCards as g } from "./cards/SkeletonCards.js";
+import { SearchInput as _ } from "./inputs/SearchInput.js";
+import { AppMarkdown as v } from "./markdown/AppMarkdown.js";
+import { AppChangelog as y } from "./changelog/AppChangelog.js";
+import { BarChartHorizontal as b } from "./charts/BarChartHorizontal.js";
+import { BarChartVertical as x } from "./charts/BarChartVertical.js";
+import { CHART_COLORS as S, getChartColor as C } from "./charts/chartColors.js";
+import { ChartCard as w } from "./charts/ChartCard.js";
+import { CircularGauge as T } from "./charts/CircularGauge.js";
+import { LineChart as E } from "./charts/LineChart.js";
+import { PieChart as D } from "./charts/PieChart.js";
+import { ErrorAlert as O } from "./states/ErrorAlert.js";
+import { AppDialog as k } from "./dialogs/AppDialog.js";
+import { ImageInput as A } from "./inputs/ImageInput.js";
+import { AppActions as j } from "./layouts/AppActions.js";
+import { AppSubTitle as M } from "./layouts/AppSubTitle.js";
+import { MultiSelect as N } from "./inputs/MultiSelect.js";
+import { GenericForm as P } from "./forms/GenericForm.js";
+import F from "./dialogs/FormDialog.js";
+import { ConfirmationDialog as I } from "./dialogs/ConfirmationDialog.js";
+import { AboutDialog as L } from "./dialogs/AboutDialog.js";
+import { ActiveFilters as R } from "./filters/ActiveFilters.js";
+import { DatePicker as z } from "./inputs/DatePicker.js";
+import { DateRangePicker as B } from "./inputs/DateRangePicker.js";
+import { SingleSelect as V } from "./inputs/SingleSelect.js";
+import { FilterField as H } from "./filters/FilterField.js";
+import { AdvancedFilters as U } from "./filters/AdvancedFilters.js";
+import { FilterPillsGroup as W } from "./filters/FilterPillsGroup.js";
+import { FilterPills as G } from "./filters/FilterPills.js";
+import { FiltersMobileDrawer as K } from "./filters/FiltersMobileDrawer.js";
+import { FiltersContainer as q } from "./filters/FiltersContainer.js";
+import { TableFilter as J } from "./filters/TableFilter.js";
+import { ConditionFilter as Y } from "./filters/ConditionFilter.js";
+import { ConditionFilterGroup as X } from "./filters/ConditionFilterGroup.js";
+import { FlagFrIcon as Z } from "./icons/FlagFrIcon.js";
+import { FlagGbIcon as Q } from "./icons/FlagGbIcon.js";
+import { FileDropzone as $ } from "./inputs/FileDropzone.js";
+import { RatingInput as ee } from "./inputs/RatingInput.js";
+import { LanguageSelector as te } from "./language/LanguageSelector.js";
+import { AppTitle as ne } from "./layouts/AppTitle.js";
+import { AppPageHeader as re } from "./layouts/AppPageHeader.js";
+import { ErrorState as ie } from "./states/ErrorState.js";
+import { LoadingState as ae } from "./states/LoadingState.js";
+import { KpiCardsLayout as oe } from "./layouts/KpiCardsLayout.js";
+import { GlobalSearch as se } from "./navbar/GlobalSearch.js";
+import { NotificationsBell as ce } from "./navbar/NotificationsBell.js";
+import { SidebarNavItem as le } from "./navbar/SidebarNavItem.js";
+import { Sidebar as ue } from "./navbar/Sidebar.js";
+import { SidebarHeader as de } from "./navbar/SidebarHeader.js";
+import { Topbar as fe } from "./navbar/Topbar.js";
+import { TableActions as pe } from "./table/TableActions.js";
+import { TableBody as me } from "./table/TableBody.js";
+import { TableBulkActions as he } from "./table/TableBulkActions.js";
+import { TableHeader as ge } from "./table/TableHeader.js";
+import { TablePagination as _e } from "./table/TablePagination.js";
+import { TableSettings as ve } from "./table/TableSettings.js";
+import { DataTable as ye } from "./table/DataTable.js";
+import { JsonTableOutput as be } from "./table/JsonTableOutput.js";
+import { AppTabHeader as xe } from "./tabs/AppTabHeader.js";
+import { AppTabContainer as Se } from "./tabs/AppTabContainer.js";
+import { AppTabs as Ce } from "./tabs/AppTabs.js";
+import { AppVerticalTabs as we } from "./tabs/AppVerticalTabs.js";
+import { ThemeSelector as Te } from "./theme/ThemeSelector.js";
+export { L as AboutDialog, R as ActiveFilters, U as AdvancedFilters, j as AppActions, y as AppChangelog, k as AppDialog, v as AppMarkdown, re as AppPageHeader, M as AppSubTitle, Se as AppTabContainer, xe as AppTabHeader, Ce as AppTabs, ne as AppTitle, we as AppVerticalTabs, b as BarChartHorizontal, x as BarChartVertical, S as CHART_COLORS, w as ChartCard, T as CircularGauge, Y as ConditionFilter, X as ConditionFilterGroup, I as ConfirmationDialog, e as DashboardCard, ye as DataTable, z as DatePicker, B as DateRangePicker, t as Dialog, n as DialogClose, r as DialogContent, i as DialogDescription, a as DialogFooter, o as DialogHeader, s as DialogOverlay, c as DialogPortal, l as DialogTitle, u as DialogTrigger, O as ErrorAlert, ie as ErrorState, $ as FileDropzone, H as FilterField, G as FilterPills, W as FilterPillsGroup, q as FiltersContainer, K as FiltersMobileDrawer, Z as FlagFrIcon, Q as FlagGbIcon, F as FormDialog, P as GenericForm, se as GlobalSearch, A as ImageInput, be as JsonTableOutput, f as KpiCard, p as KpiCards, oe as KpiCardsLayout, te as LanguageSelector, E as LineChart, ae as LoadingState, m as MetricCard, N as MultiSelect, ce as NotificationsBell, D as PieChart, d as Progress, ee as RatingInput, _ as SearchInput, ue as Sidebar, de as SidebarHeader, le as SidebarNavItem, V as SingleSelect, h as SkeletonCard, g as SkeletonCards, pe as TableActions, me as TableBody, he as TableBulkActions, J as TableFilter, ge as TableHeader, _e as TablePagination, ve as TableSettings, Te as ThemeSelector, fe as Topbar, C as getChartColor };

package/dist/components/core/inputs/DatePicker.js

@@ -0,0 +1,46 @@
+import { cn as e } from "../../../helpers/tailwind.helper.js";
+import { useDateFnsLocale as t } from "../../../i18n/useDateFnsLocale.js";
+import { Button as n } from "../../ui/button.js";
+import { Calendar as r } from "../../ui/calendar.js";
+import { useEffect as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { CalendarIcon as l } from "lucide-react";
+import { format as u } from "date-fns";
+//#region src/components/core/inputs/DatePicker.tsx
+var d = ({ date: d, onDateChange: f, placeholder: p }) => {
+	let m = t(), [h, g] = o(!1), _ = a(null);
+	return i(() => {
+		if (!h) return;
+		let e = (e) => {
+			_.current !== null && !_.current.contains(e.target) && g(!1);
+		};
+		return document.addEventListener("mousedown", e), () => {
+			document.removeEventListener("mousedown", e);
+		};
+	}, [h]), /* @__PURE__ */ c("div", {
+		ref: _,
+		className: "relative w-full",
+		children: [/* @__PURE__ */ c(n, {
+			variant: "outline",
+			type: "button",
+			onClick: () => {
+				g((e) => !e);
+			},
+			className: e("w-full justify-start text-left font-normal focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", h && "ring-2 ring-ring ring-offset-2", d === void 0 && "text-muted-foreground"),
+			children: [/* @__PURE__ */ s(l, { className: "mr-2 size-4 shrink-0" }), d === void 0 ? /* @__PURE__ */ s("span", { children: p }) : u(d, "dd/MM/yyyy", { locale: m })]
+		}), h ? /* @__PURE__ */ s("div", {
+			className: "absolute left-0 top-[calc(100%+4px)] z-[100] rounded-surface border bg-popover text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 slide-in-from-top-2",
+			children: /* @__PURE__ */ s(r, {
+				mode: "single",
+				locale: m,
+				defaultMonth: d,
+				selected: d,
+				onSelect: (e) => {
+					f(e), g(!1);
+				}
+			})
+		}) : null]
+	});
+};
+//#endregion
+export { d as DatePicker };

package/dist/components/core/inputs/DateRangePicker.js

@@ -0,0 +1,92 @@
+import { cn as e } from "../../../helpers/tailwind.helper.js";
+import { useDateFnsLocale as t } from "../../../i18n/useDateFnsLocale.js";
+import { useKrosoftTranslation as n } from "../../../i18n/useKrosoftTranslation.js";
+import { Button as r } from "../../ui/button.js";
+import { Calendar as i } from "../../ui/calendar.js";
+import { Popover as a, PopoverContent as o, PopoverTrigger as s } from "../../ui/popover.js";
+import * as c from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { CalendarIcon as d, XIcon as f } from "lucide-react";
+import { format as p } from "date-fns";
+//#region src/components/core/inputs/DateRangePicker.tsx
+var m = (e) => e ? {
+	from: e.from,
+	to: e.to
+} : void 0, h = ({ value: h, onChange: g, placeholder: _, className: v }) => {
+	let { t: y } = n(), b = t(), [x, S] = c.useState(!1), [C, w] = c.useState(m(h));
+	return c.useEffect(() => {
+		x && w(m(h));
+	}, [x, h]), /* @__PURE__ */ l("div", {
+		className: e("grid gap-2", v),
+		children: /* @__PURE__ */ u(a, {
+			open: x,
+			onOpenChange: S,
+			children: [/* @__PURE__ */ l(s, {
+				asChild: !0,
+				children: /* @__PURE__ */ u(r, {
+					id: "date",
+					variant: "outline",
+					className: e("w-[300px] justify-start text-left font-normal", !h?.from && "text-muted-foreground"),
+					children: [
+						/* @__PURE__ */ l(d, { className: "mr-2 size-4" }),
+						((e) => e?.from ? !e.to || e.from.getTime() === e.to.getTime() ? p(e.from, "dd MMM yyyy", { locale: b }) : `${p(e.from, "dd MMM yyyy", { locale: b })} - ${p(e.to, "dd MMM yyyy", { locale: b })}` : _ ?? y("date.pickPeriod"))(h),
+						h?.from && /* @__PURE__ */ l(r, {
+							type: "button",
+							variant: "ghost",
+							size: "icon",
+							"aria-label": y("date.clearPeriod"),
+							className: "ml-auto h-5 w-5 opacity-50 hover:opacity-100",
+							onClick: (e) => {
+								e.stopPropagation(), g(void 0), S(!1);
+							},
+							children: /* @__PURE__ */ l(f, { className: "size-4" })
+						})
+					]
+				})
+			}), /* @__PURE__ */ u(o, {
+				className: "w-auto p-0",
+				align: "start",
+				side: "bottom",
+				sideOffset: 4,
+				children: [/* @__PURE__ */ l(i, {
+					mode: "range",
+					resetOnSelect: !0,
+					defaultMonth: C?.from,
+					selected: C,
+					onSelect: w,
+					numberOfMonths: 2,
+					locale: b,
+					className: "pointer-events-auto p-3"
+				}), /* @__PURE__ */ u("div", {
+					className: "flex items-center justify-between border-t border-border px-3 py-2",
+					children: [/* @__PURE__ */ l(r, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => {
+							w(void 0);
+						},
+						children: y("actions.clear")
+					}), /* @__PURE__ */ u("div", {
+						className: "flex gap-2",
+						children: [/* @__PURE__ */ l(r, {
+							variant: "ghost",
+							size: "sm",
+							onClick: () => {
+								w(m(h)), S(!1);
+							},
+							children: y("actions.cancel")
+						}), /* @__PURE__ */ l(r, {
+							size: "sm",
+							onClick: () => {
+								g(C), S(!1);
+							},
+							children: y("actions.apply")
+						})]
+					})]
+				})]
+			})]
+		})
+	});
+};
+//#endregion
+export { h as DateRangePicker };

package/dist/{inputs-CBojnClc.js → components/core/inputs/FileDropzone.js}

@@ -1,18 +1,18 @@
-import { t as e } from "./tailwind.helper-CJaRYBmL.js";
-import { t } from "./i18n-BhLphJa3.js";
+import { cn as e } from "../../../helpers/tailwind.helper.js";
+import { useKrosoftTranslation as t } from "../../../i18n/useKrosoftTranslation.js";
 import { useRef as n, useState as r } from "react";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Heart as s, Loader2 as c, Star as l, UploadIcon as u } from "lucide-react";
+import { Loader2 as s, UploadIcon as c } from "lucide-react";
 //#region src/components/core/inputs/FileDropzone.tsx
-var d = ({ onFiles: s, accept: l, multiple: d = !0, title: f, hint: p, formats: m, uploading: h = !1, uploadingLabel: g, icon: _ = u, className: v }) => {
+var l = ({ onFiles: l, accept: u, multiple: d = !0, title: f, hint: p, formats: m, uploading: h = !1, uploadingLabel: g, icon: _ = c, className: v }) => {
 	let { t: y } = t(), b = n(null), [x, S] = r(!1), C = (e) => {
 		let t = Array.from(e ?? []);
-		t.length > 0 && s(t);
+		t.length > 0 && l(t);
 	};
 	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("input", {
 		ref: b,
 		type: "file",
-		accept: l,
+		accept: u,
 		multiple: d,
 		className: "hidden",
 		onChange: (e) => {
@@ -35,7 +35,7 @@ var d = ({ onFiles: s, accept: l, multiple: d = !0, title: f, hint: p, formats:
 		children: h ? /* @__PURE__ */ o("span", {
 			className: "flex items-center gap-2 text-sm text-muted-foreground",
 			children: [
-				/* @__PURE__ */ a(c, { className: "size-5 animate-spin" }),
+				/* @__PURE__ */ a(s, { className: "size-5 animate-spin" }),
 				" ",
 				g ?? y("dropzone.uploading")
 			]
@@ -63,35 +63,6 @@ var d = ({ onFiles: s, accept: l, multiple: d = !0, title: f, hint: p, formats:
 			]
 		})] })
 	})] });
-}, f = {
-	heart: {
-		Icon: s,
-		filledClassName: "fill-rose-500 text-rose-500",
-		unit: "cœur"
-	},
-	star: {
-		Icon: l,
-		filledClassName: "fill-amber-400 text-amber-400",
-		unit: "étoile"
-	}
 };
-function p({ value: t, onChange: n, max: r = 5, size: i = "md", icon: o = "star", colorClassName: s, className: c }) {
-	let { Icon: l, filledClassName: u, unit: d } = f[o], p = !n, m = i === "sm" ? "h-3.5 w-3.5" : "h-5 w-5", h = s ?? u;
-	return /* @__PURE__ */ a("div", {
-		className: e("flex items-center gap-0.5", c),
-		role: p ? "img" : void 0,
-		"aria-label": p ? `${t}/${r} ${d}${t > 1 ? "s" : ""}` : void 0,
-		children: Array.from({ length: r }, (r, i) => {
-			let o = i + 1, s = /* @__PURE__ */ a(l, { className: e(m, o <= t ? h : "text-muted-foreground/40") });
-			return p ? /* @__PURE__ */ a("span", { children: s }, o) : /* @__PURE__ */ a("button", {
-				type: "button",
-				onClick: () => n?.(t === o ? 0 : o),
-				"aria-label": `${o} ${d}${o > 1 ? "s" : ""}`,
-				className: "leading-none transition-transform hover:scale-110",
-				children: s
-			}, o);
-		})
-	});
-}
 //#endregion
-export { d as n, p as t };
+export { l as FileDropzone };

package/dist/{ImageInput-BeIOm3GY.js → components/core/inputs/ImageInput.js}

@@ -1,7 +1,7 @@
-import { t as e } from "./tailwind.helper-CJaRYBmL.js";
-import { t } from "./i18n-BhLphJa3.js";
-import { c as n } from "./tooltip-_geGvbS7.js";
-import { t as r } from "./useNotifications-CyhTruIG.js";
+import { cn as e } from "../../../helpers/tailwind.helper.js";
+import { useKrosoftTranslation as t } from "../../../i18n/useKrosoftTranslation.js";
+import { Button as n } from "../../ui/button.js";
+import { useNotifications as r } from "../../../hooks/ui/useNotifications.js";
 import { forwardRef as i, useRef as a, useState as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { ImageIcon as l, UploadIcon as u, XIcon as d } from "lucide-react";
@@ -80,4 +80,4 @@ var f = i(({ value: i, onChange: f, accept: p = "image/jpeg,image/png,image/webp
 });
 f.displayName = "ImageInput";
 //#endregion
-export { f as t };
+export { f as ImageInput };