@better-auth-ui/heroui 1.6.9 → 1.6.10

package/dist/components/auth/organization/delete-organization-skeleton.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Skeleton } from "@heroui/react";
-/**
- * Placeholder matching {@link DeleteOrganization} while the delete permission resolves.
- */
-export function DeleteOrganizationSkeleton() {
-    return (_jsxs("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Skeleton, { className: "h-3.5 w-40 rounded-lg" }), _jsx(Skeleton, { className: "h-3 w-64 rounded-lg" })] }), _jsx(Skeleton, { className: "h-8 w-36 shrink-0 rounded-full" })] }));
-}

package/dist/components/auth/organization/delete-organization.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useActiveOrganization, useAuth, useAuthPlugin, useHasPermission } from "@better-auth-ui/react";
-import { AlertDialog, Button } from "@heroui/react";
-import { useState } from "react";
-import { organizationPlugin } from "../../../lib/auth/organization-plugin";
-import { DeleteOrganizationDialog } from "./delete-organization-dialog";
-import { DeleteOrganizationSkeleton } from "./delete-organization-skeleton";
-/**
- * Danger-zone row to delete the active organization. Hidden for members without
- * the `organization:delete` permission.
- */
-export function DeleteOrganization() {
-    const { authClient } = useAuth();
-    const { localization: organizationLocalization } = useAuthPlugin(organizationPlugin);
-    const { data: activeOrganization } = useActiveOrganization(authClient);
-    const { data: permission, isPending: permissionPending } = useHasPermission(authClient, {
-        permissions: { organization: ["delete"] }
-    });
-    const [confirmOpen, setConfirmOpen] = useState(false);
-    if (permissionPending) {
-        return _jsx(DeleteOrganizationSkeleton, {});
-    }
-    if (!permission?.success) {
-        return null;
-    }
-    return (_jsxs("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium leading-tight", children: organizationLocalization.deleteOrganization }), _jsx("p", { className: "text-muted mt-0.5 text-xs", children: organizationLocalization.deleteOrganizationDescription })] }), _jsxs(AlertDialog, { children: [_jsx(Button, { isDisabled: !activeOrganization, size: "sm", variant: "danger-soft", onPress: () => setConfirmOpen(true), children: organizationLocalization.deleteOrganization }), activeOrganization && (_jsx(DeleteOrganizationDialog, { isOpen: confirmOpen, onOpenChange: setConfirmOpen, organization: activeOrganization }))] })] }));
-}

package/dist/components/auth/organization/invite-member-dialog.js

@@ -1,47 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAuth, useAuthPlugin, useInviteMember } from "@better-auth-ui/react";
-import { PersonPlus } from "@gravity-ui/icons";
-import { AlertDialog, Button, FieldError, Form, Input, Label, ListBox, Select, Spinner, TextField, toast } from "@heroui/react";
-import { useEffect, useState } from "react";
-import { organizationPlugin } from "../../../lib/auth/organization-plugin";
-const pickDefaultRole = (keys) => keys.includes("member") ? "member" : (keys.at(-1) ?? "");
-/**
- * Render a dialog for inviting a member to the organization.
- *
- * @param isOpen - Whether the dialog is open
- * @param onOpenChange - Callback for when the dialog open state changes
- * @returns The invite member dialog as a JSX element
- */
-export function InviteMemberDialog({ isOpen, onOpenChange }) {
-    const { authClient, localization } = useAuth();
-    const { localization: organizationLocalization, roles } = useAuthPlugin(organizationPlugin);
-    const [role, setRole] = useState(() => pickDefaultRole(Object.keys(roles)));
-    useEffect(() => {
-        setRole((current) => {
-            const keys = Object.keys(roles);
-            return keys.includes(current) ? current : pickDefaultRole(keys);
-        });
-    }, [roles]);
-    const { mutate: inviteMember, isPending: isInviting } = useInviteMember(authClient, {
-        onSuccess: () => {
-            onOpenChange(false);
-            toast.success(organizationLocalization.inviteMemberSuccess);
-        }
-    });
-    const isRoleValid = Object.keys(roles).includes(role);
-    const handleSubmit = (e) => {
-        e.preventDefault();
-        if (!isRoleValid)
-            return;
-        const formData = new FormData(e.target);
-        const email = formData.get("email");
-        inviteMember({
-            email: email.trim(),
-            role: role
-        });
-    };
-    return (_jsx(AlertDialog.Backdrop, { isOpen: isOpen, onOpenChange: onOpenChange, children: _jsx(AlertDialog.Container, { children: _jsx(AlertDialog.Dialog, { children: _jsxs(Form, { onSubmit: handleSubmit, children: [_jsx(AlertDialog.CloseTrigger, {}), _jsxs(AlertDialog.Header, { children: [_jsx(AlertDialog.Icon, { status: "default", children: _jsx(PersonPlus, {}) }), _jsx(AlertDialog.Heading, { children: organizationLocalization.inviteMember })] }), _jsxs(AlertDialog.Body, { className: "flex flex-col gap-4 overflow-visible", children: [_jsx("p", { className: "text-muted text-sm", children: organizationLocalization.inviteMemberDescription }), _jsxs(TextField, { id: "email", name: "email", type: "email", isDisabled: isInviting, children: [_jsx(Label, { children: localization.auth.email }), _jsx(Input, { autoFocus: true, placeholder: localization.auth.email, variant: "secondary", required: true }), _jsx(FieldError, {})] }), _jsxs(Select, { name: "role", value: role, onChange: (value) => {
-                                        if (typeof value === "string")
-                                            setRole(value);
-                                    }, isDisabled: isInviting, variant: "secondary", fullWidth: true, children: [_jsx(Label, { children: organizationLocalization.role }), _jsxs(Select.Trigger, { children: [_jsx(Select.Value, {}), _jsx(Select.Indicator, {})] }), _jsx(Select.Popover, { children: _jsx(ListBox, { children: Object.entries(roles).map(([key, label]) => (_jsxs(ListBox.Item, { id: key, textValue: label, children: [label, _jsx(ListBox.ItemIndicator, {})] }, key))) }) }), _jsx(FieldError, {})] })] }), _jsxs(AlertDialog.Footer, { children: [_jsx(Button, { slot: "close", variant: "tertiary", isDisabled: isInviting, children: localization.settings.cancel }), _jsxs(Button, { type: "submit", isPending: isInviting, isDisabled: !isRoleValid, children: [isInviting && _jsx(Spinner, { color: "current", size: "sm" }), organizationLocalization.inviteMember] })] })] }) }) }) }));
-}

