@tesouro/embedded-components-react 0.2.234 → 0.2.238

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

@@ -1,61 +1,16 @@
-"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 v({
-  options: i,
-  value: e,
-  onValueChange: o,
-  idPrefix: d,
-  disabled: s,
-  ariaLabelledBy: n,
-  ariaInvalid: w,
-  ariaDescribedBy: m
-}) {
-  return /* @__PURE__ */ a(
-    p,
-    {
-      className: "ttw:gap-3",
-      value: e || void 0,
-      disabled: s,
-      "aria-labelledby": n,
-      "aria-invalid": w ? !0 : void 0,
-      "aria-describedby": m,
-      onValueChange: o,
-      children: i.map((t) => {
-        const u = t.icon, c = e === t.value, r = `${d}-${t.value}`;
-        return /* @__PURE__ */ l(
-          b,
-          {
-            htmlFor: r,
-            className: `ttw:flex ttw:w-full ttw:cursor-pointer ttw:items-start ttw:gap-3 ttw:rounded-xl ttw:border ttw:p-4 ${c ? "ttw:border-primary ttw:bg-primary/10" : "ttw:border-border ttw:bg-card"}`,
-            children: [
-              /* @__PURE__ */ a(
-                f,
-                {
-                  id: r,
-                  value: t.value,
-                  className: "ttw:mt-0.5"
-                }
-              ),
-              /* @__PURE__ */ a(
-                u,
-                {
-                  "aria-hidden": !0,
-                  className: "ttw:mt-0.5 ttw:size-4 ttw:shrink-0 ttw:text-foreground"
-                }
-              ),
-              /* @__PURE__ */ l("span", { className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col ttw:gap-1", children: [
-                /* @__PURE__ */ a("span", { className: "ttw:text-sm ttw:font-semibold ttw:text-foreground", children: t.label }),
-                t.description ? /* @__PURE__ */ a("span", { className: "ttw:text-sm ttw:font-normal ttw:leading-normal ttw:text-muted-foreground", children: t.description }) : null
-              ] })
-            ]
-          },
-          t.value
-        );
-      })
-    }
-  );
-}
-export {
-  v as RoleCardGroup
+//#region ../../libs/tesouro-embedded-components-react/team-widget/ui/dist/index11.js
+var e = {
+	createTitle: "Add group",
+	editTitle: "Edit group",
+	description: "Name the group and assign members.",
+	nameLabel: "Name",
+	namePlaceholder: "Enter a name",
+	membersLabel: "Members",
+	membersSearchPlaceholder: "Search members",
+	membersEmptyMessage: "No members found.",
+	cancelButton: "Cancel",
+	saveButton: "Save",
+	deleteButton: "Delete"
 };
+//#endregion
+export { e as DEFAULT_GROUP_ADMIN_DRAWER_LABELS };

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

@@ -1,60 +1,82 @@
 "use client";
-import { jsx as t, jsxs as e } from "react/jsx-runtime";
-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 C } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
-import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-import { DEFAULT_LABELS as j } from "./index17.js";
-function z({
-  open: s,
-  icon: r,
-  title: c,
-  description: d,
-  subjectName: i,
-  subjectDetail: n,
-  confirmButtonLabel: m,
-  confirmVariant: o = "destructive",
-  errorMessage: a,
-  isConfirming: l = !1,
-  onOpenChange: w,
-  onConfirm: p,
-  labels: u
-}) {
-  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",
-      {
-        className: `ttw:flex ttw:size-12 ttw:items-center ttw:justify-center ttw:rounded-full ${o === "destructive" ? "ttw:bg-destructive/10 ttw:text-destructive" : "ttw:bg-primary/10 ttw:text-primary"}`,
-        children: r
-      }
-    ) }) : null,
-    /* @__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(C, { children: a }),
-    /* @__PURE__ */ e(A, { children: [
-      /* @__PURE__ */ t(N, { disabled: l, children: g.actionDialogCancelButton }),
-      /* @__PURE__ */ t(
-        v,
-        {
-          variant: o,
-          loading: l,
-          onClick: p,
-          children: m
-        }
-      )
-    ] })
-  ] }) });
+"use client";
+"use client";
+"use client";
+import { Button as e, Combobox as t, Input as n, Label as r, Sheet as i, SheetContent as a, SheetDescription as o, SheetFooter as s, SheetHeader as c, SheetTitle as l } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { InlineErrorAlert as u } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
+import "../../../shared/ui/dist/index.js";
+import { DEFAULT_GROUP_ADMIN_DRAWER_LABELS as d } from "./index11.js";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/team-widget/ui/dist/index12.js
+function m({ open: m, isEditMode: h, name: g, onNameChange: _, options: v, selectedOptions: y, onSelectedOptionsChange: b, isSaveDisabled: x = !1, submitErrorMessage: S, onOpenChange: C, onSubmit: w, onDelete: T, labels: E }) {
+	let D = {
+		...d,
+		...E
+	};
+	return /* @__PURE__ */ f(i, {
+		open: m,
+		onOpenChange: C,
+		children: /* @__PURE__ */ p(a, {
+			className: "ttw:gap-0",
+			children: [/* @__PURE__ */ p(c, { children: [/* @__PURE__ */ f(l, { children: h ? D.editTitle : D.createTitle }), /* @__PURE__ */ f(o, { children: D.description })] }), /* @__PURE__ */ p("form", {
+				noValidate: !0,
+				className: "ttw:flex ttw:flex-1 ttw:flex-col",
+				onSubmit: (e) => {
+					e.preventDefault(), w();
+				},
+				children: [/* @__PURE__ */ p("div", {
+					className: "ttw:flex-1 ttw:space-y-5 ttw:px-4 ttw:py-2",
+					children: [
+						/* @__PURE__ */ p("div", {
+							className: "ttw:space-y-2",
+							children: [/* @__PURE__ */ f(r, {
+								htmlFor: "group-admin-name",
+								children: D.nameLabel
+							}), /* @__PURE__ */ f(n, {
+								id: "group-admin-name",
+								value: g,
+								placeholder: D.namePlaceholder,
+								onChange: (e) => _(e.target.value)
+							})]
+						}),
+						/* @__PURE__ */ p("div", {
+							className: "ttw:space-y-2",
+							children: [/* @__PURE__ */ f(r, { children: D.membersLabel }), /* @__PURE__ */ f(t, {
+								multiple: !0,
+								items: v,
+								value: y,
+								placeholder: D.membersSearchPlaceholder,
+								emptyMessage: D.membersEmptyMessage,
+								onValueChange: b
+							})]
+						}),
+						S ? /* @__PURE__ */ f(u, { children: S }) : null
+					]
+				}), /* @__PURE__ */ p(s, {
+					className: "ttw:flex-row ttw:items-center ttw:justify-between",
+					children: [h && T ? /* @__PURE__ */ f(e, {
+						type: "button",
+						variant: "ghost",
+						className: "ttw:px-0 ttw:text-destructive ttw:hover:bg-transparent ttw:hover:text-destructive",
+						onClick: T,
+						children: D.deleteButton
+					}) : /* @__PURE__ */ f("span", {}), /* @__PURE__ */ p("div", {
+						className: "ttw:flex ttw:items-center ttw:gap-2",
+						children: [/* @__PURE__ */ f(e, {
+							type: "button",
+							variant: "ghost",
+							onClick: () => C(!1),
+							children: D.cancelButton
+						}), /* @__PURE__ */ f(e, {
+							type: "submit",
+							disabled: x,
+							children: D.saveButton
+						})]
+					})]
+				})]
+			})]
+		})
+	});
 }
