@tesouro/embedded-components-react 0.2.133 → 0.2.148

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

@@ -1,15 +1,16 @@
 "use client";
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { useRef as z, useMemo as _, useEffect as q, useState as G } from "react";
-import { ArrowLeftIcon as $, SendIcon as J, ChevronDownIcon as Q, CheckIcon as U } from "lucide-react";
-import { Button as M, Label as R, Input as D, Select as W, SelectTrigger as Y, SelectValue as K, SelectContent as X, SelectItem as O, 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 k } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+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 "@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 "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
 import { AccountAccessTable as oe } from "./index3.js";
 import { DEFAULT_LABELS as se } from "./index17.js";
 import { RoleCardGroup as ce } from "./index11.js";
-function H({ id: a, message: c }) {
+function S({ id: a, message: c }) {
   return /* @__PURE__ */ t("p", { id: a, className: "ttw:text-sm ttw:text-destructive", children: c });
 }
 const T = "__none__";
@@ -24,7 +25,7 @@ function de({
   disabled: h,
   onValueChange: d
 }) {
-  const [w, y] = G(!1), b = p.find((n) => n.value === c), f = (n) => {
+  const [w, y] = U(!1), b = p.find((n) => n.value === c), f = (n) => {
     d(n), y(!1);
   };
   return /* @__PURE__ */ i(Z, { open: w, onOpenChange: y, children: [
@@ -48,7 +49,7 @@ function de({
               children: b ? b.label : u
             }
           ),
-          /* @__PURE__ */ t(Q, { className: "ttw:size-4 ttw:shrink-0 ttw:opacity-50" })
+          /* @__PURE__ */ t(W, { className: "ttw:size-4 ttw:shrink-0 ttw:opacity-50" })
         ]
       }
     ) }),
@@ -71,9 +72,9 @@ function de({
               ),
               /* @__PURE__ */ i(re, { children: [
                 /* @__PURE__ */ t(le, { children: g }),
-                c ? /* @__PURE__ */ t(k, { value: v, onSelect: () => f(""), children: v }) : null,
+                c ? /* @__PURE__ */ t(O, { value: v, onSelect: () => f(""), children: v }) : null,
                 p.map((n) => /* @__PURE__ */ i(
-                  k,
+                  O,
                   {
                     value: `${n.label} ${n.sublabel ?? ""} ${n.value}`,
                     onSelect: () => f(n.value),
@@ -82,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(U, { className: "ttw:ml-auto ttw:size-4 ttw:shrink-0" }) : null
+                      n.value === c ? /* @__PURE__ */ t(X, { className: "ttw:ml-auto ttw:size-4 ttw:shrink-0" }) : null
                     ]
                   },
                   n.value
@@ -95,7 +96,7 @@ function de({
     )
   ] });
 }
-function S({
+function H({
   id: a,
   label: c,
   value: p,
@@ -133,17 +134,17 @@ function S({
         onValueChange: s
       }
     ) : /* @__PURE__ */ i(
-      W,
+      Y,
       {
         value: p || void 0,
         disabled: l || d || !L,
         onValueChange: (m) => s(m === T ? "" : m),
         children: [
-          /* @__PURE__ */ t(Y, { id: a, className: "ttw:w-full", children: /* @__PURE__ */ t(K, { placeholder: A }) }),
-          /* @__PURE__ */ i(X, { children: [
-            p ? /* @__PURE__ */ t(O, { value: T, children: h }) : null,
+          /* @__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,
             u.map((m) => /* @__PURE__ */ t(
-              O,
+              D,
               {
                 value: m.value,
                 description: m.sublabel,
@@ -158,7 +159,7 @@ function S({
     E ? /* @__PURE__ */ t("p", { className: "ttw:text-xs ttw:text-muted-foreground", children: E }) : null
   ] });
 }
-function Ne({
+function ye({
   form: a,
   roleOptions: c,
   departmentOptions: p,
@@ -183,7 +184,7 @@ function Ne({
   onSubmit: E,
   labels: m
 }) {
-  const e = { ...se, ...m }, P = z(null), V = _(
+  const e = { ...se, ...m }, P = _(null), V = j(
     () => g.map((r) => ({
       ...r,
       checked: l === "admin" || a.accountAccess.includes(r.value)
@@ -192,7 +193,7 @@ function Ne({
   ), B = (r, F) => {
     s({
       ...a,
-      accountAccess: F ? [...a.accountAccess, r] : a.accountAccess.filter((j) => j !== r)
+      accountAccess: F ? [...a.accountAccess, r] : a.accountAccess.filter((z) => z !== r)
     });
   };
   return q(() => {
@@ -212,7 +213,7 @@ function Ne({
             disabled: x,
             onClick: L,
             children: [
-              /* @__PURE__ */ t($, { "aria-hidden": !0, className: "ttw:size-4" }),
+              /* @__PURE__ */ t(G, { "aria-hidden": !0, className: "ttw:size-4" }),
               e.inviteBackToTeamButton
             ]
           }
@@ -232,7 +233,7 @@ function Ne({
                 /* @__PURE__ */ i("div", { className: "ttw:space-y-2", children: [
                   /* @__PURE__ */ t(R, { htmlFor: "team-invite-name", children: e.inviteNameLabel }),
                   /* @__PURE__ */ t(
-                    D,
+                    k,
                     {
                       id: "team-invite-name",
                       name: "name",
@@ -244,12 +245,12 @@ function Ne({
                       onChange: (r) => s({ ...a, name: r.target.value })
                     }
                   ),
-                  o?.name && /* @__PURE__ */ t(H, { id: "team-invite-name-error", message: o.name })
+                  o?.name && /* @__PURE__ */ t(S, { id: "team-invite-name-error", message: o.name })
                 ] }),
                 /* @__PURE__ */ i("div", { className: "ttw:space-y-2", children: [
                   /* @__PURE__ */ t(R, { htmlFor: "team-invite-email", children: e.inviteWorkEmailLabel }),
                   /* @__PURE__ */ t(
-                    D,
+                    k,
                     {
                       id: "team-invite-email",
                       name: "email",
@@ -263,7 +264,7 @@ function Ne({
                     }
                   ),
                   o?.email && /* @__PURE__ */ t(
-                    H,
+                    S,
                     {
                       id: "team-invite-email-error",
                       message: o.email
@@ -272,7 +273,7 @@ function Ne({
                 ] }),
                 /* @__PURE__ */ i("div", { className: "ttw:grid ttw:grid-cols-1 ttw:gap-4 ttw:sm:grid-cols-2", children: [
                   /* @__PURE__ */ t(
-                    S,
+                    H,
                     {
                       id: "team-invite-department",
                       label: e.inviteDepartmentLabel,
@@ -291,7 +292,7 @@ function Ne({
                     }
                   ),
                   /* @__PURE__ */ t(
-                    S,
+                    H,
                     {
                       id: "team-invite-location",
                       label: e.inviteLocationLabel,
@@ -311,7 +312,7 @@ function Ne({
                   )
                 ] }),
                 /* @__PURE__ */ t(
-                  S,
+                  H,
                   {
                     id: "team-invite-reporting-manager",
                     label: e.inviteReportingManagerLabel,
@@ -356,7 +357,7 @@ function Ne({
                     ariaDescribedBy: o?.role ? "team-invite-role-error" : void 0
                   }
                 ) }),
-                o?.role && /* @__PURE__ */ t(H, { id: "team-invite-role-error", message: o.role })
+                o?.role && /* @__PURE__ */ t(S, { id: "team-invite-role-error", message: o.role })
               ] }),
               l === "employee" && /* @__PURE__ */ i("div", { className: "ttw:space-y-2", children: [
                 /* @__PURE__ */ t(
@@ -406,7 +407,7 @@ function Ne({
                     disabled: v || h || d || (l === "picker" || l === "admin") && (f || n),
                     children: [
                       e.inviteSubmitButton,
-                      /* @__PURE__ */ t(J, { "aria-hidden": !0, className: "ttw:size-4" })
+                      /* @__PURE__ */ t(K, { "aria-hidden": !0, className: "ttw:size-4" })
                     ]
                   }
                 )
@@ -419,6 +420,6 @@ function Ne({
   );
 }
 export {
-  Ne as InviteTeamMemberForm,
-  S as OptionalSelect
+  ye as InviteTeamMemberForm,
+  H as OptionalSelect
 };

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

@@ -9,7 +9,7 @@ function h({
   disabled: s,
   ariaLabelledBy: n,
   ariaInvalid: w,
-  ariaDescribedBy: u
+  ariaDescribedBy: m
 }) {
   return /* @__PURE__ */ a(
     p,
@@ -19,10 +19,10 @@ function h({
       disabled: s,
       "aria-labelledby": n,
       "aria-invalid": w ? !0 : void 0,
-      "aria-describedby": u,
+      "aria-describedby": m,
       onValueChange: o,
       children: i.map((t) => {
-        const m = t.icon, c = e === t.value, r = `${d}-${t.value}`;
+        const u = t.icon, c = e === t.value, r = `${d}-${t.value}`;
         return /* @__PURE__ */ l(
           b,
           {
@@ -38,7 +38,7 @@ function h({
                 }
               ),
               /* @__PURE__ */ a(
-                m,
+                u,
                 {
                   "aria-hidden": !0,
                   className: "ttw:mt-0.5 ttw:size-4 ttw:shrink-0 ttw:text-foreground"

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

@@ -1,13 +1,14 @@
 "use client";
 import { jsx as t, jsxs as e } from "react/jsx-runtime";
-import { AlertDialog as f, AlertDialogContent as D, 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 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 "@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 "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
 import { DEFAULT_LABELS as N } from "./index17.js";
-function k({
+function H({
   open: s,
   icon: r,
   title: c,
@@ -19,11 +20,11 @@ function k({
   errorMessage: a,
   isConfirming: l = !1,
   onOpenChange: w,
-  onConfirm: u,
-  labels: p
+  onConfirm: p,
+  labels: u
 }) {
-  const g = { ...N, ...p };
-  return /* @__PURE__ */ t(f, { open: s, onOpenChange: w, children: /* @__PURE__ */ e(D, { children: [
+  const g = { ...N, ...u };
+  return /* @__PURE__ */ t(D, { open: s, onOpenChange: w, children: /* @__PURE__ */ e(f, { children: [
     r ? /* @__PURE__ */ t("div", { className: "ttw:flex ttw:justify-center", children: /* @__PURE__ */ t(
       "span",
       {
@@ -47,7 +48,7 @@ function k({
         {
           variant: o,
           loading: l,
-          onClick: u,
+          onClick: p,
           children: m
         }
       )
@@ -55,5 +56,5 @@ function k({
   ] }) });
 }
 export {
-  k as TeamActionDialog
+  H as TeamActionDialog
 };

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

@@ -2,41 +2,42 @@
 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 H, TableCell as r, Badge as h, Skeleton as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { avatarSwatchFor as R } from "../../../shared/ui/dist/lib/avatarSwatch.js";
+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 "@radix-ui/react-use-controllable-state";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import { PaginationFooter as q } from "../../../shared/ui/dist/lib/PaginationFooter/PaginationFooter.js";
-import { DEFAULT_LABELS as O } from "./index17.js";
-import { statusToneClassName as U } from "./index14.js";
-const $ = [5, 10, 25], J = 4;
+import { PaginationFooter as U } 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;
 function K() {
-  return /* @__PURE__ */ t(p, { children: Array.from({ length: 5 }).map((l, s) => /* @__PURE__ */ i(c, { children: [
-    /* @__PURE__ */ t(r, { children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+  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: [
       /* @__PURE__ */ t(n, { className: "ttw:size-8 ttw:rounded-full" }),
       /* @__PURE__ */ i("div", { className: "ttw:flex-1 ttw:space-y-2", children: [
         /* @__PURE__ */ t(n, { className: "ttw:h-4 ttw:w-32" }),
         /* @__PURE__ */ t(n, { className: "ttw:h-3 ttw:w-44" })
       ] })
     ] }) }),
-    /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(n, { className: "ttw:h-4 ttw:w-20" }) }),
-    /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(n, { className: "ttw:h-4 ttw:w-24" }) }),
-    /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(n, { className: "ttw:h-4 ttw:w-16" }) })
-  ] }, s)) });
+    /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(n, { className: "ttw:h-4 ttw:w-20" }) }),
+    /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(n, { className: "ttw:h-4 ttw:w-24" }) }),
+    /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(n, { className: "ttw:h-4 ttw:w-16" }) })
+  ] }, r)) });
 }
 function f({
   title: l,
-  description: s
+  description: r
 }) {
-  return /* @__PURE__ */ t(c, { className: "ttw:hover:bg-transparent", children: /* @__PURE__ */ t(r, { colSpan: J, 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: 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: [
     /* @__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: s })
+    /* @__PURE__ */ t("p", { className: "ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground", children: r })
   ] }) }) });
 }
-function et({
+function at({
   rows: l,
-  isLoading: s = !1,
+  isLoading: r = !1,
   isError: g = !1,
   showPagination: b = !1,
   isPreviousPageDisabled: x = !1,
@@ -51,7 +52,7 @@ function et({
   onInviteClick: w,
   labels: z
 }) {
-  const a = { ...O, ...z }, m = D(null);
+  const a = { ...q, ...z }, m = D(null);
   return L(() => {
     if (!d)
       return;
@@ -65,11 +66,11 @@ function et({
       ref: m,
       tabIndex: -1,
       "aria-label": a.title,
-      "aria-busy": s || void 0,
+      "aria-busy": r || void 0,
       className: "ttw:overflow-hidden ttw:rounded-md",
       children: [
-        s && /* @__PURE__ */ t("span", { role: "status", className: "ttw:sr-only", children: a.loadingLabel }),
-        w && /* @__PURE__ */ t("div", { className: "ttw:flex ttw:items-center ttw:justify-end ttw:gap-4 ttw:border-b ttw:border-border ttw:p-3", children: /* @__PURE__ */ i(F, { size: "sm", disabled: s, onClick: w, children: [
+        r && /* @__PURE__ */ t("span", { role: "status", className: "ttw:sr-only", children: a.loadingLabel }),
+        w && /* @__PURE__ */ t("div", { className: "ttw:flex ttw:items-center ttw:justify-end ttw:gap-4 ttw:border-b ttw:border-border ttw:p-3", children: /* @__PURE__ */ i(F, { size: "sm", disabled: r, onClick: w, children: [
           /* @__PURE__ */ t(B, { "aria-hidden": !0, className: "ttw:size-4" }),
           a.inviteButton
         ] }) }),
@@ -80,13 +81,13 @@ function et({
             /* @__PURE__ */ t(o, { children: a.departmentColumn }),
             /* @__PURE__ */ t(o, { children: a.statusColumn })
           ] }) }),
-          /* @__PURE__ */ t(H, { children: g ? /* @__PURE__ */ t(
+          /* @__PURE__ */ t(R, { children: g ? /* @__PURE__ */ t(
             f,
             {
               title: a.errorTitle,
               description: a.errorDescription
             }
-          ) : s ? /* @__PURE__ */ t(K, {}) : l.length === 0 ? /* @__PURE__ */ t(
+          ) : r ? /* @__PURE__ */ t(K, {}) : l.length === 0 ? /* @__PURE__ */ t(
             f,
             {
               title: a.emptyTitle,
@@ -98,7 +99,7 @@ function et({
                 "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 ${R(
+                  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(
                     e.email
                   )}`,
                   children: e.initials
@@ -116,7 +117,7 @@ function et({
                 className: e.isInactive ? "ttw:cursor-default ttw:opacity-50 ttw:hover:bg-transparent" : "ttw:cursor-pointer",
                 onClick: e.isInactive ? void 0 : () => e.onSelect(),
                 children: [
-                  /* @__PURE__ */ t(r, { children: e.isInactive ? /* @__PURE__ */ t("div", { className: "ttw:flex ttw:w-full ttw:max-w-md ttw:items-center ttw:gap-2", children: u }) : /* @__PURE__ */ t(
+                  /* @__PURE__ */ t(s, { children: e.isInactive ? /* @__PURE__ */ t("div", { className: "ttw:flex ttw:w-full ttw:max-w-md ttw:items-center ttw:gap-2", children: u }) : /* @__PURE__ */ t(
                     "button",
                     {
                       type: "button",
@@ -128,7 +129,7 @@ function et({
                       children: u
                     }
                   ) }),
-                  /* @__PURE__ */ t(r, { children: e.isInactive ? (
+                  /* @__PURE__ */ t(s, { children: e.isInactive ? (
                     // Deactivated members show a muted placeholder for role,
                     // matching the legacy team list.
                     /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:font-medium ttw:text-muted-foreground", children: a.inactiveRolePlaceholder })
@@ -140,7 +141,7 @@ function et({
                       children: e.roleLabel
                     }
                   ) }),
-                  /* @__PURE__ */ t(r, { children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:font-medium ttw:text-[#344054]", children: [
+                  /* @__PURE__ */ t(s, { children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:font-medium ttw:text-[#344054]", children: [
                     /* @__PURE__ */ t(
                       I,
                       {
@@ -150,7 +151,7 @@ function et({
                     ),
                     /* @__PURE__ */ t("span", { children: e.departmentLabel })
                   ] }) }),
-                  /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(h, { className: U(e.statusTone), children: e.statusLabel }) })
+                  /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(h, { className: O(e.statusTone), children: e.statusLabel }) })
                 ]
               },
               e.key
@@ -158,14 +159,14 @@ function et({
           }) })
         ] }),
         b && /* @__PURE__ */ t(
-          q,
+          U,
           {
             pageSize: v,
             pageSizeOptions: y,
             rangeLabel: S,
             isPreviousDisabled: x,
             isNextDisabled: N,
-            isDisabled: s,
+            isDisabled: r,
             onPageSizeChange: k ?? (() => {
             }),
             onPreviousPageClick: C,
@@ -178,5 +179,5 @@ function et({
   );
 }
 export {
-  et as TeamMembersTable
+  at as TeamMembersTable
 };

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

@@ -1,21 +1,22 @@
 "use client";
 import { jsxs as e, jsx as t, Fragment as C } from "react/jsx-runtime";
-import { useRef as $, useEffect as J } from "react";
-import { ArrowLeftIcon as Q, MailIcon as X, PencilIcon as _, UserXIcon as q, CornerDownRightIcon as G, Building2 as K } from "lucide-react";
-import { Button as i, Badge as c, Separator as n, Table as O, TableHeader as V, TableRow as D, TableHead as d, TableBody as W, TableCell as o, Spinner as k } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { useRef as P, useEffect as V } from "react";
+import { ArrowLeftIcon as X, MailIcon as _, PencilIcon as q, UserXIcon as G, CornerDownRightIcon as J, Building2 as K } from "lucide-react";
+import { Button as i, Badge as c, Separator as n, Table as O, TableHeader as Q, TableRow as k, TableHead as d, TableBody as W, TableCell as o, Spinner as y } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { AccountAccessSummaryTable as Y } from "./index2.js";
 import { avatarSwatchFor as b } from "../../../shared/ui/dist/lib/avatarSwatch.js";
 import "@radix-ui/react-use-controllable-state";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
 import { DEFAULT_LABELS as Z } from "./index17.js";
-import { statusToneClassName as y } from "./index14.js";
+import { statusToneClassName as D } from "./index14.js";
 function m({ label: l, value: r }) {
   return /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
     /* @__PURE__ */ t("dt", { className: "ttw:text-sm ttw:text-muted-foreground", children: l }),
     /* @__PURE__ */ t("dd", { className: "ttw:text-base ttw:text-foreground", children: r })
   ] });
 }
-function ot({
+function mt({
   name: l,
   email: r,
   initials: z,
@@ -36,14 +37,14 @@ function ot({
   accountAccessLabel: H,
   accountAccessRows: v = [],
   isAccountAccessLoading: F = !1,
-  onBackClick: P,
+  onBackClick: U,
   onEditClick: u,
   onResendClick: h,
   onDeactivateClick: f,
-  labels: U
+  labels: $
 }) {
-  const a = { ...Z, ...U }, L = $(null);
-  return J(() => {
+  const a = { ...Z, ...$ }, L = P(null);
+  return V(() => {
     L.current?.focus();
   }, []), /* @__PURE__ */ e(
     "section",
@@ -58,20 +59,20 @@ function ot({
               ref: L,
               variant: "ghost",
               size: "sm",
-              onClick: P,
+              onClick: U,
               children: [
-                /* @__PURE__ */ t(Q, { className: "ttw:size-4" }),
+                /* @__PURE__ */ t(X, { className: "ttw:size-4" }),
                 a.detailsBackButton
               ]
             }
           ),
           (u || h || f) && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
             h && /* @__PURE__ */ e(i, { variant: "outline", size: "sm", onClick: h, children: [
-              /* @__PURE__ */ t(X, { "aria-hidden": !0, className: "ttw:size-4" }),
+              /* @__PURE__ */ t(_, { "aria-hidden": !0, className: "ttw:size-4" }),
               a.detailsResendButton
             ] }),
             u && /* @__PURE__ */ e(i, { variant: "outline", size: "sm", onClick: u, children: [
-              /* @__PURE__ */ t(_, { "aria-hidden": !0, className: "ttw:size-4" }),
+              /* @__PURE__ */ t(q, { "aria-hidden": !0, className: "ttw:size-4" }),
               a.detailsEditButton
             ] }),
             f && /* @__PURE__ */ e(
@@ -82,7 +83,7 @@ function ot({
                 className: "ttw:text-destructive ttw:hover:bg-destructive/10 ttw:hover:text-destructive",
                 onClick: f,
                 children: [
-                  /* @__PURE__ */ t(q, { "aria-hidden": !0, className: "ttw:size-4" }),
+                  /* @__PURE__ */ t(G, { "aria-hidden": !0, className: "ttw:size-4" }),
                   a.detailsDeactivateButton
                 ]
               }
@@ -113,7 +114,7 @@ function ot({
               )
             ] }),
             /* @__PURE__ */ e("div", { className: "ttw:mt-1 ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:text-muted-foreground", children: [
-              /* @__PURE__ */ t(c, { className: y(R), children: B }),
+              /* @__PURE__ */ t(c, { className: D(R), children: B }),
               N ? /* @__PURE__ */ e(C, { children: [
                 /* @__PURE__ */ t("span", { "aria-hidden": !0, children: "|" }),
                 /* @__PURE__ */ t("span", { children: a.detailsLastSignInLabel }),
@@ -149,7 +150,7 @@ function ot({
           /* @__PURE__ */ t("h4", { className: "ttw:mb-3 ttw:text-base ttw:font-semibold ttw:text-foreground", children: a.detailsReportingManagerLabel }),
           w ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
             /* @__PURE__ */ t(
-              G,
+              J,
               {
                 "aria-hidden": !0,
                 className: "ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground"
@@ -173,13 +174,13 @@ function ot({
           /* @__PURE__ */ e("div", { className: "ttw:mb-4", children: [
             /* @__PURE__ */ t("h4", { className: "ttw:mb-3 ttw:text-base ttw:font-semibold ttw:text-foreground", children: a.detailsApprovesExpensesHeading }),
             /* @__PURE__ */ t("div", { className: "ttw:overflow-hidden ttw:rounded-md ttw:border ttw:border-border", children: /* @__PURE__ */ e(O, { children: [
-              /* @__PURE__ */ t(V, { children: /* @__PURE__ */ e(D, { className: "ttw:bg-muted/50 ttw:hover:bg-muted/50", children: [
+              /* @__PURE__ */ t(Q, { children: /* @__PURE__ */ e(k, { className: "ttw:bg-muted/50 ttw:hover:bg-muted/50", children: [
                 /* @__PURE__ */ t(d, { children: a.nameColumn }),
                 /* @__PURE__ */ t(d, { children: a.roleColumn }),
                 /* @__PURE__ */ t(d, { children: a.departmentColumn }),
                 /* @__PURE__ */ t(d, { children: a.statusColumn })
               ] }) }),
-              /* @__PURE__ */ t(W, { children: p.map((s) => /* @__PURE__ */ e(D, { children: [
+              /* @__PURE__ */ t(W, { children: p.map((s) => /* @__PURE__ */ e(k, { children: [
                 /* @__PURE__ */ t(o, { children: /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
                   /* @__PURE__ */ t(
                     "span",
@@ -214,7 +215,7 @@ function ot({
                 /* @__PURE__ */ t(o, { children: /* @__PURE__ */ t(
                   c,
                   {
-                    className: y(s.statusTone),
+                    className: D(s.statusTone),
                     children: s.statusLabel
                   }
                 ) })
@@ -227,7 +228,7 @@ function ot({
           /* @__PURE__ */ t("h4", { className: "ttw:mb-1 ttw:text-base ttw:font-semibold ttw:text-foreground", children: a.rolesSectionHeading }),
           /* @__PURE__ */ t("p", { className: "ttw:mb-4 ttw:text-sm ttw:text-muted-foreground", children: a.rolesSectionDescription }),
           T ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:py-2", children: [
-            /* @__PURE__ */ t(k, { className: "ttw:size-4" }),
+            /* @__PURE__ */ t(y, { className: "ttw:size-4" }),
             /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:text-muted-foreground", children: a.roleLoadingLabel })
           ] }) : /* @__PURE__ */ t("div", { className: "ttw:flex ttw:w-full ttw:flex-col ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card ttw:p-4", children: /* @__PURE__ */ e("span", { className: "ttw:flex ttw:w-full ttw:items-start ttw:gap-3", children: [
             /* @__PURE__ */ t(
@@ -247,7 +248,7 @@ function ot({
         /* @__PURE__ */ e("div", { children: [
           /* @__PURE__ */ t("div", { className: "ttw:mb-3 ttw:flex ttw:items-center ttw:justify-between ttw:gap-2", children: /* @__PURE__ */ t("h4", { className: "ttw:text-base ttw:font-semibold ttw:text-foreground", children: a.detailsAccountAccessLabel }) }),
           F ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:py-2", children: [
-            /* @__PURE__ */ t(k, { className: "ttw:size-4" }),
+            /* @__PURE__ */ t(y, { className: "ttw:size-4" }),
             /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:text-muted-foreground", children: a.roleLoadingLabel })
           ] }) : v.length > 0 ? /* @__PURE__ */ t(
             Y,
@@ -267,5 +268,5 @@ function ot({
   );
 }
 export {
-  ot as TeamMemberDetails
+  mt as TeamMemberDetails
 };

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

@@ -1,19 +1,20 @@
 "use client";
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { avatarSwatchFor as n } from "../../../shared/ui/dist/lib/avatarSwatch.js";
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { avatarSwatchFor as s } from "../../../shared/ui/dist/lib/avatarSwatch.js";
 import "@radix-ui/react-use-controllable-state";
 import "lucide-react";
 import "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "react";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
 const i = "ttw:flex ttw:size-7 ttw:items-center ttw:justify-center ttw:rounded-full ttw:text-xs ttw:font-semibold ttw:ring-2 ttw:ring-background ttw:-ml-2 ttw:first:ml-0";
-function f({ items: a, overflowLabel: e, label: l }) {
-  return /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center", "aria-label": l, role: "group", children: [
+function x({ items: a, overflowLabel: e, label: l }) {
+  return /* @__PURE__ */ o("div", { className: "ttw:flex ttw:items-center", "aria-label": l, role: "group", children: [
     a.map((t) => /* @__PURE__ */ r(
       "span",
       {
         "aria-hidden": !0,
-        className: `${i} ${n(t.key || t.initials)}`,
+        className: `${i} ${s(t.key || t.initials)}`,
         children: t.initials
       },
       t.key
@@ -29,5 +30,5 @@ function f({ items: a, overflowLabel: e, label: l }) {
   ] });
 }
 export {
-  f as AvatarStack
+  x as AvatarStack
 };