package/dist/components/auth/organization/leave-organization-dialog.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAuth, useAuthPlugin, useLeaveOrganization } from "@better-auth-ui/react";
-import { ArrowRightFromSquare } from "@gravity-ui/icons";
-import { AlertDialog, Button, Card, Spinner, toast } from "@heroui/react";
-import { organizationPlugin } from "../../../lib/auth/organization-plugin";
-import { OrganizationView } from "./organization-view";
-export function LeaveOrganizationDialog({ isOpen, onOpenChange, organization }) {
-    const { authClient, basePaths, localization, navigate } = useAuth();
-    const { localization: organizationLocalization, viewPaths: organizationPluginViewPaths } = useAuthPlugin(organizationPlugin);
-    const { mutate: leaveOrganization, isPending } = useLeaveOrganization(authClient, {
-        onSuccess: () => {
-            onOpenChange(false);
-            toast.success(organizationLocalization.leftOrganization);
-            navigate({
-                to: `${basePaths.settings}/${organizationPluginViewPaths.settings.organizations}`,
-                replace: true
-            });
-        }
-    });
-    return (_jsx(AlertDialog.Backdrop, { isOpen: isOpen, onOpenChange: onOpenChange, children: _jsx(AlertDialog.Container, { children: _jsxs(AlertDialog.Dialog, { children: [_jsx(AlertDialog.CloseTrigger, {}), _jsxs(AlertDialog.Header, { children: [_jsx(AlertDialog.Icon, { status: "danger", children: _jsx(ArrowRightFromSquare, {}) }), _jsx(AlertDialog.Heading, { children: organizationLocalization.leaveOrganization })] }), _jsxs(AlertDialog.Body, { className: "flex flex-col gap-4 overflow-visible", children: [_jsx("p", { className: "text-muted text-sm", children: organizationLocalization.leaveOrganizationDescription }), _jsx(Card, { variant: "secondary", children: _jsx(Card.Content, { children: _jsx(OrganizationView, { organization: organization, hideRole: true }) }) })] }), _jsxs(AlertDialog.Footer, { children: [_jsx(Button, { slot: "close", variant: "tertiary", isDisabled: isPending, children: localization.settings.cancel }), _jsxs(Button, { variant: "danger", isPending: isPending, onPress: () => leaveOrganization({ organizationId: organization.id }), children: [isPending && _jsx(Spinner, { color: "current", size: "sm" }), organizationLocalization.leaveOrganization] })] })] }) }) }));
-}

package/dist/components/auth/organization/leave-organization.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useActiveOrganization, useAuth, useAuthPlugin } from "@better-auth-ui/react";
-import { AlertDialog, Button } from "@heroui/react";
-import { useState } from "react";
-import { organizationPlugin } from "../../../lib/auth/organization-plugin";
-import { LeaveOrganizationDialog } from "./leave-organization-dialog";
-/**
- * Danger-zone row to leave the active organization.
- */
-export function LeaveOrganization() {
-    const { authClient } = useAuth();
-    const { localization: organizationLocalization } = useAuthPlugin(organizationPlugin);
-    const { data: activeOrganization } = useActiveOrganization(authClient);
-    const [confirmOpen, setConfirmOpen] = useState(false);
-    return (_jsxs("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium leading-tight", children: organizationLocalization.leaveOrganization }), _jsx("p", { className: "text-muted mt-0.5 text-xs", children: organizationLocalization.leaveOrganizationDescription })] }), _jsxs(AlertDialog, { children: [_jsx(Button, { isDisabled: !activeOrganization, size: "sm", variant: "danger-soft", onPress: () => setConfirmOpen(true), children: organizationLocalization.leaveOrganization }), activeOrganization && (_jsx(LeaveOrganizationDialog, { isOpen: confirmOpen, onOpenChange: setConfirmOpen, organization: activeOrganization }))] })] }));
-}

package/dist/components/auth/organization/organization-danger-zone.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAuth, useHasPermission } from "@better-auth-ui/react";
-import { Card, cn } from "@heroui/react";
-import { DeleteOrganization } from "./delete-organization";
-import { DeleteOrganizationSkeleton } from "./delete-organization-skeleton";
-import { LeaveOrganization } from "./leave-organization";
-/**
- * Danger zone heading with {@link LeaveOrganization} and {@link DeleteOrganization}
- * for the active organization in a single card.
- *
- * Resolves the `organization:delete` permission before rendering anything to
- * avoid flashing {@link LeaveOrganization} (and a stray separator) before the
- * delete row appears or disappears. Inner {@link DeleteOrganization} also
- * self-gates so it stays safe to use standalone.
- */
-export function OrganizationDangerZone({ className, variant, ...props }) {
-    const { authClient, localization } = useAuth();
-    const { data: deletePermission, isPending: deletePermissionPending } = useHasPermission(authClient, {
-        permissions: { organization: ["delete"] }
-    });
-    const canDelete = !!deletePermission?.success;
-    return (_jsxs("div", { className: cn("flex w-full flex-col", className), ...props, children: [_jsx("h2", { className: cn("mb-3 text-sm font-semibold text-danger"), children: localization.settings.dangerZone }), _jsx(Card, { variant: variant, children: _jsx(Card.Content, { className: "gap-0", children: deletePermissionPending ? (_jsx(DeleteOrganizationSkeleton, {})) : (_jsxs(_Fragment, { children: [_jsx(LeaveOrganization, {}), canDelete && (_jsxs(_Fragment, { children: [_jsx("div", { className: "border-b border-dashed -mx-4 my-4" }), _jsx(DeleteOrganization, {})] }))] })) }) })] }));
-}

package/dist/components/auth/organization/organization-invitation-row-skeleton.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Skeleton, Table } from "@heroui/react";
-/**
- * Placeholder row matching {@link OrganizationInvitationTableRow} while
- * invitations load.
- */
-export function OrganizationInvitationRowSkeleton() {
-    return (_jsxs(Table.Row, { children: [_jsx(Table.Cell, { children: _jsx(Skeleton, { className: "h-4 w-48 rounded-lg" }) }), _jsx(Table.Cell, { children: _jsx(Skeleton, { className: "h-4 w-36 rounded-lg" }) }), _jsx(Table.Cell, { children: _jsx(Skeleton, { className: "h-4 w-16 rounded-lg" }) }), _jsx(Table.Cell, { children: _jsx(Skeleton, { className: "h-4 w-14 rounded-full" }) }), _jsx(Table.Cell, {})] }));
-}

