@uipath/apollo-vertex 0.0.0-stage → 0.3.0

package/dist/registry/select/select.js

@@ -0,0 +1,116 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Content, Group, Icon, Item, ItemIndicator, ItemText, Label, Portal, Root, ScrollDownButton, ScrollUpButton, Separator, Trigger, Value, Viewport } from "@radix-ui/react-select";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import "react";
+import { cn } from "../../lib/utils.js";
+function Select({ ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        "data-slot": "select",
+        ...props
+    });
+}
+function SelectGroup({ ...props }) {
+    return /*#__PURE__*/ jsx(Group, {
+        "data-slot": "select-group",
+        ...props
+    });
+}
+function SelectValue({ ...props }) {
+    return /*#__PURE__*/ jsx(Value, {
+        "data-slot": "select-value",
+        ...props
+    });
+}
+function SelectTrigger({ className, size = "default", children, ...props }) {
+    return /*#__PURE__*/ jsxs(Trigger, {
+        "data-slot": "select-trigger",
+        "data-size": size,
+        className: cn("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-lg border bg-card px-3 py-2 text-sm whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ jsx(Icon, {
+                asChild: true,
+                children: /*#__PURE__*/ jsx(ChevronDownIcon, {
+                    className: "size-4 opacity-50"
+                })
+            })
+        ]
+    });
+}
+function SelectContent({ className, children, position = "item-aligned", align = "center", ...props }) {
+    return /*#__PURE__*/ jsx(Portal, {
+        children: /*#__PURE__*/ jsxs(Content, {
+            "data-slot": "select-content",
+            className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg border shadow-md", "popper" === position && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+            position: position,
+            align: align,
+            ...props,
+            children: [
+                /*#__PURE__*/ jsx(SelectScrollUpButton, {}),
+                /*#__PURE__*/ jsx(Viewport, {
+                    className: cn("p-1", "popper" === position && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
+                    children: children
+                }),
+                /*#__PURE__*/ jsx(SelectScrollDownButton, {})
+            ]
+        })
+    });
+}
+function SelectLabel({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Label, {
+        "data-slot": "select-label",
+        className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
+        ...props
+    });
+}
+function SelectItem({ className, children, ...props }) {
+    return /*#__PURE__*/ jsxs(Item, {
+        "data-slot": "select-item",
+        className: cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                "data-slot": "select-item-indicator",
+                className: "absolute right-2 flex size-3.5 items-center justify-center",
+                children: /*#__PURE__*/ jsx(ItemIndicator, {
+                    children: /*#__PURE__*/ jsx(CheckIcon, {
+                        className: "size-4"
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(ItemText, {
+                children: children
+            })
+        ]
+    });
+}
+function SelectSeparator({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Separator, {
+        "data-slot": "select-separator",
+        className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
+        ...props
+    });
+}
+function SelectScrollUpButton({ className, ...props }) {
+    return /*#__PURE__*/ jsx(ScrollUpButton, {
+        "data-slot": "select-scroll-up-button",
+        className: cn("flex cursor-default items-center justify-center py-1", className),
+        ...props,
+        children: /*#__PURE__*/ jsx(ChevronUpIcon, {
+            className: "size-4"
+        })
+    });
+}
+function SelectScrollDownButton({ className, ...props }) {
+    return /*#__PURE__*/ jsx(ScrollDownButton, {
+        "data-slot": "select-scroll-down-button",
+        className: cn("flex cursor-default items-center justify-center py-1", className),
+        ...props,
+        children: /*#__PURE__*/ jsx(ChevronDownIcon, {
+            className: "size-4"
+        })
+    });
+}
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/registry/separator/separator.d.ts

@@ -0,0 +1,4 @@
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import * as React from "react";
+declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Separator };

package/dist/registry/separator/separator.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Root } from "@radix-ui/react-separator";
+import "react";
+import { cn } from "../../lib/utils.js";
+function Separator({ className, orientation = "horizontal", decorative = true, ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        "data-slot": "separator",
+        decorative: decorative,
+        orientation: orientation,
+        className: cn("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className),
+        ...props
+    });
+}
+export { Separator };

package/dist/registry/sheet/sheet.d.ts

@@ -0,0 +1,13 @@
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function SheetContent({ className, children, side, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & {
+    side?: "top" | "right" | "bottom" | "left";
+}): import("react/jsx-runtime").JSX.Element;
+declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };

package/dist/registry/sheet/sheet.js

@@ -0,0 +1,95 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Close, Content, Description, Overlay, Portal, Root, Title, Trigger } from "@radix-ui/react-dialog";
+import { XIcon } from "lucide-react";
+import "react";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
+import { cn } from "../../lib/utils.js";
+function Sheet({ ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        "data-slot": "sheet",
+        ...props
+    });
+}
+function SheetTrigger({ ...props }) {
+    return /*#__PURE__*/ jsx(Trigger, {
+        "data-slot": "sheet-trigger",
+        ...props
+    });
+}
+function SheetClose({ ...props }) {
+    return /*#__PURE__*/ jsx(Close, {
+        "data-slot": "sheet-close",
+        ...props
+    });
+}
+function SheetPortal({ ...props }) {
+    return /*#__PURE__*/ jsx(Portal, {
+        "data-slot": "sheet-portal",
+        ...props
+    });
+}
+function SheetOverlay({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Overlay, {
+        "data-slot": "sheet-overlay",
+        className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
+        ...props
+    });
+}
+function SheetContent({ className, children, side = "right", ...props }) {
+    const { t } = useVertexTranslation();
+    return /*#__PURE__*/ jsxs(SheetPortal, {
+        children: [
+            /*#__PURE__*/ jsx(SheetOverlay, {}),
+            /*#__PURE__*/ jsxs(Content, {
+                "data-slot": "sheet-content",
+                className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", "right" === side && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", "left" === side && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", "top" === side && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", "bottom" === side && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", className),
+                ...props,
+                children: [
+                    children,
+                    /*#__PURE__*/ jsxs(Close, {
+                        className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
+                        children: [
+                            /*#__PURE__*/ jsx(XIcon, {
+                                className: "size-4"
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "sr-only",
+                                children: t("close")
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+function SheetHeader({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "sheet-header",
+        className: cn("flex flex-col gap-1.5 p-4", className),
+        ...props
+    });
+}
+function SheetFooter({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "sheet-footer",
+        className: cn("mt-auto flex flex-col gap-2 p-4", className),
+        ...props
+    });
+}
+function SheetTitle({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Title, {
+        "data-slot": "sheet-title",
+        className: cn("text-foreground font-semibold", className),
+        ...props
+    });
+}
+function SheetDescription({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Description, {
+        "data-slot": "sheet-description",
+        className: cn("text-muted-foreground text-sm", className),
+        ...props
+    });
+}
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };

package/dist/registry/shell/group-membership-guard.d.ts

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

package/dist/registry/shell/group-membership-guard.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useAuth } from "./shell-auth-provider.js";
+import { MembershipDenied, VerifyingMembership } from "./group-membership-screens.js";
+import { useIsGroupMember } from "./use-is-group-member.js";
+const GroupMembershipGuard = ({ groupIds, externalGroupNames, deniedDescription, children })=>{
+    const { isAuthenticated, user, logout } = useAuth();
+    const { isMember, isLoading } = useIsGroupMember({
+        groupIds,
+        externalGroupNames
+    });
+    if (!isAuthenticated || isLoading || !user) return /*#__PURE__*/ jsx(VerifyingMembership, {});
+    if (!isMember) return /*#__PURE__*/ jsx(MembershipDenied, {
+        user: user,
+        onLogout: logout,
+        description: deniedDescription
+    });
+    return children;
+};
+export { GroupMembershipGuard };

package/dist/registry/shell/group-membership-screens.d.ts

@@ -0,0 +1,8 @@
+import type { UserInfo } from "./shell-auth-provider";
+export declare const VerifyingMembership: () => import("react/jsx-runtime").JSX.Element;
+export interface MembershipDeniedProps {
+    user: UserInfo;
+    onLogout: () => void;
+    description?: string;
+}
+export declare const MembershipDenied: ({ user, onLogout, description, }: MembershipDeniedProps) => import("react/jsx-runtime").JSX.Element;

package/dist/registry/shell/group-membership-screens.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ShieldX } from "lucide-react";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
+import { Button } from "../button/button.js";
+const VerifyingMembership = ()=>{
+    const { t } = useVertexTranslation();
+    return /*#__PURE__*/ jsx("div", {
+        className: "flex h-screen items-center justify-center bg-background",
+        children: /*#__PURE__*/ jsx("div", {
+            className: "text-muted-foreground",
+            children: t("verifying_access")
+        })
+    });
+};
+const MembershipDenied = ({ user, onLogout, description })=>{
+    const { t } = useVertexTranslation();
+    return /*#__PURE__*/ jsx("div", {
+        className: "flex h-screen items-center justify-center bg-background",
+        children: /*#__PURE__*/ jsx("div", {
+            className: "w-full max-w-md",
+            children: /*#__PURE__*/ jsxs("div", {
+                className: "bg-card rounded-lg shadow-lg p-8 border border-border text-center",
+                children: [
+                    /*#__PURE__*/ jsx(ShieldX, {
+                        className: "h-12 w-12 mx-auto mb-4 text-muted-foreground"
+                    }),
+                    /*#__PURE__*/ jsx("h1", {
+                        className: "text-2xl font-bold text-foreground mb-2",
+                        children: t("access_denied")
+                    }),
+                    /*#__PURE__*/ jsx("p", {
+                        className: "text-muted-foreground mb-6",
+                        children: description ?? t("access_denied_description")
+                    }),
+                    /*#__PURE__*/ jsx("p", {
+                        className: "text-sm text-muted-foreground mb-6",
+                        children: t("signed_in_as", {
+                            email: user.email
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Button, {
+                        className: "w-full",
+                        onClick: onLogout,
+                        children: t("sign_out")
+                    })
+                ]
+            })
+        })
+    });
+};
+export { MembershipDenied, VerifyingMembership };

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

@@ -0,0 +1,43 @@
+export declare const sidebarSpring: {
+    readonly type: "spring";
+    readonly stiffness: 400;
+    readonly damping: 30;
+    readonly mass: 0.5;
+};
+export declare const fastFadeTransition: {
+    readonly duration: 0.15;
+    readonly ease: readonly [0.25, 0.46, 0.45, 0.94];
+};
+export declare const textFadeVariants: {
+    initial: {
+        opacity: number;
+        x: number;
+    };
+    animate: {
+        opacity: number;
+        x: number;
+    };
+    exit: {
+        opacity: number;
+    };
+};
+export declare const iconHoverScale: {
+    scale: number;
+    transition: {
+        duration: number;
+    };
+};
+export declare const scaleVariants: {
+    initial: {
+        opacity: number;
+        scale: number;
+    };
+    animate: {
+        opacity: number;
+        scale: number;
+    };
+    exit: {
+        opacity: number;
+        scale: number;
+    };
+};

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

@@ -0,0 +1,49 @@
+const sidebarSpring = {
+    type: "spring",
+    stiffness: 400,
+    damping: 30,
+    mass: 0.5
+};
+const fastFadeTransition = {
+    duration: 0.15,
+    ease: [
+        0.25,
+        0.46,
+        0.45,
+        0.94
+    ]
+};
+const textFadeVariants = {
+    initial: {
+        opacity: 0,
+        x: -10
+    },
+    animate: {
+        opacity: 1,
+        x: 0
+    },
+    exit: {
+        opacity: 0
+    }
+};
+const iconHoverScale = {
+    scale: 1.05,
+    transition: {
+        duration: 0.2
+    }
+};
+const scaleVariants = {
+    initial: {
+        opacity: 0,
+        scale: 0.8
+    },
+    animate: {
+        opacity: 1,
+        scale: 1
+    },
+    exit: {
+        opacity: 0,
+        scale: 0.8
+    }
+};
+export { fastFadeTransition, iconHoverScale, scaleVariants, sidebarSpring, textFadeVariants };

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

@@ -0,0 +1,33 @@
+import { type FC, type PropsWithChildren } from "react";
+export interface AuthContextValue {
+    user: UserInfo | null;
+    isAuthenticated: boolean;
+    isLoading: boolean;
+    login: () => Promise<void>;
+    logout: () => void;
+    accessToken: string | null;
+}
+export interface UserInfo {
+    name: string;
+    email: string;
+    sub: string;
+}
+export declare const AuthContext: import("react").Context<AuthContextValue | null>;
+export declare const useAuth: () => AuthContextValue;
+interface UseAccessTokenProps {
+    clientId: string;
+    baseUrl: string;
+    redirectPath?: string;
+}
+export declare const useAccessToken: ({ clientId, baseUrl, redirectPath, }: UseAccessTokenProps) => {
+    accessToken: string | null;
+    isLoading: boolean;
+};
+interface ShellAuthProviderProps {
+    clientId: string;
+    scope: string;
+    baseUrl: string;
+    redirectPath?: string;
+}
+export declare const ShellAuthProvider: FC<PropsWithChildren<ShellAuthProviderProps>>;
+export {};

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

@@ -0,0 +1,74 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { jwtDecode } from "jwt-decode";
+import { createContext, useContext } from "react";
+import { z } from "zod";
+import { TOKEN_QUERY_KEY, ensureValidToken, login, logout } from "../../lib/auth.js";
+const JwtPayloadSchema = z.object({
+    email: z.email(),
+    first_name: z.string(),
+    last_name: z.string(),
+    sub: z.string()
+});
+const decodeJWT = (token)=>{
+    const { data: payload, success } = JwtPayloadSchema.safeParse(jwtDecode(token));
+    if (!success) return null;
+    const firstName = payload.first_name;
+    const lastName = payload.last_name;
+    const displayName = `${firstName} ${lastName}`;
+    return {
+        name: displayName,
+        email: payload.email,
+        sub: payload.sub
+    };
+};
+const AuthContext = /*#__PURE__*/ createContext(null);
+const noAuthDefaults = {
+    user: null,
+    isAuthenticated: false,
+    isLoading: false,
+    login: async ()=>{},
+    logout: ()=>{},
+    accessToken: null
+};
+const useAuth = ()=>{
+    const context = useContext(AuthContext);
+    return context ?? noAuthDefaults;
+};
+const useAccessToken = ({ clientId, baseUrl, redirectPath })=>{
+    const queryClient = useQueryClient();
+    const { data: token, isLoading } = useQuery({
+        queryKey: TOKEN_QUERY_KEY,
+        queryFn: ()=>ensureValidToken(queryClient, clientId, baseUrl, redirectPath),
+        refetchInterval: 60000,
+        enabled: "u" > typeof window
+    });
+    return {
+        accessToken: token ?? null,
+        isLoading
+    };
+};
+const ShellAuthProvider = ({ children, clientId, scope, baseUrl, redirectPath })=>{
+    const queryClient = useQueryClient();
+    const { accessToken, isLoading } = useAccessToken({
+        clientId,
+        baseUrl,
+        redirectPath
+    });
+    const user = accessToken ? decodeJWT(accessToken) : null;
+    const isAuthenticated = null != accessToken;
+    const contextValue = {
+        user,
+        isAuthenticated,
+        isLoading,
+        login: ()=>login(clientId, scope, baseUrl, redirectPath),
+        logout: ()=>logout(queryClient),
+        accessToken
+    };
+    return /*#__PURE__*/ jsx(AuthContext.Provider, {
+        value: contextValue,
+        children: children
+    });
+};
+export { AuthContext, ShellAuthProvider, useAccessToken, useAuth };

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

@@ -0,0 +1,6 @@
+import type { CompanyLogo } from "./shell";
+interface CompanyLogoIconProps {
+    companyLogo?: CompanyLogo;
+}
+export declare const CompanyLogoIcon: ({ companyLogo }: CompanyLogoIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,24 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Box } from "lucide-react";
+import { cn } from "../../lib/utils.js";
+const CompanyLogoIcon = ({ companyLogo })=>{
+    if (!companyLogo) return /*#__PURE__*/ jsx(Box, {
+        className: "w-4 h-4 text-white"
+    });
+    const sizeClass = companyLogo.isCustom ? "w-4 h-auto" : "h-8 w-8 object-contain";
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx("img", {
+                src: companyLogo.url,
+                alt: companyLogo.alt,
+                className: cn(sizeClass, companyLogo.darkUrl && "dark:hidden")
+            }),
+            companyLogo.darkUrl && /*#__PURE__*/ jsx("img", {
+                src: companyLogo.darkUrl,
+                alt: companyLogo.alt,
+                className: cn(sizeClass, "hidden dark:block")
+            })
+        ]
+    });
+};
+export { CompanyLogoIcon };

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

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