@uipath/apollo-vertex 0.0.0-stage → 0.3.0

package/dist/registry/navigation-menu/navigation-menu.js

@@ -0,0 +1,83 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Content, Indicator, Item, Link, List, Root, Trigger, Viewport } from "@radix-ui/react-navigation-menu";
+import { cva } from "class-variance-authority";
+import { ChevronDownIcon } from "lucide-react";
+import "react";
+import { cn } from "../../lib/utils.js";
+function NavigationMenu({ className, children, viewport = true, ...props }) {
+    return /*#__PURE__*/ jsxs(Root, {
+        "data-slot": "navigation-menu",
+        "data-viewport": viewport,
+        className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className),
+        ...props,
+        children: [
+            children,
+            viewport && /*#__PURE__*/ jsx(NavigationMenuViewport, {})
+        ]
+    });
+}
+function NavigationMenuList({ className, ...props }) {
+    return /*#__PURE__*/ jsx(List, {
+        "data-slot": "navigation-menu-list",
+        className: cn("group flex flex-1 list-none items-center justify-center gap-1", className),
+        ...props
+    });
+}
+function NavigationMenuItem({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Item, {
+        "data-slot": "navigation-menu-item",
+        className: cn("relative", className),
+        ...props
+    });
+}
+const navigationMenuTriggerStyle = cva("group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1");
+function NavigationMenuTrigger({ className, children, ...props }) {
+    return /*#__PURE__*/ jsxs(Trigger, {
+        "data-slot": "navigation-menu-trigger",
+        className: cn(navigationMenuTriggerStyle(), "group", className),
+        ...props,
+        children: [
+            children,
+            " ",
+            /*#__PURE__*/ jsx(ChevronDownIcon, {
+                className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+                "aria-hidden": "true"
+            })
+        ]
+    });
+}
+function NavigationMenuContent({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Content, {
+        "data-slot": "navigation-menu-content",
+        className: cn("data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto", "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none", className),
+        ...props
+    });
+}
+function NavigationMenuViewport({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn("absolute top-full left-0 isolate z-50 flex justify-center"),
+        children: /*#__PURE__*/ jsx(Viewport, {
+            "data-slot": "navigation-menu-viewport",
+            className: cn("origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]", className),
+            ...props
+        })
+    });
+}
+function NavigationMenuLink({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Link, {
+        "data-slot": "navigation-menu-link",
+        className: cn("data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4", className),
+        ...props
+    });
+}
+function NavigationMenuIndicator({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Indicator, {
+        "data-slot": "navigation-menu-indicator",
+        className: cn("data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden", className),
+        ...props,
+        children: /*#__PURE__*/ jsx("div", {
+            className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md"
+        })
+    });
+}
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };

package/dist/registry/onboarding-tour-joyride/index.d.ts

@@ -0,0 +1,4 @@
+export type { OnboardingTourJoyridePopoverCardProps, OnboardingTourJoyridePopoverData, OnboardingTourJoyridePopoverProps, } from "./onboarding-tour-joyride-popover";
+export { OnboardingTourJoyridePopover, OnboardingTourJoyridePopoverCard, } from "./onboarding-tour-joyride-popover";
+export type { TourDefinition, TourStep, } from "./onboarding-tour-joyride-types";
+export { isTourCompleted, markTourCompleted, resetTourState, } from "./tour-persistence";

package/dist/registry/onboarding-tour-joyride/index.js

@@ -0,0 +1,3 @@
+import { OnboardingTourJoyridePopover, OnboardingTourJoyridePopoverCard } from "./onboarding-tour-joyride-popover.js";
+import { isTourCompleted, markTourCompleted, resetTourState } from "./tour-persistence.js";
+export { OnboardingTourJoyridePopover, OnboardingTourJoyridePopoverCard, isTourCompleted, markTourCompleted, resetTourState };

package/dist/registry/onboarding-tour-joyride/onboarding-tour-joyride-popover.d.ts

