@uipath/apollo-vertex 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,142 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckboxItem, Content, Group, Item, ItemIndicator, Label, Portal, RadioGroup, RadioItem, Root, Separator, Sub, SubContent, SubTrigger, Trigger } from "@radix-ui/react-dropdown-menu";
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+import "react";
+import { cn } from "../../lib/utils.js";
+function DropdownMenu({ ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        "data-slot": "dropdown-menu",
+        ...props
+    });
+}
+function DropdownMenuPortal({ ...props }) {
+    return /*#__PURE__*/ jsx(Portal, {
+        "data-slot": "dropdown-menu-portal",
+        ...props
+    });
+}
+function DropdownMenuTrigger({ ...props }) {
+    return /*#__PURE__*/ jsx(Trigger, {
+        "data-slot": "dropdown-menu-trigger",
+        ...props
+    });
+}
+function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
+    return /*#__PURE__*/ jsx(Portal, {
+        children: /*#__PURE__*/ jsx(Content, {
+            "data-slot": "dropdown-menu-content",
+            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 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg border shadow-md p-1", className),
+            ...props
+        })
+    });
+}
+function DropdownMenuGroup({ ...props }) {
+    return /*#__PURE__*/ jsx(Group, {
+        "data-slot": "dropdown-menu-group",
+        ...props
+    });
+}
+function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
+    return /*#__PURE__*/ jsx(Item, {
+        "data-slot": "dropdown-menu-item",
+        "data-inset": inset,
+        "data-variant": variant,
+        className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        ...props
+    });
+}
+function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
+    return /*#__PURE__*/ jsxs(CheckboxItem, {
+        "data-slot": "dropdown-menu-checkbox-item",
+        className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        checked: checked,
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+                children: /*#__PURE__*/ jsx(ItemIndicator, {
+                    children: /*#__PURE__*/ jsx(CheckIcon, {
+                        className: "size-4"
+                    })
+                })
+            }),
+            children
+        ]
+    });
+}
+function DropdownMenuRadioGroup({ ...props }) {
+    return /*#__PURE__*/ jsx(RadioGroup, {
+        "data-slot": "dropdown-menu-radio-group",
+        ...props
+    });
+}
+function DropdownMenuRadioItem({ className, children, ...props }) {
+    return /*#__PURE__*/ jsxs(RadioItem, {
+        "data-slot": "dropdown-menu-radio-item",
+        className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+                children: /*#__PURE__*/ jsx(ItemIndicator, {
+                    children: /*#__PURE__*/ jsx(CircleIcon, {
+                        className: "size-2 fill-current"
+                    })
+                })
+            }),
+            children
+        ]
+    });
+}
+function DropdownMenuLabel({ className, inset, ...props }) {
+    return /*#__PURE__*/ jsx(Label, {
+        "data-slot": "dropdown-menu-label",
+        "data-inset": inset,
+        className: cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
+        ...props
+    });
+}
+function DropdownMenuSeparator({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Separator, {
+        "data-slot": "dropdown-menu-separator",
+        className: cn("bg-border -mx-1 my-1 h-px", className),
+        ...props
+    });
+}
+function DropdownMenuShortcut({ className, ...props }) {
+    return /*#__PURE__*/ jsx("span", {
+        "data-slot": "dropdown-menu-shortcut",
+        className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
+        ...props
+    });
+}
+function DropdownMenuSub({ ...props }) {
+    return /*#__PURE__*/ jsx(Sub, {
+        "data-slot": "dropdown-menu-sub",
+        ...props
+    });
+}
+function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
+    return /*#__PURE__*/ jsxs(SubTrigger, {
+        "data-slot": "dropdown-menu-sub-trigger",
+        "data-inset": inset,
+        className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ jsx(ChevronRightIcon, {
+                className: "ml-auto size-4"
+            })
+        ]
+    });
+}
+function DropdownMenuSubContent({ className, ...props }) {
+    return /*#__PURE__*/ jsx(SubContent, {
+        "data-slot": "dropdown-menu-sub-content",
+        className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-lg border shadow-md p-1", className),
+        ...props
+    });
+}
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/registry/empty/empty.d.ts