package/dist/components/auth/organization/organization-invitation-row.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAuth, useAuthPlugin, useCancelInvitation, useHasPermission } from "@better-auth-ui/react";
-import { Xmark } from "@gravity-ui/icons";
-import { Button, Chip, Spinner, Table } from "@heroui/react";
-import { organizationPlugin } from "../../../lib/auth/organization-plugin";
-import { OrganizationInvitationRowSkeleton } from "./organization-invitation-row-skeleton";
-export function OrganizationInvitationTableRow({ invitation }) {
-    const { authClient } = useAuth();
-    const { localization: organizationLocalization, roles } = useAuthPlugin(organizationPlugin);
-    const { data: cancelInvitationPermission, isPending: cancelPermissionPending } = useHasPermission(authClient, {
-        permissions: { invitation: ["cancel"] }
-    });
-    const { mutate: cancelInvitation, isPending: cancelPending } = useCancelInvitation(authClient);
-    const roleLabel = roles?.[invitation.role] ?? invitation.role;
-    const statusLabel = organizationLocalization[invitation.status] ?? invitation.status;
-    const statusColor = invitation.status === "pending"
-        ? "warning"
-        : invitation.status === "accepted"
-            ? "success"
-            : invitation.status === "rejected"
-                ? "danger"
-                : "default";
-    if (cancelPermissionPending) {
-        return _jsx(OrganizationInvitationRowSkeleton, {});
-    }
-    return (_jsxs(Table.Row, { children: [_jsx(Table.Cell, { className: "font-medium text-sm", children: invitation.email }), _jsx(Table.Cell, { className: "text-muted text-xs tabular-nums whitespace-nowrap", children: new Date(invitation.createdAt).toLocaleString(undefined, {
-                    dateStyle: "short",
-                    timeStyle: "short"
-                }) }), _jsx(Table.Cell, { className: "text-sm", children: roleLabel }), _jsx(Table.Cell, { className: "text-sm", children: _jsx(Chip, { color: statusColor, size: "sm", variant: "soft", children: statusLabel }) }), _jsx(Table.Cell, { className: "text-end", children: cancelInvitationPermission?.success &&
-                    invitation.status === "pending" && (_jsx(Button, { isIconOnly: true, size: "sm", variant: "danger-soft", isPending: cancelPending, onPress: () => cancelInvitation({ invitationId: invitation.id }), "aria-label": organizationLocalization.cancelInvitation, children: cancelPending ? (_jsx(Spinner, { color: "current", size: "sm" })) : (_jsx(Xmark, {})) })) })] }));
-}

package/dist/components/auth/organization/organization-invitations-empty.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAuthPlugin } from "@better-auth-ui/react";
-import { PaperPlane } from "@gravity-ui/icons";
-import { Button, EmptyState } from "@heroui/react";
-import { organizationPlugin } from "../../../lib/auth/organization-plugin";
-/**
- * Empty state for {@link OrganizationInvitations} — mirrors `ApiKeysEmpty`
- * (icon, title, description) with an "Invite member" call to action.
- */
-export function OrganizationInvitationsEmpty({ onInvitePress }) {
-    const { localization: organizationLocalization } = useAuthPlugin(organizationPlugin);
-    return (_jsxs(EmptyState, { className: "flex flex-col items-center gap-4 text-center p-4", children: [_jsx(PaperPlane, { className: "size-6 text-muted" }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("p", { className: "text-sm font-semibold text-foreground", children: organizationLocalization.noInvitations }), _jsx("span", { className: "text-sm text-muted", children: organizationLocalization.organizationInvitationsEmptyDescription })] }), _jsx(Button, { size: "sm", onPress: onInvitePress, children: organizationLocalization.inviteMember })] }));
-}

package/dist/components/auth/organization/organization-invitations.js

