@tesouro/embedded-components-react 0.2.193 → 0.2.194

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

@@ -1,19 +1,19 @@
 "use client";
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { useRef as _, useMemo as j, useEffect as q, useState as U } from "react";
-import { ArrowLeftIcon as G, SendIcon as K, ChevronDownIcon as W, CheckIcon as X } from "lucide-react";
-import { Button as M, Label as R, Input as k, Select as Y, SelectTrigger as $, SelectValue as J, SelectContent as Q, SelectItem as D, Popover as Z, PopoverTrigger as ee, cn as te, PopoverContent as ae, Command as ie, CommandInput as ne, CommandList as re, CommandEmpty as le, CommandItem as O } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { useRef as _, useMemo as j, useEffect as q, useState as G } from "react";
+import { ArrowLeftIcon as W, SendIcon as $, ChevronDownIcon as U, CheckIcon as J } from "lucide-react";
+import { Button as E, Label as R, Input as O, Select as K, SelectTrigger as Q, SelectValue as X, SelectContent as Y, SelectItem as D, Popover as Z, PopoverTrigger as ee, cn as te, PopoverContent as ae, Command as ie, CommandInput as ne, CommandList as re, CommandEmpty as oe, CommandItem as k } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "@radix-ui/react-use-controllable-state";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import { InlineErrorAlert as I } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
+import { InlineErrorAlert as B } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
 import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-import { AccountAccessTable as oe } from "./index3.js";
+import { AccountAccessTable as le } from "./index3.js";
 import { DEFAULT_LABELS as se } from "./index17.js";
 import { RoleCardGroup as ce } from "./index11.js";
-function S({ id: a, message: c }) {
+function H({ id: a, message: c }) {
   return /* @__PURE__ */ t("p", { id: a, className: "ttw:text-sm ttw:text-destructive", children: c });
 }
-const T = "__none__";
+const I = "__none__";
 function de({
   id: a,
   value: c,
@@ -25,7 +25,7 @@ function de({
   disabled: h,
   onValueChange: d
 }) {
-  const [w, y] = U(!1), b = p.find((n) => n.value === c), f = (n) => {
+  const [w, y] = G(!1), b = p.find((n) => n.value === c), f = (n) => {
     d(n), y(!1);
   };
   return /* @__PURE__ */ i(Z, { open: w, onOpenChange: y, children: [
@@ -49,7 +49,7 @@ function de({
               children: b ? b.label : u
             }
           ),
-          /* @__PURE__ */ t(W, { className: "ttw:size-4 ttw:shrink-0 ttw:opacity-50" })
+          /* @__PURE__ */ t(U, { className: "ttw:size-4 ttw:shrink-0 ttw:opacity-50" })
         ]
       }
     ) }),
@@ -61,7 +61,7 @@ function de({
         children: /* @__PURE__ */ i(
           ie,
           {
-            filter: (n, l) => n.toLowerCase().includes(l.toLowerCase()) ? 1 : 0,
+            filter: (n, o) => n.toLowerCase().includes(o.toLowerCase()) ? 1 : 0,
             children: [
               /* @__PURE__ */ t(
                 ne,
@@ -71,10 +71,10 @@ function de({
                 }
               ),
               /* @__PURE__ */ i(re, { children: [
-                /* @__PURE__ */ t(le, { children: g }),
-                c ? /* @__PURE__ */ t(O, { value: v, onSelect: () => f(""), children: v }) : null,
+                /* @__PURE__ */ t(oe, { children: g }),
+                c ? /* @__PURE__ */ t(k, { value: v, onSelect: () => f(""), children: v }) : null,
                 p.map((n) => /* @__PURE__ */ i(
-                  O,
+                  k,
                   {
                     value: `${n.label} ${n.sublabel ?? ""} ${n.value}`,
                     onSelect: () => f(n.value),
@@ -83,7 +83,7 @@ function de({
                         /* @__PURE__ */ t("span", { className: "ttw:truncate", children: n.label }),
                         n.sublabel ? /* @__PURE__ */ t("span", { className: "ttw:truncate ttw:text-xs ttw:text-muted-foreground", children: n.sublabel }) : null
                       ] }),
-                      n.value === c ? /* @__PURE__ */ t(X, { className: "ttw:ml-auto ttw:size-4 ttw:shrink-0" }) : null
+                      n.value === c ? /* @__PURE__ */ t(J, { className: "ttw:ml-auto ttw:size-4 ttw:shrink-0" }) : null
                     ]
                   },
                   n.value
@@ -96,7 +96,7 @@ function de({
     )
   ] });
 }
-function H({
+function S({
   id: a,
   label: c,
   value: p,
@@ -111,16 +111,16 @@ function H({
   errorHelper: b,
   emptyHelper: f,
   readyHelper: n,
-  disabled: l,
-  searchable: o = !1,
+  disabled: o,
+  searchable: l = !1,
   searchPlaceholder: C,
   noResultsLabel: x,
   onValueChange: s
 }) {
-  const L = u.length > 0, A = w ? y ?? g : d ? v : L ? N : g, E = w ? b : !d && !L ? f : L ? n : void 0;
+  const L = u.length > 0, A = w ? y ?? g : d ? v : L ? N : g, M = w ? b : !d && !L ? f : L ? n : void 0;
   return /* @__PURE__ */ i("div", { className: "ttw:space-y-2", children: [
     /* @__PURE__ */ t(R, { htmlFor: a, children: c }),
-    o ? /* @__PURE__ */ t(
+    l ? /* @__PURE__ */ t(
       de,
       {
         id: a,
@@ -130,19 +130,19 @@ function H({
         searchPlaceholder: C ?? "",
         noResultsLabel: x ?? "",
         noneLabel: h,
-        disabled: l || d || !L,
+        disabled: o || d || !L,
         onValueChange: s
       }
     ) : /* @__PURE__ */ i(
-      Y,
+      K,
       {
         value: p || void 0,
-        disabled: l || d || !L,
-        onValueChange: (m) => s(m === T ? "" : m),
+        disabled: o || d || !L,
+        onValueChange: (m) => s(m === I ? "" : m),
         children: [
-          /* @__PURE__ */ t($, { id: a, className: "ttw:w-full", children: /* @__PURE__ */ t(J, { placeholder: A }) }),
-          /* @__PURE__ */ i(Q, { children: [
-            p ? /* @__PURE__ */ t(D, { value: T, children: h }) : null,
+          /* @__PURE__ */ t(Q, { id: a, className: "ttw:w-full", children: /* @__PURE__ */ t(X, { placeholder: A }) }),
+          /* @__PURE__ */ i(Y, { children: [
+            p ? /* @__PURE__ */ t(D, { value: I, children: h }) : null,
             u.map((m) => /* @__PURE__ */ t(
               D,
               {
@@ -156,7 +156,7 @@ function H({
         ]
       }
     ),
-    E ? /* @__PURE__ */ t("p", { className: "ttw:text-xs ttw:text-muted-foreground", children: E }) : null
+    M ? /* @__PURE__ */ t("p", { className: "ttw:text-xs ttw:text-muted-foreground", children: M }) : null
   ] });
 }
 function ye({
@@ -174,23 +174,23 @@ function ye({
   reportingManagersError: b = !1,
   accountAccessLoading: f = !1,
   accountAccessError: n = !1,
-  accountAccessMode: l = "hidden",
-  errors: o,
+  accountAccessMode: o = "hidden",
+  errors: l,
   submitErrorMessage: C,
   isSubmitting: x = !1,
   onFormChange: s,
   onBackClick: L,
   onCancel: A,
-  onSubmit: E,
+  onSubmit: M,
   labels: m
 }) {
-  const e = { ...se, ...m }, P = _(null), V = j(
+  const e = { ...se, ...m }, P = _(null), T = j(
     () => g.map((r) => ({
       ...r,
-      checked: l === "admin" || a.accountAccess.includes(r.value)
+      checked: o === "admin" || a.accountAccess.includes(r.value)
     })),
-    [g, l, a.accountAccess]
-  ), B = (r, F) => {
+    [g, o, a.accountAccess]
+  ), V = (r, F) => {
     s({
       ...a,
       accountAccess: F ? [...a.accountAccess, r] : a.accountAccess.filter((z) => z !== r)
@@ -205,7 +205,7 @@ function ye({
       className: "ttw:rounded-md ttw:border ttw:border-border ttw:bg-card ttw:p-4",
       children: [
         /* @__PURE__ */ i(
-          M,
+          E,
           {
             ref: P,
             variant: "ghost",
@@ -213,7 +213,7 @@ function ye({
             disabled: x,
             onClick: L,
             children: [
-              /* @__PURE__ */ t(G, { "aria-hidden": !0, className: "ttw:size-4" }),
+              /* @__PURE__ */ t(W, { "aria-hidden": !0, className: "ttw:size-4" }),
               e.inviteBackToTeamButton
             ]
           }
@@ -225,7 +225,7 @@ function ye({
             noValidate: !0,
             className: "ttw:mt-4",
             onSubmit: (r) => {
-              r.preventDefault(), E();
+              r.preventDefault(), M();
             },
             children: /* @__PURE__ */ i("fieldset", { className: "ttw:space-y-6", disabled: x, children: [
               /* @__PURE__ */ i("div", { className: "ttw:space-y-4", children: [
@@ -233,24 +233,24 @@ function ye({
                 /* @__PURE__ */ i("div", { className: "ttw:space-y-2", children: [
                   /* @__PURE__ */ t(R, { htmlFor: "team-invite-name", children: e.inviteNameLabel }),
                   /* @__PURE__ */ t(
-                    k,
+                    O,
                     {
                       id: "team-invite-name",
                       name: "name",
                       autoComplete: "name",
                       required: !0,
                       value: a.name,
-                      "aria-invalid": o?.name ? !0 : void 0,
-                      "aria-describedby": o?.name ? "team-invite-name-error" : void 0,
+                      "aria-invalid": l?.name ? !0 : void 0,
+                      "aria-describedby": l?.name ? "team-invite-name-error" : void 0,
                       onChange: (r) => s({ ...a, name: r.target.value })
                     }
                   ),
-                  o?.name && /* @__PURE__ */ t(S, { id: "team-invite-name-error", message: o.name })
+                  l?.name && /* @__PURE__ */ t(H, { id: "team-invite-name-error", message: l.name })
                 ] }),
                 /* @__PURE__ */ i("div", { className: "ttw:space-y-2", children: [
                   /* @__PURE__ */ t(R, { htmlFor: "team-invite-email", children: e.inviteWorkEmailLabel }),
                   /* @__PURE__ */ t(
-                    k,
+                    O,
                     {
                       id: "team-invite-email",
                       name: "email",
@@ -258,22 +258,22 @@ function ye({
                       autoComplete: "email",
                       required: !0,
                       value: a.email,
-                      "aria-invalid": o?.email ? !0 : void 0,
-                      "aria-describedby": o?.email ? "team-invite-email-error" : void 0,
+                      "aria-invalid": l?.email ? !0 : void 0,
+                      "aria-describedby": l?.email ? "team-invite-email-error" : void 0,
                       onChange: (r) => s({ ...a, email: r.target.value })
                     }
                   ),
-                  o?.email && /* @__PURE__ */ t(
-                    S,
+                  l?.email && /* @__PURE__ */ t(
+                    H,
                     {
                       id: "team-invite-email-error",
-                      message: o.email
+                      message: l.email
                     }
                   )
                 ] }),
                 /* @__PURE__ */ i("div", { className: "ttw:grid ttw:grid-cols-1 ttw:gap-4 ttw:sm:grid-cols-2", children: [
                   /* @__PURE__ */ t(
-                    H,
+                    S,
                     {
                       id: "team-invite-department",
                       label: e.inviteDepartmentLabel,
@@ -292,7 +292,7 @@ function ye({
                     }
                   ),
                   /* @__PURE__ */ t(
-                    H,
+                    S,
                     {
                       id: "team-invite-location",
                       label: e.inviteLocationLabel,
@@ -312,7 +312,7 @@ function ye({
                   )
                 ] }),
                 /* @__PURE__ */ t(
-                  H,
+                  S,
                   {
                     id: "team-invite-reporting-manager",
                     label: e.inviteReportingManagerLabel,
@@ -353,13 +353,13 @@ function ye({
                     value: a.role,
                     onValueChange: (r) => s({ ...a, role: r }),
                     ariaLabelledBy: "team-invite-role-heading",
-                    ariaInvalid: !!o?.role,
-                    ariaDescribedBy: o?.role ? "team-invite-role-error" : void 0
+                    ariaInvalid: !!l?.role,
+                    ariaDescribedBy: l?.role ? "team-invite-role-error" : void 0
                   }
                 ) }),
-                o?.role && /* @__PURE__ */ t(S, { id: "team-invite-role-error", message: o.role })
+                l?.role && /* @__PURE__ */ t(H, { id: "team-invite-role-error", message: l.role })
               ] }),
-              l === "employee" && /* @__PURE__ */ i("div", { className: "ttw:space-y-2", children: [
+              o === "employee" && /* @__PURE__ */ i("div", { className: "ttw:space-y-2", children: [
                 /* @__PURE__ */ t(
                   "div",
                   {
@@ -370,7 +370,7 @@ function ye({
                 ),
                 /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: e.manageAccessEmployeeNote })
               ] }),
-              (l === "picker" || l === "admin") && /* @__PURE__ */ i("div", { className: "ttw:space-y-2", children: [
+              (o === "picker" || o === "admin") && /* @__PURE__ */ i("div", { className: "ttw:space-y-2", children: [
                 /* @__PURE__ */ t(
                   "div",
                   {
@@ -380,13 +380,13 @@ function ye({
                   }
                 ),
                 /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: e.inviteAccountAccessSectionDescription }),
-                n ? /* @__PURE__ */ t(I, { children: e.inviteAccountAccessLoadError }) : f ? /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: e.inviteOptionsLoading }) : /* @__PURE__ */ t(
-                  oe,
+                n ? /* @__PURE__ */ t(B, { children: e.inviteAccountAccessLoadError }) : f ? /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: e.inviteOptionsLoading }) : /* @__PURE__ */ t(
+                  le,
                   {
-                    rows: V,
-                    onToggle: B,
-                    disabled: l === "admin",
-                    note: l === "admin" ? e.inviteAccountAccessAdminNote : void 0,
+                    rows: T,
+                    onToggle: V,
+                    disabled: o === "admin",
+                    note: o === "admin" ? e.inviteAccountAccessAdminNote : void 0,
                     emptyMessage: e.inviteAccountAccessEmpty,
                     labels: {
                       accountNameColumn: e.accountAccessNameColumn,
@@ -396,18 +396,18 @@ function ye({
                   }
                 )
               ] }),
-              C && /* @__PURE__ */ t(I, { children: C }),
+              C && /* @__PURE__ */ t(B, { children: C }),
               /* @__PURE__ */ i("div", { className: "ttw:flex ttw:justify-end ttw:gap-2", children: [
-                /* @__PURE__ */ t(M, { type: "button", variant: "ghost", onClick: A, children: e.inviteCancelButton }),
+                /* @__PURE__ */ t(E, { type: "button", variant: "ghost", onClick: A, children: e.inviteCancelButton }),
                 /* @__PURE__ */ i(
-                  M,
+                  E,
                   {
                     type: "submit",
                     loading: x,
-                    disabled: v || h || d || (l === "picker" || l === "admin") && (f || n),
+                    disabled: v || h || d || (o === "picker" || o === "admin") && (f || n),
                     children: [
                       e.inviteSubmitButton,
-                      /* @__PURE__ */ t(K, { "aria-hidden": !0, className: "ttw:size-4" })
+                      /* @__PURE__ */ t($, { "aria-hidden": !0, className: "ttw:size-4" })
                     ]
                   }
                 )
@@ -421,5 +421,5 @@ function ye({
 }
 export {
   ye as InviteTeamMemberForm,
-  H as OptionalSelect
+  S as OptionalSelect
 };

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as a, jsxs as l } from "react/jsx-runtime";
 import { RadioGroup as p, Label as b, RadioGroupItem as f } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-function h({
+function v({
   options: i,
   value: e,
   onValueChange: o,
@@ -57,5 +57,5 @@ function h({
   );
 }
 export {
-  h as RoleCardGroup
+  v as RoleCardGroup
 };

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

@@ -1,14 +1,14 @@
 "use client";
 import { jsx as t, jsxs as e } from "react/jsx-runtime";
-import { AlertDialog as D, AlertDialogContent as f, AlertDialogHeader as h, AlertDialogTitle as x, AlertDialogDescription as b, AlertDialogFooter as A, AlertDialogCancel as v, Button as C } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { AlertDialog as f, AlertDialogContent as h, AlertDialogHeader as x, AlertDialogTitle as D, AlertDialogDescription as b, AlertDialogFooter as A, AlertDialogCancel as N, Button as v } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "@radix-ui/react-use-controllable-state";
 import "lucide-react";
 import "react";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import { InlineErrorAlert as j } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
+import { InlineErrorAlert as C } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
 import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-import { DEFAULT_LABELS as N } from "./index17.js";
-function H({
+import { DEFAULT_LABELS as j } from "./index17.js";
+function z({
   open: s,
   icon: r,
   title: c,
@@ -23,8 +23,8 @@ function H({
   onConfirm: p,
   labels: u
 }) {
-  const g = { ...N, ...u };
-  return /* @__PURE__ */ t(D, { open: s, onOpenChange: w, children: /* @__PURE__ */ e(f, { children: [
+  const g = { ...j, ...u };
+  return /* @__PURE__ */ t(f, { open: s, onOpenChange: w, children: /* @__PURE__ */ e(h, { children: [
     r ? /* @__PURE__ */ t("div", { className: "ttw:flex ttw:justify-center", children: /* @__PURE__ */ t(
       "span",
       {
@@ -32,19 +32,19 @@ function H({
         children: r
       }
     ) }) : null,
-    /* @__PURE__ */ e(h, { className: r ? "ttw:text-center" : void 0, children: [
-      /* @__PURE__ */ t(x, { children: c }),
+    /* @__PURE__ */ e(x, { className: r ? "ttw:text-center" : void 0, children: [
+      /* @__PURE__ */ t(D, { children: c }),
       /* @__PURE__ */ t(b, { children: d })
     ] }),
     i && /* @__PURE__ */ e("div", { className: "ttw:rounded-md ttw:border ttw:border-border ttw:bg-muted/50 ttw:px-3 ttw:py-2", children: [
       /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:font-medium ttw:text-foreground", children: i }),
       n && /* @__PURE__ */ t("p", { className: "ttw:truncate ttw:text-sm ttw:text-muted-foreground", children: n })
     ] }),
-    a && /* @__PURE__ */ t(j, { children: a }),
+    a && /* @__PURE__ */ t(C, { children: a }),
     /* @__PURE__ */ e(A, { children: [
-      /* @__PURE__ */ t(v, { disabled: l, children: g.actionDialogCancelButton }),
+      /* @__PURE__ */ t(N, { disabled: l, children: g.actionDialogCancelButton }),
       /* @__PURE__ */ t(
-        C,
+        v,
         {
           variant: o,
           loading: l,
@@ -56,5 +56,5 @@ function H({
   ] }) });
 }
 export {
-  H as TeamActionDialog
+  z as TeamActionDialog
 };

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

@@ -2,15 +2,15 @@
 import { jsxs as i, jsx as t, Fragment as p } from "react/jsx-runtime";
 import { useRef as D, useEffect as L } from "react";
 import { Plus as B, Building2 as I, UsersIcon as j } from "lucide-react";
-import { Button as F, Table as A, TableHeader as E, TableRow as c, TableHead as o, TableBody as R, TableCell as s, Badge as h, Skeleton as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { avatarSwatchFor as H } from "../../../shared/ui/dist/lib/avatarSwatch.js";
+import { Button as F, Table as M, TableHeader as A, TableRow as c, TableHead as o, TableBody as E, TableCell as s, Badge as h, Skeleton as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { avatarSwatchFor as O } from "../../../shared/ui/dist/lib/avatarSwatch.js";
 import "@radix-ui/react-use-controllable-state";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import { PaginationFooter as U } from "../../../shared/ui/dist/lib/PaginationFooter/PaginationFooter.js";
+import { PaginationFooter as R } from "../../../shared/ui/dist/lib/PaginationFooter/PaginationFooter.js";
 import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-import { DEFAULT_LABELS as q } from "./index17.js";
-import { statusToneClassName as O } from "./index14.js";
-const $ = [5, 10, 25], G = 4;
+import { DEFAULT_LABELS as H } from "./index17.js";
+import { statusToneClassName as q } from "./index14.js";
+const U = [5, 10, 25], $ = 4;
 function K() {
   return /* @__PURE__ */ t(p, { children: Array.from({ length: 5 }).map((l, r) => /* @__PURE__ */ i(c, { children: [
     /* @__PURE__ */ t(s, { children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
@@ -29,7 +29,7 @@ function f({
   title: l,
   description: r
 }) {
-  return /* @__PURE__ */ t(c, { className: "ttw:hover:bg-transparent", children: /* @__PURE__ */ t(s, { colSpan: G, className: "ttw:p-0", children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:px-4 ttw:py-14 ttw:text-center", children: [
+  return /* @__PURE__ */ t(c, { className: "ttw:hover:bg-transparent", children: /* @__PURE__ */ t(s, { colSpan: $, className: "ttw:p-0", children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:px-4 ttw:py-14 ttw:text-center", children: [
     /* @__PURE__ */ t("div", { className: "ttw:mb-4 ttw:flex ttw:size-14 ttw:items-center ttw:justify-center ttw:rounded-2xl ttw:bg-muted", children: /* @__PURE__ */ t(j, { className: "ttw:size-6 ttw:text-muted-foreground" }) }),
     /* @__PURE__ */ t("h3", { className: "ttw:mb-2 ttw:text-lg ttw:font-bold ttw:tracking-tight ttw:text-foreground", children: l }),
     /* @__PURE__ */ t("p", { className: "ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground", children: r })
@@ -43,16 +43,16 @@ function at({
   isPreviousPageDisabled: x = !1,
   isNextPageDisabled: N = !1,
   pageSize: v = 10,
-  pageSizeOptions: y = $,
-  rangeLabel: S = "",
-  onPageSizeChange: k,
+  pageSizeOptions: y = U,
+  rangeLabel: k = "",
+  onPageSizeChange: C,
   autoFocusRowKey: d,
-  onPreviousPageClick: C,
-  onNextPageClick: P,
+  onPreviousPageClick: P,
+  onNextPageClick: S,
   onInviteClick: w,
   labels: z
 }) {
-  const a = { ...q, ...z }, m = D(null);
+  const a = { ...H, ...z }, m = D(null);
   return L(() => {
     if (!d)
       return;
@@ -74,14 +74,14 @@ function at({
           /* @__PURE__ */ t(B, { "aria-hidden": !0, className: "ttw:size-4" }),
           a.inviteButton
         ] }) }),
-        /* @__PURE__ */ i(A, { children: [
-          /* @__PURE__ */ t(E, { children: /* @__PURE__ */ i(c, { className: "ttw:hover:bg-transparent", children: [
+        /* @__PURE__ */ i(M, { children: [
+          /* @__PURE__ */ t(A, { children: /* @__PURE__ */ i(c, { className: "ttw:hover:bg-transparent", children: [
             /* @__PURE__ */ t(o, { children: a.nameColumn }),
             /* @__PURE__ */ t(o, { children: a.roleColumn }),
             /* @__PURE__ */ t(o, { children: a.departmentColumn }),
             /* @__PURE__ */ t(o, { children: a.statusColumn })
           ] }) }),
-          /* @__PURE__ */ t(R, { children: g ? /* @__PURE__ */ t(
+          /* @__PURE__ */ t(E, { children: g ? /* @__PURE__ */ t(
             f,
             {
               title: a.errorTitle,
@@ -99,7 +99,7 @@ function at({
                 "span",
                 {
                   "aria-hidden": !0,
-                  className: `ttw:flex ttw:size-8 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:text-xs ttw:font-semibold ${H(
+                  className: `ttw:flex ttw:size-8 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:text-xs ttw:font-semibold ${O(
                     e.email
                   )}`,
                   children: e.initials
@@ -151,7 +151,7 @@ function at({
                     ),
                     /* @__PURE__ */ t("span", { children: e.departmentLabel })
                   ] }) }),
-                  /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(h, { className: O(e.statusTone), children: e.statusLabel }) })
+                  /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(h, { className: q(e.statusTone), children: e.statusLabel }) })
                 ]
               },
               e.key
@@ -159,18 +159,18 @@ function at({
           }) })
         ] }),
         b && /* @__PURE__ */ t(
-          U,
+          R,
           {
             pageSize: v,
             pageSizeOptions: y,
-            rangeLabel: S,
+            rangeLabel: k,
             isPreviousDisabled: x,
             isNextDisabled: N,
             isDisabled: r,
-            onPageSizeChange: k ?? (() => {
+            onPageSizeChange: C ?? (() => {
             }),
-            onPreviousPageClick: C,
-            onNextPageClick: P,
+            onPreviousPageClick: P,
+            onNextPageClick: S,
             labels: a
           }
         )