@uipath/apollo-vertex 0.0.0-stage → 0.3.0

package/dist/registry/stepper/stepper.d.ts

@@ -0,0 +1,17 @@
+import { type VariantProps } from "class-variance-authority";
+import { type ComponentProps } from "react";
+declare const stepperVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface StepperProps extends ComponentProps<"ol">, VariantProps<typeof stepperVariants> {
+    activeStep: number;
+}
+declare function Stepper({ className, activeStep, orientation, ...props }: StepperProps): import("react/jsx-runtime").JSX.Element;
+export { Stepper, stepperVariants };
+export type { StepperProps };
+export { StepperContent, StepperDescription, StepperTitle, } from "./stepper-content";
+export { StepperIndicator } from "./stepper-indicator";
+export { StepperItem, type StepperItemProps, stepperItemVariants, } from "./stepper-item";
+export { StepperSeparator } from "./stepper-separator";
+export { StepperTrigger } from "./stepper-trigger";
+export type { StepperItemState, StepperOrientation } from "./stepper-context";

package/dist/registry/stepper/stepper.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { useMemo } from "react";
+import { cn } from "../../lib/utils.js";
+import { StepperContext } from "./stepper-context.js";
+import { StepperContent, StepperDescription, StepperTitle } from "./stepper-content.js";
+import { StepperIndicator } from "./stepper-indicator.js";
+import { StepperItem, stepperItemVariants } from "./stepper-item.js";
+import { StepperSeparator } from "./stepper-separator.js";
+import { StepperTrigger } from "./stepper-trigger.js";
+const stepperVariants = cva("flex w-full", {
+    variants: {
+        orientation: {
+            horizontal: "flex-row items-center",
+            vertical: "flex-col"
+        }
+    },
+    defaultVariants: {
+        orientation: "horizontal"
+    }
+});
+function Stepper({ className, activeStep, orientation = "horizontal", ...props }) {
+    const value = useMemo(()=>({
+            activeStep,
+            orientation: orientation ?? "horizontal"
+        }), [
+        activeStep,
+        orientation
+    ]);
+    return /*#__PURE__*/ jsx(StepperContext.Provider, {
+        value: value,
+        children: /*#__PURE__*/ jsx("ol", {
+            "data-slot": "stepper",
+            "data-orientation": orientation,
+            className: cn(stepperVariants({
+                orientation
+            }), className),
+            ...props
+        })
+    });
+}
+export { Stepper, StepperContent, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger, stepperItemVariants, stepperVariants };

package/dist/registry/switch/switch.d.ts

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

package/dist/registry/switch/switch.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Root, Thumb } from "@radix-ui/react-switch";
+import "react";
+import { cn } from "../../lib/utils.js";
+function Switch({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        "data-slot": "switch",
+        className: cn("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
+        ...props,
+        children: /*#__PURE__*/ jsx(Thumb, {
+            "data-slot": "switch-thumb",
+            className: cn("bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0")
+        })
+    });
+}
+export { Switch };

package/dist/registry/table/table.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+declare function Table({ className, ...props }: React.ComponentProps<"table">): import("react/jsx-runtime").JSX.Element;
+declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): import("react/jsx-runtime").JSX.Element;
+declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): import("react/jsx-runtime").JSX.Element;
+declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): import("react/jsx-runtime").JSX.Element;
+declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): import("react/jsx-runtime").JSX.Element;
+declare function TableHead({ className, ...props }: React.ComponentProps<"th">): import("react/jsx-runtime").JSX.Element;
+declare function TableCell({ className, ...props }: React.ComponentProps<"td">): import("react/jsx-runtime").JSX.Element;
+declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): import("react/jsx-runtime").JSX.Element;
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };

