@m5kdev/web-ui 0.1.2 → 0.1.4

package/dist/src/components/ui/timeline.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion, useScroll, useTransform } from "motion/react";
+import { useEffect, useRef, useState } from "react";
+export const Timeline = ({ data }) => {
+    const ref = useRef(null);
+    const containerRef = useRef(null);
+    const [height, setHeight] = useState(0);
+    useEffect(() => {
+        if (ref.current) {
+            const rect = ref.current.getBoundingClientRect();
+            setHeight(rect.height);
+        }
+    }, [ref, data.length]);
+    const { scrollYProgress } = useScroll({
+        target: containerRef,
+        offset: ["start 10%", "end 50%"],
+    });
+    const heightTransform = useTransform(scrollYProgress, [0, 1], [0, height]);
+    const opacityTransform = useTransform(scrollYProgress, [0, 0.1], [0, 1]);
+    return (_jsx("div", { className: "w-full bg-white dark:bg-neutral-950 font-sans md:px-10", ref: containerRef, children: _jsxs("div", { ref: ref, className: "relative max-w-7xl mx-auto pb-20", children: [data.map((item, index) => (_jsxs("div", { className: "flex justify-start pt-10 md:pt-40 md:gap-10", children: [_jsxs("div", { className: "sticky flex flex-col md:flex-row z-40 items-center top-40 self-start max-w-xs lg:max-w-sm md:w-full", children: [_jsx("div", { className: "h-10 absolute left-3 md:left-3 w-10 rounded-full bg-white dark:bg-black flex items-center justify-center", children: _jsx("div", { className: "h-4 w-4 rounded-full bg-neutral-200 dark:bg-neutral-800 border border-neutral-300 dark:border-neutral-700 p-2" }) }), _jsxs("div", { className: "hidden md:block md:pl-20 ", children: [_jsx("h3", { className: "text-xl md:text-3xl font-bold text-neutral-300 dark:text-neutral-300", children: item.title }), item.subtitle && (_jsx("h4", { className: "text-neutral-700 dark:text-neutral-400 text-xl font-bold", children: item.subtitle })), item.description && (_jsx("h5", { className: "text-neutral-700 dark:text-neutral-500 text-sm italic", children: item.description }))] })] }), _jsxs("div", { className: "relative pl-20 pr-4 md:pl-4 w-full", children: [_jsxs("div", { className: "md:hidden block mb-4", children: [_jsx("h3", { className: "text-3xl text-left font-bold text-neutral-300 dark:text-neutral-300", children: item.title }), item.subtitle && (_jsx("h4", { className: "text-neutral-700 dark:text-neutral-400 text-xl font-bold", children: item.subtitle })), item.description && (_jsx("h5", { className: "text-neutral-700 dark:text-neutral-500 text-sm italic", children: item.description }))] }), item.content, " "] })] }, index))), _jsx("div", { style: {
+                        height: height + "px",
+                    }, className: "absolute md:left-8 left-8 top-0 overflow-hidden w-[2px] bg-[linear-gradient(to_bottom,var(--tw-gradient-stops))] from-transparent from-[0%] via-neutral-200 dark:via-neutral-700 to-transparent to-[99%]  [mask-image:linear-gradient(to_bottom,transparent_0%,black_10%,black_90%,transparent_100%)] ", children: _jsx(motion.div, { style: {
+                            height: heightTransform,
+                            opacity: opacityTransform,
+                        }, className: "absolute inset-x-0 top-0  w-[2px] bg-gradient-to-t from-lime-500 via-emerald-500 to-transparent from-[0%] via-[10%] rounded-full" }) })] }) }));
+};

package/dist/src/components/ui/toast.d.ts

@@ -0,0 +1,16 @@
+import * as ToastPrimitives from "@radix-ui/react-toast";
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
+declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
+declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
+type ToastActionElement = React.ReactElement<typeof ToastAction>;
+export { type ToastProps, type ToastActionElement, ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };
+//# sourceMappingURL=toast.d.ts.map

package/dist/src/components/ui/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,aAAa,8CAA2B,CAAC;AAE/C,QAAA,MAAM,aAAa,kKAYjB,CAAC;AAmBH,QAAA,MAAM,KAAK;;qHAWT,CAAC;AAGH,QAAA,MAAM,WAAW,kKAYf,CAAC;AAGH,QAAA,MAAM,UAAU,iKAed,CAAC;AAGH,QAAA,MAAM,UAAU,2JASd,CAAC;AAGH,QAAA,MAAM,gBAAgB,iKASpB,CAAC;AAGH,KAAK,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,KAAK,CAAC,CAAC;AAE/D,KAAK,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AAEjE,OAAO,EACL,KAAK,UAAU,EACf,KAAK,kBAAkB,EACvB,aAAa,EACb,aAAa,EACb,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,WAAW,GACZ,CAAC"}

package/dist/src/components/ui/toast.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+import { cva } from "class-variance-authority";
+import { X } from "lucide-react";
+import * as React from "react";
+import { cn } from "#utils";
+const ToastProvider = ToastPrimitives.Provider;
+const ToastViewport = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Viewport, { ref: ref, className: cn("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]", className), ...props })));
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+const toastVariants = cva("group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full", {
+    variants: {
+        variant: {
+            default: "border bg-background text-foreground",
+            destructive: "destructive group border-destructive bg-destructive text-destructive-foreground",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+const Toast = React.forwardRef(({ className, variant, ...props }, ref) => {
+    return (_jsx(ToastPrimitives.Root, { ref: ref, className: cn(toastVariants({ variant }), className), ...props }));
+});
+Toast.displayName = ToastPrimitives.Root.displayName;
+const ToastAction = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Action, { ref: ref, className: cn("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive", className), ...props })));
+ToastAction.displayName = ToastPrimitives.Action.displayName;
+const ToastClose = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Close, { ref: ref, className: cn("absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600", className), "toast-close": "", ...props, children: _jsx(X, { className: "h-4 w-4" }) })));
+ToastClose.displayName = ToastPrimitives.Close.displayName;
+const ToastTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Title, { ref: ref, className: cn("text-sm font-semibold [&+div]:text-xs", className), ...props })));
+ToastTitle.displayName = ToastPrimitives.Title.displayName;
+const ToastDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Description, { ref: ref, className: cn("text-sm opacity-90", className), ...props })));
+ToastDescription.displayName = ToastPrimitives.Description.displayName;
+export { ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };

package/dist/src/components/ui/tooltip.d.ts

@@ -0,0 +1,8 @@
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import type * as React from "react";
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/src/components/ui/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,eAAe,CAAC,EACvB,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,2CAQxD;AAED,iBAAS,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAMhF;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAE1F;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAiBvD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}