@@ -0,0 +1,12 @@
+import { type VariantProps } from "class-variance-authority";
+import type * as React from "react";
+declare function Empty({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare const emptyMediaVariants: (props?: ({
+    variant?: "default" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): import("react/jsx-runtime").JSX.Element;
+declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia, };

package/dist/registry/empty/empty.js

@@ -0,0 +1,61 @@
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils.js";
+function Empty({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "empty",
+        className: cn("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12", className),
+        ...props
+    });
+}
+function EmptyHeader({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "empty-header",
+        className: cn("flex max-w-sm flex-col items-center gap-2 text-center", className),
+        ...props
+    });
+}
+const emptyMediaVariants = cva("flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+    variants: {
+        variant: {
+            default: "bg-transparent",
+            icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6"
+        }
+    },
+    defaultVariants: {
+        variant: "default"
+    }
+});
+function EmptyMedia({ className, variant = "default", ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "empty-icon",
+        "data-variant": variant,
+        className: cn(emptyMediaVariants({
+            variant,
+            className
+        })),
+        ...props
+    });
+}
+function EmptyTitle({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "empty-title",
+        className: cn("text-lg font-medium tracking-tight", className),
+        ...props
+    });
+}
+function EmptyDescription({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "empty-description",
+        className: cn("text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4", className),
+        ...props
+    });
+}
+function EmptyContent({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "empty-content",
+        className: cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance", className),
+        ...props
+    });
+}
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };

package/dist/registry/feature-flag-guard/feature-flag-guard.d.ts

@@ -0,0 +1,7 @@
+import type { PropsWithChildren, ReactNode } from "react";
+interface FeatureFlagGuardProps {
+    featureFlag: string;
+    fallback?: ReactNode;
+}
+export declare function FeatureFlagGuard({ featureFlag, children, fallback, }: PropsWithChildren<FeatureFlagGuardProps>): ReactNode;
+export {};

package/dist/registry/feature-flag-guard/feature-flag-guard.js

@@ -0,0 +1,8 @@
+"use client";
+import { useFeatureFlag } from "../use-feature-flag/use-feature-flag.js";
+function FeatureFlagGuard({ featureFlag, children, fallback }) {
+    const isEnabled = useFeatureFlag(featureFlag);
+    if (!isEnabled) return fallback ?? null;
+    return children;
+}
+export { FeatureFlagGuard };

package/dist/registry/feature-flag-provider/feature-flag-provider.d.ts

