@krosoft/react 0.0.238 → 0.0.239

package/dist/ui-DSVBO3iM.js

@@ -0,0 +1,46 @@
+import "./useScrollFade-D9kqJBDh.js";
+import "./useToast-UeDRLovh.js";
+import "./useMobile-pTQ8lWvt.js";
+import "./useNotifications-CyhTruIG.js";
+import "./useLanguage-DN3CuBv5.js";
+import "./useDocumentTitle-D7MywIeB.js";
+import "./useFixedColumns-DfAX30tT.js";
+import "./useTheme-DVfcJ-Qd.js";
+import { useCallback as e, useEffect as t, useState as n } from "react";
+//#region src/hooks/ui/useServerTable.ts
+function r(r, i = "nom", a = {}) {
+	let [o, s] = n(a.initialPage ?? 1), [c, l] = n(a.initialPageSize ?? 10), [u, d] = n(i), [f, p] = n(a.initialSortDirection ?? "asc"), [m, h] = n(a.initialSearchText ?? ""), [g, _] = n(a.initialSearchText ?? ""), [v, y] = n(r);
+	t(() => {
+		let e = setTimeout(() => {
+			_(m);
+		}, a.debounceMs ?? 300);
+		return () => {
+			clearTimeout(e);
+		};
+	}, [m, a.debounceMs]);
+	let b = e((e) => {
+		h(e), s(1);
+	}, []), x = e((e) => {
+		y(e), s(1);
+	}, []), S = e((e, t) => {
+		d(e), p(t);
+	}, []);
+	return {
+		currentPage: o,
+		onPageChange: s,
+		pageSize: c,
+		onPageSizeChange: e((e) => {
+			l(e), s(1);
+		}, []),
+		sortColumn: u,
+		sortDirection: f,
+		onSortChange: S,
+		searchText: m,
+		debouncedSearchText: g,
+		onSearchChange: b,
+		appliedFilters: v,
+		onFiltersChange: x
+	};
+}
+//#endregion
+export { r as t };

package/dist/useDocumentTitle-D7MywIeB.js

@@ -0,0 +1,19 @@
+import { useEffect as e } from "react";
+import { useTranslation as t } from "react-i18next";
+//#region src/hooks/ui/useDocumentTitle.ts
+var n = (n, r, i) => {
+	let { t: a } = t();
+	e(() => {
+		let e = a(n), t = document.title, o = r ? `${e} - ${r}` : e, s = i ? `${o} | ${i}` : o;
+		return document.title = s, () => {
+			document.title = t;
+		};
+	}, [
+		i,
+		r,
+		a,
+		n
+	]);
+};
+//#endregion
+export { n as t };

package/dist/useFixedColumns-DfAX30tT.js

