@cobaltcore-dev/aurora 0.23.0 → 1.0.0

package/dist/client/{securitygroups-DRhFle2O.mjs → securitygroups-Be2Qgmew.mjs}

@@ -1,69 +1,69 @@
-import { A as e, B as t, E as n, G as r, H as i, K as a, P as o, R as s, U as c, Y as l, at as u, c as d, ct as f, et as p, g as m, lt as h, n as g, o as _, r as v, rt as y, tt as b, ut as x, y as S } from "./build-CRLQyqu2.mjs";
-import { a as C } from "./trpcClient-Di56hpVv.mjs";
-import { t as w } from "./securitygroups-B8aLyFK7.mjs";
+import { C as e, E as t, G as n, I as r, M as i, P as a, S as o, Y as s, Z as c, _ as l, a as u, ct as d, dt as f, g as p, h as m, k as h, m as g, ot as _, rt as v, s as y, t as b, u as x, w as S } from "./build-DnD-T35u.mjs";
+import { a as C } from "./trpcClient-D7gpR7YG.mjs";
+import { t as w } from "./securitygroups-_7SYN2jN.mjs";
 import { t as T } from "./useProjectId-DBc5lpoU.mjs";
-import "./hooks-Bw3sHHOg.mjs";
-import { t as E } from "./SortInput-D_q_jDfe.mjs";
-import { n as D, t as O } from "./FiltersInput-DqT08Ib-.mjs";
-import { n as ee, t as k } from "./useSecurityGroupPermissions-BPS1ibWq.mjs";
-import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
-import { useEffect as N, useRef as P, useState as F } from "react";
-import { useNavigate as I, useSearch as L } from "@tanstack/react-router";
-import { Trans as R, useLingui as z } from "@lingui/react";
+import { t as E } from "./SortInput-DysAXpB3.mjs";
+import "./hooks-CrriowRk.mjs";
+import { n as D, t as O } from "./FiltersInput-Bw8TFfwb.mjs";
+import { n as k, t as A } from "./useSecurityGroupPermissions-qPwm4mFt.mjs";
+import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
+import { useEffect as P, useRef as F, useState as I } from "react";
+import { useNavigate as L, useSearch as R } from "@tanstack/react-router";
+import { Trans as z, useLingui as B } from "@lingui/react";
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/-modals/DeleteSecurityGroupDialog.tsx
-var B = ({ isOpen: e, onClose: n, securityGroup: r, onDelete: i, isDeleting: a = !1, error: o = null }) => {
-	let { i18n: s, _: l } = z(), [u, d] = F(""), f = s._({ id: "HNlEFZ" }), p = u.toLowerCase() === f.toLowerCase(), h = r.name || r.id, g = (e) => {
-		e.preventDefault(), p && !a && i(r.id);
-	}, _ = () => {
-		d(""), n();
+var V = ({ isOpen: e, onClose: t, securityGroup: n, onDelete: o, isDeleting: c = !1, error: l = null }) => {
+	let { i18n: d, _: f } = B(), [p, h] = I(""), g = d._({ id: "HNlEFZ" }), _ = p.toLowerCase() === g.toLowerCase(), v = n.name || n.id, y = (e) => {
+		e.preventDefault(), _ && !c && o(n.id);
+	}, b = () => {
+		h(""), t();
 	};
-	return /*#__PURE__*/ j(v, {
+	return /*#__PURE__*/ M(s, {
 		open: e,
-		onCancel: _,
+		onCancel: b,
 		size: "small",
-		title: s._({
+		title: d._({
 			id: "Y+2SDm",
-			values: { securityGroupName: h }
+			values: { securityGroupName: v }
 		}),
-		modalFooter: /*#__PURE__*/ j(m, {
+		modalFooter: /*#__PURE__*/ M(a, {
 			className: "flex justify-end",
-			children: /*#__PURE__*/ M(x, { children: [/*#__PURE__*/ j(S, {
+			children: /*#__PURE__*/ N(i, { children: [/*#__PURE__*/ M(u, {
 				variant: "default",
-				onClick: _,
-				disabled: a,
-				children: /*#__PURE__*/ j(R, { id: "dEgA5A" })
-			}), /*#__PURE__*/ j(S, {
+				onClick: b,
+				disabled: c,
+				children: /*#__PURE__*/ M(z, { id: "dEgA5A" })
+			}), /*#__PURE__*/ M(u, {
 				variant: "primary-danger",
-				onClick: g,
-				disabled: !p || a,
+				onClick: y,
+				disabled: !_ || c,
 				"data-testid": "confirm-delete-button",
-				children: a ? /*#__PURE__*/ j(R, { id: "EF2EU9" }) : /*#__PURE__*/ j(R, { id: "cnGeoo" })
+				children: c ? /*#__PURE__*/ M(z, { id: "EF2EU9" }) : /*#__PURE__*/ M(z, { id: "cnGeoo" })
 			})] })
 		}),
-		children: /*#__PURE__*/ M("div", { children: [
-			o && /*#__PURE__*/ j(t, {
+		children: /*#__PURE__*/ N("div", { children: [
+			l && /*#__PURE__*/ M(r, {
 				dismissible: !1,
 				variant: "error",
 				className: "mt-4",
-				children: o
+				children: l
 			}),
-			/*#__PURE__*/ j(R, { id: "Qb+14I" }),
-			/*#__PURE__*/ M("div", {
+			/*#__PURE__*/ M(z, { id: "Qb+14I" }),
+			/*#__PURE__*/ N("div", {
 				className: "mt-4",
-				children: [/*#__PURE__*/ j("p", {
+				children: [/*#__PURE__*/ M("p", {
 					className: "mb-2 text-sm",
-					children: /*#__PURE__*/ j(R, {
+					children: /*#__PURE__*/ M(z, {
 						id: "hLp49h",
-						values: { deleteWord: f },
-						components: { 0: /*#__PURE__*/ j("strong", {}) }
+						values: { deleteWord: g },
+						components: { 0: /*#__PURE__*/ M("strong", {}) }
 					})
-				}), /*#__PURE__*/ j(c, {
+				}), /*#__PURE__*/ M(m, {
 					id: "confirmation",
 					name: "confirmation",
-					value: u,
-					onChange: (e) => d(e.target.value),
-					placeholder: f,
-					disabled: a,
+					value: p,
+					onChange: (e) => h(e.target.value),
+					placeholder: g,
+					disabled: c,
 					autoComplete: "off",
 					"data-testid": "delete-confirmation-input"
 				})]
@@ -73,67 +73,67 @@ var B = ({ isOpen: e, onClose: n, securityGroup: r, onDelete: i, isDeleting: a =
 };
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupTableRow.tsx
-function V({ securityGroup: t, permissions: i, onEdit: a, onDelete: o, onViewDetails: s, isReadOnly: c = !1, showSelectColumn: l = !1, isSelected: d = !1, onSelect: f }) {
-	let { i18n: p, _: m } = z(), g = ({ value: e }) => /*#__PURE__*/ j("span", { children: e ? p._({ id: "l75CjT" }) : p._({ id: "1UzENP" }) }), _ = () => {
-		s && s(t);
+function ee({ securityGroup: e, permissions: n, onEdit: r, onDelete: i, onViewDetails: a, isReadOnly: s = !1, showSelectColumn: c = !1, isSelected: u = !1, onSelect: d }) {
+	let { i18n: f, _: p } = B(), m = ({ value: e }) => /*#__PURE__*/ M("span", { children: e ? f._({ id: "l75CjT" }) : f._({ id: "1UzENP" }) }), g = () => {
+		a && a(e);
 	};
-	return /*#__PURE__*/ M(n, {
-		"data-testid": `security-group-row-${t.id}`,
-		onClick: _,
+	return /*#__PURE__*/ N(t, {
+		"data-testid": `security-group-row-${e.id}`,
+		onClick: g,
 		className: "hover:bg-theme-background-lvl-2 cursor-pointer",
 		children: [
-			l && /*#__PURE__*/ j(r, {
+			c && /*#__PURE__*/ M(b, {
 				onClick: (e) => e.stopPropagation(),
-				children: /*#__PURE__*/ j(h, {
-					checked: d,
-					onChange: () => f?.(t)
+				children: /*#__PURE__*/ M(_, {
+					checked: u,
+					onChange: () => d?.(e)
 				})
 			}),
-			/*#__PURE__*/ j(r, { children: /*#__PURE__*/ M("div", { children: [/*#__PURE__*/ j("p", {
+			/*#__PURE__*/ M(b, { children: /*#__PURE__*/ N("div", { children: [/*#__PURE__*/ M("p", {
 				className: "text-md",
-				children: t.name
-			}), /*#__PURE__*/ j("p", {
+				children: e.name
+			}), /*#__PURE__*/ M("p", {
 				className: "text-theme-light text-xs",
-				children: t.id
+				children: e.id
 			})] }) }),
-			/*#__PURE__*/ j(r, { children: t.description || p._({ id: "h47p9L" }) }),
-			/*#__PURE__*/ M(r, { children: [/*#__PURE__*/ j(g, { value: t.shared }), t.shared && /*#__PURE__*/ M("p", { children: [
-				/*#__PURE__*/ j(R, { id: "LtI9AS" }),
+			/*#__PURE__*/ M(b, { children: e.description || f._({ id: "h47p9L" }) }),
+			/*#__PURE__*/ N(b, { children: [/*#__PURE__*/ M(m, { value: e.shared }), e.shared && /*#__PURE__*/ N("p", { children: [
+				/*#__PURE__*/ M(z, { id: "LtI9AS" }),
 				": ",
-				/*#__PURE__*/ j("span", {
+				/*#__PURE__*/ M("span", {
 					className: "text-theme-light text-xs",
-					children: t.project_id
+					children: e.project_id
 				})
 			] })] }),
-			/*#__PURE__*/ j(r, { children: /*#__PURE__*/ j(g, { value: t.stateful }) }),
-			/*#__PURE__*/ j(r, {
+			/*#__PURE__*/ M(b, { children: /*#__PURE__*/ M(m, { value: e.stateful }) }),
+			/*#__PURE__*/ M(b, {
 				onClick: (e) => e.stopPropagation(),
 				className: "items-end justify-end pr-0",
-				children: /*#__PURE__*/ j(y, { children: /*#__PURE__*/ M(e, { children: [
-					/*#__PURE__*/ j(u, {
-						label: p._({ id: "v0hPHE" }),
-						onClick: () => _()
+				children: /*#__PURE__*/ M(h, { children: /*#__PURE__*/ N(l, { children: [
+					/*#__PURE__*/ M(o, {
+						label: f._({ id: "v0hPHE" }),
+						onClick: () => g()
 					}),
-					i.canUpdate && !c && /*#__PURE__*/ j(u, {
-						label: p._({ id: "ePK91l" }),
-						onClick: () => a(t)
+					n.canUpdate && !s && /*#__PURE__*/ M(o, {
+						label: f._({ id: "ePK91l" }),
+						onClick: () => r(e)
 					}),
-					i.canDelete && !c && /*#__PURE__*/ j(u, {
-						label: p._({ id: "cnGeoo" }),
-						onClick: () => o(t)
+					n.canDelete && !s && /*#__PURE__*/ M(o, {
+						label: f._({ id: "cnGeoo" }),
+						onClick: () => i(e)
 					})
 				] }) })
 			})
 		]
-	}, t.id);
+	}, e.id);
 }
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/-components/SecurityGroupListContainer.tsx
-var H = ({ securityGroups: e, isLoading: t, isError: r, error: i, permissions: c, onDeleteSecurityGroup: l, isDeletingSecurityGroup: u = !1, deleteError: d = null, onUpdateSecurityGroup: f, isUpdatingSecurityGroup: p = !1, updateError: m = null, currentProjectId: h, hasAnyBulkAction: g = !1, onClearUpdateError: _ }) => {
-	let { i18n: v, _: y } = z(), x = I(), S = T(), [C, w] = F(null), [E, D] = F(!1), [O, k] = F(!1), L = P(!1), H = P(!1), U = (e) => {
+var H = ({ securityGroups: r, isLoading: i, isError: a, error: o, permissions: s, onDeleteSecurityGroup: l, isDeletingSecurityGroup: u = !1, deleteError: d = null, onUpdateSecurityGroup: f, isUpdatingSecurityGroup: p = !1, updateError: m = null, currentProjectId: h, hasAnyBulkAction: g = !1, onClearUpdateError: _ }) => {
+	let { i18n: v, _: b } = B(), x = L(), S = T(), [C, w] = I(null), [E, D] = I(!1), [O, A] = I(!1), R = F(!1), H = F(!1), U = (e) => {
 		C && C.id !== e.id && _ && _(), w(e), D(!0);
 	}, W = (e) => {
-		w(e), k(!0);
+		w(e), A(!0);
 	}, G = (e) => {
 		x({
 			to: "/projects/$projectId/network/securitygroups/$securityGroupId",
@@ -145,63 +145,66 @@ var H = ({ securityGroups: e, isLoading: t, isError: r, error: i, permissions: c
 	}, K = () => {
 		w(null), D(!1);
 	}, q = () => {
-		w(null), k(!1);
+		w(null), A(!1);
 	};
-	return N(() => {
-		L.current && !u && O && !d && q(), L.current = u;
+	return P(() => {
+		R.current && !u && O && !d && q(), R.current = u;
 	}, [
 		u,
 		d,
 		O
-	]), N(() => {
+	]), P(() => {
 		H.current && !p && E && !m && K(), H.current = p;
 	}, [
 		p,
 		m,
 		E
-	]), t ? /*#__PURE__*/ M(b, {
+	]), i ? /*#__PURE__*/ N(c, {
 		className: "py-8",
 		distribution: "center",
 		alignment: "center",
 		direction: "vertical",
-		children: [/*#__PURE__*/ j(a, {
+		children: [/*#__PURE__*/ M(n, {
 			variant: "primary",
 			size: "large",
 			className: "mb-2"
-		}), /*#__PURE__*/ j(R, { id: "Z3FXyt" })]
-	}) : r ? /*#__PURE__*/ j(b, {
+		}), /*#__PURE__*/ M(z, { id: "Z3FXyt" })]
+	}) : a ? /*#__PURE__*/ M(c, {
 		className: "py-8",
 		distribution: "center",
 		alignment: "center",
 		direction: "vertical",
-		children: i?.message ?? v._({ id: "Wca9WC" })
-	}) : e.length === 0 ? /*#__PURE__*/ j(R, { id: "SfW/3r" }) : /*#__PURE__*/ M(A, { children: [/*#__PURE__*/ M(o, {
+		children: o?.message ?? v._({ id: "Wca9WC" })
+	}) : r.length === 0 ? /*#__PURE__*/ M(z, { id: "SfW/3r" }) : /*#__PURE__*/ N(j, { children: [/*#__PURE__*/ N(y, {
 		columns: g ? 6 : 5,
-		children: [/*#__PURE__*/ M(n, { children: [g && /*#__PURE__*/ j(s, {}), [
+		children: [/*#__PURE__*/ N(t, { children: [g && /*#__PURE__*/ M(e, {}), [
 			v._({ id: "6YtxFj" }),
 			v._({ id: "Nu4oKW" }),
 			v._({ id: "0Gd0NU" }),
 			v._({ id: "Jim5X9" }),
 			""
-		].map((e) => /*#__PURE__*/ j(s, { children: e }, e))] }), e.map((e) => /*#__PURE__*/ j(V, {
-			securityGroup: e,
-			permissions: c,
-			onEdit: U,
-			onDelete: W,
-			onViewDetails: G,
-			isReadOnly: !!(h && e.project_id && e.project_id !== h),
-			showSelectColumn: g,
-			isSelected: !1,
-			onSelect: () => {}
-		}, e.id))]
-	}), C && /*#__PURE__*/ M(A, { children: [/*#__PURE__*/ j(ee, {
+		].map((t) => /*#__PURE__*/ M(e, { children: t }, t))] }), r.map((e) => {
+			let t = !!(h && e.project_id && e.project_id !== h);
+			return /*#__PURE__*/ M(ee, {
+				securityGroup: e,
+				permissions: s,
+				onEdit: U,
+				onDelete: W,
+				onViewDetails: G,
+				isReadOnly: t,
+				showSelectColumn: g,
+				isSelected: !1,
+				onSelect: () => {}
+			}, e.id);
+		})]
+	}), C && /*#__PURE__*/ N(j, { children: [/*#__PURE__*/ M(k, {
 		securityGroup: C,
 		open: E,
 		onClose: K,
 		onUpdate: (e, t) => f ? f(e, t) : Promise.resolve(),
 		isLoading: p,
 		error: m
-	}), /*#__PURE__*/ j(B, {
+	}), /*#__PURE__*/ M(V, {
 		securityGroup: C,
 		isOpen: O,
 		onClose: q,
@@ -215,106 +218,106 @@ var H = ({ securityGroups: e, isLoading: t, isError: r, error: i, permissions: c
 	name: "",
 	description: "",
 	stateful: !0
-}, W = ({ isOpen: e, onClose: n, onCreate: r, isLoading: o = !1, error: s = null }) => {
-	let { i18n: l, _: u } = z(), [f, g] = F({ ...U }), [y, b] = F({}), C = (e) => {
+}, W = ({ isOpen: e, onClose: t, onCreate: o, isLoading: c = !1, error: l = null }) => {
+	let { i18n: h, _: v } = B(), [y, b] = I({ ...U }), [x, S] = I({}), C = (e) => {
 		let { name: t, value: n, type: r } = e.target, i = e.target.checked;
-		g((e) => ({
+		b((e) => ({
 			...e,
 			[t]: r === "checkbox" ? i : n
-		})), y[t] && b((e) => {
+		})), x[t] && S((e) => {
 			let n = { ...e };
 			return delete n[t], n;
 		});
 	}, w = () => {
 		let e = {};
-		return (!f.name || f.name.trim() === "") && (e.name = l._({ id: "lN/Z9n" })), b(e), Object.keys(e).length === 0;
+		return (!y.name || y.name.trim() === "") && (e.name = h._({ id: "lN/Z9n" })), S(e), Object.keys(e).length === 0;
 	}, T = async (e) => {
-		e.preventDefault(), w() && (await r({
-			name: f.name.trim(),
-			description: f.description.trim() || void 0,
-			stateful: f.stateful
+		e.preventDefault(), w() && (await o({
+			name: y.name.trim(),
+			description: y.description.trim() || void 0,
+			stateful: y.stateful
 		}), E());
 	}, E = () => {
-		g({ ...U }), b({}), n();
+		b({ ...U }), S({}), t();
 	};
-	return /*#__PURE__*/ M(v, {
+	return /*#__PURE__*/ N(s, {
 		open: e,
 		onCancel: E,
 		size: "large",
-		title: l._({ id: "YjAOtb" }),
-		modalFooter: /*#__PURE__*/ j(m, {
+		title: h._({ id: "YjAOtb" }),
+		modalFooter: /*#__PURE__*/ M(a, {
 			className: "flex justify-end",
-			children: /*#__PURE__*/ M(x, { children: [/*#__PURE__*/ j(S, {
+			children: /*#__PURE__*/ N(i, { children: [/*#__PURE__*/ M(u, {
 				variant: "default",
 				onClick: E,
-				disabled: o,
-				children: /*#__PURE__*/ j(R, { id: "dEgA5A" })
-			}), /*#__PURE__*/ j(S, {
+				disabled: c,
+				children: /*#__PURE__*/ M(z, { id: "dEgA5A" })
+			}), /*#__PURE__*/ M(u, {
 				variant: "primary",
 				onClick: (e) => {
 					T(e);
 				},
-				disabled: o,
+				disabled: c,
 				"data-testid": "create-security-group-button",
-				children: o ? /*#__PURE__*/ j(a, { size: "small" }) : /*#__PURE__*/ j(R, { id: "YjAOtb" })
+				children: c ? /*#__PURE__*/ M(n, { size: "small" }) : /*#__PURE__*/ M(z, { id: "YjAOtb" })
 			})] })
 		}),
 		children: [
-			s && /*#__PURE__*/ j(t, {
+			l && /*#__PURE__*/ M(r, {
 				dismissible: !1,
 				variant: "error",
 				className: "mb-4",
-				children: s
+				children: l
 			}),
-			o && /*#__PURE__*/ M("div", {
+			c && /*#__PURE__*/ N("div", {
 				className: "mb-4 flex items-center justify-center gap-2",
-				children: [/*#__PURE__*/ j(a, { variant: "primary" }), /*#__PURE__*/ j("span", {
+				children: [/*#__PURE__*/ M(n, { variant: "primary" }), /*#__PURE__*/ M("span", {
 					className: "text-theme-high text-sm",
-					children: /*#__PURE__*/ j(R, { id: "Km4AGG" })
+					children: /*#__PURE__*/ M(z, { id: "Km4AGG" })
 				})]
 			}),
-			!o && /*#__PURE__*/ j(_, {
+			!c && /*#__PURE__*/ M(f, {
 				className: "mb-6",
-				children: /*#__PURE__*/ M(i, {
+				children: /*#__PURE__*/ N(g, {
 					className: "mb-6",
 					children: [
-						/*#__PURE__*/ j(d, {
+						/*#__PURE__*/ M(p, {
 							className: "mb-6",
-							children: /*#__PURE__*/ j(c, {
+							children: /*#__PURE__*/ M(m, {
 								id: "name",
 								name: "name",
-								label: l._({ id: "6YtxFj" }),
-								value: f.name,
+								label: h._({ id: "6YtxFj" }),
+								value: y.name,
 								onChange: C,
 								required: !0,
-								errortext: y.name,
-								placeholder: l._({ id: "Ac6dy9" }),
-								disabled: o
+								errortext: x.name,
+								placeholder: h._({ id: "Ac6dy9" }),
+								disabled: c
 							})
 						}),
-						/*#__PURE__*/ j(d, {
+						/*#__PURE__*/ M(p, {
 							className: "mb-6",
-							children: /*#__PURE__*/ j(p, {
+							children: /*#__PURE__*/ M(d, {
 								id: "description",
 								name: "description",
-								label: l._({ id: "Nu4oKW" }),
-								value: f.description,
+								label: h._({ id: "Nu4oKW" }),
+								value: y.description,
 								onChange: C,
-								placeholder: l._({ id: "Nu4oKW" }),
-								disabled: o,
+								placeholder: h._({ id: "Nu4oKW" }),
+								disabled: c,
 								rows: 3
 							})
 						}),
-						/*#__PURE__*/ j(d, {
+						/*#__PURE__*/ M(p, {
 							className: "mb-0",
-							children: /*#__PURE__*/ j(h, {
+							children: /*#__PURE__*/ M(_, {
 								id: "stateful",
 								name: "stateful",
-								label: l._({ id: "Jim5X9" }),
-								checked: f.stateful,
+								label: h._({ id: "Jim5X9" }),
+								checked: y.stateful,
 								onChange: C,
-								disabled: o,
-								helptext: l._({ id: "4cQTyf" })
+								disabled: c,
+								helptext: h._({ id: "4cQTyf" })
 							})
 						})
 					]
@@ -347,7 +350,7 @@ var H = ({ securityGroups: e, isLoading: t, isError: r, error: i, permissions: c
 		t.find((t) => t.filterName === e)?.supportsMultiValue && n.length > 1 ? r[e] = `in:${n.join(",")}` : r[e] = n[0];
 	}), r;
 }, J = ({ project: e }) => {
-	let { i18n: t, _: n } = z(), r = I(), i = L({ strict: !1 }), [a, o] = F({
+	let { i18n: t, _: n } = B(), r = L(), i = R({ strict: !1 }), [a, o] = I({
 		options: [{
 			label: t._({ id: "6YtxFj" }),
 			value: "name"
@@ -357,7 +360,7 @@ var H = ({ securityGroups: e, isLoading: t, isError: r, error: i, permissions: c
 		}],
 		sortBy: i.sortBy || "name",
 		sortDirection: i.sortDirection || "asc"
-	}), [s, c] = F({
+	}), [s, l] = I({
 		filters: [{
 			displayName: t._({ id: "0Gd0NU" }),
 			filterName: "shared",
@@ -365,29 +368,29 @@ var H = ({ securityGroups: e, isLoading: t, isError: r, error: i, permissions: c
 			supportsMultiValue: !1
 		}],
 		selectedFilters: G(i)
-	}), [l, u] = F(i.search || ""), [d, p] = F(!1), [m, h] = F(null), [_, v] = F(null), [y, x] = F(null), w = C.useUtils();
-	N(() => {
+	}), [d, f] = I(i.search || ""), [p, m] = I(!1), [h, g] = I(null), [_, v] = I(null), [y, b] = I(null), w = C.useUtils();
+	P(() => {
 		o((e) => ({
 			...e,
 			sortBy: i.sortBy || "name",
 			sortDirection: i.sortDirection || "asc"
-		})), c((e) => ({
+		})), l((e) => ({
 			...e,
 			selectedFilters: G(i)
-		})), u(i.search || "");
+		})), f(i.search || "");
 	}, [
 		i.sortBy,
 		i.sortDirection,
 		i.search,
 		i.shared
 	]);
-	let T = G(i), ee = i.sortBy || "name", P = i.sortDirection || "asc", B = i.search || "", { data: V, isLoading: U, isError: J, error: Y } = C.network.securityGroup.list.useQuery({
+	let T = G(i), k = i.sortBy || "name", F = i.sortDirection || "asc", V = i.search || "", { data: ee, isLoading: U, isError: J, error: Y } = C.network.securityGroup.list.useQuery({
 		project_id: e || "",
-		sort_key: ee,
-		sort_dir: P,
+		sort_key: k,
+		sort_dir: F,
 		...K(T, s.filters),
-		...B ? { searchTerm: B } : {}
-	}, { refetchOnWindowFocus: !1 }), X = V || [], ne = J && Y?.data?.code === "FORBIDDEN" ? t._({ id: "MdfAJn" }) : null, { permissions: Z } = k(e), Q = C.network.securityGroup.create.useMutation({
+		...V ? { searchTerm: V } : {}
+	}, { refetchOnWindowFocus: !1 }), X = ee || [], ne = J && Y?.data?.code === "FORBIDDEN" ? t._({ id: "MdfAJn" }) : null, { permissions: Z } = A(e), Q = C.network.securityGroup.create.useMutation({
 		onSuccess: (t) => {
 			w.network.securityGroup.list.invalidate(), w.network.securityGroup.getById.invalidate(), v(null), r({
 				to: "/projects/$projectId/network/securitygroups/$securityGroupId",
@@ -402,17 +405,17 @@ var H = ({ securityGroups: e, isLoading: t, isError: r, error: i, permissions: c
 		}
 	}), re = C.network.securityGroup.deleteById.useMutation({
 		onSuccess: () => {
-			w.network.securityGroup.list.invalidate(), w.network.securityGroup.getById.invalidate(), h(null);
+			w.network.securityGroup.list.invalidate(), w.network.securityGroup.getById.invalidate(), g(null);
 		},
 		onError: (e) => {
-			h(e.message || t._({ id: "d0pLfy" }));
+			g(e.message || t._({ id: "d0pLfy" }));
 		}
 	}), ie = C.network.securityGroup.update.useMutation({
 		onSuccess: () => {
-			w.network.securityGroup.list.invalidate(), w.network.securityGroup.getById.invalidate(), x(null);
+			w.network.securityGroup.list.invalidate(), w.network.securityGroup.getById.invalidate(), b(null);
 		},
 		onError: (e) => {
-			x(e.message || t._({ id: "jPxavx" }));
+			b(e.message || t._({ id: "jPxavx" }));
 		}
 	}), ae = async (t) => {
 		v(null), await Q.mutateAsync({
@@ -420,18 +423,18 @@ var H = ({ securityGroups: e, isLoading: t, isError: r, error: i, permissions: c
 			...t
 		});
 	}, oe = (t) => {
-		h(null), re.mutate({
+		g(null), re.mutate({
 			project_id: e,
 			securityGroupId: t
 		});
 	}, se = async (t, n) => {
-		x(null), await ie.mutateAsync({
+		b(null), await ie.mutateAsync({
 			project_id: e,
 			securityGroupId: t,
 			...n
 		});
 	}, ce = () => {
-		x(null);
+		b(null);
 	}, le = (e) => {
 		let t = {
 			options: e.options,
@@ -447,7 +450,7 @@ var H = ({ securityGroups: e, isLoading: t, isError: r, error: i, permissions: c
 			replace: !0
 		});
 	}, $ = (e) => {
-		c(e), r({
+		l(e), r({
 			search: (t) => te(e.selectedFilters || [], e.filters, {
 				search: t.search,
 				sortBy: t.sortBy,
@@ -457,7 +460,7 @@ var H = ({ securityGroups: e, isLoading: t, isError: r, error: i, permissions: c
 		});
 	}, ue = (e) => {
 		let t = typeof e == "string" ? e : "";
-		u(t), r({
+		f(t), r({
 			search: (e) => ({
 				...e,
 				search: t || void 0
@@ -465,30 +468,31 @@ var H = ({ securityGroups: e, isLoading: t, isError: r, error: i, permissions: c
 			replace: !0
 		});
 	};
-	return U ? /*#__PURE__*/ j(b, {
+	return U ? /*#__PURE__*/ M(c, {
 		className: "py-8",
 		distribution: "center",
 		alignment: "center",
 		direction: "vertical",
-		children: /*#__PURE__*/ j(R, { id: "Z3FXyt" })
-	}) : J && !X.length ? /*#__PURE__*/ j(b, {
+		children: /*#__PURE__*/ M(z, { id: "Z3FXyt" })
+	}) : J && !X.length ? /*#__PURE__*/ M(c, {
 		className: "py-8",
 		distribution: "center",
 		alignment: "center",
 		direction: "vertical",
 		children: ne || t._({ id: "Wca9WC" })
-	}) : /*#__PURE__*/ M(A, { children: [
-		/*#__PURE__*/ j(b, {
+	}) : /*#__PURE__*/ N(j, { children: [
+		/*#__PURE__*/ M(c, {
 			distribution: "end",
 			alignment: "center",
 			gap: "2",
 			className: "pb-2",
-			children: /*#__PURE__*/ M(b, {
+			children: /*#__PURE__*/ N(c, {
 				gap: "2",
-				children: [/*#__PURE__*/ j(E, {
+				children: [/*#__PURE__*/ M(E, {
 					options: a.options,
 					sortBy: a.sortBy,
 					sortDirection: a.sortDirection ?? "asc",
+					selectClassName: "min-w-40",
 					onSortByChange: (e) => le({
 						...a,
 						sortBy: e,
@@ -498,22 +502,24 @@ var H = ({ securityGroups: e, isLoading: t, isError: r, error: i, permissions: c
 						...a,
 						sortDirection: e
 					})
-				}), Z.canCreate && /*#__PURE__*/ j(S, {
-					onClick: () => p(!0),
+				}), Z.canCreate && /*#__PURE__*/ M(u, {
+					onClick: () => m(!0),
 					variant: "primary",
 					className: "whitespace-nowrap",
-					children: /*#__PURE__*/ j(R, { id: "YjAOtb" })
+					children: /*#__PURE__*/ M(z, { id: "YjAOtb" })
 				})]
 			})
 		}),
-		/*#__PURE__*/ j(f, { children: /*#__PURE__*/ M(b, {
+		/*#__PURE__*/ M(x, { children: /*#__PURE__*/ N(c, {
 			direction: "vertical",
 			gap: "2",
-			children: [/*#__PURE__*/ M(b, {
+			children: [/*#__PURE__*/ N(c, {
 				distribution: "between",
 				alignment: "center",
-				children: [/*#__PURE__*/ j(O, {
+				children: [/*#__PURE__*/ M(O, {
 					filters: s.filters,
+					selectClassName: "sm:min-w-40",
+					comboboxClassName: "sm:min-w-40",
 					onChange: (e) => {
 						let t = q(s.selectedFilters || [], e, s.filters);
 						t !== (s.selectedFilters || []) && $({
@@ -521,26 +527,26 @@ var H = ({ securityGroups: e, isLoading: t, isError: r, error: i, permissions: c
 							selectedFilters: t
 						});
 					}
-				}), /*#__PURE__*/ j(g, {
+				}), /*#__PURE__*/ M(S, {
 					placeholder: t._({ id: "rp7Ili" }),
 					"data-testid": "searchbar",
-					value: l,
+					value: d,
 					onInput: (e) => {
 						let t = e.currentTarget.value;
-						u(t);
+						f(t);
 					},
 					onSearch: (e) => {
 						ue(typeof e == "string" ? e : "");
 					},
 					onClear: () => {
-						u(""), ue("");
+						f(""), ue("");
 					}
 				})]
-			}), s.selectedFilters && s.selectedFilters.length > 0 && /*#__PURE__*/ j(D, {
+			}), s.selectedFilters && s.selectedFilters.length > 0 && /*#__PURE__*/ M(D, {
 				selectedFilters: s.selectedFilters,
 				onDelete: (e) => $({
 					...s,
-					selectedFilters: (s.selectedFilters || []).filter((t) => !(t.name === e.name && t.value === e.value))
+					selectedFilters: (s.selectedFilters || []).filter((t) => t.name !== e.name || t.value !== e.value)
 				}),
 				onClear: () => $({
 					...s,
@@ -548,16 +554,16 @@ var H = ({ securityGroups: e, isLoading: t, isError: r, error: i, permissions: c
 				})
 			})]
 		}) }),
-		/*#__PURE__*/ j(H, {
+		/*#__PURE__*/ M(H, {
 			securityGroups: X,
 			isLoading: !1,
 			isError: !1,
 			error: null,
 			permissions: Z,
-			onCreateClick: () => p(!0),
+			onCreateClick: () => m(!0),
 			onDeleteSecurityGroup: oe,
 			isDeletingSecurityGroup: re.isPending,
-			deleteError: m,
+			deleteError: h,
 			onUpdateSecurityGroup: se,
 			isUpdatingSecurityGroup: ie.isPending,
 			updateError: y,
@@ -565,10 +571,10 @@ var H = ({ securityGroups: e, isLoading: t, isError: r, error: i, permissions: c
 			hasAnyBulkAction: !1,
 			onClearUpdateError: ce
 		}),
-		/*#__PURE__*/ j(W, {
-			isOpen: d,
+		/*#__PURE__*/ M(W, {
+			isOpen: p,
 			onClose: () => {
-				v(null), p(!1);
+				v(null), m(!1);
 			},
 			onCreate: ae,
 			isLoading: Q.isPending,
@@ -579,11 +585,11 @@ var H = ({ securityGroups: e, isLoading: t, isError: r, error: i, permissions: c
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/securitygroups/index.tsx?tsr-split=component
 function Y() {
-	let { i18n: e, _: t } = z(), { projectId: n } = w.useParams(), { trpcClient: r } = w.useRouteContext();
+	let { i18n: e, _: t } = B(), { projectId: n } = w.useParams(), { trpcClient: r } = w.useRouteContext();
 	if (!r) throw Error("trpcClient is not available in route context");
-	return /*#__PURE__*/ M(A, { children: [/*#__PURE__*/ j(l, { children: e._({ id: "4opp4r" }) }), /*#__PURE__*/ j(J, { project: n })] });
+	return /*#__PURE__*/ N(j, { children: [/*#__PURE__*/ M(v, { children: e._({ id: "4opp4r" }) }), /*#__PURE__*/ M(J, { project: n })] });
 }
 //#endregion
 export { Y as component };
 
-//# sourceMappingURL=securitygroups-DRhFle2O.mjs.map
+//# sourceMappingURL=securitygroups-Be2Qgmew.mjs.map