@@ -1,66 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAuth, useAuthPlugin, useHasPermission, useListOrganizationInvitations } from "@better-auth-ui/react";
-import { ChevronUp, Funnel, Xmark } from "@gravity-ui/icons";
-import { Button, Chip, cn, Dropdown, Label, SearchField, Table } from "@heroui/react";
-import { useMemo, useState } from "react";
-import { organizationPlugin } from "../../../lib/auth/organization-plugin";
-import { InviteMemberDialog } from "./invite-member-dialog";
-import { OrganizationInvitationTableRow } from "./organization-invitation-row";
-import { OrganizationInvitationRowSkeleton } from "./organization-invitation-row-skeleton";
-import { OrganizationInvitationsEmpty } from "./organization-invitations-empty";
-/**
- * Organization invitations table with invite control and per-row actions.
- */
-export function OrganizationInvitations({ className, ...props }) {
-    const { authClient, localization } = useAuth();
-    const { localization: organizationLocalization, roles } = useAuthPlugin(organizationPlugin);
-    const { data: invitations, isPending: invitationsPending } = useListOrganizationInvitations(authClient);
-    const { isPending: invitationPermissionPending } = useHasPermission(authClient, {
-        permissions: { invitation: ["cancel"] }
-    });
-    const isPending = invitationsPending || invitationPermissionPending;
-    const [sortDescriptor, setSortDescriptor] = useState();
-    const [roleFilter, setRoleFilter] = useState("all");
-    const [statusFilter, setStatusFilter] = useState("all");
-    const [search, setSearch] = useState("");
-    const filteredInvitations = useMemo(() => {
-        return invitations?.filter((invitation) => (roleFilter === "all" || invitation.role === roleFilter) &&
-            (statusFilter === "all" || invitation.status === statusFilter) &&
-            invitation.email.toLowerCase().includes(search.toLowerCase()));
-    }, [search, invitations, roleFilter, statusFilter]);
-    const sortedInvitations = useMemo(() => {
-        if (!sortDescriptor)
-            return filteredInvitations;
-        if (!filteredInvitations)
-            return filteredInvitations;
-        return [...filteredInvitations].sort((a, b) => {
-            const col = sortDescriptor.column;
-            let cmp = 0;
-            if (col === "createdAt") {
-                cmp = new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime();
-            }
-            else {
-                cmp = String(a[col]).localeCompare(String(b[col]));
-            }
-            if (sortDescriptor.direction === "descending") {
-                cmp *= -1;
-            }
-            return cmp;
-        });
-    }, [sortDescriptor, filteredInvitations]);
-    const [inviteOpen, setInviteOpen] = useState(false);
-    return (_jsxs("div", { className: cn("flex flex-col gap-3", className), ...props, children: [_jsx("h3", { className: "truncate text-sm font-semibold", children: organizationLocalization.invitations }), _jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(SearchField, { className: "min-w-0", "aria-label": organizationLocalization.search, value: search, onChange: setSearch, isDisabled: isPending, children: _jsxs(SearchField.Group, { children: [_jsx(SearchField.SearchIcon, {}), _jsx(SearchField.Input, { placeholder: organizationLocalization.search, className: "sm:w-[200px]" }), _jsx(SearchField.ClearButton, {})] }) }), _jsxs(Dropdown, { children: [_jsxs(Button, { size: "sm", variant: "secondary", isDisabled: isPending, children: [_jsx(Funnel, {}), organizationLocalization.role] }), _jsx(Dropdown.Popover, { children: _jsxs(Dropdown.Menu, { selectionMode: "single", selectedKeys: new Set([roleFilter]), onSelectionChange: (keys) => {
-                                                const key = [...keys][0];
-                                                setRoleFilter(key ?? "all");
-                                            }, children: [_jsxs(Dropdown.Item, { id: "all", textValue: organizationLocalization.all, children: [_jsx(Label, { children: organizationLocalization.all }), _jsx(Dropdown.ItemIndicator, {})] }), Object.entries(roles).map(([key, label]) => (_jsxs(Dropdown.Item, { id: key, textValue: label, children: [_jsx(Label, { children: label }), _jsx(Dropdown.ItemIndicator, {})] }, key)))] }) })] }), _jsxs(Dropdown, { children: [_jsxs(Button, { size: "sm", variant: "secondary", isDisabled: isPending, children: [_jsx(Funnel, {}), organizationLocalization.status] }), _jsx(Dropdown.Popover, { children: _jsxs(Dropdown.Menu, { selectionMode: "single", selectedKeys: new Set([statusFilter]), onSelectionChange: (keys) => {
-                                                const key = [...keys][0];
-                                                setStatusFilter(key ?? "all");
-                                            }, children: [_jsxs(Dropdown.Item, { id: "all", textValue: organizationLocalization.all, children: [_jsx(Label, { children: organizationLocalization.all }), _jsx(Dropdown.ItemIndicator, {})] }), ["pending", "accepted", "rejected", "canceled"].map((status) => (_jsxs(Dropdown.Item, { id: status, textValue: organizationLocalization[status] ?? status, children: [_jsx(Label, { children: organizationLocalization[status] ?? status }), _jsx(Dropdown.ItemIndicator, {})] }, status)))] }) })] })] }), (roleFilter !== "all" || statusFilter !== "all") && (_jsxs("div", { className: "flex flex-wrap gap-2", children: [roleFilter !== "all" && (_jsxs(Chip, { size: "sm", variant: "secondary", className: "w-fit", children: [_jsxs(Chip.Label, { children: [organizationLocalization.role, ":", " ", _jsx("span", { className: "capitalize", children: roles?.[roleFilter] ?? roleFilter })] }), _jsx("button", { type: "button", "aria-label": organizationLocalization.clear, className: "text-muted hover:text-foreground inline-flex cursor-pointer items-center", onClick: () => setRoleFilter("all"), children: _jsx(Xmark, { className: "size-3" }) })] })), statusFilter !== "all" && (_jsxs(Chip, { size: "sm", variant: "secondary", className: "w-fit", children: [_jsxs(Chip.Label, { children: [organizationLocalization.status, ":", " ", organizationLocalization[statusFilter] ?? statusFilter] }), _jsx("button", { type: "button", "aria-label": organizationLocalization.clear, className: "text-muted hover:text-foreground inline-flex cursor-pointer items-center", onClick: () => setStatusFilter("all"), children: _jsx(Xmark, { className: "size-3" }) })] }))] })), _jsx(Table, { children: _jsx(Table.ScrollContainer, { children: _jsxs(Table.Content, { "aria-label": organizationLocalization.invitations, sortDescriptor: sortDescriptor, onSortChange: (descriptor) => {
-                                    const shouldReset = sortDescriptor?.column === descriptor.column &&
-                                        descriptor.direction === "ascending";
-                                    setSortDescriptor(shouldReset ? undefined : descriptor);
-                                }, children: [_jsxs(Table.Header, { children: [_jsx(Table.Column, { allowsSorting: true, isRowHeader: true, id: "email", children: ({ sortDirection }) => (_jsx(SortableColumnHeader, { sortDirection: sortDirection, children: localization.auth.email })) }), _jsx(Table.Column, { allowsSorting: true, id: "createdAt", children: ({ sortDirection }) => (_jsx(SortableColumnHeader, { sortDirection: sortDirection, children: organizationLocalization.invitedAt })) }), _jsx(Table.Column, { allowsSorting: true, id: "role", children: ({ sortDirection }) => (_jsx(SortableColumnHeader, { sortDirection: sortDirection, children: organizationLocalization.role })) }), _jsx(Table.Column, { allowsSorting: true, id: "status", children: ({ sortDirection }) => (_jsx(SortableColumnHeader, { sortDirection: sortDirection, children: organizationLocalization.status })) }), _jsx(Table.Column, { className: "text-end", children: organizationLocalization.actions })] }), _jsx(Table.Body, { renderEmptyState: () => (_jsx(OrganizationInvitationsEmpty, { onInvitePress: () => setInviteOpen(true) })), children: isPending ? (_jsx(OrganizationInvitationRowSkeleton, {})) : (sortedInvitations?.map((invitation) => (_jsx(OrganizationInvitationTableRow, { invitation: invitation }, invitation.id)))) })] }) }) })] }), _jsx(InviteMemberDialog, { isOpen: inviteOpen, onOpenChange: setInviteOpen })] }));
-}
-function SortableColumnHeader({ children, sortDirection }) {
-    return (_jsxs("span", { className: "flex items-center justify-between", children: [children, !!sortDirection && (_jsx(ChevronUp, { className: cn("size-3 transform transition-transform duration-100 ease-out", sortDirection === "descending" ? "rotate-180" : "") }))] }));
-}

package/dist/components/auth/organization/organization-logo.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Briefcase } from "@gravity-ui/icons";
-import { Avatar, cn, Skeleton } from "@heroui/react";
-/**
- * Renders an organization logo image, initials fallback, or a briefcase icon;
- * shows a circular skeleton while loading when `isPending` is set and `organization` is undefined.
- */
-export function OrganizationLogo({ className, fallback, isPending, organization, size = "sm", style, ...props }) {
-    if (isPending && !organization) {
-        return (_jsx(Skeleton, { className: cn("rounded-full", size === "sm" ? "size-8" : size === "md" ? "size-10" : "size-12", className), style: style }));
-    }
-    const initials = organization?.name?.slice(0, 2).toUpperCase();
-    return (_jsxs(Avatar, { size: size, className: cn("rounded-full", className), style: style, ...props, children: [_jsx(Avatar.Image, { alt: organization?.name ?? "Organization", src: organization?.logo ?? undefined }), _jsx(Avatar.Fallback, { className: cn(size === "lg" ? "text-xl" : size === "md" ? "text-base" : "text-sm"), delayMs: organization?.logo ? 600 : undefined, children: fallback || initials || _jsx(Briefcase, { className: "size-4" }) })] }));
-}

package/dist/components/auth/organization/organization-member-row-skeleton.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Skeleton, Table } from "@heroui/react";
-import { UserView } from "../user/user-view";
-/**
- * Placeholder row matching {@link OrganizationMemberRow} while members load.
- */
-export function OrganizationMemberRowSkeleton() {
-    return (_jsxs(Table.Row, { children: [_jsx(Table.Cell, { children: _jsx(UserView, { isPending: true }) }), _jsx(Table.Cell, { children: _jsx(Skeleton, { className: "h-4 w-18 rounded-lg" }) }), _jsx(Table.Cell, { className: "flex justify-end", children: _jsx(Skeleton, { className: "size-8 rounded-full" }) })] }));
-}

package/dist/components/auth/organization/organization-member-row.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAuth, useAuthPlugin, useHasPermission, useSession, useUpdateMemberRole } from "@better-auth-ui/react";
-import { ArrowRightFromSquare, Pencil, TrashBin } from "@gravity-ui/icons";
-import { Button, Dropdown, Label, Spinner, Table, toast } from "@heroui/react";
-import { useState } from "react";
-import { organizationPlugin } from "../../../lib/auth/organization-plugin";
-import { UserView } from "../user/user-view";
-import { LeaveOrganizationDialog } from "./leave-organization-dialog";
-import { OrganizationMemberRowSkeleton } from "./organization-member-row-skeleton";
-import { RemoveMemberDialog } from "./remove-member-dialog";
-export function OrganizationMemberRow({ member, isOwner, organization }) {
-    const { authClient } = useAuth();
-    const { localization: organizationLocalization, roles } = useAuthPlugin(organizationPlugin);
-    const { data: session } = useSession(authClient);
-    const { data: hasUpdatePermission, isPending: updatePermissionPending } = useHasPermission(authClient, {
-        permissions: { member: ["update"] }
-    });
-    const { data: hasDeletePermission, isPending: deletePermissionPending } = useHasPermission(authClient, {
-        permissions: { member: ["delete"] }
-    });
-    const isPending = updatePermissionPending || deletePermissionPending;
-    const { mutate: updateMemberRole, isPending: isUpdatingRole } = useUpdateMemberRole(authClient, {
-        onSuccess: () => toast.success(organizationLocalization.memberRoleUpdated)
-    });
-    const roleLabel = roles?.[member.role] ?? member.role;
-    const assignableRoles = Object.entries(roles).filter(([key]) => isOwner || key !== "owner");
-    const isCurrentUser = session?.user.id === member.userId;
-    const [removeOpen, setRemoveOpen] = useState(false);
-    const [leaveOpen, setLeaveOpen] = useState(false);
-    if (isPending) {
-        return _jsx(OrganizationMemberRowSkeleton, {});
-    }
-    return (_jsxs(Table.Row, { children: [_jsx(Table.Cell, { children: _jsx(UserView, { user: member.user }) }), _jsx(Table.Cell, { children: roleLabel }), _jsxs(Table.Cell, { children: [_jsxs("div", { className: "flex items-center justify-end gap-1", children: [hasUpdatePermission?.success && (_jsxs(Dropdown, { children: [_jsx(Button, { isIconOnly: true, size: "sm", variant: "tertiary", isDisabled: isUpdatingRole, "aria-label": organizationLocalization.changeMemberRole, children: isUpdatingRole ? (_jsx(Spinner, { color: "current", size: "sm" })) : (_jsx(Pencil, {})) }), _jsx(Dropdown.Popover, { className: "min-w-fit", children: _jsx(Dropdown.Menu, { children: assignableRoles.map(([role, label]) => (_jsx(Dropdown.Item, { textValue: label, isDisabled: member.role === role, onAction: () => updateMemberRole({ memberId: member.id, role }), children: _jsx(Label, { children: label }) }, role))) }) })] })), isCurrentUser ? (_jsx(Button, { isIconOnly: true, size: "sm", variant: "danger-soft", "aria-label": organizationLocalization.leaveOrganization, onPress: () => setLeaveOpen(true), children: _jsx(ArrowRightFromSquare, {}) })) : (hasDeletePermission?.success && (_jsx(Button, { isIconOnly: true, size: "sm", variant: "danger-soft", "aria-label": organizationLocalization.removeMember, onPress: () => setRemoveOpen(true), children: _jsx(TrashBin, {}) })))] }), isCurrentUser && organization ? (_jsx(LeaveOrganizationDialog, { isOpen: leaveOpen, onOpenChange: setLeaveOpen, organization: organization })) : (hasDeletePermission?.success && (_jsx(RemoveMemberDialog, { isOpen: removeOpen, onOpenChange: setRemoveOpen, member: member })))] })] }));
-}

package/dist/components/auth/organization/organization-members.js

@@ -1,67 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useActiveOrganization, useAuth, useAuthPlugin, useHasPermission, useListOrganizationMembers, useSession } from "@better-auth-ui/react";
-import { ChevronUp, Funnel, Xmark } from "@gravity-ui/icons";
-import { Button, Chip, cn, Dropdown, Label, SearchField, Table } from "@heroui/react";
-import { useMemo, useState } from "react";
-import { organizationPlugin } from "../../../lib/auth/organization-plugin";
-import { InviteMemberDialog } from "./invite-member-dialog";
-import { OrganizationMemberRow } from "./organization-member-row";
-import { OrganizationMemberRowSkeleton } from "./organization-member-row-skeleton";
-/**
- * Organization members table with title, invite control, and per-row actions.
- */
-export function OrganizationMembers({ className, ...props }) {
-    const { authClient } = useAuth();
-    const { localization: organizationLocalization, roles } = useAuthPlugin(organizationPlugin);
-    const { data: session } = useSession(authClient);
-    const { data: activeOrganization, isPending: activeOrganizationPending } = useActiveOrganization(authClient);
-    const { data: membersData, isPending: membersPending } = useListOrganizationMembers(authClient);
-    const { isPending: updatePermissionPending } = useHasPermission(authClient, {
-        permissions: { member: ["update"] }
-    });
-    const { isPending: deletePermissionPending } = useHasPermission(authClient, {
-        permissions: { member: ["delete"] }
-    });
-    const isPending = activeOrganizationPending ||
-        membersPending ||
-        updatePermissionPending ||
-        deletePermissionPending;
-    const [sortDescriptor, setSortDescriptor] = useState();
-    const [roleFilter, setRoleFilter] = useState("all");
-    const [search, setSearch] = useState("");
-    const filteredMembers = useMemo(() => {
-        return membersData?.members.filter((member) => (roleFilter === "all" || member.role === roleFilter) &&
-            (member.user.name.toLowerCase().includes(search.toLowerCase()) ||
-                member.user.email.toLowerCase().includes(search.toLowerCase())));
-    }, [search, membersData?.members, roleFilter]);
-    const sortedMembers = useMemo(() => {
-        if (!sortDescriptor)
-            return filteredMembers;
-        if (!filteredMembers)
-            return filteredMembers;
-        return [...filteredMembers].sort((a, b) => {
-            const col = sortDescriptor.column;
-            const first = col === "user" ? a.user.name || a.user.email : String(a[col]);
-            const second = col === "user" ? b.user.name || b.user.email : String(b[col]);
-            let cmp = first.localeCompare(second);
-            if (sortDescriptor.direction === "descending") {
-                cmp *= -1;
-            }
-            return cmp;
-        });
-    }, [sortDescriptor, filteredMembers]);
-    const [inviteOpen, setInviteOpen] = useState(false);
-    const isOwner = membersData?.members.some((member) => member.role === "owner" && member.userId === session?.user.id);
-    return (_jsxs("div", { className: cn("flex flex-col gap-3", className), ...props, children: [_jsxs("div", { className: "flex items-end justify-between gap-3", children: [_jsx("h3", { className: "truncate text-sm font-semibold", children: organizationLocalization.members }), _jsx(Button, { className: "shrink-0", size: "sm", isDisabled: isPending, onPress: () => setInviteOpen(true), children: organizationLocalization.inviteMember })] }), _jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(SearchField, { className: "min-w-0", "aria-label": organizationLocalization.search, value: search, onChange: setSearch, isDisabled: isPending, children: _jsxs(SearchField.Group, { children: [_jsx(SearchField.SearchIcon, {}), _jsx(SearchField.Input, { placeholder: organizationLocalization.search, className: "sm:w-[200px]" }), _jsx(SearchField.ClearButton, {})] }) }), _jsxs(Dropdown, { children: [_jsxs(Button, { size: "sm", variant: "secondary", isDisabled: isPending, children: [_jsx(Funnel, {}), organizationLocalization.role] }), _jsx(Dropdown.Popover, { children: _jsxs(Dropdown.Menu, { selectionMode: "single", selectedKeys: new Set([roleFilter]), onSelectionChange: (keys) => {
-                                                const key = [...keys][0];
-                                                setRoleFilter(key ?? "all");
-                                            }, children: [_jsxs(Dropdown.Item, { id: "all", textValue: organizationLocalization.all, children: [_jsx(Label, { children: organizationLocalization.all }), _jsx(Dropdown.ItemIndicator, {})] }), Object.entries(roles).map(([role, label]) => (_jsxs(Dropdown.Item, { id: role, textValue: label, children: [_jsx(Label, { children: label }), _jsx(Dropdown.ItemIndicator, {})] }, role)))] }) })] })] }), roleFilter !== "all" && (_jsxs(Chip, { size: "sm", variant: "secondary", className: "w-fit", children: [_jsxs(Chip.Label, { children: [organizationLocalization.role, ":", " ", _jsx("span", { className: "capitalize", children: roles?.[roleFilter] ?? roleFilter })] }), _jsx("button", { type: "button", "aria-label": organizationLocalization.clear, className: "text-muted hover:text-foreground inline-flex cursor-pointer items-center", onClick: () => setRoleFilter("all"), children: _jsx(Xmark, { className: "size-3" }) })] })), _jsx(Table, { children: _jsx(Table.ScrollContainer, { children: _jsxs(Table.Content, { "aria-label": organizationLocalization.members, sortDescriptor: sortDescriptor, onSortChange: (descriptor) => {
-                                    const shouldReset = sortDescriptor?.column === descriptor.column &&
-                                        descriptor.direction === "ascending";
-                                    setSortDescriptor(shouldReset ? undefined : descriptor);
-                                }, children: [_jsxs(Table.Header, { children: [_jsx(Table.Column, { allowsSorting: true, isRowHeader: true, id: "user", children: ({ sortDirection }) => (_jsx(SortableColumnHeader, { sortDirection: sortDirection, children: organizationLocalization.member })) }), _jsx(Table.Column, { allowsSorting: true, id: "role", children: ({ sortDirection }) => (_jsx(SortableColumnHeader, { sortDirection: sortDirection, children: organizationLocalization.role })) }), _jsx(Table.Column, { className: "text-end", children: organizationLocalization.actions })] }), _jsx(Table.Body, { children: isPending ? (_jsx(OrganizationMemberRowSkeleton, {})) : (!!activeOrganization &&
-                                            sortedMembers?.map((member) => (_jsx(OrganizationMemberRow, { member: member, isOwner: isOwner, organization: activeOrganization }, member.id)))) })] }) }) })] }), _jsx(InviteMemberDialog, { isOpen: inviteOpen, onOpenChange: setInviteOpen })] }));
-}
-function SortableColumnHeader({ children, sortDirection }) {
-    return (_jsxs("span", { className: "flex items-center justify-between", children: [children, !!sortDirection && (_jsx(ChevronUp, { className: cn("size-3 transform transition-transform duration-100 ease-out", sortDirection === "descending" ? "rotate-180" : "") }))] }));
-}

package/dist/components/auth/organization/organization-people.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "@heroui/react";
-import { OrganizationInvitations } from "./organization-invitations";
-import { OrganizationMembers } from "./organization-members";
-/**
- * Organization people UI: members table (see {@link OrganizationMembers}), then org
- * invitations.
- */
-export function OrganizationPeople({ className, ...props }) {
-    return (_jsxs("div", { className: cn("flex flex-col gap-4 md:gap-6", className), ...props, children: [_jsx(OrganizationMembers, {}), _jsx(OrganizationInvitations, {})] }));
-}

package/dist/components/auth/organization/organization-profile.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useActiveOrganization, useAuth, useAuthPlugin, useUpdateOrganization } from "@better-auth-ui/react";
-import { Button, Card, cn, FieldError, Form, Input, Label, Skeleton, Spinner, TextField, toast } from "@heroui/react";
-import { useEffect, useState } from "react";
-import { organizationPlugin } from "../../../lib/auth/organization-plugin";
-import { ChangeOrganizationLogo } from "./change-organization-logo";
-import { SlugField } from "./slug-field";
-/**
- * Profile card for the active organization: logo (when enabled), display name, and slug.
- */
-export function OrganizationProfile({ className, variant, ...props }) {
-    const { authClient, localization } = useAuth();
-    const { localization: organizationLocalization } = useAuthPlugin(organizationPlugin);
-    const { data: activeOrganization } = useActiveOrganization(authClient);
-    const [slug, setSlug] = useState(activeOrganization?.slug ?? "");
-    useEffect(() => {
-        setSlug(activeOrganization?.slug ?? "");
-    }, [activeOrganization?.slug]);
-    const { mutate: commitOrganizationUpdate, isPending } = useUpdateOrganization(authClient, {
-        onSuccess: () => toast.success(organizationLocalization.organizationUpdatedSuccess)
-    });
-    function handleSubmit(e) {
-        e.preventDefault();
-        if (!activeOrganization)
-            return;
-        const formData = new FormData(e.currentTarget);
-        const name = formData.get("name");
-        commitOrganizationUpdate({
-            data: { name, slug }
-        });
-    }
-    const inputVariant = variant === "transparent" ? "primary" : "secondary";
-    return (_jsxs("div", { children: [_jsx("h2", { className: cn("mb-3 text-sm font-semibold"), children: organizationLocalization.organizationProfile }), _jsx(Card, { className: cn(className), variant: variant, ...props, children: _jsx(Card.Content, { children: _jsxs(Form, { onSubmit: handleSubmit, className: "flex flex-col gap-4", children: [_jsx(ChangeOrganizationLogo, {}), _jsxs(TextField, { name: "name", defaultValue: activeOrganization?.name, isDisabled: isPending || !activeOrganization, children: [_jsx(Label, { children: organizationLocalization.name }), _jsx(Input, { className: cn(!activeOrganization && "hidden"), autoComplete: "organization", placeholder: organizationLocalization.namePlaceholder, variant: inputVariant }), !activeOrganization && (_jsx(Skeleton, { className: "h-10 w-full rounded-xl md:h-9" })), _jsx(FieldError, {})] }, `${activeOrganization?.id}-${activeOrganization?.name}-name`), activeOrganization ? (_jsx(SlugField, { value: slug, onChange: setSlug, currentSlug: activeOrganization.slug, isDisabled: isPending, variant: inputVariant })) : (_jsxs(TextField, { isDisabled: true, children: [_jsx(Label, { children: organizationLocalization.slug }), _jsx(Skeleton, { className: "h-10 w-full rounded-xl md:h-9" })] })), _jsxs(Button, { type: "submit", isPending: isPending, isDisabled: !activeOrganization, size: "sm", className: "mt-1", children: [isPending && _jsx(Spinner, { color: "current", size: "sm" }), localization.settings.saveChanges] })] }) }) })] }));
-}

package/dist/components/auth/organization/organization-row.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAuth, useAuthPlugin, useSetActiveOrganization } from "@better-auth-ui/react";
-import { Gear } from "@gravity-ui/icons";
-import { Button, Spinner } from "@heroui/react";
-import { organizationPlugin } from "../../../lib/auth/organization-plugin";
-import { OrganizationView } from "./organization-view";
-/**
- * Single organization row: logo and labels via {@link OrganizationView}, plus Manage.
- */
-export function OrganizationRow({ organization }) {
-    const { authClient, basePaths, navigate } = useAuth();
-    const { localization: organizationLocalization, viewPaths: organizationViewPaths, slug } = useAuthPlugin(organizationPlugin);
-    const { mutate: setActiveOrganization, isPending: setActivePending } = useSetActiveOrganization(authClient, {
-        onSuccess: () => {
-            navigate({
-                to: `${basePaths.organization}/${organizationViewPaths.organization.settings}`
-            });
-        }
-    });
-    function manageOrganization() {
-        if (slug !== undefined) {
-            navigate({
-                to: `${basePaths.organization}/${organization.slug}/${organizationViewPaths.organization.settings}`
-            });
-        }
-        else {
-            setActiveOrganization({ organizationId: organization.id });
-        }
-    }
-    return (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(OrganizationView, { organization: organization }), _jsxs(Button, { className: "ml-auto shrink-0", variant: "outline", size: "sm", isPending: setActivePending, onPress: manageOrganization, "aria-label": organizationLocalization.manage, children: [setActivePending ? _jsx(Spinner, { color: "current", size: "sm" }) : _jsx(Gear, {}), organizationLocalization.manage] })] }));
-}

package/dist/components/auth/organization/organization-settings.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAuth } from "@better-auth-ui/react";
-import { cn } from "@heroui/react";
-import { OrganizationDangerZone } from "./organization-danger-zone";
-import { OrganizationProfile } from "./organization-profile";
-/**
- * Organization settings UI: profile card, plugin-contributed cards
- * (`organizationCards`), then danger zone.
- */
-export function OrganizationSettings({ className, variant, ...props }) {
-    const { plugins } = useAuth();
-    return (_jsxs("div", { className: cn("flex flex-col gap-4 md:gap-6", className), ...props, children: [_jsx(OrganizationProfile, { variant: variant }), plugins.flatMap((plugin) => plugin.organizationCards?.map((Card, index) => (_jsx(Card, { variant: variant }, `${plugin.id}-${index.toString()}`)))), _jsx(OrganizationDangerZone, { variant: variant })] }));
-}

package/dist/components/auth/organization/organization-switcher.js