@@ -0,0 +1,147 @@
+import { useCallback as e, useLayoutEffect as t, useMemo as n, useRef as r, useState as i } from "react";
+//#region src/hooks/ui/useDataTable.ts
+function a({ data: t, columns: a, getRowId: o, defaultPageSize: s, actions: c, bulkActions: l, columnVisibility: ee = !0, totalRows: u, currentPage: d, pageSize: te, onPageChange: f, onPageSizeChange: p, sortColumn: m, sortDirection: h, onSortChange: g }) {
+	let [_, v] = i(a.find((e) => e.sortable === !0)?.key ?? null), y = m === void 0 ? _ : m, [b, x] = i("asc"), S = h ?? b, [C, w] = i([]), [T, ne] = i(new Set(a.filter((e) => e.defaultVisible !== !1).map((e) => e.key))), [E, re] = i(a.map((e) => e.key)), [D, ie] = i(a.reduce((e, t) => ({
+		...e,
+		[t.key]: t.minWidth ?? 100
+	}), {})), [O, k] = i(1), A = d ?? O, [ae, oe] = i(s), j = te ?? ae, M = r(null), N = r(null), P = r(0), F = r(0), I = r(null), L = r(null), R = c !== void 0 && c.length > 0, z = l !== void 0 && l.length > 0, B = n(() => E.map((e) => a.find((t) => t.key === e)).filter((e) => e !== void 0), [E, a]), V = n(() => B.filter((e) => T.has(e.key)), [B, T]), H = V.length + +!!z + (R || ee ? 1 : 0), U = u ?? t.length, W = Math.max(1, Math.ceil(U / j)), G = A > W ? W : A, K = U === 0 ? 0 : (G - 1) * j, q = u === void 0 ? Math.min(K + j, t.length) : Math.min(K + t.length, u), J = e((e) => {
+		f ? f(e) : k(e);
+	}, [f]), Y = e((e) => {
+		p ? p(e) : (oe(e), k(1));
+	}, [p]), se = e((e) => {
+		let t = typeof e == "function" ? e(A) : e;
+		J(t);
+	}, [A, J]), X = e((e) => {
+		let t = typeof e == "function" ? e(j) : e;
+		Y(t);
+	}, [j, Y]), ce = e((e) => {
+		if (a.find((t) => t.key === e)?.sortable !== !0) return;
+		let t = "asc";
+		y === e && (t = S === "asc" ? "desc" : "asc"), g ? g(e, t) : (v(e), x(t), J(1));
+	}, [
+		a,
+		y,
+		S,
+		g,
+		J
+	]), Z = e((e) => {
+		let t = N.current;
+		if (t === null) return;
+		let n = e.clientX - P.current, r = Math.max(80, F.current + n);
+		ie((e) => ({
+			...e,
+			[t]: r
+		}));
+	}, []), Q = e(function e() {
+		N.current = null, document.removeEventListener("mousemove", Z), document.removeEventListener("mouseup", e);
+	}, [Z]), le = e((e, t) => {
+		e.preventDefault(), e.stopPropagation(), N.current = t, P.current = e.clientX, F.current = D[t], document.addEventListener("mousemove", Z), document.addEventListener("mouseup", Q);
+	}, [
+		D,
+		Z,
+		Q
+	]), ue = (e, t) => {
+		I.current = t, e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/html", t);
+	}, de = (e, t) => {
+		e.preventDefault(), e.dataTransfer.dropEffect = "move", L.current = t;
+	}, fe = (e, t) => {
+		if (e.preventDefault(), I.current === null || I.current === t) return;
+		let n = [...E], r = n.indexOf(I.current), i = n.indexOf(t);
+		n.splice(r, 1), n.splice(i, 0, I.current), re(n), I.current = null, L.current = null;
+	}, $ = n(() => g === void 0 ? [...t].sort((e, t) => {
+		if (y === null) return 0;
+		let n = a.find((e) => e.key === y), r = n?.getSortValue === void 0 ? e[y] : n.getSortValue(e), i = n?.getSortValue === void 0 ? t[y] : n.getSortValue(t);
+		if (typeof r == "string" && typeof i == "string") {
+			let e = r.localeCompare(i);
+			return S === "asc" ? e : -e;
+		}
+		return r === i ? 0 : r == null ? 1 : i == null ? -1 : r < i ? S === "asc" ? -1 : 1 : r > i ? S === "asc" ? 1 : -1 : 0;
+	}) : t, [
+		t,
+		y,
+		S,
+		a,
+		g
+	]);
+	return {
+		sortColumn: y,
+		sortDirection: S,
+		selectedRows: C,
+		setSelectedRows: w,
+		visibleColumns: T,
+		columnWidths: D,
+		currentPage: A,
+		setCurrentPage: se,
+		pageSize: j,
+		setPageSize: X,
+		totalPages: W,
+		safeCurrentPage: G,
+		startIndex: K,
+		endIndex: q,
+		tableRef: M,
+		hasActions: R,
+		hasBulkActions: z,
+		orderedColumns: B,
+		visibleColumnsArray: V,
+		colSpanCount: H,
+		paginatedData: n(() => u === void 0 ? $.slice(K, q) : $, [
+			$,
+			K,
+			q,
+			u
+		]),
+		handleSort: ce,
+		handleMouseDown: le,
+		handleDragStart: ue,
+		handleDragOver: de,
+		handleDrop: fe,
+		toggleColumnVisibility: (e) => {
+			let t = new Set(T);
+			t.has(e) ? t.delete(e) : t.add(e), ne(t);
+		},
+		toggleRowSelection: (e) => {
+			C.includes(e) ? w(C.filter((t) => t !== e)) : w([...C, e]);
+		},
+		toggleSelectAll: () => {
+			C.length === t.length ? w([]) : w(t.map((e) => o(e)));
+		}
+	};
+}
+//#endregion
+//#region src/hooks/ui/useFixedColumns.ts
+var o = (e, t) => {
+	let n = Object.keys(e);
+	return n.length === Object.keys(t).length && n.every((n) => {
+		let r = e[n], i = t[n];
+		return r.side === i?.side && r.offset === i.offset && r.isEdge === i.isEdge;
+	});
+};
+function s(e) {
+	let [n, r] = i({});
+	return t(() => {
+		let t = e.current;
+		if (!t) return;
+		let n = [], i = () => {
+			n = Array.from(t.querySelectorAll("thead th[data-fixed-side]"));
+			let e = {}, i = (t, n) => {
+				let r = 0;
+				t.forEach((i, a) => {
+					let o = i.dataset.columnKey;
+					o !== void 0 && (e[o] = {
+						side: n,
+						offset: r,
+						isEdge: a === t.length - 1
+					}, r += i.getBoundingClientRect().width);
+				});
+			};
+			i(n.filter((e) => e.dataset.fixedSide === "left"), "left"), i(n.filter((e) => e.dataset.fixedSide === "right").reverse(), "right"), r((t) => o(t, e) ? t : e);
+		};
+		i();
+		let a = typeof ResizeObserver > "u" ? null : new ResizeObserver(i);
+		return a?.observe(t), n.forEach((e) => a?.observe(e)), () => {
+			a?.disconnect();
+		};
+	}), n;
+}
+//#endregion
+export { a as n, s as t };

