@uipath/apollo-vertex 0.0.0-stage → 0.3.0

package/dist/registry/data-table/sortable-column-item.js

@@ -0,0 +1,48 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useSortable } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import { GripVerticalIcon } from "lucide-react";
+import { Button } from "../button/button.js";
+import { Checkbox } from "../checkbox/checkbox.js";
+import { cn } from "../../lib/utils.js";
+function SortableColumnItem({ id, displayName, isVisible, onToggleVisibility }) {
+    const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
+        id
+    });
+    const style = {
+        transform: CSS.Transform.toString(transform),
+        transition
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        ref: setNodeRef,
+        style: style,
+        className: cn("flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm", "hover:bg-accent transition-colors", isDragging && "bg-accent opacity-50"),
+        children: [
+            /*#__PURE__*/ jsx(Button, {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                className: "size-auto cursor-grab touch-none p-0 text-muted-foreground hover:bg-transparent dark:hover:bg-transparent hover:text-foreground",
+                ...attributes,
+                ...listeners,
+                children: /*#__PURE__*/ jsx(GripVerticalIcon, {
+                    className: "size-4"
+                })
+            }),
+            /*#__PURE__*/ jsxs("label", {
+                className: "flex flex-1 cursor-pointer items-center gap-2",
+                children: [
+                    /*#__PURE__*/ jsx(Checkbox, {
+                        checked: isVisible,
+                        onCheckedChange: (value)=>onToggleVisibility(!!value)
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        className: "select-none",
+                        children: displayName
+                    })
+                ]
+            })
+        ]
+    });
+}
+export { SortableColumnItem };

package/dist/registry/data-table/sortable-column-list.d.ts

@@ -0,0 +1,14 @@
+interface ColumnItem {
+    id: string;
+    displayName: string;
+    isVisible: boolean;
+}
+interface SortableColumnListProps {
+    columns: ColumnItem[];
+    allColumnIds: string[];
+    onReorder: (columnIds: string[]) => void;
+    onToggleVisibility: (columnId: string, visible: boolean) => void;
+}
+declare function SortableColumnList({ columns, allColumnIds, onReorder, onToggleVisibility, }: SortableColumnListProps): import("react/jsx-runtime").JSX.Element;
+export { SortableColumnList };
+export type { ColumnItem, SortableColumnListProps };

package/dist/registry/data-table/sortable-column-list.js

@@ -0,0 +1,37 @@
+import { jsx } from "react/jsx-runtime";
+import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
+import { SortableContext, arrayMove, sortableKeyboardCoordinates, verticalListSortingStrategy } from "@dnd-kit/sortable";
+import { SortableColumnItem } from "./sortable-column-item.js";
+function SortableColumnList({ columns, allColumnIds, onReorder, onToggleVisibility }) {
+    const sensors = useSensors(useSensor(PointerSensor, {
+        activationConstraint: {
+            distance: 3
+        }
+    }), useSensor(KeyboardSensor, {
+        coordinateGetter: sortableKeyboardCoordinates
+    }));
+    const columnIds = columns.map((col)=>col.id);
+    const handleDragEnd = (event)=>{
+        const { active, over } = event;
+        if (!over || active.id === over.id) return;
+        const oldIndex = allColumnIds.indexOf(String(active.id));
+        const newIndex = allColumnIds.indexOf(String(over.id));
+        onReorder(arrayMove(allColumnIds, oldIndex, newIndex));
+    };
+    return /*#__PURE__*/ jsx(DndContext, {
+        sensors: sensors,
+        collisionDetection: closestCenter,
+        onDragEnd: handleDragEnd,
+        children: /*#__PURE__*/ jsx(SortableContext, {
+            items: columnIds,
+            strategy: verticalListSortingStrategy,
+            children: columns.map((column)=>/*#__PURE__*/ jsx(SortableColumnItem, {
+                    id: column.id,
+                    displayName: column.displayName,
+                    isVisible: column.isVisible,
+                    onToggleVisibility: (value)=>onToggleVisibility(column.id, value)
+                }, column.id))
+        })
+    });
+}
+export { SortableColumnList };

