@krosoft/react 0.0.290 → 0.0.291

package/dist/components/core/filters/SearchableFilterPill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchableFilterPill.d.ts","sourceRoot":"","sources":["../../../../src/components/core/filters/SearchableFilterPill.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,EAAE,EACrD,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,WAAW,EACX,UAAkB,EAClB,iBAAiB,GAClB,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,EAAE,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,KAAK,CAAC,YAAY,CAgIrB"}
+{"version":3,"file":"SearchableFilterPill.d.ts","sourceRoot":"","sources":["../../../../src/components/core/filters/SearchableFilterPill.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,EAAE,EACrD,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,WAAW,EACX,UAAkB,EAClB,iBAAiB,GAClB,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,EAAE,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,KAAK,CAAC,YAAY,CAqIrB"}

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

@@ -22,7 +22,7 @@ function R({ filters: e, onRemoveFilter: n, onClearAll: i, filterLabelKeys: a =
 		className: "flex flex-wrap items-center gap-2 mb-4",
 		children: [
 			/* @__PURE__ */ A("span", {
-				className: "text-sm text-gray-600 font-medium",
+				className: "text-sm text-muted-foreground font-medium",
 				children: s("filters.active")
 			}),
 			c.flatMap(([e, t]) => {
@@ -31,7 +31,7 @@ function R({ filters: e, onRemoveFilter: n, onClearAll: i, filterLabelKeys: a =
 					let i = L(e, t, s, o);
 					return /* @__PURE__ */ j(r, {
 						variant: "secondary",
-						className: "flex items-center gap-1 px-3 py-1 bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100",
+						className: "flex items-center gap-1 px-3 py-1 bg-primary/10 text-primary border border-primary/20 hover:bg-primary/20",
 						children: [
 							c,
 							": ",
@@ -40,7 +40,7 @@ function R({ filters: e, onRemoveFilter: n, onClearAll: i, filterLabelKeys: a =
 								onClick: () => {
 									n(e, t);
 								},
-								className: "ml-1 hover:bg-blue-200 rounded-full p-0.5",
+								className: "ml-1 hover:bg-primary/20 rounded-full p-0.5",
 								children: /* @__PURE__ */ A(I, { className: "size-4" })
 							})
 						]
@@ -49,7 +49,7 @@ function R({ filters: e, onRemoveFilter: n, onClearAll: i, filterLabelKeys: a =
 				let l = L(e, t, s, o);
 				return /* @__PURE__ */ j(r, {
 					variant: "secondary",
-					className: "flex items-center gap-1 px-3 py-1 bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100",
+					className: "flex items-center gap-1 px-3 py-1 bg-primary/10 text-primary border border-primary/20 hover:bg-primary/20",
 					children: [
 						c,
 						": ",
@@ -58,7 +58,7 @@ function R({ filters: e, onRemoveFilter: n, onClearAll: i, filterLabelKeys: a =
 							onClick: () => {
 								n(e);
 							},
-							className: "ml-1 hover:bg-blue-200 rounded-full p-0.5",
+							className: "ml-1 hover:bg-primary/20 rounded-full p-0.5",
 							children: /* @__PURE__ */ A(I, { className: "size-4" })
 						})
 					]
@@ -66,7 +66,7 @@ function R({ filters: e, onRemoveFilter: n, onClearAll: i, filterLabelKeys: a =
 			}),
 			c.length > 0 && /* @__PURE__ */ A("button", {
 				onClick: i,
-				className: "text-xs text-red-500 hover:text-red-600 transition-colors font-medium ml-auto",
+				className: "text-xs text-destructive hover:text-destructive/80 transition-colors font-medium ml-auto",
 				children: s("filters.clearAll")
 			})
 		]
@@ -189,7 +189,7 @@ function V({ sections: e, filters: r, onFiltersChange: i, buttonText: a, sheetTi
 						children: e.map((e, t) => /* @__PURE__ */ j("div", {
 							className: "space-y-4",
 							children: [/* @__PURE__ */ A("h3", {
-								className: "font-semibold text-sm text-gray-900 dark:text-gray-100 border-b pb-2",
+								className: "font-semibold text-sm text-foreground border-b pb-2",
 								children: l(e.titleKey)
 							}), e.filters.map((e) => /* @__PURE__ */ j("div", {
 								className: "space-y-2",
@@ -211,14 +211,14 @@ function V({ sections: e, filters: r, onFiltersChange: i, buttonText: a, sheetTi
 					})
 				}),
 				/* @__PURE__ */ j(s, {
-					className: "gap-2 p-6 border-t bg-white dark:bg-gray-950",
+					className: "gap-2 p-6 border-t bg-background",
 					children: [/* @__PURE__ */ A(o, {
 						variant: "outline",
 						className: "flex-1",
 						onClick: S,
 						children: l("filters.clear")
 					}), /* @__PURE__ */ A(o, {
-						className: "flex-1 bg-orange-500 hover:bg-orange-600 text-white",
+						className: "flex-1",
 						onClick: x,
 						children: l("filters.apply")
 					})]
@@ -295,7 +295,7 @@ function K({ labelKey: n, options: r, selected: o, onToggle: s, onClear: c, onSe
 				]
 			})
 		}), /* @__PURE__ */ j(d, {
-			className: "w-56 p-0",
+			className: "w-72 max-w-[var(--radix-popover-content-available-width)] p-0",
 			align: "start",
 			children: [
 				f ? /* @__PURE__ */ A("div", {
@@ -314,7 +314,7 @@ function K({ labelKey: n, options: r, selected: o, onToggle: s, onClear: c, onSe
 					})
 				}) : null,
 				/* @__PURE__ */ j("div", {
-					className: "flex flex-col gap-0.5 max-h-56 overflow-y-auto p-1.5",
+					className: "flex flex-col gap-0.5 max-h-56 overflow-y-auto overflow-x-hidden p-1.5",
 					children: [
 						y.length > 0 && /* @__PURE__ */ j("label", {
 							className: "flex items-center gap-2.5 rounded-md px-2 py-2 text-sm hover:bg-muted cursor-pointer transition-colors",
@@ -344,19 +344,26 @@ function K({ labelKey: n, options: r, selected: o, onToggle: s, onClear: c, onSe
 							children: h("states.noResult")
 						}),
 						y.map((e) => /* @__PURE__ */ j("label", {
-							className: "flex items-center gap-2.5 rounded-md px-2 py-2 text-sm hover:bg-muted cursor-pointer transition-colors",
+							className: "flex min-w-0 items-center gap-2.5 rounded-md px-2 py-2 text-sm hover:bg-muted cursor-pointer transition-colors",
 							children: [
-								/* @__PURE__ */ A(i, {
-									checked: o.includes(e.value),
-									onCheckedChange: () => {
-										s(e.value);
-									}
+								/* @__PURE__ */ A("span", {
+									className: "shrink-0",
+									children: /* @__PURE__ */ A(i, {
+										checked: o.includes(e.value),
+										onCheckedChange: () => {
+											s(e.value);
+										}
+									})
 								}),
 								e.color && /* @__PURE__ */ A("span", {
 									className: "size-2.5 shrink-0 rounded-full",
 									style: { backgroundColor: e.color }
 								}),
-								e.label
+								/* @__PURE__ */ A("span", {
+									className: "min-w-0 flex-1 truncate",
+									title: e.label,
+									children: e.label
+								})
 							]
 						}, e.value))
 					]

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-B7PMh_S2.js";
+import { a as Q, i as $, n as ee, o as te, r as ne, t as re } from "../../navbar-CCHGdEzE.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/SidebarNavItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarNavItem.d.ts","sourceRoot":"","sources":["../../../../src/components/core/navbar/SidebarNavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,WAAW,EAAkB,MAAM,WAAW,CAAC;AAExD,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAiBD,eAAO,MAAM,cAAc,GAAI,2FAW5B,mBAAmB,KAAG,KAAK,CAAC,YAgH9B,CAAC"}
+{"version":3,"file":"SidebarNavItem.d.ts","sourceRoot":"","sources":["../../../../src/components/core/navbar/SidebarNavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAiBD,eAAO,MAAM,cAAc,GAAI,2FAW5B,mBAAmB,KAAG,KAAK,CAAC,YAkH9B,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-B7PMh_S2.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../../../navbar-CCHGdEzE.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-B7PMh_S2.js";
+import { a as ti, i as ni, n as ri, o as ii, r as ai, t as oi } from "../navbar-CCHGdEzE.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-B7PMh_S2.js → navbar-CCHGdEzE.js}

@@ -213,18 +213,18 @@ var P = ({ groups: n, search: r, onSearch: i, onSelect: o, loading: u = !1, open
 		})]
 	});
 }, L = (e, t, n) => t === e ? !0 : e === "/" || !t.startsWith(`${e}/`) ? !1 : !n.some((n) => n !== e && n.startsWith(`${e}/`) && (t === n || t.startsWith(`${n}/`))), R = ({ path: t, icon: i, label: a, badge: s, subItems: c, currentPath: l, collapsed: u, dense: d = !1, onItemClick: f }) => {
-	let p = c?.map((e) => e.path) ?? [], [m, h] = w.useState(c?.some((e) => L(e.path, l, p)) ?? !1), g = t ? l === t || t !== "/" && l.startsWith(`${t}/`) : !1, _ = c?.some((e) => L(e.path, l, p)), v = /* @__PURE__ */ D("a", {
+	let p = c?.map((e) => e.path) ?? [], [m, h] = w.useState(c?.some((e) => L(e.path, l, p)) ?? !1), g = t ? l === t || t !== "/" && l.startsWith(`${t}/`) : !1, _ = c?.some((e) => L(e.path, l, p)), v = g || !u && _, y = /* @__PURE__ */ D("a", {
 		href: t ?? "#",
 		onClick: (e) => {
 			e.ctrlKey || e.metaKey || e.button === 1 || (e.preventDefault(), c && c.length > 0 ? u || h(!m) : t && f(t));
 		},
-		className: e("flex items-center cursor-pointer transition-all duration-200 group rounded-control", d ? "gap-2.5  mb-0.5" : "gap-3  mb-1", u ? d ? "justify-center p-2 h-9 w-9 mx-auto" : "justify-center p-3 h-12 w-12 mx-auto" : d ? "px-3 py-1.5 h-9" : "px-4 py-3 h-12", g || !u && _ ? d ? "bg-sidebar-primary text-sidebar-primary-foreground" : "bg-sidebar-primary text-sidebar-primary-foreground shadow-lg" : "hover:bg-sidebar-accent text-sidebar-foreground hover:text-sidebar-accent-foreground"),
+		className: e("flex items-center cursor-pointer transition-all duration-200 group rounded-control", d ? "gap-2.5  mb-0.5" : "gap-3  mb-1", u ? d ? "justify-center p-2 h-9 w-9 mx-auto" : "justify-center p-3 h-12 w-12 mx-auto" : d ? "px-3 py-1.5 h-9" : "px-4 py-3 h-12", v ? "bg-sidebar-primary/10 text-sidebar-primary font-semibold border border-sidebar-primary/40 [&_svg]:text-sidebar-primary" : "border border-transparent hover:bg-sidebar-accent text-sidebar-foreground hover:text-sidebar-accent-foreground"),
 		children: [/* @__PURE__ */ E("div", {
 			className: e("flex-shrink-0 transition-transform group-hover:scale-110", u ? "flex items-center justify-center" : ""),
-			children: /* @__PURE__ */ E(i, { className: "size-4" })
+			children: /* @__PURE__ */ E(i, { className: e("size-4", v && "text-sidebar-primary") })
 		}), !u && /* @__PURE__ */ D(T, { children: [
 			/* @__PURE__ */ E("span", {
-				className: e("flex-grow transition-opacity duration-150 font-medium", d ? "text-sm" : ""),
+				className: e("flex-grow transition-opacity duration-150", v ? "font-semibold" : "font-medium", d ? "text-sm" : ""),
 				children: a
 			}),
 			s !== void 0 && /* @__PURE__ */ E("span", {
@@ -236,7 +236,7 @@ var P = ({ groups: n, search: r, onSearch: i, onSelect: o, loading: u = !1, open
 	});
 	return /* @__PURE__ */ D(T, { children: [u ? /* @__PURE__ */ D(o, { children: [/* @__PURE__ */ E(n, {
 		asChild: !0,
-		children: v
+		children: y
 	}), /* @__PURE__ */ E(r, {
 		side: "right",
 		sideOffset: 6,
@@ -258,7 +258,7 @@ var P = ({ groups: n, search: r, onSearch: i, onSelect: o, loading: u = !1, open
 				})]
 			})
 		})
-	})] }) : v, !u && c && c.length > 0 && m && /* @__PURE__ */ E("div", {
+	})] }) : y, !u && c && c.length > 0 && m && /* @__PURE__ */ E("div", {
 		className: e("flex flex-col ml-4 pl-4 border-l-2 border-sidebar-border/50 animate-in slide-in-from-top-2 fade-in duration-200", d ? "gap-0.5 mb-0.5" : "gap-1 mb-2"),
 		children: c.map((t, n) => {
 			let r = L(t.path, l, p);

package/package.json

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