package/dist/useLanguage-DN3CuBv5.js

@@ -0,0 +1,19 @@
+import { useTranslation as e } from "react-i18next";
+//#region src/hooks/ui/useLanguage.ts
+function t(t) {
+	let { i18n: n } = e(), r = n.language ?? "", i = r.split("-")[0], a = t.find((e) => e.value === r) ?? t.find((e) => e.value === i) ?? t[0], o = t.findIndex((e) => e.value === a?.value), s = t.length > 0 ? t[(o + 1) % t.length] : void 0, c = (e) => {
+		n.changeLanguage(e);
+	};
+	return {
+		language: r,
+		languageOptions: t,
+		currentLanguageOption: a,
+		nextLanguageOption: s,
+		changeLanguage: c,
+		cycleLanguage: () => {
+			s && c(s.value);
+		}
+	};
+}
+//#endregion
+export { t };

package/dist/useMobile-pTQ8lWvt.js

@@ -0,0 +1,16 @@
+import { useEffect as e, useState as t } from "react";
+//#region src/hooks/ui/useMobile.tsx
+var n = 768;
+function r() {
+	let [r, i] = t(!1);
+	return e(() => {
+		let e = window.matchMedia("(max-width: 767px)"), t = () => {
+			i(window.innerWidth < n);
+		};
+		return e.addEventListener("change", t), i(window.innerWidth < n), () => {
+			e.removeEventListener("change", t);
+		};
+	}, []), r;
+}
+//#endregion
+export { r as t };

package/dist/useNotifications-CyhTruIG.js

@@ -0,0 +1,20 @@
+import { t as e } from "./useToast-UeDRLovh.js";
+//#region src/hooks/ui/useNotifications.ts
+var t = () => ({
+	showSuccess: (t, n, r) => {
+		e({
+			title: t,
+			description: n,
+			action: r
+		});
+	},
+	showError: (t, n, r) => {
+		console.error(n, r), e({
+			title: t,
+			description: n,
+			variant: "destructive"
+		});
+	}
+});
+//#endregion
+export { t };

package/dist/useScrollFade-D9kqJBDh.js

@@ -0,0 +1,27 @@
+import { useLayoutEffect as e, useState as t } from "react";
+//#region src/hooks/ui/useScrollFade.ts
+var n = "1.5rem";
+function r(r) {
+	let [i, a] = t({
+		start: !1,
+		end: !1
+	});
+	return e(() => {
+		let e = r.current;
+		if (!e) return;
+		let t = () => {
+			let t = e.scrollWidth - e.clientWidth, n = e.scrollLeft > 1, r = e.scrollLeft < t - 1;
+			a((e) => e.start === n && e.end === r ? e : {
+				start: n,
+				end: r
+			});
+		};
+		t(), e.addEventListener("scroll", t, { passive: !0 });
+		let n = typeof ResizeObserver > "u" ? null : new ResizeObserver(t);
+		return n?.observe(e), () => {
+			e.removeEventListener("scroll", t), n?.disconnect();
+		};
+	}), !i.start && !i.end ? {} : { maskImage: `linear-gradient(to right, transparent 0, #000 ${i.start ? n : "0px"}, #000 calc(100% - ${i.end ? n : "0px"}), transparent 100%)` };
+}
+//#endregion
+export { r as t };

package/dist/useTheme-DVfcJ-Qd.js

@@ -0,0 +1,25 @@
+import { t as e } from "./i18n-Dw99bRmg.js";
+import { t } from "./useNotifications-CyhTruIG.js";
+import { useTheme as n } from "next-themes";
+//#region src/hooks/ui/useTheme.ts
+function r(r) {
+	let { t: i } = e(), { showSuccess: a } = t(), { theme: o, setTheme: s } = n(), c = (e) => {
+		s(e);
+		let t = r.find((t) => t.value === e);
+		a(i("theme.updatedTitle"), i("theme.updatedMessage", { theme: t?.label ?? e }));
+	}, l = r.filter((e) => !e.hideInMini), u = r.find((e) => e.value === o), d = l.findIndex((e) => e.value === o), f = l.length > 0 ? l[(d + 1) % l.length] : void 0;
+	return {
+		theme: o,
+		setTheme: s,
+		handleThemeChange: c,
+		themeOptions: r,
+		currentThemeOption: u,
+		nextThemeOption: f,
+		isDark: o?.startsWith("dark") ?? !1,
+		cycleTheme: () => {
+			f && c(f.value);
+		}
+	};
+}
+//#endregion
+export { r as t };

package/dist/useToast-UeDRLovh.js

@@ -0,0 +1,103 @@
+import * as e from "react";
+//#region src/hooks/ui/useToast.ts
+var t = 1, n = 1e6, r = 0;
+function i() {
+	return r = (r + 1) % (2 ** 53 - 1), r.toString();
+}
+var a = /* @__PURE__ */ new Map(), o = (e) => {
+	if (a.has(e)) return;
+	let t = setTimeout(() => {
+		a.delete(e), u({
+			type: "REMOVE_TOAST",
+			toastId: e
+		});
+	}, n);
+	a.set(e, t);
+}, s = (e, n) => {
+	switch (n.type) {
+		case "ADD_TOAST": return {
+			...e,
+			toasts: [n.toast, ...e.toasts].slice(0, t)
+		};
+		case "UPDATE_TOAST": return {
+			...e,
+			toasts: e.toasts.map((e) => e.id === n.toast.id ? {
+				...e,
+				...n.toast
+			} : e)
+		};
+		case "DISMISS_TOAST": {
+			let { toastId: t } = n;
+			return t === void 0 ? e.toasts.forEach((e) => {
+				o(e.id);
+			}) : o(t), {
+				...e,
+				toasts: e.toasts.map((e) => e.id === t || t === void 0 ? {
+					...e,
+					open: !1
+				} : e)
+			};
+		}
+		case "REMOVE_TOAST": return n.toastId === void 0 ? {
+			...e,
+			toasts: []
+		} : {
+			...e,
+			toasts: e.toasts.filter((e) => e.id !== n.toastId)
+		};
+	}
+}, c = [], l = { toasts: [] };
+function u(e) {
+	l = s(l, e), c.forEach((e) => {
+		e(l);
+	});
+}
+function d({ ...e }) {
+	let t = i(), n = (e) => {
+		u({
+			type: "UPDATE_TOAST",
+			toast: {
+				...e,
+				id: t
+			}
+		});
+	}, r = () => {
+		u({
+			type: "DISMISS_TOAST",
+			toastId: t
+		});
+	};
+	return u({
+		type: "ADD_TOAST",
+		toast: {
+			...e,
+			id: t,
+			open: !0,
+			onOpenChange: (e) => {
+				e || r();
+			}
+		}
+	}), {
+		id: t,
+		dismiss: r,
+		update: n
+	};
+}
+function f() {
+	let [t, n] = e.useState(l);
+	return e.useEffect(() => (c.push(n), () => {
+		let e = c.indexOf(n);
+		e > -1 && c.splice(e, 1);
+	}), [t]), {
+		...t,
+		toast: d,
+		dismiss: (e) => {
+			u({
+				type: "DISMISS_TOAST",
+				toastId: e
+			});
+		}
+	};
+}
+//#endregion
+export { f as n, d as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.238",
+  "version": "0.0.239",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {
@@ -122,7 +122,7 @@
     "tailwindcss": "^3.4.19",
     "tsc-alias": "^1.9.2",
     "typescript": "^5.9.3",
-    "vite": "^6.4.3",
+    "vite": "^8.2.2",
     "vite-plugin-pwa": "^1.3.0",
     "vitest": "^4.1.11"
   }

package/dist/AppActions-BFwztl-1.js

@@ -1,76 +0,0 @@
-import { jsxs as n, jsx as l } from "react/jsx-runtime";
-import { a3 as u, ah as t, a5 as c, ac as g, a7 as d } from "./toggle-group-iZqnrTj7.js";
-import "./alert-B9F1N9Qk.js";
-import "@radix-ui/react-aspect-ratio";
-import { B as p } from "./tooltip-DVeqVwqV.js";
-import "./chart-DntJZGxB.js";
-import "@radix-ui/react-collapsible";
-import "./sheet-XYI-ezvY.js";
-import { MoreVerticalIcon as h } from "lucide-react";
-import "react-resizable-panels";
-import { c as i } from "./tailwind.helper-B6yFEsav.js";
-import "./select-BpjFWqAY.js";
-import "next-themes";
-import "sonner";
-import "react";
-import { useTranslation as v } from "react-i18next";
-import { u as C } from "./useMobile-DN1_OMDB.js";
-function G({ actions: o, className: b }) {
-  const { t: m } = v(), N = C();
-  return !o || o.length === 0 ? null : N ? /* @__PURE__ */ n(u, { children: [
-    /* @__PURE__ */ l(t, { asChild: !0, children: /* @__PURE__ */ l(p, { variant: "outline", size: "icon", children: /* @__PURE__ */ l(h, { className: "size-4" }) }) }),
-    /* @__PURE__ */ l(c, { align: "end", className: "min-w-48", children: o.map((r, e) => r ? r.children && r.children.length > 0 ? /* @__PURE__ */ n("div", { children: [
-      e > 0 && /* @__PURE__ */ l(g, {}),
-      r.children.map((s, a) => s ? /* @__PURE__ */ n(
-        d,
-        {
-          onClick: () => void s.onClick(),
-          disabled: s.disabled,
-          className: i("gap-2", s.className),
-          children: [
-            s.icon && /* @__PURE__ */ l(s.icon, { className: "size-4" }),
-            s.labelKey && m(s.labelKey)
-          ]
-        },
-        a
-      ) : null)
-    ] }, e) : /* @__PURE__ */ n(d, { onClick: () => void r.onClick(), disabled: r.disabled, className: i("gap-2", r.className), children: [
-      r.icon && /* @__PURE__ */ l(r.icon, { className: "size-4" }),
-      r.labelKey && m(r.labelKey)
-    ] }, e) : null) })
-  ] }) : ((r) => /* @__PURE__ */ l("div", { className: i("flex gap-2", b), children: r.map((e, s) => e ? e.children && e.children.length > 0 ? /* @__PURE__ */ n(u, { children: [
-    /* @__PURE__ */ l(t, { asChild: !0, children: /* @__PURE__ */ n(p, { variant: e.variant, disabled: e.disabled, className: i("gap-2", e.className), children: [
-      e.icon && /* @__PURE__ */ l(e.icon, { className: "size-4" }),
-      e.labelKey && m(e.labelKey)
-    ] }) }),
-    /* @__PURE__ */ l(c, { align: "end", children: e.children.map((a, f) => a ? /* @__PURE__ */ n(
-      d,
-      {
-        onClick: () => void a.onClick(),
-        disabled: a.disabled,
-        className: i("gap-2", a.className),
-        children: [
-          a.icon && /* @__PURE__ */ l(a.icon, { className: "size-4" }),
-          a.labelKey && m(a.labelKey)
-        ]
-      },
-      f
-    ) : null) })
-  ] }, s) : /* @__PURE__ */ n(
-    p,
-    {
-      variant: e.variant,
-      onClick: () => void e.onClick(),
-      disabled: e.disabled,
-      className: i("gap-2", e.className),
-      children: [
-        e.icon && /* @__PURE__ */ l(e.icon, { className: "size-4" }),
-        e.labelKey && m(e.labelKey)
-      ]
-    },
-    s
-  ) : null) }))(o);
-}
-export {
-  G as A
-};

package/dist/AppSubTitle-BTN0YAc7.js

@@ -1,13 +0,0 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { useTranslation as l } from "react-i18next";
-import { A as m } from "./AppActions-BFwztl-1.js";
-function f({ titleKey: s, actions: t, className: o }) {
-  const { t: r } = l();
-  return /* @__PURE__ */ i("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between gap-4", children: [
-    /* @__PURE__ */ e("h2", { className: "text-lg font-semibold", children: r(s) }),
-    /* @__PURE__ */ e(m, { actions: t, className: o })
-  ] });
-}
-export {
-  f as A
-};