package/dist/registry/date-picker/date-picker.d.ts

@@ -0,0 +1,6 @@
+interface DatePickerProps {
+    value?: Date;
+    onValueChanged: (date?: Date) => void;
+}
+export declare function DatePicker({ value, onValueChanged }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/registry/date-picker/date-picker.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { DateTime } from "luxon";
+import { ChevronDownIcon } from "lucide-react";
+import "react";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
+import { Button } from "../button/button.js";
+import { Calendar } from "../calendar/calendar.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../popover/popover.js";
+function DatePicker({ value, onValueChanged }) {
+    const { t } = useVertexTranslation();
+    return /*#__PURE__*/ jsxs(Popover, {
+        children: [
+            /*#__PURE__*/ jsx(PopoverTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ jsxs(Button, {
+                    variant: "outline",
+                    "data-empty": !value,
+                    className: "data-[empty=true]:text-muted-foreground w-[212px] justify-between text-left font-normal",
+                    children: [
+                        value ? DateTime.fromJSDate(value).toLocaleString(DateTime.DATE_FULL) : /*#__PURE__*/ jsx("span", {
+                            children: t("pick_a_date")
+                        }),
+                        /*#__PURE__*/ jsx(ChevronDownIcon, {})
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx(PopoverContent, {
+                className: "w-auto p-0",
+                align: "start",
+                children: /*#__PURE__*/ jsx(Calendar, {
+                    mode: "single",
+                    selected: value,
+                    onSelect: onValueChanged,
+                    defaultMonth: value
+                })
+            })
+        ]
+    });
+}
+export { DatePicker };

package/dist/registry/dialog/dialog.d.ts

@@ -0,0 +1,16 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, fullscreen, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+    fullscreen?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/registry/dialog/dialog.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 Dialog({ ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        "data-slot": "dialog",
+        ...props
+    });
+}
+function DialogTrigger({ ...props }) {
+    return /*#__PURE__*/ jsx(Trigger, {
+        "data-slot": "dialog-trigger",
+        ...props
+    });
+}
+function DialogPortal({ ...props }) {
+    return /*#__PURE__*/ jsx(Portal, {
+        "data-slot": "dialog-portal",
+        ...props
+    });
+}
+function DialogClose({ ...props }) {
+    return /*#__PURE__*/ jsx(Close, {
+        "data-slot": "dialog-close",
+        ...props
+    });
+}
+function DialogOverlay({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Overlay, {
+        "data-slot": "dialog-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 DialogContent({ className, children, showCloseButton = true, fullscreen, ...props }) {
+    const { t } = useVertexTranslation();
+    return /*#__PURE__*/ jsxs(DialogPortal, {
+        "data-slot": "dialog-portal",
+        children: [
+            /*#__PURE__*/ jsx(DialogOverlay, {}),
+            /*#__PURE__*/ jsxs(Content, {
+                "data-slot": "dialog-content",
+                className: cn(fullscreen ? "fixed inset-0 z-50 bg-background outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0 duration-200" : "bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg", className),
+                ...props,
+                children: [
+                    children,
+                    showCloseButton && /*#__PURE__*/ jsxs(Close, {
+                        "data-slot": "dialog-close",
+                        className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground 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 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+                        children: [
+                            /*#__PURE__*/ jsx(XIcon, {}),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "sr-only",
+                                children: t("close")
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+function DialogHeader({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "dialog-header",
+        className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+        ...props
+    });
+}
+function DialogFooter({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "dialog-footer",
+        className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+        ...props
+    });
+}
+function DialogTitle({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Title, {
+        "data-slot": "dialog-title",
+        className: cn("text-lg leading-none font-semibold", className),
+        ...props
+    });
+}
+function DialogDescription({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Description, {
+        "data-slot": "dialog-description",
+        className: cn("text-muted-foreground text-sm", className),
+        ...props
+    });
+}
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

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

@@ -0,0 +1,10 @@
+export interface DistributionChartProps {
+    data: Array<{
+        x: string;
+        y: number;
+    }>;
+    seriesLabel: string;
+    formatValue: (value: number) => string;
+    color?: string;
+}
+export declare function DistributionChart({ data, seriesLabel, formatValue, color, }: DistributionChartProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,57 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Bar, BarChart, CartesianGrid, XAxis, YAxis } from "recharts";
+import { ChartContainer, ChartTooltip, ChartTooltipContent } from "../chart/chart.js";
+function DistributionChart({ data, seriesLabel, formatValue, color = "var(--color-primary)" }) {
+    const config = {
+        y: {
+            label: seriesLabel,
+            color
+        }
+    };
+    return /*#__PURE__*/ jsx(ChartContainer, {
+        config: config,
+        className: "aspect-auto h-[250px] w-full",
+        children: /*#__PURE__*/ jsxs(BarChart, {
+            accessibilityLayer: true,
+            data: data,
+            margin: {
+                right: 16,
+                top: 16
+            },
+            children: [
+                /*#__PURE__*/ jsx(CartesianGrid, {
+                    vertical: false
+                }),
+                /*#__PURE__*/ jsx(XAxis, {
+                    dataKey: "x",
+                    tickLine: false,
+                    tickMargin: 8,
+                    minTickGap: 32,
+                    axisLine: true
+                }),
+                /*#__PURE__*/ jsx(YAxis, {
+                    type: "number",
+                    tickLine: false,
+                    axisLine: false,
+                    tickFormatter: (v)=>formatValue(Number(v)),
+                    tick: {
+                        fontSize: 14
+                    }
+                }),
+                /*#__PURE__*/ jsx(ChartTooltip, {
+                    content: /*#__PURE__*/ jsx(ChartTooltipContent, {
+                        className: "w-[200px] border-0",
+                        nameKey: "x",
+                        labelFormatter: String
+                    })
+                }),
+                /*#__PURE__*/ jsx(Bar, {
+                    dataKey: "y",
+                    fill: color,
+                    barSize: 20
+                })
+            ]
+        })
+    });
+}
+export { DistributionChart };

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

@@ -0,0 +1,7 @@
+import { type ChartDataModel, type DataAdapter, type DistributionChartConfiguration, type NumericOrDatetimeModelField } from "../charts-core/charts-core";
+export interface DistributionChartWithAdapterProps {
+    configuration: DistributionChartConfiguration;
+    dataModel: ChartDataModel<NumericOrDatetimeModelField>;
+    dataAdapter: DataAdapter;
+}
+export declare function DistributionChartWithAdapter({ configuration, dataModel, dataAdapter, }: DistributionChartWithAdapterProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,58 @@
+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 { assert } from "../../lib/asserts/assert.js";
+import { assertDefined } from "../../lib/asserts/assert-defined.js";
+import { ChartLoadingBoundary, SpinnerWithChildren, binLabel, formatMetricValue, getChartRange } from "../charts-core/charts-core.js";
+import { DistributionChart } from "./distribution-chart-view.js";
+function DistributionChartWithAdapter({ configuration, dataModel, dataAdapter }) {
+    return /*#__PURE__*/ jsx(ChartLoadingBoundary, {
+        configuration: configuration,
+        dataModel: dataModel,
+        children: /*#__PURE__*/ jsx(DistributionChartResolver, {
+            configuration: configuration,
+            dataModel: dataModel,
+            dataAdapter: dataAdapter
+        })
+    });
+}
+function DistributionChartResolver({ configuration, dataModel, dataAdapter }) {
+    const { i18n: { language } } = useVertexTranslation();
+    const deferrableProps = useDeferredValue({
+        configuration,
+        dataModel
+    });
+    const query = dataAdapter.charts.distribution(configuration, dataModel);
+    const deferredQuery = dataAdapter.charts.distribution(deferrableProps.configuration, deferrableProps.dataModel);
+    const isFetching = useIsFetching(query) > 0;
+    const { bins, values } = useSuspenseQuery(deferredQuery).data;
+    const dimensionId = assertDefined(configuration.dimensions[0], "Distribution chart dimension is required");
+    const dimension = assertDefined(dataModel.dimensions.find((d)=>d.id === dimensionId), `Dimension ${dimensionId} not found in dataModel`);
+    const metricId = assertDefined(configuration.metrics[0], "Distribution chart metric is required");
+    const metric = assertDefined(dataModel.metrics.find((m)=>m.id === metricId), `Metric ${metricId} not found in dataModel`);
+    assert("datetime" === dimension.type || "numeric" === dimension.type, "Dimension type must be datetime or numeric");
+    const chartRange = getChartRange({
+        type: dimension.type,
+        bins
+    });
+    const data = bins.map((bin, index)=>({
+            x: binLabel({
+                locale: language,
+                type: dimension.type,
+                bin,
+                chartRange,
+                isCompact: true
+            }),
+            y: values[index] ?? 0
+        }));
+    return /*#__PURE__*/ jsx(SpinnerWithChildren, {
+        loading: isFetching,
+        children: /*#__PURE__*/ jsx(DistributionChart, {
+            data: data,
+            seriesLabel: metric.display,
+            formatValue: (value)=>formatMetricValue(language, value, metric.expression)
+        })
+    });
+}
+export { DistributionChartWithAdapter };

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

@@ -0,0 +1,2 @@
+export { DistributionChart, type DistributionChartProps, } from "./distribution-chart-view";
+export { DistributionChartWithAdapter, type DistributionChartWithAdapterProps, } from "./distribution-chart-with-adapter";

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

@@ -0,0 +1,3 @@
+import { DistributionChart } from "./distribution-chart-view.js";
+import { DistributionChartWithAdapter } from "./distribution-chart-with-adapter.js";
+export { DistributionChart, DistributionChartWithAdapter };

package/dist/registry/drawer/drawer.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { Drawer as DrawerPrimitive } from "vaul";
+declare function Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };

package/dist/registry/drawer/drawer.js

@@ -0,0 +1,84 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { Drawer } from "vaul";
+import { cn } from "../../lib/utils.js";
+function drawer_Drawer({ ...props }) {
+    return /*#__PURE__*/ jsx(Drawer.Root, {
+        "data-slot": "drawer",
+        ...props
+    });
+}
+function DrawerTrigger({ ...props }) {
+    return /*#__PURE__*/ jsx(Drawer.Trigger, {
+        "data-slot": "drawer-trigger",
+        ...props
+    });
+}
+function DrawerPortal({ ...props }) {
+    return /*#__PURE__*/ jsx(Drawer.Portal, {
+        "data-slot": "drawer-portal",
+        ...props
+    });
+}
+function DrawerClose({ ...props }) {
+    return /*#__PURE__*/ jsx(Drawer.Close, {
+        "data-slot": "drawer-close",
+        ...props
+    });
+}
+function DrawerOverlay({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Drawer.Overlay, {
+        "data-slot": "drawer-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 DrawerContent({ className, children, ...props }) {
+    return /*#__PURE__*/ jsxs(DrawerPortal, {
+        "data-slot": "drawer-portal",
+        children: [
+            /*#__PURE__*/ jsx(DrawerOverlay, {}),
+            /*#__PURE__*/ jsxs(Drawer.Content, {
+                "data-slot": "drawer-content",
+                className: cn("group/drawer-content bg-background fixed z-50 flex h-auto flex-col", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm", className),
+                ...props,
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block"
+                    }),
+                    children
+                ]
+            })
+        ]
+    });
+}
+function DrawerHeader({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "drawer-header",
+        className: cn("flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left", className),
+        ...props
+    });
+}
+function DrawerFooter({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "drawer-footer",
+        className: cn("mt-auto flex flex-col gap-2 p-4", className),
+        ...props
+    });
+}
+function DrawerTitle({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Drawer.Title, {
+        "data-slot": "drawer-title",
+        className: cn("text-foreground font-semibold", className),
+        ...props
+    });
+}
+function DrawerDescription({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Drawer.Description, {
+        "data-slot": "drawer-description",
+        className: cn("text-muted-foreground text-sm", className),
+        ...props
+    });
+}
+export { drawer_Drawer as Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };

package/dist/registry/dropdown-menu/dropdown-menu.d.ts

@@ -0,0 +1,25 @@
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as React from "react";
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };