@tesouro/embedded-components-react 0.9.54 → 0.9.55

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/bill-detail/ui/dist/index24.js

@@ -28,6 +28,7 @@ function T({ query: T, onQueryChange: E, results: D, isLoading: O, onAddVendor:
 						id: R,
 						role: "combobox",
 						"aria-expanded": B,
+						"aria-controls": B ? `${R}-options` : void 0,
 						"aria-required": !0,
 						"aria-describedby": M ? z : void 0,
 						className: "ttw:flex ttw:h-10 ttw:w-full ttw:items-center ttw:justify-between ttw:gap-2 ttw:rounded-md ttw:border ttw:border-border ttw:bg-background ttw:px-3 ttw:text-left ttw:text-sm ttw:shadow-xs ttw:outline-none ttw:focus-visible:border-ring ttw:focus-visible:ring-[3px] ttw:focus-visible:ring-ring/50",
@@ -47,6 +48,7 @@ function T({ query: T, onQueryChange: E, results: D, isLoading: O, onAddVendor:
 						]
 					})
 				}), /* @__PURE__ */ y(d, {
+					id: `${R}-options`,
 					align: "start",
 					className: "ttw:w-[var(--radix-popover-trigger-width)] ttw:p-0",
 					children: /* @__PURE__ */ b(t, {

package/dist/libs/tesouro-embedded-components-react/products-widget/ui/dist/index5.js

@@ -2,53 +2,56 @@ import { Button as e, Typography as t } from "../../../../../packages/shared-ui-
 import { mergeProductFormSheetLabels as n } from "../../../shared/product-catalog/ui/dist/index2.js";
 import { ProductFormFields as r } from "../../../shared/product-catalog/ui/dist/index3.js";
 import "../../../shared/product-catalog/ui/dist/index.js";
-import { useId as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useEffect as i, useId as a, useRef as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/products-widget/ui/dist/index5.js
-function s({ form: s }) {
-	let c = n(s.labels), l = i();
-	return /* @__PURE__ */ o("form", {
+function l({ form: l }) {
+	let u = n(l.labels), d = a(), f = o(null);
+	return i(() => {
+		f.current?.querySelector("[data-autofocus]")?.focus();
+	}, []), /* @__PURE__ */ c("form", {
+		ref: f,
 		className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:rounded-lg ttw:border ttw:border-border ttw:bg-muted ttw:p-4",
 		onSubmit: (e) => {
-			e.preventDefault(), e.stopPropagation(), s.onSubmit();
+			e.preventDefault(), e.stopPropagation(), l.onSubmit();
 		},
 		children: [
-			/* @__PURE__ */ a("div", {
+			/* @__PURE__ */ s("div", {
 				className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:border-b ttw:border-border ttw:pt-6 ttw:pb-7",
-				children: /* @__PURE__ */ a(t, {
+				children: /* @__PURE__ */ s(t, {
 					variant: "body1",
 					className: "ttw:font-medium",
-					children: s.heading
+					children: l.heading
 				})
 			}),
-			/* @__PURE__ */ a(r, {
-				idPrefix: l,
-				values: s.values,
-				errors: s.errors,
-				unitOptions: s.unitOptions,
-				pricePrefix: s.pricePrefix,
-				onChange: s.onChange,
-				labels: s.labels
+			/* @__PURE__ */ s(r, {
+				idPrefix: d,
+				values: l.values,
+				errors: l.errors,
+				unitOptions: l.unitOptions,
+				pricePrefix: l.pricePrefix,
+				onChange: l.onChange,
+				labels: l.labels
 			}),
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ c("div", {
 				className: "ttw:flex ttw:justify-end ttw:gap-4 ttw:pt-6",
-				children: [/* @__PURE__ */ a(e, {
+				children: [/* @__PURE__ */ s(e, {
 					type: "button",
 					variant: "outline",
 					className: "ttw:w-fit ttw:border-border",
-					disabled: s.inProgress,
-					onClick: s.onCancel,
-					children: c.cancelButton
-				}), /* @__PURE__ */ a(e, {
+					disabled: l.inProgress,
+					onClick: l.onCancel,
+					children: u.cancelButton
+				}), /* @__PURE__ */ s(e, {
 					type: "submit",
 					className: "ttw:w-fit",
-					disabled: s.inProgress || s.submitDisabled,
-					loading: s.inProgress,
-					children: c.saveButton
+					disabled: l.inProgress || l.submitDisabled,
+					loading: l.inProgress,
+					children: u.saveButton
 				})]
 			})
 		]
 	});
 }
 //#endregion
-export { s as ProductEditForm, s as default };
+export { l as ProductEditForm, l as default };

package/dist/libs/tesouro-embedded-components-react/settings-widget/chart-of-accounts/ui/dist/index4.js

@@ -76,7 +76,7 @@ function E({ open: E, onOpenChange: D, title: O, description: k, values: A, erro
 									}),
 									/* @__PURE__ */ x(a, {
 										id: `${U}-gl-code`,
-										autoFocus: !0,
+										"data-autofocus": !0,
 										maxLength: 20,
 										value: A.nominal_code,
 										placeholder: H.glCodePlaceholder,

package/dist/libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index8.js

@@ -8,83 +8,85 @@ import "../../../../shared/ui/dist/index.js";
 import { AccountAccessTable as v } from "./index4.js";
 import { DEFAULT_LABELS as y } from "./index6.js";
 import { RoleCardGroup as b } from "./index7.js";
-import { useEffect as x, useMemo as S, useRef as C, useState as w } from "react";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { ArrowLeftIcon as D, CheckIcon as O, ChevronDownIcon as k, SendIcon as A } from "lucide-react";
+import { useEffect as x, useId as S, useMemo as C, useRef as w, useState as T } from "react";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { ArrowLeftIcon as O, CheckIcon as k, ChevronDownIcon as A, SendIcon as j } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/settings-widget/team/ui/dist/index8.js
-function j({ id: e, message: t }) {
-	return /* @__PURE__ */ T("p", {
+function M({ id: e, message: t }) {
+	return /* @__PURE__ */ E("p", {
 		id: e,
 		className: "ttw:text-sm ttw:text-destructive",
 		children: t
 	});
 }
-var M = "__none__";
-function N({ id: e, value: o, options: s, placeholder: d, searchPlaceholder: f, noResultsLabel: p, noneLabel: m, disabled: h, onValueChange: _ }) {
-	let [v, y] = w(!1), b = s.find((e) => e.value === o), x = (e) => {
+var N = "__none__";
+function P({ id: e, value: o, options: s, placeholder: d, searchPlaceholder: f, noResultsLabel: p, noneLabel: m, disabled: h, onValueChange: _ }) {
+	let [v, y] = T(!1), b = S(), x = s.find((e) => e.value === o), C = (e) => {
 		_(e), y(!1);
 	};
-	return /* @__PURE__ */ E(c, {
+	return /* @__PURE__ */ D(c, {
 		open: v,
 		onOpenChange: y,
-		children: [/* @__PURE__ */ T(u, {
+		children: [/* @__PURE__ */ E(u, {
 			asChild: !0,
-			children: /* @__PURE__ */ E("button", {
+			children: /* @__PURE__ */ D("button", {
 				type: "button",
 				id: e,
 				role: "combobox",
 				"aria-expanded": v,
+				"aria-controls": v ? b : void 0,
 				disabled: h,
 				className: "ttw:flex ttw:h-9 ttw:w-full ttw:items-center ttw:justify-between ttw:gap-2 ttw:rounded-md ttw:border ttw:border-input ttw:bg-transparent ttw:px-3 ttw:py-2 ttw:text-sm ttw:shadow-xs ttw:outline-none ttw:focus-visible:border-ring ttw:focus-visible:ring-[3px] ttw:focus-visible:ring-ring/50 ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50",
-				children: [/* @__PURE__ */ T("span", {
-					className: g("ttw:truncate", !b && "ttw:text-muted-foreground"),
-					children: b ? b.label : d
-				}), /* @__PURE__ */ T(k, { className: "ttw:size-4 ttw:shrink-0 ttw:opacity-50" })]
+				children: [/* @__PURE__ */ E("span", {
+					className: g("ttw:truncate", !x && "ttw:text-muted-foreground"),
+					children: x ? x.label : d
+				}), /* @__PURE__ */ E(A, { className: "ttw:size-4 ttw:shrink-0 ttw:opacity-50" })]
 			})
-		}), /* @__PURE__ */ T(l, {
+		}), /* @__PURE__ */ E(l, {
+			id: b,
 			align: "start",
 			className: "ttw:w-[var(--radix-popover-trigger-width)] ttw:p-0",
-			children: /* @__PURE__ */ E(t, {
+			children: /* @__PURE__ */ D(t, {
 				filter: (e, t) => +!!e.toLowerCase().includes(t.toLowerCase()),
-				children: [/* @__PURE__ */ T(r, {
+				children: [/* @__PURE__ */ E(r, {
 					placeholder: f,
 					"aria-label": f
-				}), /* @__PURE__ */ E(a, { children: [
-					/* @__PURE__ */ T(n, { children: p }),
-					o ? /* @__PURE__ */ T(i, {
+				}), /* @__PURE__ */ D(a, { children: [
+					/* @__PURE__ */ E(n, { children: p }),
+					o ? /* @__PURE__ */ E(i, {
 						value: m,
-						onSelect: () => x(""),
+						onSelect: () => C(""),
 						children: m
 					}) : null,
-					s.map((e) => /* @__PURE__ */ E(i, {
+					s.map((e) => /* @__PURE__ */ D(i, {
 						value: `${e.label} ${e.sublabel ?? ""} ${e.value}`,
-						onSelect: () => x(e.value),
-						children: [/* @__PURE__ */ E("span", {
+						onSelect: () => C(e.value),
+						children: [/* @__PURE__ */ D("span", {
 							className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col ttw:gap-0.5",
-							children: [/* @__PURE__ */ T("span", {
+							children: [/* @__PURE__ */ E("span", {
 								className: "ttw:truncate",
 								children: e.label
-							}), e.sublabel ? /* @__PURE__ */ T("span", {
+							}), e.sublabel ? /* @__PURE__ */ E("span", {
 								className: "ttw:truncate ttw:text-xs ttw:text-muted-foreground",
 								children: e.sublabel
 							}) : null]
-						}), e.value === o ? /* @__PURE__ */ T(O, { className: "ttw:ml-auto ttw:size-4 ttw:shrink-0" }) : null]
+						}), e.value === o ? /* @__PURE__ */ E(k, { className: "ttw:ml-auto ttw:size-4 ttw:shrink-0" }) : null]
 					}, e.value))
 				] })]
 			})
 		})]
 	});
 }
-function P({ id: e, label: t, value: n, options: r, placeholder: i, emptyMessage: a, loadingMessage: o, noneLabel: c, isLoading: l = !1, isError: u = !1, errorMessage: g, errorHelper: _, emptyHelper: v, readyHelper: y, disabled: b, searchable: x = !1, searchPlaceholder: S, noResultsLabel: C, onValueChange: w }) {
-	let D = r.length > 0, O = u ? g ?? a : l ? o : D ? i : a, k = u ? _ : !l && !D ? v : D ? y : void 0;
-	return /* @__PURE__ */ E("div", {
+function F({ id: e, label: t, value: n, options: r, placeholder: i, emptyMessage: a, loadingMessage: o, noneLabel: c, isLoading: l = !1, isError: u = !1, errorMessage: g, errorHelper: _, emptyHelper: v, readyHelper: y, disabled: b, searchable: x = !1, searchPlaceholder: S, noResultsLabel: C, onValueChange: w }) {
+	let T = r.length > 0, O = u ? g ?? a : l ? o : T ? i : a, k = u ? _ : !l && !T ? v : T ? y : void 0;
+	return /* @__PURE__ */ D("div", {
 		className: "ttw:space-y-2",
 		children: [
-			/* @__PURE__ */ T(s, {
+			/* @__PURE__ */ E(s, {
 				htmlFor: e,
 				children: t
 			}),
-			x ? /* @__PURE__ */ T(N, {
+			x ? /* @__PURE__ */ E(P, {
 				id: e,
 				value: n,
 				options: r,
@@ -92,138 +94,138 @@ function P({ id: e, label: t, value: n, options: r, placeholder: i, emptyMessage
 				searchPlaceholder: S ?? "",
 				noResultsLabel: C ?? "",
 				noneLabel: c,
-				disabled: b || l || !D,
+				disabled: b || l || !T,
 				onValueChange: w
-			}) : /* @__PURE__ */ E(d, {
+			}) : /* @__PURE__ */ D(d, {
 				value: n || void 0,
-				disabled: b || l || !D,
-				onValueChange: (e) => w(e === M ? "" : e),
-				children: [/* @__PURE__ */ T(m, {
+				disabled: b || l || !T,
+				onValueChange: (e) => w(e === N ? "" : e),
+				children: [/* @__PURE__ */ E(m, {
 					id: e,
 					className: "ttw:w-full",
-					children: /* @__PURE__ */ T(h, { placeholder: O })
-				}), /* @__PURE__ */ E(f, { children: [n ? /* @__PURE__ */ T(p, {
-					value: M,
+					children: /* @__PURE__ */ E(h, { placeholder: O })
+				}), /* @__PURE__ */ D(f, { children: [n ? /* @__PURE__ */ E(p, {
+					value: N,
 					children: c
-				}) : null, r.map((e) => /* @__PURE__ */ T(p, {
+				}) : null, r.map((e) => /* @__PURE__ */ E(p, {
 					value: e.value,
 					description: e.sublabel,
 					children: e.label
 				}, e.value))] })]
 			}),
-			k ? /* @__PURE__ */ T("p", {
+			k ? /* @__PURE__ */ E("p", {
 				className: "ttw:text-xs ttw:text-muted-foreground",
 				children: k
 			}) : null
 		]
 	});
 }
-function F({ form: t, roleOptions: n, departmentOptions: r, locationOptions: i, reportingManagerOptions: a, accountAccessOptions: c, departmentsLoading: l = !1, locationsLoading: u = !1, reportingManagersLoading: d = !1, departmentsError: f = !1, locationsError: p = !1, reportingManagersError: m = !1, accountAccessLoading: h = !1, accountAccessError: g = !1, accountAccessMode: w = "hidden", errors: O, submitErrorMessage: k, isSubmitting: M = !1, isSubmitBlocked: N = !1, onFormChange: F, onBackClick: I, onCancel: L, onSubmit: R, labels: z }) {
+function I({ form: t, roleOptions: n, departmentOptions: r, locationOptions: i, reportingManagerOptions: a, accountAccessOptions: c, departmentsLoading: l = !1, locationsLoading: u = !1, reportingManagersLoading: d = !1, departmentsError: f = !1, locationsError: p = !1, reportingManagersError: m = !1, accountAccessLoading: h = !1, accountAccessError: g = !1, accountAccessMode: S = "hidden", errors: T, submitErrorMessage: k, isSubmitting: A = !1, isSubmitBlocked: N = !1, onFormChange: P, onBackClick: I, onCancel: L, onSubmit: R, labels: z }) {
 	let B = {
 		...y,
 		...z
-	}, V = C(null), H = S(() => c.map((e) => ({
+	}, V = w(null), H = C(() => c.map((e) => ({
 		...e,
-		checked: w === "admin" || t.accountAccess.includes(e.value)
+		checked: S === "admin" || t.accountAccess.includes(e.value)
 	})), [
 		c,
-		w,
+		S,
 		t.accountAccess
 	]);
 	return x(() => {
 		V.current?.focus();
-	}, []), /* @__PURE__ */ E("section", {
+	}, []), /* @__PURE__ */ D("section", {
 		"aria-label": B.inviteTitle,
 		className: "ttw:rounded-md ttw:border ttw:border-border ttw:bg-card ttw:p-4",
 		children: [
-			/* @__PURE__ */ E(e, {
+			/* @__PURE__ */ D(e, {
 				ref: V,
 				variant: "ghost",
 				size: "sm",
-				disabled: M,
+				disabled: A,
 				onClick: I,
-				children: [/* @__PURE__ */ T(D, {
+				children: [/* @__PURE__ */ E(O, {
 					"aria-hidden": !0,
 					className: "ttw:size-4"
 				}), B.inviteBackToTeamButton]
 			}),
-			/* @__PURE__ */ T("h3", {
+			/* @__PURE__ */ E("h3", {
 				className: "ttw:mt-4 ttw:text-lg ttw:font-semibold ttw:text-foreground",
 				children: B.inviteTitle
 			}),
-			/* @__PURE__ */ T("form", {
+			/* @__PURE__ */ E("form", {
 				noValidate: !0,
 				className: "ttw:mt-4",
 				onSubmit: (e) => {
 					e.preventDefault(), R();
 				},
-				children: /* @__PURE__ */ E("fieldset", {
+				children: /* @__PURE__ */ D("fieldset", {
 					className: "ttw:space-y-6",
-					disabled: M,
+					disabled: A,
 					children: [
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ D("div", {
 							className: "ttw:space-y-4",
 							children: [
-								/* @__PURE__ */ T("h4", {
+								/* @__PURE__ */ E("h4", {
 									className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
 									children: B.inviteDetailsSectionHeading
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ D("div", {
 									className: "ttw:space-y-2",
 									children: [
-										/* @__PURE__ */ T(s, {
+										/* @__PURE__ */ E(s, {
 											htmlFor: "team-invite-name",
 											children: B.inviteNameLabel
 										}),
-										/* @__PURE__ */ T(o, {
+										/* @__PURE__ */ E(o, {
 											id: "team-invite-name",
 											name: "name",
 											autoComplete: "name",
 											required: !0,
 											value: t.name,
-											"aria-invalid": O?.name ? !0 : void 0,
-											"aria-describedby": O?.name ? "team-invite-name-error" : void 0,
-											onChange: (e) => F({
+											"aria-invalid": T?.name ? !0 : void 0,
+											"aria-describedby": T?.name ? "team-invite-name-error" : void 0,
+											onChange: (e) => P({
 												...t,
 												name: e.target.value
 											})
 										}),
-										O?.name && /* @__PURE__ */ T(j, {
+										T?.name && /* @__PURE__ */ E(M, {
 											id: "team-invite-name-error",
-											message: O.name
+											message: T.name
 										})
 									]
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ D("div", {
 									className: "ttw:space-y-2",
 									children: [
-										/* @__PURE__ */ T(s, {
+										/* @__PURE__ */ E(s, {
 											htmlFor: "team-invite-email",
 											children: B.inviteWorkEmailLabel
 										}),
-										/* @__PURE__ */ T(o, {
+										/* @__PURE__ */ E(o, {
 											id: "team-invite-email",
 											name: "email",
 											type: "email",
 											autoComplete: "email",
 											required: !0,
 											value: t.email,
-											"aria-invalid": O?.email ? !0 : void 0,
-											"aria-describedby": O?.email ? "team-invite-email-error" : void 0,
-											onChange: (e) => F({
+											"aria-invalid": T?.email ? !0 : void 0,
+											"aria-describedby": T?.email ? "team-invite-email-error" : void 0,
+											onChange: (e) => P({
 												...t,
 												email: e.target.value
 											})
 										}),
-										O?.email && /* @__PURE__ */ T(j, {
+										T?.email && /* @__PURE__ */ E(M, {
 											id: "team-invite-email-error",
-											message: O.email
+											message: T.email
 										})
 									]
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ D("div", {
 									className: "ttw:grid ttw:grid-cols-1 ttw:gap-4 ttw:sm:grid-cols-2",
-									children: [/* @__PURE__ */ T(P, {
+									children: [/* @__PURE__ */ E(F, {
 										id: "team-invite-department",
 										label: B.inviteDepartmentLabel,
 										value: t.department,
@@ -237,11 +239,11 @@ function F({ form: t, roleOptions: n, departmentOptions: r, locationOptions: i,
 										errorMessage: B.inviteDepartmentLoadError,
 										errorHelper: B.inviteDepartmentLoadErrorHelper,
 										emptyHelper: B.inviteDepartmentEmptyHelper,
-										onValueChange: (e) => F({
+										onValueChange: (e) => P({
 											...t,
 											department: e
 										})
-									}), /* @__PURE__ */ T(P, {
+									}), /* @__PURE__ */ E(F, {
 										id: "team-invite-location",
 										label: B.inviteLocationLabel,
 										value: t.location,
@@ -255,13 +257,13 @@ function F({ form: t, roleOptions: n, departmentOptions: r, locationOptions: i,
 										errorMessage: B.inviteLocationLoadError,
 										errorHelper: B.inviteLocationLoadErrorHelper,
 										emptyHelper: B.inviteLocationEmptyHelper,
-										onValueChange: (e) => F({
+										onValueChange: (e) => P({
 											...t,
 											location: e
 										})
 									})]
 								}),
-								/* @__PURE__ */ T(P, {
+								/* @__PURE__ */ E(F, {
 									id: "team-invite-reporting-manager",
 									label: B.inviteReportingManagerLabel,
 									value: t.reportingManager,
@@ -279,82 +281,82 @@ function F({ form: t, roleOptions: n, departmentOptions: r, locationOptions: i,
 									searchable: !0,
 									searchPlaceholder: B.inviteReportingManagerSearchPlaceholder,
 									noResultsLabel: B.inviteReportingManagerNoResults,
-									onValueChange: (e) => F({
+									onValueChange: (e) => P({
 										...t,
 										reportingManager: e
 									})
 								})
 							]
 						}),
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ D("div", {
 							className: "ttw:space-y-1",
 							children: [
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ E("div", {
 									id: "team-invite-role-heading",
 									className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
 									children: B.inviteRoleSectionHeading
 								}),
-								/* @__PURE__ */ T("p", {
+								/* @__PURE__ */ E("p", {
 									className: "ttw:text-sm ttw:text-muted-foreground",
 									children: B.inviteRoleSectionDescription
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ E("div", {
 									className: "ttw:mt-3",
-									children: /* @__PURE__ */ T(b, {
+									children: /* @__PURE__ */ E(b, {
 										idPrefix: "team-invite-role",
 										options: n,
 										value: t.role,
-										onValueChange: (e) => F({
+										onValueChange: (e) => P({
 											...t,
 											role: e
 										}),
 										ariaLabelledBy: "team-invite-role-heading",
-										ariaInvalid: !!O?.role,
-										ariaDescribedBy: O?.role ? "team-invite-role-error" : void 0
+										ariaInvalid: !!T?.role,
+										ariaDescribedBy: T?.role ? "team-invite-role-error" : void 0
 									})
 								}),
-								O?.role && /* @__PURE__ */ T(j, {
+								T?.role && /* @__PURE__ */ E(M, {
 									id: "team-invite-role-error",
-									message: O.role
+									message: T.role
 								})
 							]
 						}),
-						w === "employee" && /* @__PURE__ */ E("div", {
+						S === "employee" && /* @__PURE__ */ D("div", {
 							className: "ttw:space-y-2",
-							children: [/* @__PURE__ */ T("div", {
+							children: [/* @__PURE__ */ E("div", {
 								id: "team-invite-account-access-heading",
 								className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
 								children: B.inviteAccountAccessSectionHeading
-							}), /* @__PURE__ */ T("p", {
+							}), /* @__PURE__ */ E("p", {
 								className: "ttw:text-sm ttw:text-muted-foreground",
 								children: B.manageAccessEmployeeNote
 							})]
 						}),
-						(w === "picker" || w === "admin") && /* @__PURE__ */ E("div", {
+						(S === "picker" || S === "admin") && /* @__PURE__ */ D("div", {
 							className: "ttw:space-y-2",
 							children: [
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ E("div", {
 									id: "team-invite-account-access-heading",
 									className: "ttw:text-base ttw:font-semibold ttw:text-foreground",
 									children: B.inviteAccountAccessSectionHeading
 								}),
-								/* @__PURE__ */ T("p", {
+								/* @__PURE__ */ E("p", {
 									className: "ttw:text-sm ttw:text-muted-foreground",
 									children: B.inviteAccountAccessSectionDescription
 								}),
-								g ? /* @__PURE__ */ T(_, { children: B.inviteAccountAccessLoadError }) : h ? /* @__PURE__ */ T("p", {
+								g ? /* @__PURE__ */ E(_, { children: B.inviteAccountAccessLoadError }) : h ? /* @__PURE__ */ E("p", {
 									className: "ttw:text-sm ttw:text-muted-foreground",
 									children: B.inviteOptionsLoading
-								}) : /* @__PURE__ */ T(v, {
+								}) : /* @__PURE__ */ E(v, {
 									rows: H,
 									onToggle: (e, n) => {
-										F({
+										P({
 											...t,
 											accountAccess: n ? [...t.accountAccess, e] : t.accountAccess.filter((t) => t !== e)
 										});
 									},
-									disabled: w === "admin",
-									note: w === "admin" ? B.inviteAccountAccessAdminNote : void 0,
+									disabled: S === "admin",
+									note: S === "admin" ? B.inviteAccountAccessAdminNote : void 0,
 									emptyMessage: B.inviteAccountAccessEmpty,
 									labels: {
 										accountNameColumn: B.accountAccessNameColumn,
@@ -364,19 +366,19 @@ function F({ form: t, roleOptions: n, departmentOptions: r, locationOptions: i,
 								})
 							]
 						}),
-						k && /* @__PURE__ */ T(_, { children: k }),
-						/* @__PURE__ */ E("div", {
+						k && /* @__PURE__ */ E(_, { children: k }),
+						/* @__PURE__ */ D("div", {
 							className: "ttw:flex ttw:justify-end ttw:gap-2",
-							children: [/* @__PURE__ */ T(e, {
+							children: [/* @__PURE__ */ E(e, {
 								type: "button",
 								variant: "ghost",
 								onClick: L,
 								children: B.inviteCancelButton
-							}), /* @__PURE__ */ E(e, {
+							}), /* @__PURE__ */ D(e, {
 								type: "submit",
-								loading: M,
-								disabled: N || l || u || d || (w === "picker" || w === "admin") && (h || g),
-								children: [B.inviteSubmitButton, /* @__PURE__ */ T(A, {
+								loading: A,
+								disabled: N || l || u || d || (S === "picker" || S === "admin") && (h || g),
+								children: [B.inviteSubmitButton, /* @__PURE__ */ E(j, {
 									"aria-hidden": !0,
 									className: "ttw:size-4"
 								})]
@@ -389,4 +391,4 @@ function F({ form: t, roleOptions: n, departmentOptions: r, locationOptions: i,
 	});
 }
 //#endregion
-export { F as InviteTeamMemberForm, F as default, P as OptionalSelect };
+export { I as InviteTeamMemberForm, I as default, F as OptionalSelect };