package/dist/AppTitle-D15YXeMx.js

@@ -1,13 +0,0 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { c as x } from "./tailwind.helper-B6yFEsav.js";
-import { useTranslation as r } from "react-i18next";
-function c({ titleKey: m, descriptionKey: t, isSubTitle: e }) {
-  const { t: l } = r();
-  return /* @__PURE__ */ n("div", { className: "flex min-w-0 flex-col gap-1", children: [
-    /* @__PURE__ */ o("h1", { className: e ? "text-xl md:text-2xl font-semibold" : "text-xl md:text-3xl font-bold", children: l(m) ?? "" }),
-    t ? /* @__PURE__ */ o("p", { className: x("hidden md:block text-muted-foreground", e && "text-sm"), children: l(t) }) : null
-  ] });
-}
-export {
-  c as A
-};

package/dist/AppVerticalTabs-B7XXtAVj.js

@@ -1,103 +0,0 @@
-import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import { C as w, d as S, a as T } from "./chart-DntJZGxB.js";
-import { A as C } from "./AppActions-BFwztl-1.js";
-import { A as b } from "./AppTitle-D15YXeMx.js";
-import { bd as A, bf as P, bg as k, be as j } from "./toggle-group-iZqnrTj7.js";
-import { useRef as z, useEffect as K } from "react";
-import { useTranslation as g } from "react-i18next";
-import { useSearchParams as y } from "react-router-dom";
-import { c as V } from "./tailwind.helper-B6yFEsav.js";
-import { S as R } from "./sheet-XYI-ezvY.js";
-import { S as q, h as I, i as L, a as H, c as U } from "./select-BpjFWqAY.js";
-import { ConstructionIcon as v } from "lucide-react";
-import "date-fns/locale";
-import { u as D } from "./useKrosoftTranslation-BTp46G94.js";
-function E({ titleKey: s, descriptionKey: t, actions: c = [], className: l }) {
-  return /* @__PURE__ */ n("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", children: [
-    /* @__PURE__ */ a(b, { titleKey: s, descriptionKey: t, isSubTitle: !0 }),
-    /* @__PURE__ */ a(C, { actions: c, className: l })
-  ] });
-}
-function ae({ titleKey: s, descriptionKey: t, actions: c = [], className: l, children: o, isSubTitle: p }) {
-  return /* @__PURE__ */ n(w, { children: [
-    /* @__PURE__ */ a(S, { children: /* @__PURE__ */ a(E, { titleKey: s, descriptionKey: t, actions: c, className: l }) }),
-    /* @__PURE__ */ a(T, { className: "space-y-4", children: o })
-  ] });
-}
-function se({ tabs: s, itemId: t, item: c, fit: l }) {
-  var d, u;
-  const { t: o } = g(), [p, f] = y(), i = p.get("tab"), m = ((d = s.find((e) => e.value === i)) == null ? void 0 : d.value) ?? ((u = s[0]) == null ? void 0 : u.value), x = (e) => {
-    const r = new URLSearchParams();
-    r.set("tab", e), f(r);
-  }, h = z(null);
-  return K(() => {
-    var r, N;
-    const e = (r = h.current) == null ? void 0 : r.querySelector('[data-state="active"]');
-    (N = e == null ? void 0 : e.scrollIntoView) == null || N.call(e, { behavior: "smooth", block: "nearest", inline: "nearest" });
-  }, [m]), /* @__PURE__ */ n(A, { value: m, onValueChange: x, children: [
-    /* @__PURE__ */ a(P, { ref: h, className: V("w-full justify-start", l && "sm:w-fit"), children: s.map((e) => /* @__PURE__ */ n(k, { value: e.value, className: "gap-2", disabled: e.disabled, children: [
-      e.icon ? /* @__PURE__ */ a("span", { className: "hidden sm:inline", children: /* @__PURE__ */ a(e.icon, { className: "size-4" }) }) : null,
-      /* @__PURE__ */ a("span", { className: "text-xs sm:text-sm", children: o(e.titleKey) ?? "" }),
-      e.count ? /* @__PURE__ */ n("span", { className: "text-gray-500 text-xs", children: [
-        "(",
-        e.count(c),
-        ")"
-      ] }) : null
-    ] }, e.value)) }),
-    s.map((e) => /* @__PURE__ */ a(j, { value: e.value, className: "mt-4", children: e.component ? e.component(t) : null }, e.value))
-  ] });
-}
-const re = ({ tabs: s, item: t }) => {
-  var d, u;
-  const { t: c } = g(), { t: l } = D(), [o, p] = y(), f = o.get("tab"), i = ((d = s.find((e) => e.value === f)) == null ? void 0 : d.value) ?? ((u = s[0]) == null ? void 0 : u.value), m = (e) => {
-    const r = new URLSearchParams();
-    r.set("tab", e), p(r);
-  }, x = () => {
-    const e = s.find((r) => r.value === i);
-    return e ? e.component ? e.component() : h() : null;
-  }, h = () => /* @__PURE__ */ a("div", { className: "p-4 lg:p-6", children: /* @__PURE__ */ a("div", { className: "flex items-center justify-center h-64 text-gray-500", children: /* @__PURE__ */ n("div", { className: "text-center", children: [
-    /* @__PURE__ */ a(v, { className: "h-12 w-12 mx-auto mb-4 text-amber-500" }),
-    /* @__PURE__ */ a("p", { className: "text-lg font-medium", children: l("states.underConstruction") }),
-    /* @__PURE__ */ a("p", { className: "text-sm text-gray-400", children: l("states.comingSoon") })
-  ] }) }) });
-  return /* @__PURE__ */ n("div", { className: "flex flex-col md:flex-row h-full min-w-0  ", children: [
-    /* @__PURE__ */ a("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__ */ a(R, { className: "h-full", children: /* @__PURE__ */ a("div", { className: "space-y-1", children: s.map((e, r) => /* @__PURE__ */ n(
-      "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" : i === 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 && m(e.value),
-        children: [
-          e.icon && /* @__PURE__ */ a(e.icon, { className: "size-4" }),
-          /* @__PURE__ */ a("span", { className: "flex-1", children: c(e.titleKey) }),
-          e.count && /* @__PURE__ */ n("span", { className: "text-xs text-gray-500", children: [
-            "(",
-            e.count(t),
-            ")"
-          ] }),
-          !e.component && /* @__PURE__ */ a(v, { className: "size-4 text-amber-500" })
-        ]
-      },
-      r
-    )) }) }) }),
-    /* @__PURE__ */ a("div", { className: "md:hidden w-full border-b pb-4 mb-4", children: /* @__PURE__ */ n(q, { value: i, onValueChange: m, children: [
-      /* @__PURE__ */ a(I, { className: "w-full", children: /* @__PURE__ */ a(L, { placeholder: l("select.section") }) }),
-      /* @__PURE__ */ a(H, { children: s.map((e, r) => /* @__PURE__ */ a(U, { value: e.value, disabled: e.disabled, children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-        e.icon && /* @__PURE__ */ a(e.icon, { className: "size-4" }),
-        /* @__PURE__ */ a("span", { children: c(e.titleKey) }),
-        e.count && /* @__PURE__ */ n("span", { className: "text-xs text-gray-500", children: [
-          "(",
-          e.count(t),
-          ")"
-        ] }),
-        !e.component && /* @__PURE__ */ a(v, { className: "size-4 text-amber-500" })
-      ] }) }, r)) })
-    ] }) }),
-    /* @__PURE__ */ a("div", { className: "flex-1 md:px-4 min-w-0 overflow-auto", children: x() })
-  ] });
-};
-export {
-  ae as A,
-  E as a,
-  se as b,
-  re as c
-};