@m5kdev/web-ui 0.1.3 → 0.1.5

package/dist/src/components/ui/typewriter-effect.js

@@ -0,0 +1,76 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion, stagger, useAnimate, useInView } from "motion/react";
+import { useEffect } from "react";
+import { cn } from "#utils";
+export const TypewriterEffect = ({ words, className, cursorClassName, }) => {
+    // split text inside of words into array of characters
+    const wordsArray = words.map((word) => {
+        return {
+            ...word,
+            text: word.text.split(""),
+        };
+    });
+    const [scope, animate] = useAnimate();
+    const isInView = useInView(scope);
+    useEffect(() => {
+        if (isInView) {
+            animate("span", {
+                display: "inline-block",
+                opacity: 1,
+                width: "fit-content",
+            }, {
+                duration: 0.3,
+                delay: stagger(0.1),
+                ease: "easeInOut",
+            });
+        }
+    }, [isInView]);
+    const renderWords = () => {
+        return (_jsx(motion.div, { ref: scope, className: "inline", children: wordsArray.map((word, idx) => {
+                return (_jsxs("div", { className: "inline-block", children: [word.text.map((char, index) => (_jsx(motion.span, { initial: {}, className: cn("dark:text-white text-black opacity-0 hidden", word.className), children: char }, `char-${index}`))), "\u00A0"] }, `word-${idx}`));
+            }) }));
+    };
+    return (_jsxs("div", { className: cn("text-base sm:text-xl md:text-3xl lg:text-5xl font-bold text-center", className), children: [renderWords(), _jsx(motion.span, { initial: {
+                    opacity: 0,
+                }, animate: {
+                    opacity: 1,
+                }, transition: {
+                    duration: 0.8,
+                    repeat: Number.POSITIVE_INFINITY,
+                    repeatType: "reverse",
+                }, className: cn("inline-block rounded-sm w-[4px] h-4 md:h-6 lg:h-10 bg-green-500", cursorClassName) })] }));
+};
+export const TypewriterEffectSmooth = ({ words, className, cursorClassName, }) => {
+    // split text inside of words into array of characters
+    const wordsArray = words.map((word) => {
+        return {
+            ...word,
+            text: word.text.split(""),
+        };
+    });
+    const renderWords = () => {
+        return (_jsx("div", { children: wordsArray.map((word, idx) => {
+                return (_jsxs("div", { className: "inline-block", children: [word.text.map((char, index) => (_jsx("span", { className: cn("dark:text-white text-black ", word.className), children: char }, `char-${index}`))), "\u00A0"] }, `word-${idx}`));
+            }) }));
+    };
+    return (_jsxs("div", { className: cn("flex space-x-1 my-6", className), children: [_jsxs(motion.div, { className: "overflow-hidden pb-2", initial: {
+                    width: "0%",
+                }, whileInView: {
+                    width: "fit-content",
+                }, transition: {
+                    duration: 2,
+                    ease: "linear",
+                    delay: 1,
+                }, children: [_jsxs("div", { className: "text-xs sm:text-base md:text-xl lg:text:3xl xl:text-5xl font-bold", style: {
+                            whiteSpace: "nowrap",
+                        }, children: [renderWords(), " "] }), " "] }), _jsx(motion.span, { initial: {
+                    opacity: 0,
+                }, animate: {
+                    opacity: 1,
+                }, transition: {
+                    duration: 0.8,
+                    repeat: Number.POSITIVE_INFINITY,
+                    repeatType: "reverse",
+                }, className: cn("block rounded-sm w-[4px]  h-4 sm:h-6 xl:h-12 bg-green-500", cursorClassName) })] }));
+};

package/dist/src/hooks/use-mobile.d.ts

@@ -0,0 +1 @@
+export declare function useIsMobile(): boolean;

package/dist/src/hooks/use-mobile.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+const MOBILE_BREAKPOINT = 768;
+export function useIsMobile() {
+    const [isMobile, setIsMobile] = React.useState(undefined);
+    React.useEffect(() => {
+        const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+        const onChange = () => {
+            setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        };
+        mql.addEventListener("change", onChange);
+        setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        return () => mql.removeEventListener("change", onChange);
+    }, []);
+    return !!isMobile;
+}

package/dist/src/hooks/useDialog.d.ts

@@ -0,0 +1,4 @@
+import { type DialogProps, useDialog } from "#components/DialogProvider";
+export { useDialog };
+export declare const useConfirmDialog: () => (props: DialogProps) => void;
+export declare const useAlertDialog: () => (props: DialogProps) => void;

package/dist/src/hooks/useDialog.js

@@ -0,0 +1,22 @@
+import { useDialog } from "#components/DialogProvider";
+export { useDialog };
+export const useConfirmDialog = () => {
+    const dialog = useDialog();
+    return (props) => {
+        dialog({
+            color: "danger",
+            cancelable: true,
+            ...props,
+        });
+    };
+};
+export const useAlertDialog = () => {
+    const dialog = useDialog();
+    return (props) => {
+        dialog({
+            color: "warning",
+            cancelable: false,
+            ...props,
+        });
+    };
+};

package/dist/src/icons/GoogleIcon.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentPropsWithoutRef } from "react";
+interface GoogleIconProps extends ComponentPropsWithoutRef<"svg"> {
+}
+export declare function GoogleIcon(props: GoogleIconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/icons/GoogleIcon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function GoogleIcon(props) {
+    return (_jsxs("svg", { "aria-hidden": "true", viewBox: "10 10 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { d: "M29.6 20.2273C29.6 19.5182 29.5364 18.8364 29.4182 18.1818H20V22.05H25.3818C25.15 23.3 24.4455 24.3591 23.3864 25.0682V27.5773H26.6182C28.5091 25.8364 29.6 23.2727 29.6 20.2273Z", fill: "#4285F4" }), _jsx("path", { d: "M20 30C22.7 30 24.9636 29.1045 26.6181 27.5773L23.3863 25.0682C22.4909 25.6682 21.3454 26.0227 20 26.0227C17.3954 26.0227 15.1909 24.2636 14.4045 21.9H11.0636V24.4909C12.7091 27.7591 16.0909 30 20 30Z", fill: "#34A853" }), _jsx("path", { d: "M14.4045 21.9C14.2045 21.3 14.0909 20.6591 14.0909 20C14.0909 19.3409 14.2045 18.7 14.4045 18.1V15.5091H11.0636C10.3864 16.8591 10 18.3864 10 20C10 21.6136 10.3864 23.1409 11.0636 24.4909L14.4045 21.9Z", fill: "#FBBC04" }), _jsx("path", { d: "M20 13.9773C21.4681 13.9773 22.7863 14.4818 23.8227 15.4727L26.6909 12.6045C24.9591 10.9909 22.6954 10 20 10C16.0909 10 12.7091 12.2409 11.0636 15.5091L14.4045 18.1C15.1909 15.7364 17.3954 13.9773 20 13.9773Z", fill: "#E94235" })] }));
+}

package/dist/src/icons/LinkedInIcon.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentPropsWithoutRef } from "react";
+interface LinkedInIconProps extends ComponentPropsWithoutRef<"svg"> {
+}
+export declare function LinkedInIcon(props: LinkedInIconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/icons/LinkedInIcon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function LinkedInIcon(props) {
+    return (_jsx("svg", { "aria-hidden": "true", height: "72", width: "72", viewBox: "0 0 72 72", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsxs("g", { fill: "none", fillRule: "evenodd", children: [_jsx("path", { d: "M8 72h56c4.418 0 8-3.582 8-8V8c0-4.418-3.582-8-8-8H8C3.582 0 0 3.582 0 8v56c0 4.418 3.582 8 8 8Z", fill: "#007EBB" }), _jsx("path", { d: "M62 62H51.316V43.802c0-4.99-1.896-7.778-5.845-7.778-4.296 0-6.541 2.901-6.541 7.777V62H28.633V27.333h10.297v4.67S42.026 26.274 49.383 26.274C56.736 26.274 62 30.764 62 40.051zM16.349 22.794c-3.507 0-6.349-2.864-6.349-6.397C10 12.864 12.842 10 16.349 10c3.507 0 6.348 2.864 6.348 6.397 0 3.533-2.84 6.397-6.348 6.397zM11.033 62h10.737V27.333H11.033z", fill: "#FFF" })] }) }));
+}

package/dist/src/icons/MicrosoftIcon.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentPropsWithoutRef } from "react";
+interface MicrosoftIconProps extends ComponentPropsWithoutRef<"svg"> {
+}
+export declare function MicrosoftIcon(props: MicrosoftIconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/icons/MicrosoftIcon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function MicrosoftIcon(props) {
+    return (_jsxs("svg", { "aria-hidden": "true", viewBox: "0 0 21 21", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { fill: "#F35325", d: "M0 0h10v10H0z" }), _jsx("path", { fill: "#81BC06", d: "M11 0h10v10H11z" }), _jsx("path", { fill: "#05A6F0", d: "M0 11h10v10H0z" }), _jsx("path", { fill: "#FFBA08", d: "M11 11h10v10H11z" })] }));
+}

package/dist/src/lib/chatwoot.d.ts

@@ -0,0 +1,11 @@
+export declare function startChatwoot({ baseUrl, websiteToken, }: {
+    baseUrl: string;
+    websiteToken: string;
+}, { user, }: {
+    user?: {
+        id: string;
+        email: string;
+        name?: string | null;
+        image?: string | null;
+    };
+}, allowAnonymous?: boolean): void;

package/dist/src/lib/chatwoot.js

@@ -0,0 +1,28 @@
+export function startChatwoot({ baseUrl, websiteToken, }, { user, }, allowAnonymous) {
+    // avoid loading twice
+    if (window.chatwootSDK)
+        return;
+    if (!allowAnonymous && !user) {
+        throw new Error("User is required to start Chatwoot");
+    }
+    const script = document.createElement("script");
+    script.src = `${baseUrl}/packs/js/sdk.js`;
+    script.async = true;
+    script.onload = () => {
+        window.chatwootSDK.run({
+            websiteToken,
+            baseUrl,
+        });
+    };
+    document.body.appendChild(script);
+    if (user) {
+        window.addEventListener("chatwoot:ready", () => {
+            // @ts-expect-error chatwoot is in global window
+            window.$chatwoot.setUser(user.id, {
+                email: user.email,
+                name: user.name,
+                avatar_url: user.image,
+            });
+        });
+    }
+}

package/dist/src/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/src/lib/utils.js

@@ -0,0 +1,5 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}

package/dist/src/modules/app/components/AppLoader.d.ts

@@ -0,0 +1,2 @@
+import { type SpinnerProps } from "@heroui/react";
+export declare function AppLoader(props: SpinnerProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/modules/app/components/AppLoader.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Spinner } from "@heroui/react";
+export function AppLoader(props) {
+    return (_jsx("div", { className: "flex h-screen w-full justify-center align-center", children: _jsx(Spinner, { size: "lg", ...props }) }));
+}

package/dist/src/modules/app/components/AppShell.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+import { type AppSidebarProps } from "#modules/app/components/AppSidebar";
+export type AppShellProps = {
+    header?: ReactNode;
+    sidebar: AppSidebarProps;
+};
+export declare function AppShell({ header, sidebar }: AppShellProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/modules/app/components/AppShell.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SidebarInset, SidebarProvider } from "@m5kdev/web-ui/components/ui/sidebar";
+import { Outlet } from "react-router";
+import { AppSidebar } from "#modules/app/components/AppSidebar";
+export function AppShell({ header, sidebar }) {
+    return (_jsxs(SidebarProvider, { children: [header, _jsx(AppSidebar, { ...sidebar }), _jsx(SidebarInset, { children: _jsx(Outlet, {}) })] }));
+}

package/dist/src/modules/app/components/AppSidebar.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+export type AppSidebarProps = {
+    header: ReactNode;
+    content?: ReactNode;
+    footer?: ReactNode;
+};
+export declare function AppSidebar({ header, content, footer }: AppSidebarProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/modules/app/components/AppSidebar.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarRail, } from "#components/ui/sidebar";
+export function AppSidebar({ header, content, footer }) {
+    return (_jsxs(Sidebar, { collapsible: "icon", children: [_jsx(SidebarHeader, { children: header }), _jsx(SidebarContent, { children: content }), _jsx(SidebarFooter, { children: footer }), _jsx(SidebarRail, {})] }));
+}

package/dist/src/modules/app/components/AppSidebarContent.d.ts

@@ -0,0 +1,16 @@
+type NavigationItem = {
+    label: string;
+    icon: React.ReactNode;
+    link: string;
+    badge?: React.ReactNode;
+};
+export type AppSidebarContentProps = {
+    navigationItems: (NavigationItem & {
+        defaultOpen?: boolean;
+        subItems?: NavigationItem[];
+    })[];
+    navigationState: Record<string, boolean>;
+    onNavigationStateChange: (state: Record<string, boolean>) => void;
+};
+export declare function AppSidebarContent({ navigationItems, navigationState, onNavigationStateChange, }: AppSidebarContentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/modules/app/components/AppSidebarContent.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from "react-router";
+import { CollapsibleSidebarMenuItem } from "#components/CollapsibleSidebarMenuItem";
+import { SidebarGroup, SidebarMenu, SidebarMenuButton, SidebarMenuItem, } from "#components/ui/sidebar";
+export function AppSidebarContent({ navigationItems, navigationState, onNavigationStateChange, }) {
+    return (_jsx(SidebarGroup, { children: _jsx(SidebarMenu, { children: navigationItems.map((item) => item.subItems ? (_jsx(CollapsibleSidebarMenuItem, { defaultOpen: item.defaultOpen, open: navigationState[item.label], label: item.label, icon: item.icon, link: item.link, badge: item.badge, onOpenChange: (open) => onNavigationStateChange({ ...navigationState, [item.label]: open }), children: item.subItems.map((subItem) => (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, children: _jsxs(Link, { to: subItem.link, children: [subItem.icon, _jsx("span", { children: subItem.label })] }) }) }, subItem.label))) }, item.label)) : (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, children: _jsxs(Link, { to: item.link, children: [item.icon, _jsx("span", { children: item.label })] }) }) }, item.label))) }) }));
+}