package/dist/registry/table/table.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { cn } from "../../lib/utils.js";
+function Table({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "table-container",
+        className: "relative w-full overflow-x-auto",
+        children: /*#__PURE__*/ jsx("table", {
+            "data-slot": "table",
+            className: cn("w-full caption-bottom text-sm", className),
+            ...props
+        })
+    });
+}
+function TableHeader({ className, ...props }) {
+    return /*#__PURE__*/ jsx("thead", {
+        "data-slot": "table-header",
+        className: cn("[&_tr]:border-b", className),
+        ...props
+    });
+}
+function TableBody({ className, ...props }) {
+    return /*#__PURE__*/ jsx("tbody", {
+        "data-slot": "table-body",
+        className: cn("[&_tr:last-child]:border-0", className),
+        ...props
+    });
+}
+function TableFooter({ className, ...props }) {
+    return /*#__PURE__*/ jsx("tfoot", {
+        "data-slot": "table-footer",
+        className: cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className),
+        ...props
+    });
+}
+function TableRow({ className, ...props }) {
+    return /*#__PURE__*/ jsx("tr", {
+        "data-slot": "table-row",
+        className: cn("data-[state=selected]:bg-muted border-b transition-colors", className),
+        ...props
+    });
+}
+function TableHead({ className, ...props }) {
+    return /*#__PURE__*/ jsx("th", {
+        "data-slot": "table-head",
+        className: cn("text-foreground h-10 px-2 text-left align-middle text-sm font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+        ...props
+    });
+}
+function TableCell({ className, ...props }) {
+    return /*#__PURE__*/ jsx("td", {
+        "data-slot": "table-cell",
+        className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+        ...props
+    });
+}
+function TableCaption({ className, ...props }) {
+    return /*#__PURE__*/ jsx("caption", {
+        "data-slot": "table-caption",
+        className: cn("text-muted-foreground mt-4 text-sm", className),
+        ...props
+    });
+}
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/registry/table-chart/table-chart-view.d.ts

@@ -0,0 +1,18 @@
+import type { PrimitiveValue } from "../charts-core/charts-core";
+export interface TableChartColumn {
+    id: string;
+    label: string;
+    align: "left" | "right";
+    format: (value: PrimitiveValue) => string;
+}
+export interface TableChartSort {
+    field: string;
+    direction: "asc" | "desc";
+}
+export interface TableChartProps {
+    columns: TableChartColumn[];
+    rows: Array<Record<string, PrimitiveValue>>;
+    sort?: TableChartSort | null;
+    onSortChange?: (sort: TableChartSort | null) => void;
+}
+export declare function TableChart({ columns, rows, sort, onSortChange, }: TableChartProps): import("react/jsx-runtime").JSX.Element;

package/dist/registry/table-chart/table-chart-view.js

@@ -0,0 +1,100 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { flexRender, getCoreRowModel, useReactTable } from "@tanstack/react-table";
+import { useMemo, useState } from "react";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../table/table.js";
+function TableChart({ columns, rows, sort, onSortChange }) {
+    const { t } = useVertexTranslation();
+    const [sorting, setSorting] = useState(()=>sort ? [
+            {
+                id: sort.field,
+                desc: "desc" === sort.direction
+            }
+        ] : []);
+    const columnDefs = useMemo(()=>columns.map((column)=>({
+                accessorFn: (row)=>row[column.id],
+                id: column.id,
+                header: ({ column: tanstackColumn })=>{
+                    const isSorted = tanstackColumn.getIsSorted();
+                    const ariaLabel = "asc" === isSorted ? t("sort_by_column_sorted_ascending", {
+                        column: column.label
+                    }) : "desc" === isSorted ? t("sort_by_column_sorted_descending", {
+                        column: column.label
+                    }) : t("sort_by_column", {
+                        column: column.label
+                    });
+                    return /*#__PURE__*/ jsxs("button", {
+                        type: "button",
+                        className: `flex items-center gap-2 cursor-pointer select-none hover:text-foreground ${"right" === column.align ? "justify-end w-full" : "justify-start"}`,
+                        onClick: ()=>tanstackColumn.toggleSorting(),
+                        "aria-label": ariaLabel,
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                children: column.label
+                            }),
+                            isSorted && /*#__PURE__*/ jsx("span", {
+                                className: "text-xs",
+                                children: "asc" === isSorted ? "↑" : "↓"
+                            })
+                        ]
+                    });
+                },
+                cell: ({ getValue })=>{
+                    const value = getValue();
+                    return /*#__PURE__*/ jsx("div", {
+                        className: "right" === column.align ? "text-right" : "text-left",
+                        children: column.format(value)
+                    });
+                }
+            })), [
+        columns,
+        t
+    ]);
+    const table = useReactTable({
+        data: rows,
+        columns: columnDefs,
+        getCoreRowModel: getCoreRowModel(),
+        manualSorting: true,
+        onSortingChange: (updater)=>{
+            const newSorting = "function" == typeof updater ? updater(sorting) : updater;
+            setSorting(newSorting);
+            const next = newSorting[0];
+            onSortChange?.(next ? {
+                field: next.id,
+                direction: next.desc ? "desc" : "asc"
+            } : null);
+        },
+        state: {
+            sorting
+        }
+    });
+    return /*#__PURE__*/ jsx("div", {
+        className: "w-full h-full overflow-auto",
+        children: /*#__PURE__*/ jsxs(Table, {
+            children: [
+                /*#__PURE__*/ jsx(TableHeader, {
+                    children: table.getHeaderGroups().map((headerGroup)=>/*#__PURE__*/ jsx(TableRow, {
+                            children: headerGroup.headers.map((header)=>/*#__PURE__*/ jsx(TableHead, {
+                                    children: header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())
+                                }, header.id))
+                        }, headerGroup.id))
+                }),
+                /*#__PURE__*/ jsx(TableBody, {
+                    children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row)=>/*#__PURE__*/ jsx(TableRow, {
+                            children: row.getVisibleCells().map((cell)=>/*#__PURE__*/ jsx(TableCell, {
+                                    children: flexRender(cell.column.columnDef.cell, cell.getContext())
+                                }, cell.id))
+                        }, row.id)) : /*#__PURE__*/ jsx(TableRow, {
+                        children: /*#__PURE__*/ jsx(TableCell, {
+                            colSpan: columnDefs.length,
+                            className: "h-24 text-center",
+                            children: t("no_results")
+                        })
+                    })
+                })
+            ]
+        })
+    });
+}
+export { TableChart };

package/dist/registry/table-chart/table-chart-with-adapter.d.ts

@@ -0,0 +1,9 @@
+import { type DataAdapter, type TableChartConfiguration, type TableChartState, type TableDataModel } from "../charts-core/charts-core";
+export interface TableChartWithAdapterProps {
+    configuration: TableChartConfiguration;
+    dataModel: TableDataModel;
+    dataAdapter: DataAdapter;
+    state?: TableChartState;
+    onStateChange?: (newState: TableChartState) => void;
+}
+export declare function TableChartWithAdapter({ configuration, dataModel, dataAdapter, state, onStateChange, }: TableChartWithAdapterProps): import("react/jsx-runtime").JSX.Element;

package/dist/registry/table-chart/table-chart-with-adapter.js

@@ -0,0 +1,62 @@
+import { jsx } from "react/jsx-runtime";
+import { useIsFetching, useSuspenseQuery } from "@tanstack/react-query";
+import { useDeferredValue } from "react";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
+import { ChartLoadingBoundary, SpinnerWithChildren, dataTypeAlignment, format } from "../charts-core/charts-core.js";
+import { TableChart } from "./table-chart-view.js";
+const DEFAULT_TABLE_STATE = {
+    sortBy: null
+};
+function TableChartWithAdapter({ configuration, dataModel, dataAdapter, state = DEFAULT_TABLE_STATE, onStateChange }) {
+    return /*#__PURE__*/ jsx(ChartLoadingBoundary, {
+        configuration: configuration,
+        dataModel: dataModel,
+        children: /*#__PURE__*/ jsx(TableChartResolver, {
+            configuration: configuration,
+            dataModel: dataModel,
+            dataAdapter: dataAdapter,
+            state: state,
+            onStateChange: onStateChange
+        })
+    });
+}
+function TableChartResolver({ configuration, dataModel, dataAdapter, state = DEFAULT_TABLE_STATE, onStateChange }) {
+    const { i18n: { language } } = useVertexTranslation();
+    const deferrableProps = useDeferredValue({
+        configuration,
+        dataModel,
+        state,
+        dataAdapter
+    });
+    const query = dataAdapter.charts.table(configuration, dataModel, state);
+    const deferredQuery = deferrableProps.dataAdapter.charts.table(deferrableProps.configuration, deferrableProps.dataModel, deferrableProps.state);
+    const isFetching = useIsFetching(query) > 0;
+    const rows = useSuspenseQuery(deferredQuery).data;
+    const fields = configuration.dimensions.map((id)=>dataModel.fields.find((f)=>f.id === id)).filter((f)=>null != f);
+    const columns = fields.map((field)=>({
+            id: field.id,
+            label: field.display,
+            align: dataTypeAlignment(field),
+            format: (value)=>null == value ? "" : format(language, value, field.type) ?? ""
+        }));
+    const sort = state.sortBy ? {
+        field: state.sortBy.field,
+        direction: state.sortBy.direction
+    } : null;
+    return /*#__PURE__*/ jsx(SpinnerWithChildren, {
+        loading: isFetching,
+        children: /*#__PURE__*/ jsx(TableChart, {
+            columns: columns,
+            rows: rows,
+            sort: sort,
+            onSortChange: (next)=>onStateChange?.({
+                    ...state,
+                    sortBy: next ? {
+                        field: next.field,
+                        direction: next.direction
+                    } : null
+                })
+        })
+    });
+}
+export { TableChartWithAdapter };

package/dist/registry/table-chart/table-chart.d.ts

@@ -0,0 +1,2 @@
+export { TableChart, type TableChartColumn, type TableChartProps, type TableChartSort, } from "./table-chart-view";
+export { TableChartWithAdapter, type TableChartWithAdapterProps, } from "./table-chart-with-adapter";

package/dist/registry/table-chart/table-chart.js

@@ -0,0 +1,3 @@
+import { TableChart } from "./table-chart-view.js";
+import { TableChartWithAdapter } from "./table-chart-with-adapter.js";
+export { TableChart, TableChartWithAdapter };

package/dist/registry/tabs/tabs.d.ts

@@ -0,0 +1,7 @@
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import * as React from "react";
+declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/registry/tabs/tabs.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Content, List, Root, Trigger } from "@radix-ui/react-tabs";
+import "react";
+import { cn } from "../../lib/utils.js";
+function Tabs({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        "data-slot": "tabs",
+        className: cn("flex flex-col gap-2", className),
+        ...props
+    });
+}
+function TabsList({ className, ...props }) {
+    return /*#__PURE__*/ jsx(List, {
+        "data-slot": "tabs-list",
+        className: cn("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]", className),
+        ...props
+    });
+}
+function TabsTrigger({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Trigger, {
+        "data-slot": "tabs-trigger",
+        className: cn("data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        ...props
+    });
+}
+function TabsContent({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Content, {
+        "data-slot": "tabs-content",
+        className: cn("flex-1 outline-none", className),
+        ...props
+    });
+}
+export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/registry/textarea/textarea.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): import("react/jsx-runtime").JSX.Element;
+export { Textarea };

package/dist/registry/textarea/textarea.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { cn } from "../../lib/utils.js";
+function Textarea({ className, ...props }) {
+    return /*#__PURE__*/ jsx("textarea", {
+        "data-slot": "textarea",
+        className: cn("border-input placeholder: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 flex field-sizing-content min-h-16 w-full rounded-lg border bg-card px-3 py-2 text-base transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
+        ...props
+    });
+}
+export { Textarea };

package/dist/registry/timeline/index.d.ts

@@ -0,0 +1,4 @@
+export { TimelineMarker } from "./timeline-marker";
+export type { TimelineMarkerProps, TimelineMarkerVariant, } from "./timeline-marker";
+export { TimelineRowLayout } from "./timeline-row-layout";
+export type { TimelineRowLayoutProps } from "./timeline-row-layout";

package/dist/registry/timeline/index.js

@@ -0,0 +1,3 @@
+import { TimelineMarker } from "./timeline-marker.js";
+import { TimelineRowLayout } from "./timeline-row-layout.js";
+export { TimelineMarker, TimelineRowLayout };

package/dist/registry/timeline/timeline-marker.d.ts

@@ -0,0 +1,7 @@
+export type TimelineMarkerVariant = "user" | "completed-user" | "completed-ai" | "ai-upcoming" | "ai-suspended" | "ai-progress" | "ai-failed" | "ai-cancelled" | "ai-complete";
+export interface TimelineMarkerProps {
+    variant: TimelineMarkerVariant;
+    initials?: string;
+    compact?: boolean;
+}
+export declare function TimelineMarker({ variant, initials, compact, }: TimelineMarkerProps): import("react/jsx-runtime").JSX.Element;

package/dist/registry/timeline/timeline-marker.js

@@ -0,0 +1,100 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, CircleAlert, UserCheck } from "lucide-react";
+import { AiMark } from "../ai-mark/ai-mark.js";
+import { cn } from "../../lib/utils.js";
+function MarkerCircle({ compact, className, children }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn("grid shrink-0 place-items-center rounded-full", compact ? "size-4" : "size-7", className),
+        children: children
+    });
+}
+function TimelineMarker({ variant, initials, compact = false }) {
+    const markSize = compact ? 9 : 14;
+    switch(variant){
+        case "completed-ai":
+        case "completed-user":
+            return /*#__PURE__*/ jsx(MarkerCircle, {
+                compact: compact,
+                className: "bg-success/10 text-success shadow-sm",
+                children: "completed-ai" === variant ? /*#__PURE__*/ jsx(AiMark, {
+                    size: markSize,
+                    variant: "gradient"
+                }) : /*#__PURE__*/ jsx(UserCheck, {
+                    className: compact ? "size-3" : "size-4"
+                })
+            });
+        case "user":
+            return /*#__PURE__*/ jsx(MarkerCircle, {
+                compact: compact,
+                className: cn("bg-muted font-medium text-muted-foreground shadow-sm", compact ? "text-[9px]" : "text-xs"),
+                children: initials ?? "?"
+            });
+        case "ai-upcoming":
+        case "ai-suspended":
+            return /*#__PURE__*/ jsx(MarkerCircle, {
+                compact: compact,
+                className: cn("border-2 border-insight-400/80 bg-background", "ai-upcoming" === variant && "border-dotted"),
+                children: /*#__PURE__*/ jsx(AiMark, {
+                    size: markSize,
+                    variant: "gradient"
+                })
+            });
+        case "ai-progress":
+            return /*#__PURE__*/ jsxs(MarkerCircle, {
+                compact: compact,
+                className: "relative overflow-hidden bg-insight-700/25 p-0.5 shadow-sm",
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        "aria-hidden": "true",
+                        className: "absolute inset-0 animate-spin rounded-full motion-reduce:animate-none",
+                        style: {
+                            background: "conic-gradient(from 0deg, var(--ai-gradient-end) 0deg, var(--ai-gradient-start) 72deg, var(--insight-700) 150deg, transparent 220deg, var(--ai-gradient-end) 360deg)"
+                        }
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        className: "relative grid size-full place-items-center rounded-full bg-background",
+                        children: /*#__PURE__*/ jsx(AiMark, {
+                            size: markSize,
+                            variant: "gradient"
+                        })
+                    })
+                ]
+            });
+        case "ai-failed":
+            return /*#__PURE__*/ jsx(MarkerCircle, {
+                compact: compact,
+                className: "bg-destructive text-destructive-foreground shadow-sm",
+                children: compact ? /*#__PURE__*/ jsx(CircleAlert, {
+                    className: "size-3"
+                }) : /*#__PURE__*/ jsx(AiMark, {
+                    size: markSize,
+                    variant: "solid"
+                })
+            });
+        case "ai-cancelled":
+            return /*#__PURE__*/ jsx(MarkerCircle, {
+                compact: compact,
+                className: "bg-muted text-muted-foreground shadow-sm",
+                children: /*#__PURE__*/ jsx(AiMark, {
+                    size: markSize,
+                    variant: "solid"
+                })
+            });
+        case "ai-complete":
+            return compact ? /*#__PURE__*/ jsx(MarkerCircle, {
+                compact: true,
+                className: "text-foreground shadow-sm [background-image:var(--ai-gradient)]",
+                children: /*#__PURE__*/ jsx(Check, {
+                    className: "size-3"
+                })
+            }) : /*#__PURE__*/ jsx(MarkerCircle, {
+                compact: false,
+                className: "text-white shadow-sm [background-image:var(--ai-gradient-strong)]",
+                children: /*#__PURE__*/ jsx(AiMark, {
+                    size: markSize,
+                    variant: "solid"
+                })
+            });
+    }
+}
+export { TimelineMarker };