@@ -0,0 +1,9 @@
+import { type PropsWithChildren } from "react";
+import type { FeatureFlagProviderConfig } from "./types";
+export declare const FeatureFlagContext: import("react").Context<FeatureFlagProviderConfig | null>;
+export declare function useFeatureFlagProvider(): FeatureFlagProviderConfig;
+interface FeatureFlagProviderProps {
+    provider: FeatureFlagProviderConfig;
+}
+export declare function FeatureFlagProvider({ provider, children, }: PropsWithChildren<FeatureFlagProviderProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/registry/feature-flag-provider/feature-flag-provider.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { createContext, use } from "react";
+const FeatureFlagContext = /*#__PURE__*/ createContext(null);
+function useFeatureFlagProvider() {
+    const provider = use(FeatureFlagContext);
+    if (!provider) throw new Error("useFeatureFlagProvider must be used within a <FeatureFlagProvider>.");
+    return provider;
+}
+function FeatureFlagProvider({ provider, children }) {
+    return /*#__PURE__*/ jsx(FeatureFlagContext, {
+        value: provider,
+        children: children
+    });
+}
+export { FeatureFlagContext, FeatureFlagProvider, useFeatureFlagProvider };

package/dist/registry/feature-flag-provider/proteus-adapter.d.ts

@@ -0,0 +1,9 @@
+import type { FeatureFlagValues as ProteusFeatureFlagValues, FlagMapping } from "@uipath/proteus-client";
+import type { FeatureFlagProviderConfig } from "./types";
+export type { ProteusFeatureFlagValues, FlagMapping };
+type CreateProteusProviderOptions<TFlag extends string> = {
+    appName: string;
+    featureFlags: FlagMapping<TFlag>;
+    authTokenFactory: () => string;
+};
+export declare function createProteusProvider<TFlag extends string>(options: CreateProteusProviderOptions<TFlag>): FeatureFlagProviderConfig<TFlag>;

package/dist/registry/feature-flag-provider/proteus-adapter.js

@@ -0,0 +1,39 @@
+import { initializeProteus } from "@uipath/proteus-client";
+function createProteusProvider(options) {
+    const instance = initializeProteus({
+        appName: options.appName,
+        featureFlags: options.featureFlags,
+        authTokenFactory: options.authTokenFactory
+    });
+    let isInitialized = false;
+    const wrapperMap = new WeakMap();
+    function getWrapper(cb) {
+        let wrapper = wrapperMap.get(cb);
+        if (!wrapper) {
+            wrapper = (value)=>cb(Boolean(value));
+            wrapperMap.set(cb, wrapper);
+        }
+        return wrapper;
+    }
+    return {
+        getFeatureFlagValue: (key)=>{
+            const raw = isInitialized ? instance.featureFlagValue(key) : instance.defaultFeatureFlagValue(key);
+            return Boolean(raw);
+        },
+        on: (key, cb)=>instance.addFlagChangeListener(key, getWrapper(cb)),
+        off: (key, cb)=>instance.removeFlagChangeListener(key, getWrapper(cb)),
+        initialize: async (context)=>{
+            await instance.identity({
+                userId: context.userId,
+                organizationName: context.organizationName,
+                organizationId: context.organizationId,
+                tenantId: context.tenantId,
+                tenantName: context.tenantName,
+                email: context.email,
+                region: context.region
+            });
+            isInitialized = true;
+        }
+    };
+}
+export { createProteusProvider };

package/dist/registry/feature-flag-provider/types.d.ts

@@ -0,0 +1,15 @@
+export type FeatureFlagUserContext = {
+    userId: string;
+    email: string;
+    organizationName: string;
+    organizationId: string;
+    tenantName: string;
+    tenantId: string;
+    region?: string;
+};
+export type FeatureFlagProviderConfig<TFlag extends string = string> = {
+    getFeatureFlagValue: (key: TFlag) => boolean;
+    on(event: TFlag, cb: (value: boolean) => void): void;
+    off(event: TFlag, cb: (value: boolean) => void): void;
+    initialize: (context: FeatureFlagUserContext) => Promise<void>;
+};

package/dist/registry/feedback-vote-widget/feedback-vote-widget.d.ts

@@ -0,0 +1,22 @@
+type FeedbackVoteWidgetBaseProps = {
+    /** Current vote state. `"up"` / `"down"` shows selection; `null` means no vote yet. */
+    value: "up" | "down" | null;
+    onVoteChange: (vote: "up" | "down") => void;
+    upLabel: string;
+    downLabel: string;
+    disabled?: boolean;
+    size?: "default" | "sm";
+};
+type FeedbackVoteWidgetWithComment = FeedbackVoteWidgetBaseProps & {
+    showComment: true;
+    comment: string;
+    onCommentChange: (value: string) => void;
+    commentPlaceholder: string;
+};
+type FeedbackVoteWidgetWithoutComment = FeedbackVoteWidgetBaseProps & {
+    showComment?: false;
+};
+type FeedbackVoteWidgetProps = FeedbackVoteWidgetWithComment | FeedbackVoteWidgetWithoutComment;
+declare function FeedbackVoteWidget(props: FeedbackVoteWidgetProps): import("react/jsx-runtime").JSX.Element;
+export { FeedbackVoteWidget };
+export type { FeedbackVoteWidgetProps };

package/dist/registry/feedback-vote-widget/feedback-vote-widget.js

@@ -0,0 +1,51 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ThumbsDown, ThumbsUp } from "lucide-react";
+import { Button } from "../button/button.js";
+import { Textarea } from "../textarea/textarea.js";
+function FeedbackVoteWidget(props) {
+    const { value, onVoteChange, upLabel, downLabel, disabled, size = "default" } = props;
+    const buttonSize = "sm" === size ? "icon-sm" : "icon";
+    return /*#__PURE__*/ jsxs("div", {
+        "data-slot": "feedback-vote-widget",
+        className: "flex flex-col gap-2",
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "flex items-center gap-1",
+                "data-slot": "feedback-vote-widget-buttons",
+                children: [
+                    /*#__PURE__*/ jsx(Button, {
+                        type: "button",
+                        variant: "up" === value ? "success" : "ghost",
+                        size: buttonSize,
+                        "aria-label": upLabel,
+                        "aria-pressed": "up" === value,
+                        "data-vote": "up",
+                        disabled: disabled,
+                        onClick: ()=>onVoteChange("up"),
+                        children: /*#__PURE__*/ jsx(ThumbsUp, {})
+                    }),
+                    /*#__PURE__*/ jsx(Button, {
+                        type: "button",
+                        variant: "down" === value ? "destructive" : "ghost",
+                        size: buttonSize,
+                        "aria-label": downLabel,
+                        "aria-pressed": "down" === value,
+                        "data-vote": "down",
+                        disabled: disabled,
+                        onClick: ()=>onVoteChange("down"),
+                        children: /*#__PURE__*/ jsx(ThumbsDown, {})
+                    })
+                ]
+            }),
+            props.showComment && /*#__PURE__*/ jsx(Textarea, {
+                "data-slot": "feedback-vote-widget-comment",
+                value: props.comment,
+                onChange: (e)=>props.onCommentChange(e.target.value),
+                placeholder: props.commentPlaceholder,
+                disabled: disabled,
+                rows: 2
+            })
+        ]
+    });
+}
+export { FeedbackVoteWidget };