package/dist/src/modules/app/components/AppSidebarHeader.d.ts

@@ -0,0 +1,8 @@
+export declare function AppSidebarHeader({ logo, title, size, }: {
+    logo: {
+        src: string;
+        alt: string;
+    };
+    title: string;
+    size?: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/modules/app/components/AppSidebarHeader.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@heroui/react";
+import { useSidebar } from "@m5kdev/web-ui/components/ui/sidebar";
+import { cn } from "@m5kdev/web-ui/utils";
+import { ChevronsLeftIcon, ChevronsRightIcon } from "lucide-react";
+import { Link } from "react-router";
+export function AppSidebarHeader({ logo, title, size = 30, }) {
+    const { open, toggleSidebar } = useSidebar();
+    return (_jsxs("div", { className: cn("flex  justify-between items-center overflow-hidden gap-2", open ? "w-[239px] px-2 flex-row" : "w-auto flex-col"), children: [_jsxs(Link, { to: "/", className: cn("flex items-center font-medium overflow-hidden gap-2", open ? "w-[239px] px-2" : "w-auto"), style: { height: size }, children: [_jsx("img", { className: "shrink-0", src: logo.src, alt: logo.alt, style: { width: size, height: size } }), _jsx("span", { className: "group-data-[collapsible=icon]:hidden font-semibold text-lg text-neutral-900", children: title })] }), _jsx(Button, { isIconOnly: true, variant: "faded", size: "sm", className: "w-4 h-6", onPress: () => toggleSidebar(), children: open ? (_jsx(ChevronsLeftIcon, { className: "w-4 h-4" })) : (_jsx(ChevronsRightIcon, { className: "w-4 h-4" })) })] }));
+}

package/dist/src/modules/app/components/AppSidebarInvites.d.ts

@@ -0,0 +1,3 @@
+export declare function AppSidebarInvites({ count }: {
+    count: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/modules/app/components/AppSidebarInvites.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Button, Tooltip } from "@heroui/react";
+import { useSidebar } from "@m5kdev/web-ui/components/ui/sidebar";
+import { cn } from "@m5kdev/web-ui/utils";
+import { GiftIcon } from "lucide-react";
+import { useTranslation } from "react-i18next";
+import { Link } from "react-router";
+export function AppSidebarInvites({ count }) {
+    const { open } = useSidebar();
+    const { t } = useTranslation("web-ui");
+    return (_jsx("div", { className: cn("flex justify-center w-auto"), children: _jsx(Tooltip, { content: t("sidebar.invites.title"), placement: "right", isDisabled: open, children: _jsx(Badge, { color: "primary", variant: "faded", content: count, size: "sm", isOneChar: true, children: _jsxs(Button, { as: Link, to: "/invites", className: cn("flex items-center gap-2"), isIconOnly: !open, size: "sm", variant: "light", children: [_jsx(GiftIcon, { className: "w-4 h-4 text-neutral-500" }), _jsx("span", { className: "group-data-[collapsible=icon]:hidden text-sm text-neutral-500", children: t("sidebar.invites.title") })] }) }) }) }));
+}

package/dist/src/modules/app/components/AppSidebarUser.d.ts

@@ -0,0 +1,11 @@
+export type AppSidebarUserProps = {
+    user?: {
+        name: string;
+        email: string;
+        image?: string | null;
+        role?: string | null;
+    };
+    onSignOut: () => void;
+    organizationSettingsPath?: string;
+};
+export declare function AppSidebarUser({ user, onSignOut, organizationSettingsPath }: AppSidebarUserProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/modules/app/components/AppSidebarUser.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Building2, ChevronsUpDown, CreditCard, LogOut, Settings, Sparkles, User } from "lucide-react";
+import { useTranslation } from "react-i18next";
+import { Link } from "react-router";
+import { Avatar, AvatarFallback, AvatarImage } from "#components/ui/avatar";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "#components/ui/dropdown-menu";
+import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar, } from "#components/ui/sidebar";
+export function AppSidebarUser({ user, onSignOut, organizationSettingsPath }) {
+    const { name = "User", email = "email@example.com", image, role } = user || {};
+    const isAdmin = role === "admin";
+    const { isMobile } = useSidebar();
+    const { t } = useTranslation("web-ui");
+    return (_jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(SidebarMenuButton, { size: "lg", className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground", children: [_jsxs(Avatar, { className: "h-8 w-8 rounded-lg", children: [_jsx(AvatarImage, { src: image ?? undefined, alt: name }), _jsx(AvatarFallback, { className: "rounded-lg", children: "CN" })] }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsx("span", { className: "truncate font-semibold", children: name }), _jsx("span", { className: "truncate text-xs", children: email })] }), _jsx(ChevronsUpDown, { className: "ml-auto size-4" })] }) }), _jsxs(DropdownMenuContent, { className: "w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg", side: isMobile ? "bottom" : "right", align: "end", sideOffset: 4, children: [_jsx(DropdownMenuLabel, { className: "p-0 font-normal", children: _jsxs("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm", children: [_jsxs(Avatar, { className: "h-8 w-8 rounded-lg", children: [_jsx(AvatarImage, { src: image ?? undefined, alt: name }), _jsx(AvatarFallback, { className: "rounded-lg", children: "CN" })] }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsx("span", { className: "truncate font-semibold", children: name }), _jsx("span", { className: "truncate text-xs", children: email })] })] }) }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuGroup, { children: _jsx(Link, { to: "/billing", children: _jsxs(DropdownMenuItem, { className: "cursor-pointer", children: [_jsx(Sparkles, {}), t("web-ui:sidebar.user.upgradeToPro")] }) }) }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuGroup, { children: [isAdmin && (_jsx(Link, { to: "/admin", children: _jsxs(DropdownMenuItem, { className: "cursor-pointer", children: [_jsx(Settings, {}), t("web-ui:sidebar.user.adminDashboard")] }) })), organizationSettingsPath && (_jsx(Link, { to: organizationSettingsPath, children: _jsxs(DropdownMenuItem, { className: "cursor-pointer", children: [_jsx(Building2, {}), t("web-ui:sidebar.user.organizationSettings", {
+                                                    defaultValue: "Organization settings",
+                                                })] }) })), _jsx(Link, { to: "/profile", children: _jsxs(DropdownMenuItem, { className: "cursor-pointer", children: [_jsx(User, {}), t("web-ui:sidebar.user.account")] }) }), _jsx(Link, { to: "/billing", children: _jsxs(DropdownMenuItem, { className: "cursor-pointer", children: [_jsx(CreditCard, {}), t("web-ui:sidebar.user.billing")] }) })] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { className: "cursor-pointer", onClick: onSignOut, children: [_jsx(LogOut, {}), t("web-ui:sidebar.user.logout")] })] })] }) }) }));
+}

package/dist/src/modules/auth/components/AdminUserManagement.d.ts

@@ -0,0 +1,6 @@
+import type { UseBackendTRPC } from "#types";
+interface AdminUserManagementProps {
+    useTRPC?: UseBackendTRPC;
+}
+export declare function AdminUserManagement({ useTRPC }: AdminUserManagementProps): import("react/jsx-runtime").JSX.Element;
+export {};