@tesouro/embedded-components-react 0.2.7 → 0.2.16

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

@@ -0,0 +1,269 @@
+"use client";
+import { jsxs as e, jsx as t, Fragment as C } from "react/jsx-runtime";
+import { useRef as $, useEffect as K } from "react";
+import { ArrowLeftIcon as X, MailIcon as Y, PencilIcon as _, UserXIcon as q, CornerDownRightIcon as G, Building2 as J } from "lucide-react";
+import { Button as i, Badge as d, Separator as n, Table as O, TableHeader as Q, TableRow as y, TableHead as c, TableBody as V, TableCell as o, Spinner as k } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { AccountAccessSummaryTable as W } from "./index2.js";
+import { avatarSwatchFor as b } from "./index19.js";
+import { DEFAULT_LABELS as Z } from "./index17.js";
+import { statusToneClassName as D } from "./index14.js";
+function w({ 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 dt({
+  name: l,
+  email: r,
+  initials: z,
+  avatarSeed: A,
+  roleCardTitle: x,
+  roleCardDescription: g,
+  roleCardIcon: T,
+  isRoleLoading: S = !1,
+  statusLabel: B,
+  statusTone: R,
+  lastSignInLabel: N,
+  departmentLabel: I,
+  locationLabel: M,
+  reportingManagerName: m,
+  reportingManagerInitials: j,
+  reportingManagerSeed: E,
+  directReports: p = [],
+  accountAccessLabel: H,
+  accountAccessRows: v = [],
+  isAccountAccessLoading: F = !1,
+  onBackClick: U,
+  onEditClick: u,
+  onResendClick: h,
+  onDeactivateClick: f,
+  labels: P
+}) {
+  const a = { ...Z, ...P }, L = $(null);
+  return K(() => {
+    L.current?.focus();
+  }, []), /* @__PURE__ */ e(
+    "section",
+    {
+      "aria-label": l,
+      className: "ttw:rounded-md ttw:border ttw:border-border ttw:bg-card ttw:p-4",
+      children: [
+        /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-2", children: [
+          /* @__PURE__ */ e(
+            i,
+            {
+              ref: L,
+              variant: "ghost",
+              size: "sm",
+              onClick: U,
+              children: [
+                /* @__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(Y, { "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" }),
+              a.detailsEditButton
+            ] }),
+            f && /* @__PURE__ */ e(
+              i,
+              {
+                variant: "outline",
+                size: "sm",
+                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" }),
+                  a.detailsDeactivateButton
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "ttw:mt-4 ttw:flex ttw:items-center ttw:gap-3", children: [
+          /* @__PURE__ */ t(
+            "span",
+            {
+              "aria-hidden": !0,
+              className: `ttw:flex ttw:size-12 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:text-sm ttw:font-semibold ${b(
+                A || r || l
+              )}`,
+              children: z
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: "ttw:min-w-0", children: [
+            /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+              /* @__PURE__ */ t("h3", { className: "ttw:text-lg ttw:font-semibold ttw:text-foreground", children: l }),
+              /* @__PURE__ */ t(
+                d,
+                {
+                  variant: "outline",
+                  className: "ttw:rounded ttw:border-[#D0D5DD] ttw:font-medium ttw:text-[#344054]",
+                  children: x
+                }
+              )
+            ] }),
+            /* @__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(d, { className: D(R), children: B }),
+              N ? /* @__PURE__ */ e(C, { children: [
+                /* @__PURE__ */ t("span", { "aria-hidden": !0, children: "|" }),
+                /* @__PURE__ */ t("span", { children: a.detailsLastSignInLabel }),
+                /* @__PURE__ */ t("span", { children: N })
+              ] }) : null
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ t(n, { className: "ttw:my-4" }),
+        /* @__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.detailsMemberDetailsHeading }),
+          /* @__PURE__ */ e("dl", { className: "ttw:grid ttw:grid-cols-1 ttw:gap-4 ttw:sm:grid-cols-2", children: [
+            /* @__PURE__ */ t(w, { label: a.detailsNameLabel, value: l }),
+            /* @__PURE__ */ t(
+              w,
+              {
+                label: a.detailsDepartmentLabel,
+                value: I
+              }
+            ),
+            /* @__PURE__ */ t(w, { label: a.detailsEmailLabel, value: r }),
+            /* @__PURE__ */ t(
+              w,
+              {
+                label: a.detailsLocationLabel,
+                value: M
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ t(n, { className: "ttw:my-4" }),
+        /* @__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.detailsReportingManagerLabel }),
+          m ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+            /* @__PURE__ */ t(
+              G,
+              {
+                "aria-hidden": !0,
+                className: "ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground"
+              }
+            ),
+            /* @__PURE__ */ t(
+              "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 ${b(
+                  E || m
+                )}`,
+                children: j
+              }
+            ),
+            /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:text-foreground", children: m })
+          ] }) : /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: a.detailsReportingManagerNone })
+        ] }),
+        p.length > 0 ? /* @__PURE__ */ e(C, { children: [
+          /* @__PURE__ */ t(n, { className: "ttw:my-4" }),
+          /* @__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(Q, { children: /* @__PURE__ */ e(y, { className: "ttw:bg-muted/50 ttw:hover:bg-muted/50", children: [
+                /* @__PURE__ */ t(c, { children: a.nameColumn }),
+                /* @__PURE__ */ t(c, { children: a.roleColumn }),
+                /* @__PURE__ */ t(c, { children: a.departmentColumn }),
+                /* @__PURE__ */ t(c, { children: a.statusColumn })
+              ] }) }),
+              /* @__PURE__ */ t(V, { children: p.map((s) => /* @__PURE__ */ e(y, { children: [
+                /* @__PURE__ */ t(o, { children: /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
+                  /* @__PURE__ */ t(
+                    "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 ${b(
+                        s.key
+                      )}`,
+                      children: s.initials
+                    }
+                  ),
+                  /* @__PURE__ */ t("span", { className: "ttw:truncate ttw:text-sm ttw:font-medium ttw:text-foreground", children: s.name })
+                ] }) }),
+                /* @__PURE__ */ t(o, { children: /* @__PURE__ */ t(
+                  d,
+                  {
+                    variant: "outline",
+                    className: "ttw:rounded ttw:border-[#D0D5DD] ttw:font-medium ttw:text-[#344054]",
+                    children: s.roleLabel
+                  }
+                ) }),
+                /* @__PURE__ */ t(o, { className: "ttw:text-muted-foreground", children: /* @__PURE__ */ e("span", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+                  /* @__PURE__ */ t(
+                    J,
+                    {
+                      "aria-hidden": !0,
+                      className: "ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground"
+                    }
+                  ),
+                  s.departmentLabel
+                ] }) }),
+                /* @__PURE__ */ t(o, { children: /* @__PURE__ */ t(
+                  d,
+                  {
+                    className: D(s.statusTone),
+                    children: s.statusLabel
+                  }
+                ) })
+              ] }, s.key)) })
+            ] }) })
+          ] })
+        ] }) : null,
+        /* @__PURE__ */ t(n, { className: "ttw:my-4" }),
+        /* @__PURE__ */ e("div", { className: "ttw:mb-4", children: [
+          /* @__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 }),
+          S ? /* @__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("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(
+              T,
+              {
+                className: "ttw:mt-0.5 ttw:size-4 ttw:shrink-0 ttw:text-foreground",
+                "aria-hidden": !0
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col ttw:gap-1", children: [
+              /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:font-semibold ttw:text-foreground", children: x }),
+              g ? /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:leading-normal ttw:text-muted-foreground", children: g }) : null
+            ] })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ t(n, { className: "ttw:my-4" }),
+        /* @__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("span", { className: "ttw:text-sm ttw:text-muted-foreground", children: a.roleLoadingLabel })
+          ] }) : v.length > 0 ? /* @__PURE__ */ t(
+            W,
+            {
+              rows: v,
+              labels: {
+                accountNameColumn: a.accountAccessNameColumn,
+                accountNumberColumn: a.accountAccessNumberColumn,
+                accountTypeColumn: a.accountAccessTypeColumn,
+                sourceColumn: a.accountAccessSourceColumn
+              }
+            }
+          ) : /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: H })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  dt as TeamMemberDetails
+};

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

@@ -0,0 +1,25 @@
+"use client";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { Tabs as l, TabsList as b, TabsTrigger as c, TabsContent as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+function h({
+  tabs: n,
+  activeTabId: s,
+  onTabChange: r,
+  children: t
+}) {
+  return /* @__PURE__ */ i(
+    l,
+    {
+      value: s,
+      onValueChange: r,
+      className: "ttw:w-full ttw:space-y-5",
+      children: [
+        /* @__PURE__ */ e(b, { children: n.map((a) => /* @__PURE__ */ e(c, { value: a.id, children: a.label }, a.id)) }),
+        /* @__PURE__ */ e(o, { value: s, children: t })
+      ]
+    }
+  );
+}
+export {
+  h as TeamTabs
+};

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

@@ -0,0 +1,97 @@
+const e = {
+  title: "Team",
+  nameColumn: "Name",
+  roleColumn: "Role",
+  inactiveRolePlaceholder: "—",
+  departmentColumn: "Department",
+  statusColumn: "Status",
+  loadingLabel: "Loading team members",
+  emptyTitle: "No team members yet",
+  emptyDescription: "Team members will appear here once they join your organization.",
+  errorTitle: "Unable to load team members",
+  errorDescription: "Something went wrong while fetching your team. Please try again.",
+  rowsPerPageLabel: "Rows per page",
+  previousPageButton: "Previous",
+  nextPageButton: "Next",
+  detailsBackButton: "Back to team",
+  detailsMemberDetailsHeading: "Member details",
+  detailsNameLabel: "Name",
+  detailsEmailLabel: "Work email address",
+  detailsRoleLabel: "Role",
+  detailsStatusLabel: "Status",
+  detailsLastSignInLabel: "Last sign in on",
+  detailsDepartmentLabel: "Department",
+  detailsLocationLabel: "Location",
+  detailsReportingManagerLabel: "Reporting manager",
+  detailsReportingManagerNone: "None",
+  detailsApprovesExpensesHeading: "Approves expenses for",
+  detailsAccountAccessLabel: "Account access",
+  rolesSectionHeading: "Roles and permissions",
+  rolesSectionDescription: "Specifies what the team member can do, including access to money movement, account data, and administrative actions.",
+  roleLoadingLabel: "Loading role…",
+  detailsEditButton: "Edit",
+  detailsDeactivateButton: "Deactivate",
+  detailsResendButton: "Resend invite",
+  inviteButton: "Add user",
+  inviteTitle: "Invite team member",
+  inviteBackToTeamButton: "Back to team management",
+  inviteDetailsSectionHeading: "Team member details",
+  // Required fields carry a trailing asterisk in the label (legacy parity).
+  inviteNameLabel: "Full name *",
+  inviteWorkEmailLabel: "Work email address *",
+  inviteDepartmentLabel: "Department",
+  inviteDepartmentPlaceholder: "Select department",
+  inviteDepartmentEmpty: "No departments available",
+  inviteDepartmentLoadError: "Could not load departments",
+  inviteDepartmentLoadErrorHelper: "Departments could not be loaded. Try refreshing the page.",
+  inviteDepartmentEmptyHelper: "No departments yet. You can add them under Team management → Departments.",
+  inviteLocationLabel: "Location",
+  inviteLocationPlaceholder: "Select location",
+  inviteLocationEmpty: "No locations available",
+  inviteLocationLoadError: "Could not load locations",
+  inviteLocationLoadErrorHelper: "Locations could not be loaded. Try refreshing the page.",
+  inviteLocationEmptyHelper: "No locations yet. You can add them under Team management → Locations.",
+  inviteReportingManagerLabel: "Reporting manager",
+  inviteReportingManagerPlaceholder: "Select reporting manager",
+  inviteReportingManagerEmpty: "No reporting managers available",
+  inviteReportingManagerLoadError: "Could not load reporting managers",
+  inviteReportingManagerLoadErrorHelper: "Reporting managers could not be loaded. Try refreshing the page.",
+  inviteReportingManagerEmptyHelper: "No active team members are available to assign as a reporting manager yet.",
+  inviteReportingManagerHelper: "The reporting manager can view this user’s expenses and approve them if the approval rules allow.",
+  inviteOptionsLoading: "Loading…",
+  inviteOptionNone: "None",
+  inviteRoleSectionHeading: "Assign role",
+  inviteRoleSectionDescription: "Choose what this team member can do. Roles set access to money movement, account data, and administrative actions.",
+  inviteAccountAccessSectionHeading: "Account access",
+  inviteAccountAccessSectionDescription: "Select which accounts this member can view and interact with based on their assigned role.",
+  inviteAccountAccessPlaceholder: "Select accounts",
+  inviteAccountAccessEmpty: "No accounts available",
+  accountAccessNameColumn: "Account Name",
+  accountAccessAccessColumn: "Access",
+  accountAccessToggleLabel: "Toggle access for",
+  accountAccessNumberColumn: "Account Number",
+  accountAccessTypeColumn: "Account Type",
+  accountAccessSourceColumn: "Source",
+  inviteAccountAccessAdminNote: "Admins have full access to accounts.",
+  inviteAccountAccessLoadError: "We couldn’t load accounts, so access can’t be set. Please try again.",
+  inviteCancelButton: "Cancel",
+  inviteSubmitButton: "Send invite",
+  manageAccessAccountsEmpty: "No accounts available",
+  manageAccessLoadingLabel: "Loading accounts…",
+  manageAccessAdminNote: "Admins have full access to accounts.",
+  manageAccessEmployeeNote: "Employees don’t have access to any accounts.",
+  editTitle: "Edit team member",
+  editDescription: "Update the member's profile and role.",
+  editBackButton: "Back",
+  editNameLabel: "Full name",
+  editEmailLabel: "Work email address",
+  editRoleLabel: "Role",
+  editRolePlaceholder: "Select a role",
+  editAccountAccessLabel: "Account access",
+  editCancelButton: "Cancel",
+  editSaveButton: "Save changes",
+  actionDialogCancelButton: "Cancel"
+};
+export {
+  e as DEFAULT_LABELS
+};

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

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { LandmarkIcon as r, Link2Icon as n } from "lucide-react";
+function o({ source: t }) {
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      className: `ttw:flex ttw:size-8 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-md ${t === "internal" ? "ttw:bg-primary/10 ttw:text-primary" : "ttw:bg-muted ttw:text-muted-foreground"}`,
+      children: /* @__PURE__ */ e(t === "internal" ? r : n, { "aria-hidden": !0, className: "ttw:size-4" })
+    }
+  );
+}
+export {
+  o as AccountSourceIcon
+};

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