@@ -0,0 +1,62 @@
+import type { ComponentProps, ReactNode } from "react";
+import type { TooltipRenderProps } from "react-joyride";
+interface OnboardingTourJoyridePopoverData {
+    /** Step title */
+    title: string;
+    /** Step body content */
+    body: ReactNode;
+    /** Optional tip/note section */
+    tip?: string;
+    /** Current step index within popover-type steps (0-based) */
+    currentStep: number;
+    /** Total popover-type steps */
+    totalSteps: number;
+    /** Whether to show back button */
+    showBack?: boolean;
+    /** Custom label for the Next button */
+    nextLabel?: string;
+}
+interface OnboardingTourJoyridePopoverCardProps extends ComponentProps<"div"> {
+    /** Step title */
+    title: string;
+    /** Step body content */
+    body: ReactNode;
+    /** Optional tip/note section */
+    tip?: string;
+    /** Current popover step index (0-based) */
+    currentStep: number;
+    /** Total popover steps */
+    totalSteps: number;
+    /** Whether to show the back button */
+    showBack?: boolean;
+    /** Back button handler (omit to hide, or use showBack=false) */
+    onBack?: () => void;
+    /** Primary (next/done) button handler */
+    onNext?: () => void;
+    /** Skip tour handler */
+    onSkip?: () => void;
+    /** Whether this is the last step (changes "Next" to "Done") */
+    isLastStep?: boolean;
+    /** Custom label for the next button */
+    nextLabel?: string;
+    /** Props to spread on back button (from Joyride) */
+    backButtonProps?: ComponentProps<"button">;
+    /** Props to spread on primary button (from Joyride) */
+    primaryButtonProps?: ComponentProps<"button">;
+    /** Props to spread on skip button (from Joyride) */
+    skipButtonProps?: ComponentProps<"button">;
+}
+/**
+ * The visual popover card — renderable standalone or as a Joyride tooltip.
+ * Accepts either plain `onBack/onNext/onSkip` handlers OR Joyride's
+ * `backButtonProps/primaryButtonProps/skipButtonProps` spreads.
+ */
+declare function OnboardingTourJoyridePopoverCard({ title, body, tip, currentStep, totalSteps, showBack, onBack, onNext, onSkip, isLastStep, nextLabel, backButtonProps, primaryButtonProps, skipButtonProps, className, ...rootProps }: OnboardingTourJoyridePopoverCardProps): import("react/jsx-runtime").JSX.Element;
+type OnboardingTourJoyridePopoverProps = TooltipRenderProps;
+/**
+ * Joyride `tooltipComponent` — receives TooltipRenderProps and renders the
+ * Apollo Vertex–styled popover card. Custom data travels on `step.data`.
+ */
+declare function OnboardingTourJoyridePopover({ backProps, primaryProps, skipProps, tooltipProps, isLastStep, step, }: OnboardingTourJoyridePopoverProps): import("react/jsx-runtime").JSX.Element;
+export { OnboardingTourJoyridePopover, OnboardingTourJoyridePopoverCard };
+export type { OnboardingTourJoyridePopoverProps, OnboardingTourJoyridePopoverCardProps, OnboardingTourJoyridePopoverData, };

package/dist/registry/onboarding-tour-joyride/onboarding-tour-joyride-popover.js

@@ -0,0 +1,126 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowLeft, Lightbulb } from "lucide-react";
+import { useId } from "react";
+import { Button } from "../button/button.js";
+import { cn } from "../../lib/utils.js";
+function OnboardingTourJoyridePopoverCard({ title, body, tip, currentStep, totalSteps, showBack = false, onBack, onNext, onSkip, isLastStep = false, nextLabel, backButtonProps, primaryButtonProps, skipButtonProps, className, ...rootProps }) {
+    const titleId = useId();
+    return /*#__PURE__*/ jsxs("div", {
+        "data-slot": "onboarding-tour-joyride-popover",
+        ...rootProps,
+        className: cn("relative", className),
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "absolute inset-0 rounded-xl pointer-events-none blur-xl",
+                style: {
+                    background: "linear-gradient(112.44deg, rgba(108, 90, 239, 0.2) 31.16%, rgba(18, 203, 123, 0.1) 106.82%)"
+                }
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "relative w-full max-w-[360px] bg-card rounded-xl border border-border shadow-lg p-5",
+                role: "dialog",
+                "aria-modal": "true",
+                "aria-labelledby": titleId,
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: "flex gap-1.5 mb-5",
+                        children: Array.from({
+                            length: totalSteps
+                        }, (_, i)=>`step-${i}`).map((key, index)=>/*#__PURE__*/ jsx("div", {
+                                className: cn("h-1 flex-1 rounded-full transition-colors", index <= currentStep ? "bg-primary" : "bg-muted")
+                            }, key))
+                    }),
+                    /*#__PURE__*/ jsx("h3", {
+                        id: titleId,
+                        className: "text-lg font-semibold text-foreground mb-2 leading-snug",
+                        children: title
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        className: "text-sm text-muted-foreground mb-4 leading-relaxed",
+                        children: body
+                    }),
+                    tip && /*#__PURE__*/ jsxs("div", {
+                        className: "flex items-start gap-2.5 mb-4",
+                        children: [
+                            /*#__PURE__*/ jsx(Lightbulb, {
+                                className: "w-4 h-4 text-muted-foreground mt-1 shrink-0",
+                                strokeWidth: 1.5
+                            }),
+                            /*#__PURE__*/ jsx("p", {
+                                className: "text-sm text-muted-foreground leading-relaxed",
+                                children: tip
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "flex items-center justify-between",
+                        children: [
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "flex items-center gap-2",
+                                children: [
+                                    showBack && /*#__PURE__*/ jsx(Button, {
+                                        ...backButtonProps ?? {
+                                            onClick: onBack
+                                        },
+                                        variant: "outline",
+                                        size: "icon-lg",
+                                        "aria-label": "Go back",
+                                        children: /*#__PURE__*/ jsx(ArrowLeft, {})
+                                    }),
+                                    /*#__PURE__*/ jsx(Button, {
+                                        ...primaryButtonProps ?? {
+                                            onClick: onNext
+                                        },
+                                        className: "px-8",
+                                        autoFocus: true,
+                                        children: isLastStep ? "Done" : nextLabel ?? "Next"
+                                    })
+                                ]
+                            }),
+                            !isLastStep && /*#__PURE__*/ jsx(Button, {
+                                ...skipButtonProps ?? {
+                                    onClick: onSkip
+                                },
+                                variant: "link",
+                                className: "text-muted-foreground",
+                                children: "Skip tour"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+function readPopoverData(value) {
+    if (null === value || "object" != typeof value) return {};
+    const v = value;
+    const result = {};
+    if ("string" == typeof v.title) result.title = v.title;
+    if ("string" == typeof v.tip) result.tip = v.tip;
+    if ("string" == typeof v.nextLabel) result.nextLabel = v.nextLabel;
+    if ("number" == typeof v.currentStep) result.currentStep = v.currentStep;
+    if ("number" == typeof v.totalSteps) result.totalSteps = v.totalSteps;
+    if ("boolean" == typeof v.showBack) result.showBack = v.showBack;
+    if ("body" in v) result.body = v.body;
+    return result;
+}
+function OnboardingTourJoyridePopover({ backProps, primaryProps, skipProps, tooltipProps, isLastStep, step }) {
+    const data = readPopoverData(step.data);
+    return /*#__PURE__*/ jsx(OnboardingTourJoyridePopoverCard, {
+        ...tooltipProps,
+        title: data.title ?? "",
+        body: data.body ?? null,
+        tip: data.tip,
+        currentStep: data.currentStep ?? 0,
+        totalSteps: data.totalSteps ?? 1,
+        showBack: data.showBack ?? false,
+        nextLabel: data.nextLabel,
+        isLastStep: isLastStep,
+        backButtonProps: backProps,
+        primaryButtonProps: primaryProps,
+        skipButtonProps: skipProps
+    });
+}
+export { OnboardingTourJoyridePopover, OnboardingTourJoyridePopoverCard };

package/dist/registry/onboarding-tour-joyride/onboarding-tour-joyride-types.d.ts

@@ -0,0 +1,32 @@
+import type { ReactNode } from "react";
+interface TourStep<TCondition extends string = string> {
+    /** Unique step identifier */
+    id: string;
+    /** CSS selector for the target element. Omit for centered/modal steps. */
+    selector?: string;
+    /** Step title */
+    title: string;
+    /** Step body content */
+    body: ReactNode;
+    /** Optional tip/note to display */
+    tip?: string;
+    /** Popover placement relative to target */
+    placement?: "top" | "bottom" | "left" | "right";
+    /** Condition key that must be true before this step can be reached */
+    waitFor?: TCondition;
+    /** Custom label for the Next button */
+    nextLabel?: string;
+    /** Callback when this step becomes active */
+    onEnter?: () => void;
+    /** Step rendering type. 'modal' renders a welcome modal. Default: 'popover' */
+    type?: "popover" | "modal";
+    /** Image URL for modal-type steps */
+    image?: string;
+}
+interface TourDefinition<TCondition extends string = string> {
+    /** Unique tour identifier */
+    id: string;
+    /** Tour steps in order */
+    steps: TourStep<TCondition>[];
+}
+export type { TourStep, TourDefinition };

package/dist/registry/onboarding-tour-joyride/tour-persistence.d.ts

@@ -0,0 +1,4 @@
+declare function isTourCompleted(tourId: string): boolean;
+declare function markTourCompleted(tourId: string): void;
+declare function resetTourState(tourId: string): void;
+export { isTourCompleted, markTourCompleted, resetTourState };

package/dist/registry/onboarding-tour-joyride/tour-persistence.js

@@ -0,0 +1,27 @@
+const TOUR_STORAGE_KEY = "onboarding-tour-completed";
+function loadCompletedTours() {
+    try {
+        const data = localStorage.getItem(TOUR_STORAGE_KEY);
+        if (!data) return [];
+        const parsed = JSON.parse(data);
+        if (!Array.isArray(parsed)) return [];
+        return parsed.filter((item)=>"string" == typeof item);
+    } catch  {
+        return [];
+    }
+}
+function isTourCompleted(tourId) {
+    return loadCompletedTours().includes(tourId);
+}
+function markTourCompleted(tourId) {
+    const completed = loadCompletedTours();
+    if (!completed.includes(tourId)) {
+        completed.push(tourId);
+        localStorage.setItem(TOUR_STORAGE_KEY, JSON.stringify(completed));
+    }
+}
+function resetTourState(tourId) {
+    const completed = loadCompletedTours().filter((id)=>id !== tourId);
+    localStorage.setItem(TOUR_STORAGE_KEY, JSON.stringify(completed));
+}
+export { isTourCompleted, markTourCompleted, resetTourState };

package/dist/registry/page-header/page-header.d.ts

@@ -0,0 +1,54 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+import { Button } from "../button/button";
+declare const pageHeaderVariants: (props?: ({
+    size?: "content" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface PageHeaderProps extends React.ComponentProps<"div">, VariantProps<typeof pageHeaderVariants> {
+    bordered?: boolean;
+}
+declare function PageHeader({ className, size, bordered, ...props }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
+type PageHeaderNavProps = React.ComponentProps<"div">;
+declare function PageHeaderNav({ className, ...props }: PageHeaderNavProps): import("react/jsx-runtime").JSX.Element;
+type PageHeaderBackButtonProps = React.ComponentProps<typeof Button>;
+declare function PageHeaderBackButton({ className, children, ...props }: PageHeaderBackButtonProps): import("react/jsx-runtime").JSX.Element;
+type PageHeaderTitleGroupProps = React.ComponentProps<"div">;
+declare function PageHeaderTitleGroup({ className, ...props }: PageHeaderTitleGroupProps): import("react/jsx-runtime").JSX.Element;
+declare const pageHeaderTitleVariants: (props?: ({
+    size?: "default" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface PageHeaderTitleProps extends React.ComponentProps<"h1">, VariantProps<typeof pageHeaderTitleVariants> {
+    as?: React.ElementType;
+}
+declare function PageHeaderTitle({ className, size, children, as: Comp, ...props }: PageHeaderTitleProps): import("react/jsx-runtime").JSX.Element;
+type PageHeaderDescriptionProps = React.ComponentProps<"p">;
+declare function PageHeaderDescription({ className, children, ...props }: PageHeaderDescriptionProps): import("react/jsx-runtime").JSX.Element;
+type PageHeaderContentProps = React.ComponentProps<"div">;
+declare function PageHeaderContent({ className, ...props }: PageHeaderContentProps): import("react/jsx-runtime").JSX.Element;
+type PageHeaderFieldProps = React.ComponentProps<"div">;
+declare function PageHeaderField({ className, ...props }: PageHeaderFieldProps): import("react/jsx-runtime").JSX.Element;
+type PageHeaderFieldLabelProps = React.ComponentProps<"p">;
+declare function PageHeaderFieldLabel({ className, ...props }: PageHeaderFieldLabelProps): import("react/jsx-runtime").JSX.Element;
+type PageHeaderFieldValueProps = React.ComponentProps<"p">;
+declare function PageHeaderFieldValue({ className, children, ...props }: PageHeaderFieldValueProps): import("react/jsx-runtime").JSX.Element;
+type PageHeaderActionsProps = React.ComponentProps<"div">;
+declare function PageHeaderActions({ className, ...props }: PageHeaderActionsProps): import("react/jsx-runtime").JSX.Element;
+interface PageHeaderActionsOverflowProps extends React.ComponentProps<typeof Button> {
+    children: React.ReactNode;
+}
+declare function PageHeaderActionsOverflow({ children, className, ...triggerProps }: PageHeaderActionsOverflowProps): import("react/jsx-runtime").JSX.Element;
+interface CollapsibleAction {
+    key: string;
+    button: React.ReactNode;
+    menuItem: React.ReactNode;
+}
+interface PageHeaderCollapsibleActionsProps {
+    /** Actions that collapse into the overflow dropdown when space is tight.
+     *  Ordered by priority — first item stays visible the longest. */
+    items: CollapsibleAction[];
+    overflowContent?: React.ReactNode;
+    navMinWidth?: number;
+}
+declare function PageHeaderCollapsibleActions({ items, overflowContent, navMinWidth, }: PageHeaderCollapsibleActionsProps): import("react/jsx-runtime").JSX.Element;
+export { PageHeader, pageHeaderVariants, PageHeaderNav, PageHeaderBackButton, PageHeaderTitleGroup, PageHeaderTitle, pageHeaderTitleVariants, PageHeaderDescription, PageHeaderContent, PageHeaderField, PageHeaderFieldLabel, PageHeaderFieldValue, PageHeaderActions, PageHeaderActionsOverflow, PageHeaderCollapsibleActions, };
+export type { PageHeaderProps, PageHeaderNavProps, PageHeaderBackButtonProps, PageHeaderTitleGroupProps, PageHeaderTitleProps, PageHeaderDescriptionProps, PageHeaderContentProps, PageHeaderFieldProps, PageHeaderFieldLabelProps, PageHeaderFieldValueProps, PageHeaderActionsProps, PageHeaderActionsOverflowProps, CollapsibleAction, PageHeaderCollapsibleActionsProps, };