@@ -1,48 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useActiveOrganization, useAuth, useAuthPlugin, useListOrganizations, useSession, useSetActiveOrganization } from "@better-auth-ui/react";
-import { ChevronsExpandVertical, CirclePlus, Gear } from "@gravity-ui/icons";
-import { Button, cn, Dropdown, Label, Link } from "@heroui/react";
-import { buttonVariants } from "@heroui/styles";
-import { useState } from "react";
-import { organizationPlugin } from "../../../lib/auth/organization-plugin";
-import { UserView } from "../user/user-view";
-import { CreateOrganizationDialog } from "./create-organization-dialog";
-import { OrganizationView } from "./organization-view";
-/**
- * Renders an organizations dropdown with a trigger button,
- * header summary, and a menu of organizations to switch to.
- */
-export function OrganizationSwitcher({ className, hideCreate, hidePersonal, hideSettings, hideSlug = true, setActive, placement, variant = "ghost", size = "md", trigger, ...props }) {
-    const { authClient, navigate, basePaths, localization, viewPaths } = useAuth();
-    const { data: session, isPending: sessionPending } = useSession(authClient);
-    const { localization: organizationLocalization, viewPaths: organizationViewPaths, slug } = useAuthPlugin(organizationPlugin);
-    const { data: activeOrganization, isPending: activeOrganizationPending } = useActiveOrganization(authClient);
-    const { data: organizations, isPending: organizationsPending } = useListOrganizations(authClient);
-    const { mutate: setActiveOrganization } = useSetActiveOrganization(authClient);
-    const isPending = sessionPending ||
-        (!!session && (organizationsPending || activeOrganizationPending));
-    const [createOpen, setCreateOpen] = useState(false);
-    const [dropdownOpen, setDropdownOpen] = useState(false);
-    function handleSetActive(organization) {
-        if (setActive) {
-            setActive(organization);
-        }
-        else if (slug !== undefined) {
-            navigate({
-                to: organization
-                    ? `${basePaths.organization}/${organization.slug}/${organizationViewPaths.organization.settings}`
-                    : `${basePaths.settings}/${viewPaths.settings.account}`
-            });
-        }
-        else {
-            setActiveOrganization({ organizationId: organization?.id ?? null });
-        }
-    }
-    return (_jsxs(_Fragment, { children: [_jsxs(Dropdown, { isOpen: dropdownOpen, onOpenChange: setDropdownOpen, children: [trigger ? (_jsx(Dropdown.Trigger, { children: trigger })) : (_jsxs(Button, { variant: variant, className: cn("h-auto px-2 py-2 text-left", className), isDisabled: !session || isPending, "aria-label": organizationLocalization.organization, ...props, children: [isPending ? (_jsx(OrganizationView, { size: size, isPending: true, hideRole: true, hideSlug: hideSlug })) : activeOrganization ? (_jsx(OrganizationView, { size: size, hideRole: true, hideSlug: hideSlug })) : session && !hidePersonal ? (_jsx(UserView, { size: size, hideSubtitle: hideSlug })) : (_jsx(OrganizationView, { size: size, hideRole: true, hideSlug: hideSlug, organization: {
-                                    name: organizationLocalization.organization
-                                } })), _jsx(ChevronsExpandVertical, { className: "size-3 shrink-0 text-muted" })] })), _jsxs(Dropdown.Popover, { placement: placement, className: "max-w-svw", children: [activeOrganization ? (_jsxs("div", { className: "flex items-center justify-between gap-4 px-4 pt-3", children: [_jsx(OrganizationView, { hideRole: true, hideSlug: hideSlug, organization: activeOrganization }), !hideSettings && (_jsxs(Link, { href: slug
-                                            ? `${basePaths.organization}/${slug}/${organizationViewPaths.organization.settings}`
-                                            : `${basePaths.organization}/${organizationViewPaths.organization.settings}`, className: cn(buttonVariants({ variant: "outline", size: "sm" }), "shrink-0 gap-2"), onPress: () => setDropdownOpen(false), children: [_jsx(Gear, { className: "text-muted" }), organizationLocalization.manage] }))] })) : !isPending && session?.user && !hidePersonal ? (_jsxs("div", { className: "flex items-center justify-between gap-4 px-4 pt-3", children: [_jsx(UserView, { hideSubtitle: hideSlug }), !hideSettings && (_jsxs(Link, { href: `${basePaths.settings}/${viewPaths.settings.account}`, className: cn(buttonVariants({ variant: "outline", size: "sm" }), "shrink-0 gap-2"), onPress: () => setDropdownOpen(false), children: [_jsx(Gear, { className: "text-muted" }), localization.settings.settings] }))] })) : null, _jsxs(Dropdown.Menu, { children: [!!activeOrganization && !hidePersonal && (_jsx(Dropdown.Item, { textValue: organizationLocalization.personalAccount, onPress: () => handleSetActive(null), children: _jsx(UserView, { hideSubtitle: hideSlug }) })), organizations
-                                        ?.filter((organization) => organization.id !== activeOrganization?.id)
-                                        ?.map((organization) => (_jsx(Dropdown.Item, { textValue: organization.name, onPress: () => handleSetActive(organization), children: _jsx(OrganizationView, { hideRole: true, hideSlug: hideSlug, organization: organization }) }, organization.id))), !hideCreate && (_jsxs(Dropdown.Item, { textValue: organizationLocalization.createOrganization, onPress: () => setCreateOpen(true), children: [_jsx(CirclePlus, { className: "text-muted" }), _jsx(Label, { children: organizationLocalization.createOrganization })] }))] })] })] }), _jsx(CreateOrganizationDialog, { isOpen: createOpen, onOpenChange: setCreateOpen })] }));
-}

package/dist/components/auth/organization/organization-view-skeleton.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn, Skeleton } from "@heroui/react";
-import { OrganizationLogo } from "./organization-logo";
-/**
- * Placeholder matching {@link OrganizationView} while organization data loads.
- */
-export function OrganizationViewSkeleton({ className, hideSlug, size = "md", ...props }) {
-    return (_jsxs("div", { className: cn("flex min-w-0 items-center gap-2", className), ...props, children: [_jsx(OrganizationLogo, { isPending: true, className: size === "sm" ? "size-5" : undefined, size: size === "lg" ? "md" : "sm" }), _jsxs("div", { className: "flex flex-col min-w-0 gap-1", children: [_jsx(Skeleton, { className: "h-3.5 w-20 rounded-lg" }), !hideSlug && (_jsx(Skeleton, { className: "h-3 w-28 rounded-lg mt-[0.5px] mb-0.5" }))] })] }));
-}