@@ -0,0 +1,18 @@
+const h = [
+  "ttw:bg-[#F97066] ttw:text-white",
+  "ttw:bg-[#2DD4BF] ttw:text-white",
+  "ttw:bg-[#34D399] ttw:text-white",
+  "ttw:bg-[#60A5FA] ttw:text-white",
+  "ttw:bg-[#A78BFA] ttw:text-white",
+  "ttw:bg-[#F472B6] ttw:text-white",
+  "ttw:bg-[#FBBF24] ttw:text-white"
+];
+function g(e) {
+  let t = 0;
+  for (let w = 0; w < e.length; w += 1)
+    t = (t + e.charCodeAt(w)) % h.length;
+  return h[t];
+}
+export {
+  g as avatarSwatchFor
+};

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

@@ -1,42 +1,37 @@
 "use client";
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-const n = [
-  "ttw:bg-[#F97066] ttw:text-white",
-  "ttw:bg-[#2DD4BF] ttw:text-white",
-  "ttw:bg-[#34D399] ttw:text-white",
-  "ttw:bg-[#60A5FA] ttw:text-white",
-  "ttw:bg-[#A78BFA] ttw:text-white",
-  "ttw:bg-[#F472B6] ttw:text-white",
-  "ttw:bg-[#FBBF24] ttw:text-white"
-];
-function s(w) {
-  let t = 0;
-  for (let e = 0; e < w.length; e += 1)
-    t = (t + w.charCodeAt(e)) % n.length;
-  return n[t];
-}
-const l = "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 c({ items: w, overflowLabel: t, label: e }) {
-  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center", "aria-label": e, role: "group", children: [
-    w.map((i) => /* @__PURE__ */ r(
-      "span",
-      {
-        "aria-hidden": !0,
-        className: `${l} ${s(i.initials || i.key)}`,
-        children: i.initials
-      },
-      i.key
-    )),
-    t ? /* @__PURE__ */ r(
-      "span",
-      {
-        "aria-hidden": !0,
-        className: `${l} ttw:bg-muted ttw:text-muted-foreground`,
-        children: t
-      }
-    ) : null
-  ] });
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { Table as s, TableHeader as m, TableRow as d, TableHead as n, TableBody as u, TableCell as o, Badge as i } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { AccountSourceIcon as w } from "./index18.js";
+function g({
+  rows: c,
+  labels: r,
+  emptyMessage: l
+}) {
+  return c.length === 0 ? l ? /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: l }) : null : /* @__PURE__ */ t("div", { className: "ttw:overflow-hidden ttw:rounded-md ttw:border ttw:border-border", children: /* @__PURE__ */ a(s, { children: [
+    /* @__PURE__ */ t(m, { children: /* @__PURE__ */ a(d, { className: "ttw:bg-muted/50 ttw:hover:bg-muted/50", children: [
+      /* @__PURE__ */ t(n, { children: r.accountNameColumn }),
+      /* @__PURE__ */ t(n, { children: r.accountNumberColumn }),
+      /* @__PURE__ */ t(n, { children: r.accountTypeColumn }),
+      /* @__PURE__ */ t(n, { children: r.sourceColumn })
+    ] }) }),
+    /* @__PURE__ */ t(u, { children: c.map((e) => /* @__PURE__ */ a(d, { children: [
+      /* @__PURE__ */ t(o, { children: /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
+        /* @__PURE__ */ t(w, { source: e.source }),
+        /* @__PURE__ */ t("span", { className: "ttw:truncate ttw:text-sm ttw:font-medium ttw:text-foreground", children: e.name })
+      ] }) }),
+      /* @__PURE__ */ t(o, { className: "ttw:font-mono ttw:tracking-[0.125rem] ttw:text-muted-foreground", children: e.maskedNumber }),
+      /* @__PURE__ */ t(o, { className: "ttw:text-muted-foreground", children: e.typeLabel }),
+      /* @__PURE__ */ t(o, { children: /* @__PURE__ */ t(
+        i,
+        {
+          variant: "secondary",
+          className: e.source === "internal" ? "ttw:border-transparent ttw:bg-primary/10 ttw:text-primary" : "ttw:border-transparent ttw:bg-muted ttw:text-muted-foreground",
+          children: e.sourceLabel
+        }
+      ) })
+    ] }, e.value)) })
+  ] }) });
 }
 export {
-  c as AvatarStack
+  g as AccountAccessSummaryTable
 };