@uipath/apollo-vertex 0.0.0-stage → 0.3.0

package/dist/registry/page-header/page-header.js

@@ -0,0 +1,278 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { ArrowLeft, MoreHorizontal } from "lucide-react";
+import { Fragment, useEffect, useRef, useState } from "react";
+import { Button } from "../button/button.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuTrigger } from "../dropdown-menu/dropdown-menu.js";
+import { cn } from "../../lib/utils.js";
+const pageHeaderVariants = cva("", {
+    variants: {
+        size: {
+            default: "flex flex-wrap items-center gap-4 py-4 px-4 sm:px-6 lg:px-8 min-h-[92px] transition-[padding] duration-300 ease-in-out @3xl:grid @3xl:grid-cols-[1fr_auto] @3xl:py-0 @3xl:has-[[data-slot=page-header-content]]:grid-cols-[3fr_6fr_3fr]",
+            content: "flex flex-col gap-3 pt-[10px] pb-4"
+        }
+    },
+    defaultVariants: {
+        size: "default"
+    }
+});
+function PageHeader({ className, size, bordered = false, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: "@container shrink-0",
+        children: /*#__PURE__*/ jsx("div", {
+            "data-slot": "page-header",
+            "data-size": size,
+            className: cn(pageHeaderVariants({
+                size
+            }), bordered && "border-b border-border", className),
+            ...props
+        })
+    });
+}
+function PageHeaderNav({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "page-header-nav",
+        className: cn("flex items-center gap-3 min-w-0 flex-1 order-1 @3xl:order-none", className),
+        ...props
+    });
+}
+function PageHeaderBackButton({ className, children, ...props }) {
+    return /*#__PURE__*/ jsx(Button, {
+        "data-slot": "page-header-back",
+        variant: "secondary",
+        size: "icon-lg",
+        "aria-label": "Go back",
+        className: cn("shrink-0", className),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(ArrowLeft, {
+            className: "size-5"
+        })
+    });
+}
+function PageHeaderTitleGroup({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "page-header-title-group",
+        className: cn("flex flex-col min-w-0", className),
+        ...props
+    });
+}
+const pageHeaderTitleVariants = cva("font-bold text-foreground w-full min-w-[80px] truncate transition-[font-size,line-height,letter-spacing] duration-300 ease-in-out", {
+    variants: {
+        size: {
+            default: "text-base leading-5 @5xl:text-2xl @5xl:leading-8 @5xl:tracking-tight",
+            lg: "text-2xl leading-8 tracking-tight"
+        }
+    },
+    defaultVariants: {
+        size: "default"
+    }
+});
+function PageHeaderTitle({ className, size, children, as: Comp = "h1", ...props }) {
+    return /*#__PURE__*/ jsx(Comp, {
+        "data-slot": "page-header-title",
+        ..."string" == typeof children && {
+            title: children
+        },
+        className: cn(pageHeaderTitleVariants({
+            size
+        }), className),
+        ...props,
+        children: children
+    });
+}
+function PageHeaderDescription({ className, children, ...props }) {
+    return /*#__PURE__*/ jsx("p", {
+        "data-slot": "page-header-description",
+        ..."string" == typeof children && {
+            title: children
+        },
+        className: cn("text-xs text-muted-foreground truncate", className),
+        ...props,
+        children: children
+    });
+}
+function PageHeaderContent({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "page-header-content",
+        className: cn("flex items-center gap-4 min-w-0", "order-3 basis-full justify-evenly", "@3xl:order-none @3xl:gap-0 @3xl:justify-evenly", className),
+        ...props
+    });
+}
+function PageHeaderField({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "page-header-field",
+        className: cn("flex flex-col min-w-0", className),
+        ...props
+    });
+}
+function PageHeaderFieldLabel({ className, ...props }) {
+    return /*#__PURE__*/ jsx("p", {
+        "data-slot": "page-header-field-label",
+        className: cn("text-xs text-muted-foreground truncate", className),
+        ...props
+    });
+}
+function PageHeaderFieldValue({ className, children, ...props }) {
+    return /*#__PURE__*/ jsx("p", {
+        "data-slot": "page-header-field-value",
+        ..."string" == typeof children && {
+            title: children
+        },
+        className: cn("text-sm font-medium text-foreground truncate", className),
+        ...props,
+        children: children
+    });
+}
+function PageHeaderActions({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "page-header-actions",
+        className: cn("flex items-center gap-4 shrink-0 ml-auto order-2", "@3xl:order-none @3xl:ml-0 @3xl:justify-end", className),
+        ...props
+    });
+}
+function PageHeaderActionsOverflow({ children, className, ...triggerProps }) {
+    return /*#__PURE__*/ jsxs(DropdownMenu, {
+        children: [
+            /*#__PURE__*/ jsx(DropdownMenuTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ jsx(Button, {
+                    variant: "ghost",
+                    size: "icon",
+                    className: cn("shrink-0", className),
+                    "aria-label": "More actions",
+                    ...triggerProps,
+                    children: /*#__PURE__*/ jsx(MoreHorizontal, {
+                        className: "h-4 w-4"
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(DropdownMenuContent, {
+                align: "end",
+                children: children
+            })
+        ]
+    });
+}
+function PageHeaderCollapsibleActions({ items, overflowContent, navMinWidth = 200 }) {
+    const containerRef = useRef(null);
+    const rulerRef = useRef(null);
+    const [visibleCount, setVisibleCount] = useState(null);
+    const gap = 16;
+    const hasMeasured = null !== visibleCount;
+    const itemsRef = useRef(items);
+    itemsRef.current = items;
+    const itemKeys = items.map((i)=>i.key).join(",");
+    useEffect(()=>{
+        setVisibleCount(null);
+        const container = containerRef.current;
+        const ruler = rulerRef.current;
+        if (!container || !ruler) return;
+        const header = container.closest('[data-slot="page-header"]');
+        if (!header) return;
+        const calculate = ()=>{
+            const currentItems = itemsRef.current;
+            const headerWidth = header.clientWidth;
+            const headerStyle = getComputedStyle(header);
+            const headerPadding = Number.parseFloat(headerStyle.paddingLeft) + Number.parseFloat(headerStyle.paddingRight);
+            const actionsContainer = container.closest('[data-slot="page-header-actions"]');
+            let fixedWidth = 0;
+            if (actionsContainer) {
+                for (const child of Array.from(actionsContainer.children))if (child !== container && child instanceof HTMLElement) fixedWidth += child.offsetWidth + gap;
+            }
+            const trigger = container.querySelector("[data-overflow-trigger]");
+            const measuredTriggerWidth = trigger ? trigger.offsetWidth + gap : 0;
+            const estimatedTriggerWidth = 36 + gap;
+            const rulerItems = Array.from(ruler.querySelectorAll("[data-ruler-item]"));
+            const fitCount = (space)=>{
+                let remaining = space;
+                let n = 0;
+                for(let i = 0; i < rulerItems.length && i < currentItems.length; i++){
+                    const rulerItem = rulerItems[i];
+                    if (!rulerItem) break;
+                    const w = rulerItem.offsetWidth + (n > 0 ? gap : 0);
+                    if (remaining < w) break;
+                    remaining -= w;
+                    n++;
+                }
+                return n;
+            };
+            const isGrid = "grid" === getComputedStyle(header).display;
+            const baseAvailable = isGrid && actionsContainer ? actionsContainer.clientWidth - fixedWidth : headerWidth - headerPadding - navMinWidth - fixedWidth;
+            let count = fitCount(baseAvailable);
+            if (count < currentItems.length || overflowContent) {
+                const triggerWidth = measuredTriggerWidth || estimatedTriggerWidth;
+                count = fitCount(baseAvailable - triggerWidth);
+            }
+            setVisibleCount(count);
+        };
+        let rafId;
+        const onResize = ()=>{
+            cancelAnimationFrame(rafId);
+            rafId = requestAnimationFrame(calculate);
+        };
+        onResize();
+        const observer = new ResizeObserver(onResize);
+        observer.observe(header);
+        return ()=>{
+            observer.disconnect();
+            cancelAnimationFrame(rafId);
+        };
+    }, [
+        itemKeys,
+        overflowContent,
+        navMinWidth
+    ]);
+    const safeCount = hasMeasured ? visibleCount : 0;
+    const overflowItems = items.slice(safeCount);
+    const showTrigger = overflowItems.length > 0 || !!overflowContent;
+    return /*#__PURE__*/ jsxs("div", {
+        ref: containerRef,
+        className: "contents",
+        style: hasMeasured ? {} : {
+            visibility: "hidden"
+        },
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                ref: rulerRef,
+                className: "absolute invisible pointer-events-none flex gap-4 -top-[9999px] -left-[9999px]",
+                "aria-hidden": "true",
+                children: items.map((item)=>/*#__PURE__*/ jsx("div", {
+                        "data-ruler-item": true,
+                        children: item.button
+                    }, item.key))
+            }),
+            items.slice(0, safeCount).map((item)=>/*#__PURE__*/ jsx(Fragment, {
+                    children: item.button
+                }, item.key)),
+            showTrigger && /*#__PURE__*/ jsxs(DropdownMenu, {
+                children: [
+                    /*#__PURE__*/ jsx(DropdownMenuTrigger, {
+                        asChild: true,
+                        children: /*#__PURE__*/ jsx(Button, {
+                            "data-overflow-trigger": true,
+                            variant: "ghost",
+                            size: "icon",
+                            className: "shrink-0",
+                            "aria-label": "Overflow actions",
+                            children: /*#__PURE__*/ jsx(MoreHorizontal, {
+                                className: "h-4 w-4"
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs(DropdownMenuContent, {
+                        align: "end",
+                        children: [
+                            overflowItems.map((item)=>/*#__PURE__*/ jsx(Fragment, {
+                                    children: item.menuItem
+                                }, item.key)),
+                            overflowItems.length > 0 && overflowContent && /*#__PURE__*/ jsx(DropdownMenuSeparator, {}),
+                            overflowContent
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+export { PageHeader, PageHeaderActions, PageHeaderActionsOverflow, PageHeaderBackButton, PageHeaderCollapsibleActions, PageHeaderContent, PageHeaderDescription, PageHeaderField, PageHeaderFieldLabel, PageHeaderFieldValue, PageHeaderNav, PageHeaderTitle, PageHeaderTitleGroup, pageHeaderTitleVariants, pageHeaderVariants };

package/dist/registry/pagination/pagination.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { type Button } from "../button/button";
+declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
+declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
+declare function PaginationItem({ ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & Pick<React.ComponentProps<typeof Button>, "size"> & React.ComponentProps<"a">;
+declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+declare function PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+declare function PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, };

package/dist/registry/pagination/pagination.js

@@ -0,0 +1,94 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
+import "react";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
+import { buttonVariants } from "../button/button.js";
+import { cn } from "../../lib/utils.js";
+function Pagination({ className, ...props }) {
+    return /*#__PURE__*/ jsx("nav", {
+        role: "navigation",
+        "aria-label": "pagination",
+        "data-slot": "pagination",
+        className: cn("mx-auto flex w-full justify-center", className),
+        ...props
+    });
+}
+function PaginationContent({ className, ...props }) {
+    return /*#__PURE__*/ jsx("ul", {
+        "data-slot": "pagination-content",
+        className: cn("flex flex-row items-center gap-1", className),
+        ...props
+    });
+}
+function PaginationItem({ ...props }) {
+    return /*#__PURE__*/ jsx("li", {
+        "data-slot": "pagination-item",
+        ...props
+    });
+}
+function PaginationLink({ className, isActive, size = "icon", ...props }) {
+    return /*#__PURE__*/ jsx("a", {
+        ...isActive ? {
+            "aria-current": "page"
+        } : {},
+        "data-slot": "pagination-link",
+        "data-active": isActive,
+        className: cn(buttonVariants({
+            variant: isActive ? "outline" : "ghost",
+            size
+        }), className),
+        ...props
+    });
+}
+function PaginationPrevious({ className, ...props }) {
+    const { t } = useVertexTranslation();
+    return /*#__PURE__*/ jsxs(PaginationLink, {
+        "aria-label": t("go_to_previous_page"),
+        size: "default",
+        className: cn("gap-1 px-2.5 sm:pl-2.5", className),
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(ChevronLeftIcon, {}),
+            /*#__PURE__*/ jsx("span", {
+                className: "hidden sm:block",
+                children: t("previous")
+            })
+        ]
+    });
+}
+function PaginationNext({ className, ...props }) {
+    const { t } = useVertexTranslation();
+    return /*#__PURE__*/ jsxs(PaginationLink, {
+        "aria-label": t("go_to_next_page"),
+        size: "default",
+        className: cn("gap-1 px-2.5 sm:pr-2.5", className),
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: "hidden sm:block",
+                children: t("next")
+            }),
+            /*#__PURE__*/ jsx(ChevronRightIcon, {})
+        ]
+    });
+}
+function PaginationEllipsis({ className, ...props }) {
+    const { t } = useVertexTranslation();
+    return /*#__PURE__*/ jsxs("span", {
+        "aria-hidden": true,
+        "data-slot": "pagination-ellipsis",
+        className: cn("flex size-9 items-center justify-center", className),
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(MoreHorizontalIcon, {
+                className: "size-4"
+            }),
+            /*#__PURE__*/ jsx("span", {
+                className: "sr-only",
+                children: t("more_pages")
+            })
+        ]
+    });
+}
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };

package/dist/registry/popover/popover.d.ts

@@ -0,0 +1,9 @@
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import * as React from "react";
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, portal, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content> & {
+    portal?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/dist/registry/popover/popover.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Anchor, Content, Portal, Root, Trigger } from "@radix-ui/react-popover";
+import { Fragment } from "react";
+import { cn } from "../../lib/utils.js";
+function Popover({ ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        "data-slot": "popover",
+        ...props
+    });
+}
+function PopoverTrigger({ ...props }) {
+    return /*#__PURE__*/ jsx(Trigger, {
+        "data-slot": "popover-trigger",
+        ...props
+    });
+}
+function PopoverContent({ className, align = "center", sideOffset = 4, portal = true, ...props }) {
+    const Wrapper = portal ? Portal : Fragment;
+    return /*#__PURE__*/ jsx(Wrapper, {
+        children: /*#__PURE__*/ jsx(Content, {
+            "data-slot": "popover-content",
+            align: align,
+            sideOffset: sideOffset,
+            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 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-lg border p-4 shadow-md outline-hidden", className),
+            ...props
+        })
+    });
+}
+function PopoverAnchor({ ...props }) {
+    return /*#__PURE__*/ jsx(Anchor, {
+        "data-slot": "popover-anchor",
+        ...props
+    });
+}
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };

package/dist/registry/progress/progress.d.ts

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

package/dist/registry/progress/progress.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Indicator, Root } from "@radix-ui/react-progress";
+import "react";
+import { cn } from "../../lib/utils.js";
+function Progress({ className, value, ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        "data-slot": "progress",
+        className: cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className),
+        ...props,
+        children: /*#__PURE__*/ jsx(Indicator, {
+            "data-slot": "progress-indicator",
+            className: "bg-primary h-full w-full flex-1 transition-all",
+            style: {
+                transform: `translateX(-${100 - (value ?? 0)}%)`
+            }
+        })
+    });
+}
+export { Progress };

package/dist/registry/protected-feature-route/protected-feature-route.d.ts

@@ -0,0 +1,10 @@
+import type { PropsWithChildren } from "react";
+interface ProtectedFeatureRouteProps {
+    feature: string;
+}
+/**
+ * Route-level guard that throws when a feature is disabled,
+ * intended to be caught by an error boundary.
+ */
+export declare function ProtectedFeatureRoute({ feature, children, }: PropsWithChildren<ProtectedFeatureRouteProps>): import("react").ReactNode;
+export {};

package/dist/registry/protected-feature-route/protected-feature-route.js

@@ -0,0 +1,8 @@
+"use client";
+import { useFeatureFlag } from "../use-feature-flag/use-feature-flag.js";
+function ProtectedFeatureRoute({ feature, children }) {
+    const isEnabled = useFeatureFlag(feature);
+    if (!isEnabled) throw new Error(`Feature "${feature}" is disabled for your account.`);
+    return children;
+}
+export { ProtectedFeatureRoute };

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

@@ -0,0 +1,5 @@
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import * as React from "react";
+declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+export { RadioGroup, RadioGroupItem };

package/dist/registry/radio-group/radio-group.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Indicator, Item, Root } from "@radix-ui/react-radio-group";
+import { CircleIcon } from "lucide-react";
+import "react";
+import { cn } from "../../lib/utils.js";
+function RadioGroup({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        "data-slot": "radio-group",
+        className: cn("grid gap-3", className),
+        ...props
+    });
+}
+function RadioGroupItem({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Item, {
+        "data-slot": "radio-group-item",
+        className: cn("border-input text-primary 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 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
+        ...props,
+        children: /*#__PURE__*/ jsx(Indicator, {
+            "data-slot": "radio-group-indicator",
+            className: "relative flex items-center justify-center",
+            children: /*#__PURE__*/ jsx(CircleIcon, {
+                className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2"
+            })
+        })
+    });
+}
+export { RadioGroup, RadioGroupItem };

package/dist/registry/resizable/resizable.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { Group, Panel, Separator } from "react-resizable-panels";
+declare function ResizablePanelGroup({ className, ...props }: React.ComponentProps<typeof Group>): import("react/jsx-runtime").JSX.Element;
+declare function ResizablePanel({ ...props }: React.ComponentProps<typeof Panel>): import("react/jsx-runtime").JSX.Element;
+declare function ResizableHandle({ withHandle, className, ...props }: React.ComponentProps<typeof Separator> & {
+    withHandle?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle };

package/dist/registry/resizable/resizable.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { GripVerticalIcon } from "lucide-react";
+import "react";
+import { Group, Panel, Separator } from "react-resizable-panels";
+import { cn } from "../../lib/utils.js";
+function ResizablePanelGroup({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Group, {
+        "data-slot": "resizable-panel-group",
+        className: cn("flex h-full w-full", className),
+        ...props
+    });
+}
+function ResizablePanel({ ...props }) {
+    return /*#__PURE__*/ jsx(Panel, {
+        "data-slot": "resizable-panel",
+        ...props
+    });
+}
+function ResizableHandle({ withHandle, className, ...props }) {
+    return /*#__PURE__*/ jsx(Separator, {
+        "data-slot": "resizable-handle",
+        className: cn("bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90", className),
+        ...props,
+        children: withHandle && /*#__PURE__*/ jsx("div", {
+            className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border",
+            children: /*#__PURE__*/ jsx(GripVerticalIcon, {
+                className: "size-2.5"
+            })
+        })
+    });
+}
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

package/dist/registry/scroll-area/scroll-area.d.ts

@@ -0,0 +1,5 @@
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import * as React from "react";
+declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): import("react/jsx-runtime").JSX.Element;
+export { ScrollArea, ScrollBar };

package/dist/registry/scroll-area/scroll-area.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Corner, Root, ScrollAreaScrollbar, ScrollAreaThumb, Viewport } from "@radix-ui/react-scroll-area";
+import "react";
+import { cn } from "../../lib/utils.js";
+function ScrollArea({ className, children, ...props }) {
+    return /*#__PURE__*/ jsxs(Root, {
+        "data-slot": "scroll-area",
+        className: cn("relative", className),
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(Viewport, {
+                "data-slot": "scroll-area-viewport",
+                className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+                children: children
+            }),
+            /*#__PURE__*/ jsx(ScrollBar, {}),
+            /*#__PURE__*/ jsx(Corner, {})
+        ]
+    });
+}
+function ScrollBar({ className, orientation = "vertical", ...props }) {
+    return /*#__PURE__*/ jsx(ScrollAreaScrollbar, {
+        "data-slot": "scroll-area-scrollbar",
+        orientation: orientation,
+        className: cn("flex touch-none p-px transition-colors select-none", "vertical" === orientation && "h-full w-2.5 border-l border-l-transparent", "horizontal" === orientation && "h-2.5 flex-col border-t border-t-transparent", className),
+        ...props,
+        children: /*#__PURE__*/ jsx(ScrollAreaThumb, {
+            "data-slot": "scroll-area-thumb",
+            className: "bg-border relative flex-1 rounded-full"
+        })
+    });
+}
+export { ScrollArea, ScrollBar };

package/dist/registry/select/select.d.ts

@@ -0,0 +1,15 @@
+import * as SelectPrimitive from "@radix-ui/react-select";
+import * as React from "react";
+declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: "sm" | "default";
+}): import("react/jsx-runtime").JSX.Element;
+declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };