@uipath/apollo-vertex 0.0.0-stage → 0.3.0

package/dist/registry/shell/shell-company.js

@@ -0,0 +1,184 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Link } from "@tanstack/react-router";
+import { AnimatePresence, motion } from "framer-motion";
+import { PanelLeft } from "lucide-react";
+import { useState } from "react";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
+import { Button } from "../button/button.js";
+import { useSidebar } from "../sidebar/sidebar.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../tooltip/tooltip.js";
+import { cn } from "../../lib/utils.js";
+import { fastFadeTransition, iconHoverScale, scaleVariants, textFadeVariants } from "./shell-animations.js";
+import { CompanyLogoIcon } from "./shell-company-logo.js";
+function CollapsedLogo({ companyLogo, sidebarHovered, onExpand }) {
+    const { t } = useVertexTranslation();
+    const [buttonHovered, setButtonHovered] = useState(false);
+    const isCustomLogo = companyLogo?.isCustom ?? false;
+    const panelBgClass = isCustomLogo ? "bg-white border border-border" : "bg-[oklch(0.6533_0.2227_34.41)]";
+    const iconColorClass = isCustomLogo ? "text-black" : "text-white";
+    return /*#__PURE__*/ jsx(TooltipProvider, {
+        children: /*#__PURE__*/ jsxs(Tooltip, {
+            children: [
+                /*#__PURE__*/ jsx(TooltipTrigger, {
+                    asChild: true,
+                    children: /*#__PURE__*/ jsx("button", {
+                        onClick: onExpand,
+                        onMouseEnter: ()=>setButtonHovered(true),
+                        onMouseLeave: ()=>setButtonHovered(false),
+                        className: "flex items-center justify-center cursor-pointer",
+                        type: "button",
+                        children: /*#__PURE__*/ jsx(motion.div, {
+                            className: cn("w-8 h-8 rounded-md flex items-center justify-center shrink-0 overflow-hidden", panelBgClass),
+                            animate: buttonHovered ? {
+                                scale: iconHoverScale.scale
+                            } : {
+                                scale: 1
+                            },
+                            transition: {
+                                duration: 0.2
+                            },
+                            children: /*#__PURE__*/ jsx(AnimatePresence, {
+                                mode: "wait",
+                                initial: false,
+                                children: sidebarHovered ? /*#__PURE__*/ jsx(motion.div, {
+                                    initial: {
+                                        opacity: 0,
+                                        scale: 0.8
+                                    },
+                                    animate: {
+                                        opacity: 1,
+                                        scale: 1
+                                    },
+                                    exit: {
+                                        opacity: 0,
+                                        scale: 0.8
+                                    },
+                                    transition: {
+                                        duration: 0.15
+                                    },
+                                    children: /*#__PURE__*/ jsx(PanelLeft, {
+                                        className: `w-4 h-4 ${iconColorClass}`
+                                    })
+                                }, "panel") : /*#__PURE__*/ jsx(motion.div, {
+                                    initial: {
+                                        opacity: 0,
+                                        scale: 0.8
+                                    },
+                                    animate: {
+                                        opacity: 1,
+                                        scale: 1
+                                    },
+                                    exit: {
+                                        opacity: 0,
+                                        scale: 0.8
+                                    },
+                                    transition: {
+                                        duration: 0.15
+                                    },
+                                    children: /*#__PURE__*/ jsx(CompanyLogoIcon, {
+                                        companyLogo: companyLogo
+                                    })
+                                }, "logo")
+                            })
+                        })
+                    })
+                }),
+                /*#__PURE__*/ jsx(TooltipContent, {
+                    side: "right",
+                    children: t("open_sidebar")
+                })
+            ]
+        })
+    });
+}
+const Company = ({ companyName, productName, companyLogo, sidebarHovered = false })=>{
+    const { t } = useVertexTranslation();
+    const { state, toggleSidebar } = useSidebar();
+    const isCollapsed = "collapsed" === state;
+    const isCustomLogo = companyLogo?.isCustom ?? false;
+    const logoBgClass = isCustomLogo ? "bg-white border border-border" : "bg-[oklch(0.6533_0.2227_34.41)]";
+    const iconElement = /*#__PURE__*/ jsx(Link, {
+        to: "/",
+        className: cn("w-8 h-8 rounded-md flex items-center justify-center shrink-0 overflow-hidden", logoBgClass),
+        children: /*#__PURE__*/ jsx(CompanyLogoIcon, {
+            companyLogo: companyLogo
+        })
+    });
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex items-center justify-between h-7 pt-4",
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "flex items-center gap-2 min-w-0 flex-1",
+                children: [
+                    isCollapsed ? /*#__PURE__*/ jsx(CollapsedLogo, {
+                        companyLogo: companyLogo,
+                        sidebarHovered: sidebarHovered,
+                        onExpand: toggleSidebar
+                    }) : iconElement,
+                    /*#__PURE__*/ jsx(AnimatePresence, {
+                        initial: false,
+                        children: !isCollapsed && /*#__PURE__*/ jsxs(motion.div, {
+                            className: "flex flex-col min-w-0",
+                            variants: {
+                                initial: textFadeVariants.initial,
+                                animate: textFadeVariants.animate,
+                                exit: textFadeVariants.exit
+                            },
+                            initial: "initial",
+                            animate: "animate",
+                            exit: "exit",
+                            transition: fastFadeTransition,
+                            children: [
+                                /*#__PURE__*/ jsx("span", {
+                                    className: "text-sm font-semibold text-sidebar-foreground leading-tight truncate",
+                                    children: companyName
+                                }),
+                                productName && /*#__PURE__*/ jsx("span", {
+                                    className: "text-xs text-sidebar-foreground/60 leading-tight truncate",
+                                    children: productName
+                                })
+                            ]
+                        }, "company-text")
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(AnimatePresence, {
+                initial: false,
+                children: !isCollapsed && /*#__PURE__*/ jsx(motion.div, {
+                    variants: {
+                        initial: scaleVariants.initial,
+                        animate: scaleVariants.animate,
+                        exit: scaleVariants.exit
+                    },
+                    initial: "initial",
+                    animate: "animate",
+                    exit: "exit",
+                    transition: fastFadeTransition,
+                    children: /*#__PURE__*/ jsx(TooltipProvider, {
+                        children: /*#__PURE__*/ jsxs(Tooltip, {
+                            children: [
+                                /*#__PURE__*/ jsx(TooltipTrigger, {
+                                    asChild: true,
+                                    children: /*#__PURE__*/ jsx(Button, {
+                                        variant: "ghost",
+                                        size: "icon-sm",
+                                        onClick: toggleSidebar,
+                                        className: "ml-auto shrink-0 text-sidebar-foreground/70 hover:bg-sidebar-accent hover:text-sidebar-foreground cursor-pointer",
+                                        children: /*#__PURE__*/ jsx(PanelLeft, {
+                                            className: "w-4 h-4"
+                                        })
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(TooltipContent, {
+                                    side: "bottom",
+                                    children: t("close_sidebar")
+                                })
+                            ]
+                        })
+                    })
+                })
+            })
+        ]
+    });
+};
+export { Company };

package/dist/registry/shell/shell-constants.d.ts

@@ -0,0 +1,13 @@
+import type { SupportedLocale } from "../../lib/i18n";
+import type { TranslationKey } from "./shell-translation-key";
+export declare const THEME_STORAGE_KEY = "vss-ui-theme";
+export declare const LANGUAGE_CHANGED_EVENT = "languageChanged";
+export declare const STALE_TIME_MS: number;
+export type LanguageChangedEvent = {
+    selectedLanguageId: SupportedLocale;
+};
+export declare const MAP_LOCALE_TO_TRANSLATION_KEY: Record<SupportedLocale, TranslationKey>;
+export declare const LOCALE_OPTIONS: {
+    code: "tr" | "fr" | "en" | "de" | "es" | "es-MX" | "ja" | "ko" | "pt" | "pt-BR" | "ro" | "ru" | "zh-CN" | "zh-TW";
+    translationKey: TranslationKey;
+}[];

package/dist/registry/shell/shell-constants.js

@@ -0,0 +1,25 @@
+import { SUPPORTED_LOCALES } from "../../lib/i18n.js";
+const THEME_STORAGE_KEY = "vss-ui-theme";
+const LANGUAGE_CHANGED_EVENT = "languageChanged";
+const STALE_TIME_MS = 300000;
+const MAP_LOCALE_TO_TRANSLATION_KEY = {
+    en: "english",
+    de: "german",
+    es: "spanish",
+    "es-MX": "spanish-mx",
+    fr: "french",
+    ja: "japanese",
+    ko: "korean",
+    pt: "portuguese",
+    "pt-BR": "portuguese-br",
+    ro: "romanian",
+    ru: "russian",
+    tr: "turkish",
+    "zh-CN": "chinese-cn",
+    "zh-TW": "chinese-tw"
+};
+const LOCALE_OPTIONS = SUPPORTED_LOCALES.map((locale)=>({
+        code: locale,
+        translationKey: MAP_LOCALE_TO_TRANSLATION_KEY[locale]
+    }));
+export { LANGUAGE_CHANGED_EVENT, LOCALE_OPTIONS, MAP_LOCALE_TO_TRANSLATION_KEY, STALE_TIME_MS, THEME_STORAGE_KEY };

package/dist/registry/shell/shell-layout.d.ts

@@ -0,0 +1,11 @@
+import { type PropsWithChildren } from "react";
+import type { CompanyLogo, ShellNavItem } from "./shell";
+interface ShellLayoutProps {
+    companyName: string;
+    productName: string;
+    variant?: "minimal";
+    companyLogo?: CompanyLogo;
+    navItems: ShellNavItem[];
+}
+export declare function ShellLayout({ children, companyName, productName, variant, companyLogo, navItems, }: PropsWithChildren<ShellLayoutProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/registry/shell/shell-layout.js

@@ -0,0 +1,195 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { SidebarInset, SidebarProvider, SidebarTrigger } from "../sidebar/sidebar.js";
+import { ShellSidebar } from "./shell-sidebar.js";
+import { useTheme } from "./shell-theme-provider.js";
+const SIDEBAR_WIDTHS = {
+    "--sidebar-width": "280px",
+    "--sidebar-width-icon": "4rem"
+};
+const GRADIENT_BLUR = "blur(149.643px)";
+function DarkGradientBackground() {
+    const filterId = useId();
+    return /*#__PURE__*/ jsxs("div", {
+        className: "absolute inset-0 overflow-hidden pointer-events-none",
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "absolute inset-0",
+                style: {
+                    background: "linear-gradient(135deg, rgba(99, 102, 241, 0.02) 0%, transparent 60%)"
+                }
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "absolute",
+                style: {
+                    top: "-10%",
+                    left: "-15%",
+                    width: "70%",
+                    height: "35%",
+                    borderRadius: "30% 70% 65% 35% / 60% 30% 70% 40%",
+                    background: "rgba(99, 102, 241, 0.03)",
+                    filter: GRADIENT_BLUR
+                }
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "absolute",
+                style: {
+                    top: "25%",
+                    left: "20%",
+                    width: "65%",
+                    height: "30%",
+                    borderRadius: "25% 75% 60% 40% / 50% 35% 65% 50%",
+                    background: "rgba(122, 74, 198, 0.025)",
+                    filter: GRADIENT_BLUR,
+                    transform: "rotate(-8deg)"
+                }
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "absolute",
+                style: {
+                    bottom: "-12%",
+                    right: "-10%",
+                    width: "60%",
+                    height: "28%",
+                    borderRadius: "65% 35% 30% 70% / 40% 60% 40% 60%",
+                    background: "rgba(34, 211, 238, 0.015)",
+                    filter: GRADIENT_BLUR
+                }
+            }),
+            /*#__PURE__*/ jsxs("svg", {
+                "aria-hidden": "true",
+                className: "absolute inset-0 w-full h-full opacity-[0.04]",
+                children: [
+                    /*#__PURE__*/ jsx("defs", {
+                        children: /*#__PURE__*/ jsxs("filter", {
+                            id: filterId,
+                            children: [
+                                /*#__PURE__*/ jsx("feTurbulence", {
+                                    type: "fractalNoise",
+                                    baseFrequency: "0.65",
+                                    numOctaves: "4",
+                                    stitchTiles: "stitch"
+                                }),
+                                /*#__PURE__*/ jsx("feColorMatrix", {
+                                    type: "saturate",
+                                    values: "0"
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsx("rect", {
+                        width: "100%",
+                        height: "100%",
+                        filter: `url(#${filterId})`
+                    })
+                ]
+            })
+        ]
+    });
+}
+function LightGradientBackground() {
+    return /*#__PURE__*/ jsxs("div", {
+        className: "absolute inset-0 overflow-hidden pointer-events-none",
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "absolute inset-0",
+                style: {
+                    background: "linear-gradient(135deg, rgba(165, 180, 252, 0.05) 0%, rgba(196, 241, 249, 0.03) 100%)"
+                }
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "absolute",
+                style: {
+                    top: "-10%",
+                    left: "-15%",
+                    width: "70%",
+                    height: "35%",
+                    borderRadius: "30% 70% 65% 35% / 60% 30% 70% 40%",
+                    background: "rgba(165, 180, 252, 0.07)",
+                    filter: GRADIENT_BLUR
+                }
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "absolute",
+                style: {
+                    top: "25%",
+                    left: "20%",
+                    width: "65%",
+                    height: "30%",
+                    borderRadius: "25% 75% 60% 40% / 50% 35% 65% 50%",
+                    background: "rgba(196, 167, 231, 0.06)",
+                    filter: GRADIENT_BLUR,
+                    transform: "rotate(-8deg)"
+                }
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "absolute",
+                style: {
+                    bottom: "-12%",
+                    right: "-10%",
+                    width: "60%",
+                    height: "28%",
+                    borderRadius: "65% 35% 30% 70% / 40% 60% 40% 60%",
+                    background: "rgba(147, 230, 241, 0.05)",
+                    filter: GRADIENT_BLUR
+                }
+            })
+        ]
+    });
+}
+function GradientBackground() {
+    const theme = useTheme();
+    if ("dark" === theme.resolvedTheme) return /*#__PURE__*/ jsx(DarkGradientBackground, {});
+    return /*#__PURE__*/ jsx(LightGradientBackground, {});
+}
+function ShellLayout({ children, companyName, productName, variant, companyLogo, navItems }) {
+    if ("minimal" === variant) return /*#__PURE__*/ jsx("div", {
+        className: "h-screen overflow-hidden flex flex-col bg-background dark:bg-sidebar",
+        children: /*#__PURE__*/ jsxs("main", {
+            className: "flex-1 flex flex-col overflow-hidden relative",
+            children: [
+                /*#__PURE__*/ jsx(GradientBackground, {}),
+                /*#__PURE__*/ jsx(ShellSidebar, {
+                    companyName: companyName,
+                    variant: variant,
+                    productName: productName,
+                    companyLogo: companyLogo,
+                    navItems: navItems
+                }),
+                /*#__PURE__*/ jsx("div", {
+                    className: "flex-1 overflow-y-auto custom-scrollbar",
+                    children: children
+                })
+            ]
+        })
+    });
+    return /*#__PURE__*/ jsxs(SidebarProvider, {
+        defaultOpen: true,
+        style: SIDEBAR_WIDTHS,
+        className: "relative isolate h-screen overflow-hidden bg-background dark:bg-sidebar",
+        children: [
+            /*#__PURE__*/ jsx(GradientBackground, {}),
+            /*#__PURE__*/ jsx(ShellSidebar, {
+                companyName: companyName,
+                productName: productName,
+                companyLogo: companyLogo,
+                navItems: navItems
+            }),
+            /*#__PURE__*/ jsxs(SidebarInset, {
+                className: "relative flex-1 flex flex-col overflow-hidden rounded-none m-0 ml-0 shadow-none bg-transparent",
+                children: [
+                    /*#__PURE__*/ jsx("header", {
+                        className: "flex items-center h-12 px-4 md:hidden",
+                        children: /*#__PURE__*/ jsx(SidebarTrigger, {})
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        className: "relative flex-1 flex flex-col overflow-y-auto custom-scrollbar",
+                        children: children
+                    })
+                ]
+            })
+        ]
+    });
+}
+export { ShellLayout };

package/dist/registry/shell/shell-locale-provider.d.ts

@@ -0,0 +1,7 @@
+import { type PropsWithChildren, type ReactNode } from "react";
+interface LocaleProviderProps {
+    loadingElement?: ReactNode;
+}
+export declare const LocaleProviderComponent: ({ children }: PropsWithChildren) => ReactNode;
+export declare const LocaleProvider: ({ children, loadingElement, }: PropsWithChildren<LocaleProviderProps>) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/registry/shell/shell-locale-provider.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useEffectEvent, useState } from "react";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
+import { Spinner } from "../spinner/spinner.js";
+import { configurei18n } from "../../lib/i18n.js";
+import { LANGUAGE_CHANGED_EVENT } from "./shell-constants.js";
+const LocaleProviderComponent = ({ children })=>{
+    const { i18n } = useVertexTranslation();
+    const handleLanguageChanged = useEffectEvent((event)=>{
+        if (!(event instanceof CustomEvent)) return;
+        const detail = event.detail;
+        if ("object" != typeof detail || null === detail || !("selectedLanguageId" in detail) || "string" != typeof detail.selectedLanguageId) return;
+        const { selectedLanguageId } = detail;
+        i18n.changeLanguage(selectedLanguageId);
+        document.documentElement.lang = selectedLanguageId;
+    });
+    useEffect(()=>{
+        document.addEventListener(LANGUAGE_CHANGED_EVENT, handleLanguageChanged);
+        return ()=>document.removeEventListener(LANGUAGE_CHANGED_EVENT, handleLanguageChanged);
+    }, []);
+    return children;
+};
+const LocaleProvider = ({ children, loadingElement })=>{
+    const [isConfigured, setIsConfigured] = useState(false);
+    const configure = async ()=>{
+        await configurei18n();
+        setIsConfigured(true);
+    };
+    useEffect(()=>{
+        configure();
+    }, []);
+    if (!isConfigured) return loadingElement ?? /*#__PURE__*/ jsx("div", {
+        className: "flex h-full w-full items-center justify-center",
+        children: /*#__PURE__*/ jsx(Spinner, {
+            className: "size-6"
+        })
+    });
+    return /*#__PURE__*/ jsx(LocaleProviderComponent, {
+        children: children
+    });
+};
+export { LocaleProvider, LocaleProviderComponent };

package/dist/registry/shell/shell-login.d.ts

@@ -0,0 +1,5 @@
+export interface ShellLoginProps {
+    title?: string;
+    description?: string;
+}
+export declare const ShellLogin: ({ title, description }: ShellLoginProps) => import("react/jsx-runtime").JSX.Element;

package/dist/registry/shell/shell-login.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
+import { Button } from "../button/button.js";
+import { useAuth } from "./shell-auth-provider.js";
+const ShellLogin = ({ title, description })=>{
+    const { t } = useVertexTranslation();
+    const { login } = useAuth();
+    return /*#__PURE__*/ jsx("div", {
+        className: "flex h-screen items-center justify-center bg-background",
+        children: /*#__PURE__*/ jsxs("div", {
+            className: "w-full max-w-md",
+            children: [
+                /*#__PURE__*/ jsxs("div", {
+                    className: "bg-card rounded-lg shadow-lg p-8 border border-border",
+                    children: [
+                        (title || description) && /*#__PURE__*/ jsxs("div", {
+                            className: "text-center mb-8",
+                            children: [
+                                title && /*#__PURE__*/ jsx("h1", {
+                                    className: "text-3xl font-bold text-foreground mb-2",
+                                    children: title
+                                }),
+                                description && /*#__PURE__*/ jsx("p", {
+                                    className: "text-muted-foreground",
+                                    children: description
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx("div", {
+                            className: "space-y-6",
+                            children: /*#__PURE__*/ jsx(Button, {
+                                size: "lg",
+                                onClick: ()=>void login(),
+                                className: "w-full",
+                                children: t("sign_in_with_uipath")
+                            })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx("div", {
+                    className: "mt-6 text-center text-sm text-muted-foreground",
+                    children: /*#__PURE__*/ jsx("p", {
+                        children: t("need_help")
+                    })
+                })
+            ]
+        })
+    });
+};
+export { ShellLogin };

package/dist/registry/shell/shell-minimal-company.d.ts

@@ -0,0 +1,8 @@
+import type { CompanyLogo } from "./shell";
+interface MinimalCompanyProps {
+    companyName: string;
+    productName: string;
+    companyLogo?: CompanyLogo;
+}
+export declare const MinimalCompany: ({ companyName, productName, companyLogo, }: MinimalCompanyProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/registry/shell/shell-minimal-company.js

@@ -0,0 +1,34 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Link } from "@tanstack/react-router";
+import { cn } from "../../lib/utils.js";
+import { CompanyLogoIcon } from "./shell-company-logo.js";
+const MinimalCompany = ({ companyName, productName, companyLogo })=>{
+    const isCustomLogo = companyLogo?.isCustom ?? false;
+    const logoBgClass = isCustomLogo ? "bg-white border border-border" : "bg-[oklch(0.6533_0.2227_34.41)]";
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex items-center gap-2",
+        children: [
+            /*#__PURE__*/ jsx(Link, {
+                to: "/",
+                className: cn("w-8 h-8 rounded-md flex items-center justify-center shrink-0 overflow-hidden", logoBgClass),
+                children: /*#__PURE__*/ jsx(CompanyLogoIcon, {
+                    companyLogo: companyLogo
+                })
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "flex items-center gap-1.5",
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm font-semibold text-foreground",
+                        children: companyName
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-sm text-muted-foreground",
+                        children: productName
+                    })
+                ]
+            })
+        ]
+    });
+};
+export { MinimalCompany };

package/dist/registry/shell/shell-minimal-nav-item.d.ts

@@ -0,0 +1,7 @@
+import type { TranslationKey } from "./shell-translation-key";
+interface MinimalNavItemProps {
+    to: string;
+    label: TranslationKey;
+}
+export declare const MinimalNavItem: ({ to, label }: MinimalNavItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/registry/shell/shell-minimal-nav-item.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { Link, useLocation } from "@tanstack/react-router";
+import { cn } from "../../lib/utils.js";
+import { Text } from "./shell-text.js";
+const MinimalNavItem = ({ to, label })=>{
+    const { pathname } = useLocation();
+    const isActive = pathname === to;
+    return /*#__PURE__*/ jsx(Link, {
+        to: to,
+        className: cn("px-4 py-1.5 rounded-full text-sm font-medium transition-colors duration-200 shrink-0 whitespace-nowrap", isActive ? "bg-[oklch(0.92_0.035_218)] dark:bg-primary-900/30 text-primary-700 dark:text-primary-400 font-semibold" : "text-muted-foreground hover:text-foreground hover:bg-black/[0.04] dark:hover:bg-white/[0.06]"),
+        children: /*#__PURE__*/ jsx(Text, {
+            value: label
+        })
+    });
+};
+export { MinimalNavItem };

package/dist/registry/shell/shell-roles.d.ts

@@ -0,0 +1,4 @@
+export declare enum Role {
+    ADMIN = "ADMIN",
+    BUSINESS_USER = "BUSINESS_USER"
+}

package/dist/registry/shell/shell-roles.js

@@ -0,0 +1,6 @@
+var shell_roles_Role = /*#__PURE__*/ function(Role) {
+    Role["ADMIN"] = "ADMIN";
+    Role["BUSINESS_USER"] = "BUSINESS_USER";
+    return Role;
+}({});
+export { shell_roles_Role as Role };

package/dist/registry/shell/shell-sidebar.d.ts

@@ -0,0 +1,10 @@
+import type { CompanyLogo, ShellNavItem } from "./shell";
+interface ShellSidebarProps {
+    companyName: string;
+    productName: string;
+    variant?: "minimal";
+    companyLogo?: CompanyLogo;
+    navItems: ShellNavItem[];
+}
+export declare const ShellSidebar: ({ companyName, productName, variant, companyLogo, navItems, }: ShellSidebarProps) => import("react/jsx-runtime").JSX.Element;
+export {};