package/dist/registry/timeline/timeline-row-layout.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+export interface TimelineRowLayoutProps {
+    isLast: boolean;
+    marker: ReactNode;
+    children: ReactNode;
+    compact?: boolean;
+}
+export declare function TimelineRowLayout({ isLast, marker, children, compact, }: TimelineRowLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/registry/timeline/timeline-row-layout.js

@@ -0,0 +1,24 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+function TimelineRowLayout({ isLast, marker, children, compact = false }) {
+    const showConnector = !compact || !isLast;
+    const fadesOut = !compact && isLast;
+    const connectorClassName = fadesOut ? "mt-1 min-h-12 w-px flex-1 bg-gradient-to-b from-border to-transparent" : "my-1 w-px flex-1 bg-border";
+    return /*#__PURE__*/ jsxs("div", {
+        className: cn("flex", compact ? "gap-2" : "gap-4"),
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: cn("flex flex-col items-center", !compact && "w-7"),
+                children: [
+                    marker,
+                    showConnector && /*#__PURE__*/ jsx("span", {
+                        className: connectorClassName,
+                        "aria-hidden": "true"
+                    })
+                ]
+            }),
+            children
+        ]
+    });
+}
+export { TimelineRowLayout };

package/dist/registry/toggle/toggle.d.ts

@@ -0,0 +1,9 @@
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare const toggleVariants: (props?: ({
+    variant?: "outline" | "default" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+export { Toggle, toggleVariants };

package/dist/registry/toggle/toggle.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Root } from "@radix-ui/react-toggle";
+import { cva } from "class-variance-authority";
+import "react";
+import { cn } from "../../lib/utils.js";
+const toggleVariants = cva("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap", {
+    variants: {
+        variant: {
+            default: "bg-transparent",
+            outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"
+        },
+        size: {
+            default: "h-9 px-2 min-w-9",
+            sm: "h-8 px-1.5 min-w-8",
+            lg: "h-10 px-2.5 min-w-10"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default"
+    }
+});
+function Toggle({ className, variant, size, ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        "data-slot": "toggle",
+        className: cn(toggleVariants({
+            variant,
+            size,
+            className
+        })),
+        ...props
+    });
+}
+export { Toggle, toggleVariants };

package/dist/registry/toggle-group/toggle-group.d.ts

@@ -0,0 +1,9 @@
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import type { VariantProps } from "class-variance-authority";
+import * as React from "react";
+import { toggleVariants } from "../toggle/toggle";
+declare function ToggleGroup({ className, variant, size, spacing, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants> & {
+    spacing?: number;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+export { ToggleGroup, ToggleGroupItem };