@cobaltcore-dev/aurora 1.0.0 → 1.1.0

package/dist/client/{floatingips-ICwo-rV_.mjs → floatingips-Ci4jHkaG.mjs}

@@ -1,21 +1,21 @@
-import { C as e, E as t, G as n, I as r, L as i, S as a, Y as o, Z as s, _ as c, a as l, ct as u, dt as d, h as f, k as p, m, nt as h, rt as g, s as _, t as v, u as y, w as b } from "./build-DnD-T35u.mjs";
+import { C as e, F as t, I as n, J as r, O as i, S as a, T as o, W as s, X as c, a as l, g as u, l as d, m as f, nt as p, o as m, p as h, st as g, t as _, tt as v, ut as y, x as b } from "./build-C_4vRMCq.mjs";
 import { a as x } from "./trpcClient-D7gpR7YG.mjs";
 import { t as S } from "./useProjectId-DBc5lpoU.mjs";
-import { t as C } from "./SortInput-DysAXpB3.mjs";
-import { d as w, n as T, o as E } from "./md-DNzcRhmz.mjs";
-import "./hooks-CrriowRk.mjs";
+import { t as C } from "./SortInput-Cqs2poV3.mjs";
+import { d as w, n as T, o as E } from "./md-kvaGCNAK.mjs";
+import "./hooks-LutR2Yg3.mjs";
 import { t as D } from "./useModal-DCs1OJh7.mjs";
-import { n as O, t as k } from "./FiltersInput-Bw8TFfwb.mjs";
-import { t as A } from "./FloatingIpActionModals-BfEDfYg9.mjs";
+import { n as O, t as k } from "./FiltersInput-B8CNBg1L.mjs";
+import { t as A } from "./FloatingIpActionModals-BraiJWBi.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 ee } from "@tanstack/react-router";
-import { Trans as R, useLingui as z } from "@lingui/react";
-import { z as B } from "zod";
-import { i18n as V } from "@lingui/core";
-import { useForm as H, useStore as U } from "@tanstack/react-form";
+import { useNavigate as L, useSearch as R } from "@tanstack/react-router";
+import { Trans as z, useLingui as B } from "@lingui/react";
+import { z as V } from "zod";
+import { i18n as H } from "@lingui/core";
+import { useForm as U, useStore as W } from "@tanstack/react-form";
 //#region src/client/routes/_auth/projects/$projectId/network/floatingips/-components/-table/constants.tsx
-var W = {
+var G = {
 	ACTIVE: {
 		text: "Active",
 		icon: /*#__PURE__*/ M(T, {
@@ -40,106 +40,106 @@ var W = {
 			fill: "#C70000"
 		})
 	}
-}, G = () => [
-	V._({ id: "uAQUqI" }),
-	V._({ id: "xNG/3n" }),
-	V._({ id: "Nc7QKU" }),
-	V._({ id: "7NC3vm" }),
-	V._({ id: "Nu4oKW" }),
+}, K = () => [
+	H._({ id: "uAQUqI" }),
+	H._({ id: "xNG/3n" }),
+	H._({ id: "Nc7QKU" }),
+	H._({ id: "7NC3vm" }),
+	H._({ id: "Nu4oKW" }),
 	""
-], K = ({ floatingIp: e }) => {
-	let { i18n: n, _: r } = z(), i = L(), o = S(), s = () => {
-		i({
+], q = ({ floatingIp: e }) => {
+	let { i18n: t, _: n } = B(), r = L(), a = S(), s = () => {
+		r({
 			to: "/projects/$projectId/network/floatingips/$floatingIpId",
 			params: {
-				projectId: o,
+				projectId: a,
 				floatingIpId: e.id
 			}
 		});
 	};
-	return /*#__PURE__*/ N(t, {
+	return /*#__PURE__*/ N(o, {
 		"data-testid": `floating-ip-row-${e.id}`,
 		onClick: s,
 		children: [
-			/*#__PURE__*/ M(v, { children: /*#__PURE__*/ N("div", {
+			/*#__PURE__*/ M(_, { children: /*#__PURE__*/ N("div", {
 				className: "flex items-center gap-2",
-				children: [W[e.status].icon, W[e.status].text]
+				children: [G[e.status].icon, G[e.status].text]
 			}) }),
-			/*#__PURE__*/ M(v, { children: e.floating_ip_address }),
-			/*#__PURE__*/ M(v, { children: e.fixed_ip_address || "—" }),
-			/*#__PURE__*/ M(v, { children: e.floating_network_id }),
-			/*#__PURE__*/ M(v, { children: e.description || "—" }),
-			/*#__PURE__*/ M(v, {
+			/*#__PURE__*/ M(_, { children: e.floating_ip_address }),
+			/*#__PURE__*/ M(_, { children: e.fixed_ip_address || "—" }),
+			/*#__PURE__*/ M(_, { children: e.floating_network_id }),
+			/*#__PURE__*/ M(_, { children: e.description || "—" }),
+			/*#__PURE__*/ M(_, {
 				onClick: (e) => e.stopPropagation(),
 				className: "items-end pr-0",
 				children: /*#__PURE__*/ M(A, {
 					floatingIp: e,
-					children: ({ toggleEditModal: e, toggleAttachModal: t, toggleDetachModal: r, toggleReleaseModal: i }) => /*#__PURE__*/ M(p, { children: /*#__PURE__*/ N(c, { children: [
-						/*#__PURE__*/ M(a, {
-							label: n._({ id: "rdUucN" }),
+					children: ({ toggleEditModal: e, toggleAttachModal: n, toggleDetachModal: r, toggleReleaseModal: a }) => /*#__PURE__*/ M(i, { children: /*#__PURE__*/ N(u, { children: [
+						/*#__PURE__*/ M(b, {
+							label: t._({ id: "rdUucN" }),
 							onClick: s
 						}),
-						/*#__PURE__*/ M(a, {
-							label: n._({ id: "n22YIM" }),
+						/*#__PURE__*/ M(b, {
+							label: t._({ id: "n22YIM" }),
 							onClick: e
 						}),
-						/*#__PURE__*/ M(a, {
-							label: n._({ id: "igVDFt" }),
-							onClick: t
+						/*#__PURE__*/ M(b, {
+							label: t._({ id: "igVDFt" }),
+							onClick: n
 						}),
-						/*#__PURE__*/ M(a, {
-							label: n._({ id: "FOcBn3" }),
+						/*#__PURE__*/ M(b, {
+							label: t._({ id: "FOcBn3" }),
 							onClick: r
 						}),
-						/*#__PURE__*/ M(a, {
-							label: n._({ id: "H+a5j6" }),
-							onClick: i
+						/*#__PURE__*/ M(b, {
+							label: t._({ id: "H+a5j6" }),
+							onClick: a
 						})
 					] }) })
 				})
 			})
 		]
 	}, e.id);
-}, q = ({ floatingIps: r, isLoading: i, isError: a, error: o }) => {
-	let { i18n: c, _: l } = z(), u = G(), d = u.length;
-	return i ? /*#__PURE__*/ N(s, {
+}, J = ({ floatingIps: e, isLoading: t, isError: n, error: r }) => {
+	let { i18n: i, _: l } = B(), u = K(), d = u.length;
+	return t ? /*#__PURE__*/ N(c, {
 		className: "py-8",
 		distribution: "center",
 		alignment: "center",
 		direction: "vertical",
-		children: [/*#__PURE__*/ M(n, {
+		children: [/*#__PURE__*/ M(s, {
 			variant: "primary",
 			size: "large",
 			className: "mb-2"
-		}), /*#__PURE__*/ M(R, { id: "Z3FXyt" })]
-	}) : a ? /*#__PURE__*/ M(s, {
+		}), /*#__PURE__*/ M(z, { id: "Z3FXyt" })]
+	}) : n ? /*#__PURE__*/ M(c, {
 		className: "py-8",
 		distribution: "center",
 		alignment: "center",
 		direction: "vertical",
-		children: o?.message ?? c._({ id: "+Nx1wc" })
-	}) : r.length === 0 ? /*#__PURE__*/ M(_, {
+		children: r?.message ?? i._({ id: "+Nx1wc" })
+	}) : e.length === 0 ? /*#__PURE__*/ M(m, {
 		columns: d,
 		className: "floating-ips",
 		"data-testid": "no-floating-ips",
-		children: /*#__PURE__*/ M(t, { children: /*#__PURE__*/ N(v, {
+		children: /*#__PURE__*/ M(o, { children: /*#__PURE__*/ N(_, {
 			colSpan: d,
-			children: [/*#__PURE__*/ M(g, { children: /*#__PURE__*/ M(R, { id: "WCLyHI" }) }), /*#__PURE__*/ M("p", { children: /*#__PURE__*/ M(R, { id: "0eY8Mz" }) })]
+			children: [/*#__PURE__*/ M(p, { children: /*#__PURE__*/ M(z, { id: "WCLyHI" }) }), /*#__PURE__*/ M("p", { children: /*#__PURE__*/ M(z, { id: "0eY8Mz" }) })]
 		}) })
-	}) : /*#__PURE__*/ N(_, {
+	}) : /*#__PURE__*/ N(m, {
 		columns: d,
-		children: [/*#__PURE__*/ M(t, { children: u.map((t) => /*#__PURE__*/ M(e, { children: t }, t)) }), r.map((e) => /*#__PURE__*/ M(K, { floatingIp: e }, e.id))]
+		children: [/*#__PURE__*/ M(o, { children: u.map((e) => /*#__PURE__*/ M(a, { children: e }, e)) }), e.map((e) => /*#__PURE__*/ M(q, { floatingIp: e }, e.id))]
 	});
-}, J = /^(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}$/, Y = /^(([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}|(([0-9a-fA-F]{1,4}:){1,7}:)|(([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4})|(([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2})|(([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3})|(([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4})|(([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5})|([0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6}))|(:((:[0-9a-fA-F]{1,4}){1,7}|:))|(::([fF]{4}(:0{1,4})?:)?((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|(([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3})))$/, X = (e) => J.test(e) || Y.test(e), te = /^([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?\.)*[a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?$/, ne = ({ open: e, onClose: t }) => {
-	let { i18n: a, _: s } = z(), c = S(), l = x.useUtils(), { isPending: p, ...g } = x.network.floatingIp.create.useMutation({ onSettled: () => l.network.floatingIp.list.invalidate() }), { data: _ = [], isLoading: v, error: y } = x.network.floatingIp.listExternalNetworks.useQuery({ project_id: c }), { data: b = [], isLoading: C, error: w } = x.network.floatingIp.listDnsDomains.useQuery({ project_id: c }), { data: T = [], isLoading: E, error: D } = x.network.floatingIp.listAvailablePorts.useQuery({ project_id: c }), O = B.object({
-		floating_network_id: B.string(),
-		dns_domain: B.string(),
-		dns_name: B.string().trim().max(63, a._({ id: "Zq6Y5u" })).refine((e) => e === "" || te.test(e), { message: a._({ id: "R6kcsL" }) }),
-		description: B.string().trim().max(255, a._({ id: "lZvIXd" })),
-		floating_ip_address: B.string().trim().refine((e) => e === "" || X(e), { message: a._({ id: "AZyHwC" }) }),
-		port_id: B.string(),
-		fixed_ip_address: B.string()
-	}), k = H({
+}, Y = /^(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}$/, X = /^(([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}|(([0-9a-fA-F]{1,4}:){1,7}:)|(([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4})|(([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2})|(([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3})|(([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4})|(([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5})|([0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6}))|(:((:[0-9a-fA-F]{1,4}){1,7}|:))|(::([fF]{4}(:0{1,4})?:)?((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|(([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3})))$/, ee = (e) => Y.test(e) || X.test(e), te = /^([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?\.)*[a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?$/, ne = ({ open: e, onClose: i }) => {
+	let { i18n: a, _: o } = B(), c = S(), l = x.useUtils(), { isPending: u, ...d } = x.network.floatingIp.create.useMutation({ onSettled: () => l.network.floatingIp.list.invalidate() }), { data: p = [], isLoading: m, error: _ } = x.network.floatingIp.listExternalNetworks.useQuery({ project_id: c }), { data: b = [], isLoading: C, error: w } = x.network.floatingIp.listDnsDomains.useQuery({ project_id: c }), { data: T = [], isLoading: E, error: D } = x.network.floatingIp.listAvailablePorts.useQuery({ project_id: c }), O = V.object({
+		floating_network_id: V.string(),
+		dns_domain: V.string(),
+		dns_name: V.string().trim().max(63, a._({ id: "Zq6Y5u" })).refine((e) => e === "" || te.test(e), { message: a._({ id: "R6kcsL" }) }),
+		description: V.string().trim().max(255, a._({ id: "lZvIXd" })),
+		floating_ip_address: V.string().trim().refine((e) => e === "" || ee(e), { message: a._({ id: "AZyHwC" }) }),
+		port_id: V.string(),
+		fixed_ip_address: V.string()
+	}), k = U({
 		defaultValues: {
 			floating_network_id: "",
 			dns_domain: "",
@@ -151,7 +151,7 @@ var W = {
 		},
 		validators: { onSubmit: O },
 		onSubmit: async ({ value: e }) => {
-			p || (await g.mutateAsync({
+			u || (await d.mutateAsync({
 				project_id: c,
 				tenant_id: c,
 				floating_network_id: e.floating_network_id,
@@ -164,9 +164,9 @@ var W = {
 			}), A());
 		}
 	}), A = () => {
-		p || (k.reset(), g.reset(), t());
-	}, j = U(k.store, (e) => e.values.port_id), P = U(k.store, (e) => e.values.floating_network_id), F = T.find((e) => e.id === j)?.fixed_ips ?? [], I = (y?.message || w?.message || D?.message) ?? g.error?.message ?? null;
-	return /*#__PURE__*/ N(o, {
+		u || (k.reset(), d.reset(), i());
+	}, j = W(k.store, (e) => e.values.port_id), P = W(k.store, (e) => e.values.floating_network_id), F = T.find((e) => e.id === j)?.fixed_ips ?? [], I = (_?.message || w?.message || D?.message) ?? d.error?.message ?? null;
+	return /*#__PURE__*/ N(r, {
 		open: e,
 		size: "large",
 		title: a._({ id: "h99+4y" }),
@@ -174,33 +174,33 @@ var W = {
 		cancelButtonLabel: a._({ id: "dEgA5A" }),
 		confirmButtonLabel: a._({ id: "9X8lAk" }),
 		onConfirm: k.handleSubmit,
-		disableConfirmButton: p || !P,
+		disableConfirmButton: u || !P,
 		children: [
-			I && /*#__PURE__*/ M(r, {
+			I && /*#__PURE__*/ M(t, {
 				dismissible: !1,
 				variant: "error",
 				className: "mb-4",
 				children: I
 			}),
-			p && /*#__PURE__*/ N("div", {
+			u && /*#__PURE__*/ N("div", {
 				className: "mb-4 flex items-center justify-center gap-2",
-				children: [/*#__PURE__*/ M(n, { variant: "primary" }), /*#__PURE__*/ M("span", {
+				children: [/*#__PURE__*/ M(s, { variant: "primary" }), /*#__PURE__*/ M("span", {
 					className: "text-theme-high text-sm",
-					children: /*#__PURE__*/ M(R, { id: "HuA8iQ" })
+					children: /*#__PURE__*/ M(z, { id: "HuA8iQ" })
 				})]
 			}),
-			!p && /*#__PURE__*/ N(d, {
+			!u && /*#__PURE__*/ N(y, {
 				className: "mb-0",
 				id: "allocate-floating-ip-form",
 				onSubmit: (e) => {
 					e.preventDefault(), k.handleSubmit();
 				},
 				children: [
-					/*#__PURE__*/ M(m, {
+					/*#__PURE__*/ M(h, {
 						className: "mb-4",
 						children: /*#__PURE__*/ M(k.Field, {
 							name: "floating_network_id",
-							children: (e) => /*#__PURE__*/ M(h, {
+							children: (e) => /*#__PURE__*/ M(v, {
 								id: e.name,
 								name: e.name,
 								value: e.state.value,
@@ -208,37 +208,37 @@ var W = {
 								label: a._({ id: "kA2lMP" }),
 								helptext: a._({ id: "BoIAP6" }),
 								placeholder: a._({ id: "T6Gm5y" }),
-								disabled: p || v,
+								disabled: u || m,
 								required: !0,
-								loading: v,
-								children: _.map(({ id: e, name: t }) => /*#__PURE__*/ M(i, {
+								loading: m,
+								children: p.map(({ id: e, name: t }) => /*#__PURE__*/ M(n, {
 									value: e,
 									label: t ? `${t} (${e})` : e
 								}, e))
 							})
 						})
 					}),
-					/*#__PURE__*/ M(m, {
+					/*#__PURE__*/ M(h, {
 						className: "mb-4",
 						children: /*#__PURE__*/ M(k.Field, {
 							name: "dns_domain",
-							children: (e) => /*#__PURE__*/ M(h, {
+							children: (e) => /*#__PURE__*/ M(v, {
 								id: e.name,
 								name: e.name,
 								value: e.state.value,
 								onChange: (t) => e.handleChange(typeof t == "string" ? t : ""),
 								label: a._({ id: "WlpcJv" }),
 								helptext: a._({ id: "1ojTVo" }),
-								disabled: p || C,
+								disabled: u || C,
 								loading: C,
-								children: b.map(({ id: e, name: t }) => /*#__PURE__*/ M(i, {
+								children: b.map(({ id: e, name: t }) => /*#__PURE__*/ M(n, {
 									value: t,
 									label: t
 								}, e))
 							})
 						})
 					}),
-					/*#__PURE__*/ M(m, {
+					/*#__PURE__*/ M(h, {
 						className: "mb-4",
 						children: /*#__PURE__*/ M(k.Field, {
 							name: "dns_name",
@@ -252,15 +252,15 @@ var W = {
 								placeholder: a._({ id: "SLEH7X" }),
 								helptext: a._({ id: "Tx4Ym+" }),
 								errortext: e.state.meta.errors.map((e) => e?.message).join(", "),
-								disabled: p
+								disabled: u
 							})
 						})
 					}),
-					/*#__PURE__*/ M(m, {
+					/*#__PURE__*/ M(h, {
 						className: "mb-4",
 						children: /*#__PURE__*/ M(k.Field, {
 							name: "description",
-							children: (e) => /*#__PURE__*/ M(u, {
+							children: (e) => /*#__PURE__*/ M(g, {
 								id: e.name,
 								name: e.name,
 								value: e.state.value,
@@ -268,11 +268,11 @@ var W = {
 								onChange: (t) => e.handleChange(t.target.value),
 								placeholder: a._({ id: "Nu4oKW" }),
 								errortext: e.state.meta.errors.map((e) => e?.message).join(", "),
-								disabled: p
+								disabled: u
 							})
 						})
 					}),
-					/*#__PURE__*/ M(m, {
+					/*#__PURE__*/ M(h, {
 						className: "mb-4",
 						children: /*#__PURE__*/ M(k.Field, {
 							name: "floating_ip_address",
@@ -286,15 +286,15 @@ var W = {
 								placeholder: a._({ id: "5/wyf8" }),
 								helptext: a._({ id: "PAKSdy" }),
 								errortext: e.state.meta.errors.map((e) => e?.message).join(", "),
-								disabled: p
+								disabled: u
 							})
 						})
 					}),
-					/*#__PURE__*/ M(m, {
+					/*#__PURE__*/ M(h, {
 						className: "mb-4",
 						children: /*#__PURE__*/ M(k.Field, {
 							name: "port_id",
-							children: (e) => /*#__PURE__*/ M(h, {
+							children: (e) => /*#__PURE__*/ M(v, {
 								id: e.name,
 								name: e.name,
 								value: e.state.value,
@@ -307,18 +307,18 @@ var W = {
 								label: a._({ id: "eks7oA" }),
 								placeholder: a._({ id: "UztfYZ" }),
 								errortext: e.state.meta.errors.map((e) => e?.message).join(", "),
-								disabled: p || E,
+								disabled: u || E,
 								loading: E,
-								children: T.map((e) => /*#__PURE__*/ M(i, {
+								children: T.map((e) => /*#__PURE__*/ M(n, {
 									value: e.id,
 									label: e.name ? `${e.name} (${e.id})` : e.id
 								}, e.id))
 							})
 						})
 					}),
-					/*#__PURE__*/ M(m, { children: /*#__PURE__*/ M(k.Field, {
+					/*#__PURE__*/ M(h, { children: /*#__PURE__*/ M(k.Field, {
 						name: "fixed_ip_address",
-						children: (e) => /*#__PURE__*/ M(h, {
+						children: (e) => /*#__PURE__*/ M(v, {
 							id: e.name,
 							name: e.name,
 							value: e.state.value,
@@ -328,8 +328,8 @@ var W = {
 							placeholder: a._({ id: "i41Xuw" }),
 							helptext: a._({ id: "PtjzS+" }),
 							errortext: e.state.meta.errors.map((e) => e?.message).join(", "),
-							disabled: p || F.length === 0,
-							children: F.map(({ ip_address: e }) => /*#__PURE__*/ M(i, {
+							disabled: u || F.length === 0,
+							children: F.map(({ ip_address: e }) => /*#__PURE__*/ M(n, {
 								value: e,
 								label: e
 							}, e))
@@ -364,48 +364,48 @@ var W = {
 		t.find((t) => t.filterName === e)?.supportsMultiValue && n.length > 1 ? r[e] = `in:${n.join(",")}` : r[e] = n[0];
 	}), r;
 }, Q = "fixed_ip_address", $ = "asc", oe = () => {
-	let { i18n: e, _: t } = z(), n = L(), i = ee({ strict: !1 }), a = S(), [o, c] = D(!1), [u, d] = I(i.search || ""), f = F(void 0);
-	P(() => () => clearTimeout(f.current), []);
-	let [p, m] = I({
+	let { i18n: n, _: r } = B(), i = L(), a = R({ strict: !1 }), o = S(), [s, u] = D(!1), [f, p] = I(a.search || ""), m = F(void 0);
+	P(() => () => clearTimeout(m.current), []);
+	let [h, g] = I({
 		options: [
 			{
-				label: e._({ id: "Nc7QKU" }),
+				label: n._({ id: "Nc7QKU" }),
 				value: "fixed_ip_address"
 			},
 			{
-				label: e._({ id: "xNG/3n" }),
+				label: n._({ id: "xNG/3n" }),
 				value: "floating_ip_address"
 			},
 			{
-				label: e._({ id: "2cJIlz" }),
+				label: n._({ id: "2cJIlz" }),
 				value: "floating_network_id"
 			},
 			{
-				label: e._({ id: "S0kLOH" }),
+				label: n._({ id: "S0kLOH" }),
 				value: "id"
 			},
 			{
-				label: e._({ id: "/bUiYk" }),
+				label: n._({ id: "/bUiYk" }),
 				value: "router_id"
 			},
 			{
-				label: e._({ id: "uAQUqI" }),
+				label: n._({ id: "uAQUqI" }),
 				value: "status"
 			},
 			{
-				label: e._({ id: "T9Mtpi" }),
+				label: n._({ id: "T9Mtpi" }),
 				value: "tenant_id"
 			},
 			{
-				label: e._({ id: "mSfwLL" }),
+				label: n._({ id: "mSfwLL" }),
 				value: "project_id"
 			}
 		],
-		sortBy: i.sortBy || Q,
-		sortDirection: i.sortDirection || $
-	}), [h, g] = I({
+		sortBy: a.sortBy || Q,
+		sortDirection: a.sortDirection || $
+	}), [_, v] = I({
 		filters: [{
-			displayName: e._({ id: "uAQUqI" }),
+			displayName: n._({ id: "uAQUqI" }),
 			filterName: "status",
 			values: [
 				"ACTIVE",
@@ -414,26 +414,26 @@ var W = {
 			],
 			supportsMultiValue: !1
 		}],
-		selectedFilters: Z(i)
-	}), _ = i.search || "", { data: v } = x.network.canUser.useQuery({
-		project_id: a,
+		selectedFilters: Z(a)
+	}), y = a.search || "", { data: b } = x.network.canUser.useQuery({
+		project_id: o,
 		permission: ["network:floatingips:create"]
 	}, { select: ([e]) => ({ canCreate: e }) });
 	P(() => {
-		let e = Z(i), t = i.sortBy || Q, n = i.sortDirection || $, r = i.search || "";
-		g((t) => ({
+		let e = Z(a), t = a.sortBy || Q, n = a.sortDirection || $, r = a.search || "";
+		v((t) => ({
 			...t,
 			selectedFilters: e
-		})), m((e) => ({
+		})), g((e) => ({
 			...e,
 			sortBy: t,
 			sortDirection: n
-		})), d(r);
+		})), p(r);
 	}, [
-		i.status,
-		i.sortBy,
-		i.sortDirection,
-		i.search
+		a.status,
+		a.sortBy,
+		a.sortDirection,
+		a.search
 	]);
 	let w = (e) => {
 		let t = {
@@ -441,7 +441,7 @@ var W = {
 			sortBy: e.sortBy?.toString() || Q,
 			sortDirection: e.sortDirection || $
 		};
-		m(t), n({
+		g(t), i({
 			search: (e) => ({
 				...e,
 				sortBy: t.sortBy,
@@ -450,7 +450,7 @@ var W = {
 			replace: !1
 		});
 	}, T = (e) => {
-		g(e), n({
+		v(e), i({
 			search: (t) => ae(e.selectedFilters || [], e.filters, {
 				search: t.search,
 				sortBy: t.sortBy,
@@ -459,122 +459,122 @@ var W = {
 			replace: !1
 		});
 	}, E = (e, t = !1) => {
-		n({
+		i({
 			search: (t) => ({
 				...t,
 				search: e || void 0
 			}),
 			replace: t
 		});
-	}, { data: A = [], isLoading: j, isError: B, error: V } = x.network.floatingIp.list.useQuery({
-		project_id: a,
-		sort_key: p.sortBy,
-		sort_dir: p.sortDirection,
-		...re(h.selectedFilters || [], h.filters),
-		..._ ? { searchTerm: _ } : {}
+	}, { data: A = [], isLoading: j, isError: V, error: H } = x.network.floatingIp.list.useQuery({
+		project_id: o,
+		sort_key: h.sortBy,
+		sort_dir: h.sortDirection,
+		...re(_.selectedFilters || [], _.filters),
+		...y ? { searchTerm: y } : {}
 	}, { placeholderData: (e) => e });
-	return j && !A.length ? /*#__PURE__*/ M(s, {
+	return j && !A.length ? /*#__PURE__*/ M(c, {
 		className: "py-8",
 		distribution: "center",
 		alignment: "center",
 		direction: "vertical",
-		children: /*#__PURE__*/ M(R, { id: "Z3FXyt" })
-	}) : B && !A.length ? /*#__PURE__*/ M(s, {
+		children: /*#__PURE__*/ M(z, { id: "Z3FXyt" })
+	}) : V && !A.length ? /*#__PURE__*/ M(c, {
 		className: "py-8",
 		distribution: "center",
 		alignment: "center",
 		direction: "vertical",
-		children: V?.message ?? e._({ id: "+Nx1wc" })
+		children: H?.message ?? n._({ id: "+Nx1wc" })
 	}) : /*#__PURE__*/ N("div", {
 		className: "relative",
 		children: [
-			B && A.length > 0 && /*#__PURE__*/ M(r, {
+			V && A.length > 0 && /*#__PURE__*/ M(t, {
 				variant: "error",
 				className: "mb-4",
-				children: V?.message ?? e._({ id: "cL8dHR" })
+				children: H?.message ?? n._({ id: "cL8dHR" })
 			}),
-			/*#__PURE__*/ M(s, {
+			/*#__PURE__*/ M(c, {
 				distribution: "end",
 				alignment: "center",
 				gap: "2",
 				className: "pb-2",
-				children: /*#__PURE__*/ N(s, {
+				children: /*#__PURE__*/ N(c, {
 					gap: "2",
 					children: [/*#__PURE__*/ M(C, {
-						options: p.options,
-						sortBy: p.sortBy,
-						sortDirection: p.sortDirection ?? "asc",
+						options: h.options,
+						sortBy: h.sortBy,
+						sortDirection: h.sortDirection ?? "asc",
 						selectClassName: "min-w-40",
 						onSortByChange: (e) => w({
-							...p,
+							...h,
 							sortBy: e,
-							sortDirection: p.sortDirection
+							sortDirection: h.sortDirection
 						}),
 						onSortDirectionChange: (e) => w({
-							...p,
+							...h,
 							sortDirection: e
 						})
-					}), v?.canCreate && /*#__PURE__*/ M(l, {
-						onClick: c,
+					}), b?.canCreate && /*#__PURE__*/ M(l, {
+						onClick: u,
 						variant: "primary",
 						className: "whitespace-nowrap",
-						children: /*#__PURE__*/ M(R, { id: "h99+4y" })
+						children: /*#__PURE__*/ M(z, { id: "h99+4y" })
 					})]
 				})
 			}),
-			/*#__PURE__*/ M(y, { children: /*#__PURE__*/ N(s, {
+			/*#__PURE__*/ M(d, { children: /*#__PURE__*/ N(c, {
 				direction: "vertical",
 				gap: "2",
-				children: [/*#__PURE__*/ N(s, {
+				children: [/*#__PURE__*/ N(c, {
 					distribution: "between",
 					alignment: "center",
 					children: [/*#__PURE__*/ M(k, {
-						filters: h.filters,
+						filters: _.filters,
 						selectClassName: "sm:min-w-40",
 						comboboxClassName: "sm:min-w-40",
 						onChange: (e) => {
-							let t = ie(h.selectedFilters || [], e, h.filters);
-							t !== (h.selectedFilters || []) && T({
-								...h,
+							let t = ie(_.selectedFilters || [], e, _.filters);
+							t !== (_.selectedFilters || []) && T({
+								..._,
 								selectedFilters: t
 							});
 						}
-					}), /*#__PURE__*/ M(b, {
-						placeholder: e._({ id: "s6lr1k" }),
+					}), /*#__PURE__*/ M(e, {
+						placeholder: n._({ id: "s6lr1k" }),
 						"data-testid": "searchbar",
-						value: u,
+						value: f,
 						onInput: (e) => {
 							let t = e.currentTarget.value;
-							d(t), clearTimeout(f.current), f.current = window.setTimeout(() => E(t, !0), 500);
+							p(t), clearTimeout(m.current), m.current = window.setTimeout(() => E(t, !0), 500);
 						},
 						onSearch: (e) => {
-							clearTimeout(f.current), E(typeof e == "string" ? e : "", !1);
+							clearTimeout(m.current), E(typeof e == "string" ? e : "", !1);
 						},
 						onClear: () => {
-							clearTimeout(f.current), d(""), E("", !1);
+							clearTimeout(m.current), p(""), E("", !1);
 						}
 					})]
-				}), h.selectedFilters && h.selectedFilters.length > 0 && /*#__PURE__*/ M(O, {
-					selectedFilters: h.selectedFilters,
+				}), _.selectedFilters && _.selectedFilters.length > 0 && /*#__PURE__*/ M(O, {
+					selectedFilters: _.selectedFilters,
 					onDelete: (e) => T({
-						...h,
-						selectedFilters: (h.selectedFilters || []).filter((t) => t.name !== e.name || t.value !== e.value)
+						..._,
+						selectedFilters: (_.selectedFilters || []).filter((t) => t.name !== e.name || t.value !== e.value)
 					}),
 					onClear: () => T({
-						...h,
+						..._,
 						selectedFilters: []
 					})
 				})]
 			}) }),
-			/*#__PURE__*/ M(q, {
+			/*#__PURE__*/ M(J, {
 				floatingIps: A,
 				isLoading: j,
-				isError: B && !A.length,
-				error: V
+				isError: V && !A.length,
+				error: H
 			}),
-			o && /*#__PURE__*/ M(ne, {
-				open: o,
-				onClose: c
+			s && /*#__PURE__*/ M(ne, {
+				open: s,
+				onClose: u
 			})
 		]
 	});
@@ -582,10 +582,10 @@ var W = {
 //#endregion
 //#region src/client/routes/_auth/projects/$projectId/network/floatingips/index.tsx?tsr-split=component
 function se() {
-	let { i18n: e, _: t } = z();
-	return /*#__PURE__*/ N(j, { children: [/*#__PURE__*/ M(g, { children: e._({ id: "u77/s4" }) }), /*#__PURE__*/ M(oe, {})] });
+	let { i18n: e, _: t } = B();
+	return /*#__PURE__*/ N(j, { children: [/*#__PURE__*/ M(p, { children: e._({ id: "u77/s4" }) }), /*#__PURE__*/ M(oe, {})] });
 }
 //#endregion
 export { se as component };
 
-//# sourceMappingURL=floatingips-ICwo-rV_.mjs.map
+//# sourceMappingURL=floatingips-Ci4jHkaG.mjs.map