package/dist/src/components/ui/tooltip.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { cn } from "#utils";
+function TooltipProvider({ delayDuration = 0, ...props }) {
+    return (_jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, ...props }));
+}
+function Tooltip({ ...props }) {
+    return (_jsx(TooltipProvider, { children: _jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) }));
+}
+function TooltipTrigger({ ...props }) {
+    return _jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({ className, sideOffset = 0, children, ...props }) {
+    return (_jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, { "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn("bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance", className), ...props, children: [children, _jsx(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })] }) }));
+}
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/src/components/ui/typewriter-effect.d.ts

@@ -0,0 +1,17 @@
+export declare const TypewriterEffect: ({ words, className, cursorClassName, }: {
+    words: {
+        text: string;
+        className?: string;
+    }[];
+    className?: string;
+    cursorClassName?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const TypewriterEffectSmooth: ({ words, className, cursorClassName, }: {
+    words: {
+        text: string;
+        className?: string;
+    }[];
+    className?: string;
+    cursorClassName?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=typewriter-effect.d.ts.map

package/dist/src/components/ui/typewriter-effect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typewriter-effect.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/typewriter-effect.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB,GAAI,wCAI9B;IACD,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,EAAE,CAAC;IACJ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,4CA8EA,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,wCAIpC;IACD,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,EAAE,CAAC;IACJ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,4CAwEA,CAAC"}

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,2 @@
+export declare function useIsMobile(): boolean;
+//# sourceMappingURL=use-mobile.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-mobile.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,YAc1B"}

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,5 @@
+import { type DialogProps, useDialog } from "#components/DialogProvider";
+export { useDialog };
+export declare const useConfirmDialog: () => (props: DialogProps) => void;
+export declare const useAlertDialog: () => (props: DialogProps) => void;
+//# sourceMappingURL=useDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDialog.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEzE,OAAO,EAAE,SAAS,EAAE,CAAC;AAErB,eAAO,MAAM,gBAAgB,SAEnB,OAAO,WAAW,SAO3B,CAAC;AAEF,eAAO,MAAM,cAAc,SAEjB,OAAO,WAAW,SAO3B,CAAC"}

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,6 @@
+import type { ComponentPropsWithoutRef } from "react";
+interface GoogleIconProps extends ComponentPropsWithoutRef<"svg"> {
+}
+export declare function GoogleIcon(props: GoogleIconProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=GoogleIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GoogleIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/GoogleIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAEtD,UAAU,eAAgB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAEpE,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CA2BhD"}

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,6 @@
+import type { ComponentPropsWithoutRef } from "react";
+interface LinkedInIconProps extends ComponentPropsWithoutRef<"svg"> {
+}
+export declare function LinkedInIcon(props: LinkedInIconProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LinkedInIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkedInIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/LinkedInIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAEtD,UAAU,iBAAkB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAEtE,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAuBpD"}

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,6 @@
+import type { ComponentPropsWithoutRef } from "react";
+interface MicrosoftIconProps extends ComponentPropsWithoutRef<"svg"> {
+}
+export declare function MicrosoftIcon(props: MicrosoftIconProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MicrosoftIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MicrosoftIcon.d.ts","sourceRoot":"","sources":["../../../src/icons/MicrosoftIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAEtD,UAAU,kBAAmB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAEvE,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CActD"}

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,12 @@
+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;
+//# sourceMappingURL=chatwoot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chatwoot.d.ts","sourceRoot":"","sources":["../../../src/lib/chatwoot.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAC3B,EACE,OAAO,EACP,YAAY,GACb,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;CACtB,EACD,EACE,IAAI,GACL,EAAE;IACD,IAAI,CAAC,EAAE;QACL,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACvB,CAAC;CACH,EACD,cAAc,CAAC,EAAE,OAAO,QAgCzB"}

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,3 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAG7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

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,3 @@
+import { type SpinnerProps } from "@heroui/react";
+export declare function AppLoader(props: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AppLoader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppLoader.d.ts","sourceRoot":"","sources":["../../../../../src/modules/app/components/AppLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAE3D,wBAAgB,SAAS,CAAC,KAAK,EAAE,YAAY,2CAM5C"}

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,8 @@
+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;
+//# sourceMappingURL=AppShell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../../../src/modules/app/components/AppShell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAEtF,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,EAAE,eAAe,CAAC;CAC1B,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,aAAa,2CAU1D"}

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,8 @@
+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;
+//# sourceMappingURL=AppSidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppSidebar.d.ts","sourceRoot":"","sources":["../../../../../src/modules/app/components/AppSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,eAAe,2CAStE"}

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,17 @@
+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 {};
+//# sourceMappingURL=AppSidebarContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppSidebarContent.d.ts","sourceRoot":"","sources":["../../../../../src/modules/app/components/AppSidebarContent.tsx"],"names":[],"mappings":"AASA,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,eAAe,EAAE,CAAC,cAAc,GAAG;QACjC,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;KAC7B,CAAC,EAAE,CAAC;IACL,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,uBAAuB,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CACnE,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,eAAe,EACf,eAAe,EACf,uBAAuB,GACxB,EAAE,sBAAsB,2CA2CxB"}

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,9 @@
+export declare function AppSidebarHeader({ logo, title, size, }: {
+    logo: {
+        src: string;
+        alt: string;
+    };
+    title: string;
+    size?: number;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AppSidebarHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppSidebarHeader.d.ts","sourceRoot":"","sources":["../../../../../src/modules/app/components/AppSidebarHeader.tsx"],"names":[],"mappings":"AAMA,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,KAAK,EACL,IAAS,GACV,EAAE;IACD,IAAI,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,2CA0CA"}

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,4 @@
+export declare function AppSidebarInvites({ count }: {
+    count: number;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AppSidebarInvites.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppSidebarInvites.d.ts","sourceRoot":"","sources":["../../../../../src/modules/app/components/AppSidebarInvites.tsx"],"names":[],"mappings":"AAOA,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,2CAwB7D"}

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,12 @@
+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;
+//# sourceMappingURL=AppSidebarUser.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppSidebarUser.d.ts","sourceRoot":"","sources":["../../../../../src/modules/app/components/AppSidebarUser.tsx"],"names":[],"mappings":"AAoBA,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,CAAC,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACtB,CAAC;IACF,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,wBAAwB,EAAE,EAAE,mBAAmB,2CAgGhG"}

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,7 @@
+import type { UseBackendTRPC } from "#types";
+interface AdminUserManagementProps {
+    useTRPC?: UseBackendTRPC;
+}
+export declare function AdminUserManagement({ useTRPC }: AdminUserManagementProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AdminUserManagement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdminUserManagement.d.ts","sourceRoot":"","sources":["../../../../../src/modules/auth/components/AdminUserManagement.tsx"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAM7C,UAAU,wBAAwB;IAChC,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,2CAyjCxE"}