-export {
-  z as TeamActionDialog
-};
+//#endregion
+export { m as GroupAdminDrawer, m as default };

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

@@ -1,183 +1,17 @@
-"use client";
-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 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 R } from "../../../shared/ui/dist/lib/PaginationFooter/PaginationFooter.js";
-import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-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: [
-      /* @__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(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: r
-}) {
-  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 })
-  ] }) }) });
-}
-function at({
-  rows: l,
-  isLoading: r = !1,
-  isError: g = !1,
-  showPagination: b = !1,
-  isPreviousPageDisabled: x = !1,
-  isNextPageDisabled: N = !1,
-  pageSize: v = 10,
-  pageSizeOptions: y = U,
-  rangeLabel: k = "",
-  onPageSizeChange: C,
-  autoFocusRowKey: d,
-  onPreviousPageClick: P,
-  onNextPageClick: S,
-  onInviteClick: w,
-  labels: z
-}) {
-  const a = { ...H, ...z }, m = D(null);
-  return L(() => {
-    if (!d)
-      return;
-    const e = m.current;
-    e && (e.querySelector(
-      `button[data-row-key="${CSS.escape(d)}"]`
-    ) ?? e).focus();
-  }, [d]), /* @__PURE__ */ i(
-    "section",
-    {
-      ref: m,
-      tabIndex: -1,
-      "aria-label": a.title,
-      "aria-busy": r || void 0,
-      className: "ttw:overflow-hidden ttw:rounded-md",
-      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
-        ] }) }),
-        /* @__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(E, { children: g ? /* @__PURE__ */ t(
-            f,
-            {
-              title: a.errorTitle,
-              description: a.errorDescription
-            }
-          ) : r ? /* @__PURE__ */ t(K, {}) : l.length === 0 ? /* @__PURE__ */ t(
-            f,
-            {
-              title: a.emptyTitle,
-              description: a.emptyDescription
-            }
-          ) : l.map((e) => {
-            const u = /* @__PURE__ */ i(p, { 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 ${O(
-                    e.email
-                  )}`,
-                  children: e.initials
-                }
-              ),
-              /* @__PURE__ */ i("div", { className: "ttw:min-w-0 ttw:flex-1", children: [
-                /* @__PURE__ */ t("div", { className: "ttw:text-sm ttw:font-medium ttw:text-foreground", children: e.name }),
-                /* @__PURE__ */ t("div", { className: "ttw:truncate ttw:text-sm ttw:text-muted-foreground", children: e.email })
-              ] })
-            ] });
-            return /* @__PURE__ */ i(
-              c,
-              {
-                "data-testid": `team-member-row-${e.key}`,
-                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(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",
-                      "data-row-key": e.key,
-                      onClick: (T) => {
-                        T.stopPropagation(), e.onSelect();
-                      },
-                      className: "ttw:flex ttw:w-full ttw:max-w-md ttw:items-center ttw:gap-2 ttw:rounded-md ttw:text-left ttw:outline-none ttw:focus-visible:ring-2 ttw:focus-visible:ring-ring ttw:focus-visible:ring-offset-2",
-                      children: u
-                    }
-                  ) }),
-                  /* @__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 })
-                  ) : /* @__PURE__ */ t(
-                    h,
-                    {
-                      variant: "outline",
-                      className: "ttw:rounded ttw:border-[#D0D5DD] ttw:font-medium ttw:text-[#344054]",
-                      children: e.roleLabel
-                    }
-                  ) }),
-                  /* @__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,
-                      {
-                        "aria-hidden": !0,
-                        className: "ttw:size-4 ttw:shrink-0 ttw:text-[#98A2B3]"
-                      }
-                    ),
-                    /* @__PURE__ */ t("span", { children: e.departmentLabel })
-                  ] }) }),
-                  /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(h, { className: q(e.statusTone), children: e.statusLabel }) })
-                ]
-              },
-              e.key
-            );
-          }) })
-        ] }),
-        b && /* @__PURE__ */ t(
-          R,
-          {
-            pageSize: v,
-            pageSizeOptions: y,
-            rangeLabel: k,
-            isPreviousDisabled: x,
-            isNextDisabled: N,
-            isDisabled: r,
-            onPageSizeChange: C ?? (() => {
-            }),
-            onPreviousPageClick: P,
-            onNextPageClick: S,
-            labels: a
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  at as TeamMembersTable
+//#region ../../libs/tesouro-embedded-components-react/team-widget/ui/dist/index13.js
+var e = {
+	title: "Groups",
+	addButton: "Add",
+	nameColumn: "Name",
+	assignedColumn: "Assigned",
+	actionsColumn: "Actions",
+	editAction: "Edit",
+	deleteAction: "Delete",
+	emptyMessage: "No groups found.",
+	loadingLabel: "Loading groups",
+	errorTitle: "Unable to load",
+	errorDescription: "Something went wrong. Please try again.",
+	rowActionsAriaLabel: "Actions for"
 };
+//#endregion
+export { e as DEFAULT_GROUP_ADMIN_PANEL_LABELS };

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

@@ -1,11 +1,135 @@
-const e = {
-  success: "ttw:bg-[#ECFDF5] ttw:text-[#027A48]",
-  info: "ttw:bg-[#EFF8FF] ttw:text-[#175CD3]",
-  neutral: "ttw:bg-[#F2F4F7] ttw:text-[#344054]"
-}, w = "ttw:rounded ttw:border-transparent ttw:px-2 ttw:py-0.5 ttw:text-xs ttw:font-medium";
-function n(t) {
-  return `${w} ${e[t]}`;
+"use client";
+"use client";
+"use client";
+"use client";
+import { Button as e, DropdownMenu as t, DropdownMenuContent as n, DropdownMenuItem as r, DropdownMenuTrigger as i, Skeleton as a } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { AvatarStack as o } from "./index5.js";
+import { DEFAULT_GROUP_ADMIN_PANEL_LABELS as s } from "./index13.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { MoreVertical as u, Pencil as d, Plus as f, Trash2 as p } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/team-widget/ui/dist/index14.js
+var m = 4;
+function h({ rows: h, icon: g, isLoading: _ = !1, isError: v = !1, onAddClick: y, labels: b }) {
+	let x = {
+		...s,
+		...b
+	};
+	return /* @__PURE__ */ l("section", {
+		"aria-label": x.title,
+		"aria-busy": _ || void 0,
+		className: "ttw:overflow-hidden ttw:rounded-md",
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-4 ttw:border-b ttw:border-border ttw:p-3",
+				children: [/* @__PURE__ */ c("h2", {
+					className: "ttw:text-lg ttw:font-semibold ttw:text-foreground",
+					children: x.title
+				}), y && /* @__PURE__ */ l(e, {
+					size: "sm",
+					disabled: _,
+					onClick: y,
+					children: [/* @__PURE__ */ c(f, {
+						"aria-hidden": !0,
+						className: "ttw:size-4"
+					}), x.addButton]
+				})]
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "ttw:grid ttw:grid-cols-[2fr_2fr_80px] ttw:items-center ttw:gap-4 ttw:border-b ttw:border-border ttw:px-4 ttw:py-2.5",
+				role: "row",
+				children: [
+					/* @__PURE__ */ c("span", {
+						className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
+						children: x.nameColumn
+					}),
+					/* @__PURE__ */ c("span", {
+						className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
+						children: x.assignedColumn
+					}),
+					/* @__PURE__ */ c("span", {
+						className: "ttw:text-right ttw:text-sm ttw:font-medium ttw:text-foreground",
+						children: x.actionsColumn
+					})
+				]
+			}),
+			v ? /* @__PURE__ */ l("div", {
+				className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:px-4 ttw:py-14 ttw:text-center",
+				children: [/* @__PURE__ */ c("h3", {
+					className: "ttw:mb-2 ttw:text-lg ttw:font-bold ttw:tracking-tight ttw:text-foreground",
+					children: x.errorTitle
+				}), /* @__PURE__ */ c("p", {
+					className: "ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground",
+					children: x.errorDescription
+				})]
+			}) : _ ? /* @__PURE__ */ c("div", {
+				"aria-label": x.loadingLabel,
+				role: "status",
+				children: Array.from({ length: m }).map((e, t) => /* @__PURE__ */ l("div", {
+					className: "ttw:grid ttw:grid-cols-[2fr_2fr_80px] ttw:items-center ttw:gap-4 ttw:px-4 ttw:py-3",
+					children: [
+						/* @__PURE__ */ c(a, { className: "ttw:h-4 ttw:w-40" }),
+						/* @__PURE__ */ c(a, { className: "ttw:h-4 ttw:w-24" }),
+						/* @__PURE__ */ c("div", {
+							className: "ttw:flex ttw:justify-end",
+							children: /* @__PURE__ */ c(a, { className: "ttw:size-8 ttw:rounded-full" })
+						})
+					]
+				}, t))
+			}) : h.length === 0 ? /* @__PURE__ */ c("div", {
+				className: "ttw:px-4 ttw:py-12 ttw:text-center ttw:text-sm ttw:text-muted-foreground",
+				children: x.emptyMessage
+			}) : /* @__PURE__ */ c("div", {
+				className: "ttw:divide-y ttw:divide-border",
+				children: h.map((a) => /* @__PURE__ */ l("div", {
+					className: "ttw:grid ttw:grid-cols-[2fr_2fr_80px] ttw:items-center ttw:gap-4 ttw:px-4 ttw:py-3",
+					children: [
+						/* @__PURE__ */ l("div", {
+							className: "ttw:flex ttw:items-center ttw:gap-2",
+							children: [/* @__PURE__ */ c("span", {
+								"aria-hidden": !0,
+								className: "ttw:text-muted-foreground",
+								children: g
+							}), /* @__PURE__ */ c("span", {
+								className: "ttw:text-sm ttw:font-medium ttw:text-foreground ttw:first-letter:uppercase",
+								children: a.name
+							})]
+						}),
+						a.assignedAvatars && a.assignedAvatars.length > 0 ? /* @__PURE__ */ c(o, {
+							items: a.assignedAvatars,
+							overflowLabel: a.assignedOverflowLabel,
+							label: a.membersLabel
+						}) : /* @__PURE__ */ c("span", {
+							className: "ttw:text-sm ttw:text-muted-foreground",
+							children: a.membersLabel
+						}),
+						/* @__PURE__ */ c("div", {
+							className: "ttw:flex ttw:justify-end",
+							children: a.onEdit || a.onDelete ? /* @__PURE__ */ l(t, { children: [/* @__PURE__ */ c(i, {
+								asChild: !0,
+								children: /* @__PURE__ */ c(e, {
+									variant: "ghost",
+									size: "icon-sm",
+									className: "ttw:text-muted-foreground",
+									"aria-label": `${x.rowActionsAriaLabel} ${a.name}`,
+									children: /* @__PURE__ */ c(u, { className: "ttw:size-4" })
+								})
+							}), /* @__PURE__ */ l(n, {
+								align: "end",
+								className: "ttw:min-w-44",
+								children: [a.onEdit ? /* @__PURE__ */ l(r, {
+									onClick: a.onEdit,
+									children: [/* @__PURE__ */ c(d, { className: "ttw:size-4" }), x.editAction]
+								}) : null, a.onDelete ? /* @__PURE__ */ l(r, {
+									onClick: a.onDelete,
+									children: [/* @__PURE__ */ c(p, { className: "ttw:size-4 ttw:text-destructive" }), x.deleteAction]
+								}) : null]
+							})] }) : null
+						})
+					]
+				}, a.key))
+			})
+		]
+	});
 }
-export {
-  n as statusToneClassName
-};
+//#endregion
+export { h as GroupAdminPanel, h as default };