package/dist/registry/field/field.d.ts

@@ -0,0 +1,25 @@
+import { type VariantProps } from "class-variance-authority";
+import type * as React from "react";
+import { Label } from "../label/label";
+declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): import("react/jsx-runtime").JSX.Element;
+declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+}): import("react/jsx-runtime").JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): import("react/jsx-runtime").JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): import("react/jsx-runtime").JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): import("react/jsx-runtime").JSX.Element | null;
+export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };

package/dist/registry/field/field.js

@@ -0,0 +1,136 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Label } from "../label/label.js";
+import { Separator } from "../separator/separator.js";
+import { cn } from "../../lib/utils.js";
+function FieldSet({ className, ...props }) {
+    return /*#__PURE__*/ jsx("fieldset", {
+        "data-slot": "field-set",
+        className: cn("flex flex-col gap-6", "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className),
+        ...props
+    });
+}
+function FieldLegend({ className, variant = "legend", ...props }) {
+    return /*#__PURE__*/ jsx("legend", {
+        "data-slot": "field-legend",
+        "data-variant": variant,
+        className: cn("mb-3 font-medium", "data-[variant=legend]:text-base", "data-[variant=label]:text-sm", className),
+        ...props
+    });
+}
+function FieldGroup({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "field-group",
+        className: cn("group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4", className),
+        ...props
+    });
+}
+const fieldVariants = cva("group/field flex w-full gap-3 data-[invalid=true]:text-destructive", {
+    variants: {
+        orientation: {
+            vertical: [
+                "flex-col [&>*]:w-full [&>.sr-only]:w-auto"
+            ],
+            horizontal: [
+                "flex-row items-center",
+                "[&>[data-slot=field-label]]:flex-auto",
+                "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+            ],
+            responsive: [
+                "flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto",
+                "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
+                "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+            ]
+        }
+    },
+    defaultVariants: {
+        orientation: "vertical"
+    }
+});
+function Field({ className, orientation = "vertical", ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        role: "group",
+        "data-slot": "field",
+        "data-orientation": orientation,
+        className: cn(fieldVariants({
+            orientation
+        }), className),
+        ...props
+    });
+}
+function FieldContent({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "field-content",
+        className: cn("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", className),
+        ...props
+    });
+}
+function FieldLabel({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Label, {
+        "data-slot": "field-label",
+        className: cn("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4", "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10", className),
+        ...props
+    });
+}
+function FieldTitle({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "field-label",
+        className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50", className),
+        ...props
+    });
+}
+function FieldDescription({ className, ...props }) {
+    return /*#__PURE__*/ jsx("p", {
+        "data-slot": "field-description",
+        className: cn("text-muted-foreground text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance", "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className),
+        ...props
+    });
+}
+function FieldSeparator({ children, className, ...props }) {
+    return /*#__PURE__*/ jsxs("div", {
+        "data-slot": "field-separator",
+        "data-content": !!children,
+        className: cn("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className),
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(Separator, {
+                className: "absolute inset-0 top-1/2"
+            }),
+            children && /*#__PURE__*/ jsx("span", {
+                className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2",
+                "data-slot": "field-separator-content",
+                children: children
+            })
+        ]
+    });
+}
+function getErrorContent(children, errors) {
+    if (children) return children;
+    if (!errors?.length) return null;
+    const uniqueErrors = [
+        ...new Map(errors.map((error)=>[
+                error?.message,
+                error
+            ])).values()
+    ];
+    if (1 === uniqueErrors.length) return uniqueErrors[0]?.message;
+    return /*#__PURE__*/ jsx("ul", {
+        className: "ml-4 flex list-disc flex-col gap-1",
+        children: uniqueErrors.map((error)=>error?.message && /*#__PURE__*/ jsx("li", {
+                children: error.message
+            }, error.message))
+    });
+}
+function FieldError({ className, children, errors, ...props }) {
+    const content = getErrorContent(children, errors);
+    if (!content) return null;
+    return /*#__PURE__*/ jsx("div", {
+        role: "alert",
+        "data-slot": "field-error",
+        className: cn("text-destructive text-sm font-normal", className),
+        ...props,
+        children: content
+    });
+}
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };

package/dist/registry/filter-dropdown/filter-dropdown-option.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+interface FilterDropdownOptionRowProps {
+    selected: boolean;
+    multiSelect: boolean;
+    onSelect: () => void;
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    children: ReactNode;
+}
+declare function FilterDropdownOptionRow({ selected, multiSelect, onSelect, icon: Icon, children, }: FilterDropdownOptionRowProps): import("react/jsx-runtime").JSX.Element;
+export { FilterDropdownOptionRow };

package/dist/registry/filter-dropdown/filter-dropdown-option.js

@@ -0,0 +1,37 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon } from "lucide-react";
+import { Checkbox } from "../checkbox/checkbox.js";
+import { cn } from "../../lib/utils.js";
+function FilterDropdownOptionRow({ selected, multiSelect, onSelect, icon: Icon, children }) {
+    return /*#__PURE__*/ jsxs("div", {
+        role: "option",
+        "aria-selected": selected,
+        tabIndex: 0,
+        onClick: onSelect,
+        onKeyDown: (e)=>{
+            if ("Enter" === e.key || " " === e.key) {
+                e.preventDefault();
+                onSelect();
+            }
+        },
+        className: cn("flex w-full cursor-default items-center rounded-sm py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground", multiSelect ? "gap-2 px-2" : "relative gap-2 pl-2 pr-8"),
+        children: [
+            multiSelect && /*#__PURE__*/ jsx(Checkbox, {
+                checked: selected,
+                className: "pointer-events-none",
+                tabIndex: -1
+            }),
+            Icon && /*#__PURE__*/ jsx(Icon, {
+                className: "size-4 text-muted-foreground"
+            }),
+            /*#__PURE__*/ jsx("span", {
+                className: "truncate",
+                children: children
+            }),
+            !multiSelect && selected && /*#__PURE__*/ jsx(CheckIcon, {
+                className: "absolute right-2 size-4"
+            })
+        ]
+    });
+}
+export { FilterDropdownOptionRow };

package/dist/registry/filter-dropdown/filter-dropdown-states.d.ts

@@ -0,0 +1,23 @@
+import { type ReactNode } from "react";
+/** data-slot of the scroll container; the load-more observer uses it as its root */
+declare const FILTER_DROPDOWN_LIST_SLOT = "filter-dropdown-list";
+interface FilterDropdownSkeletonProps {
+    multiSelect: boolean;
+}
+declare function FilterDropdownSkeleton({ multiSelect }: FilterDropdownSkeletonProps): import("react/jsx-runtime").JSX.Element;
+interface FilterDropdownErrorProps {
+    message: ReactNode;
+    onRetry?: () => void;
+    retryLabel: ReactNode;
+    inline?: boolean;
+}
+declare function FilterDropdownError({ message, onRetry, retryLabel, inline, }: FilterDropdownErrorProps): import("react/jsx-runtime").JSX.Element;
+interface FilterDropdownLoadingMoreProps {
+    message?: ReactNode;
+}
+declare function FilterDropdownLoadingMore({ message, }: FilterDropdownLoadingMoreProps): import("react/jsx-runtime").JSX.Element;
+interface FilterDropdownSentinelProps {
+    onLoadMore: () => void;
+}
+declare function FilterDropdownSentinel({ onLoadMore }: FilterDropdownSentinelProps): import("react/jsx-runtime").JSX.Element;
+export { FILTER_DROPDOWN_LIST_SLOT, FilterDropdownError, FilterDropdownLoadingMore, FilterDropdownSentinel, FilterDropdownSkeleton, };