docthub-core-components 2.61.0 → 2.63.0

package/dist/src/components/overrides/ui/navigation-menu/doct-navigation-menu.d.ts

@@ -0,0 +1,2 @@
+import { DoctNavigationMenuProps } from './types';
+export declare function DoctNavigationMenu({ groups, className, isMobileOverride, variant, }: Readonly<DoctNavigationMenuProps>): import("react/jsx-runtime").JSX.Element | null;

package/dist/src/components/overrides/ui/navigation-menu/index.d.ts

@@ -0,0 +1,2 @@
+export { DoctNavigationMenu } from './doct-navigation-menu';
+export type { DoctNavigationMenuProps, DoctNavigationMenuVariant, MobileMenuCategory, NavigationMenuGroup, NavigationMenuGroupVariant, NavigationMenuItem, NavigationMenuSection, } from './types';

package/dist/src/components/overrides/ui/navigation-menu/navigation-menu-adapter.d.ts

@@ -0,0 +1,4 @@
+import { DoctNavigationMenuVariant, MobileMenuCategory, NavigationMenuGroup } from './types';
+export declare function getDesktopGroups(variant: DoctNavigationMenuVariant): NavigationMenuGroup[];
+/** Mobile: top-level \"For Individuals\" and \"For Organizations\" — each expands to nested accordion. */
+export declare function getMobileCategoriesFromPresets(): MobileMenuCategory[];

package/dist/src/components/overrides/ui/navigation-menu/navigation-menu-desktop.d.ts

@@ -0,0 +1,11 @@
+import { NavigationMenuGroup } from './types';
+interface NavigationMenuDesktopProps {
+    readonly groups: NavigationMenuGroup[];
+    readonly className?: string;
+}
+/**
+ * Desktop mega menu rendered at widths >= 1024px.
+ * Uses fixed 16px side gutters for 1024-1279px and keeps centered max width on larger screens.
+ */
+export declare function NavigationMenuDesktop({ groups, className }: NavigationMenuDesktopProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/src/components/overrides/ui/navigation-menu/navigation-menu-internal.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { NavigationMenuItem, NavigationMenuSection } from './types';
+interface NavItemRootProps {
+    readonly item: NavigationMenuItem;
+    readonly className?: string;
+    readonly children: ReactNode;
+}
+export declare function NavItemRoot({ item, className, children }: NavItemRootProps): import("react/jsx-runtime").JSX.Element;
+interface SectionItemsProps {
+    readonly section: NavigationMenuSection;
+    readonly renderItem: (item: NavigationMenuItem, index: number) => ReactNode;
+}
+export declare function SectionItems({ section, renderItem }: SectionItemsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/overrides/ui/navigation-menu/navigation-menu-mobile.d.ts

@@ -0,0 +1,14 @@
+import { MobileMenuCategory, NavigationMenuGroup } from './types';
+interface NavigationMenuMobileProps {
+    /** Nested accordion: For Individuals, For Organizations, About Docthub. */
+    readonly categories?: MobileMenuCategory[];
+    /** Flat groups (custom / legacy). */
+    readonly groups?: NavigationMenuGroup[];
+    readonly className?: string;
+}
+/**
+ * Mobile accordion menu. With categories: top-level "For Individuals", "For Organizations",
+ * "About Docthub" — each expands to show nested groups. With flat groups: legacy single-level.
+ */
+export declare function NavigationMenuMobile({ categories, groups, className }: NavigationMenuMobileProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/src/components/overrides/ui/navigation-menu/presets.d.ts

@@ -0,0 +1,7 @@
+import { NavigationMenuGroup } from './types';
+export declare const individualNavigationGroups: NavigationMenuGroup[];
+/**
+ * Organization navigation presets — structure matches Figma Design System
+ * @see https://www.figma.com/design/R1AZDuYlTmwqN75mieBIMz (node 8194-3964)
+ */
+export declare const organizationNavigationGroups: NavigationMenuGroup[];

package/dist/src/components/overrides/ui/navigation-menu/types.d.ts

@@ -0,0 +1,83 @@
+import { ReactNode } from 'react';
+export interface NavigationMenuItem {
+    id: string;
+    label: string;
+    description?: string;
+    icon?: ReactNode;
+    href?: string;
+    active?: boolean;
+    onClick?: () => void;
+}
+export interface NavigationMenuSection {
+    id: string;
+    title: string;
+    items: NavigationMenuItem[];
+    /**
+     * Zero-based index after which a visual separator should be rendered.
+     * Useful for splitting groups like links vs. meta pages within a section.
+     */
+    hasSeparatorAfterIndex?: number;
+    /**
+     * Optional footer area rendered below the section items in mobile layout.
+     * Useful for cards or grouped links that conceptually belong to this section.
+     */
+    footer?: ReactNode;
+}
+export type NavigationMenuGroupVariant = "default" | "highlighted";
+export interface NavigationMenuGroup {
+    id: string;
+    title: string;
+    sections: NavigationMenuSection[];
+    /**
+     * When set to `"highlighted"`, the group is rendered with a subtle
+     * background emphasis (used for the \"About Docthub\" column).
+     */
+    variant?: NavigationMenuGroupVariant;
+    /**
+     * Optional footer area rendered at the bottom of the group, e.g. a CTA card.
+     */
+    footer?: ReactNode;
+    /**
+     * Controls the default open state for the group in the mobile layout.
+     */
+    defaultOpen?: boolean;
+    /**
+     * In mobile layout: "vertical" = label above tagline; "horizontal" = label and tagline on one line.
+     * Used when responsive menu shows both individual + organization groups.
+     */
+    taglineLayout?: "vertical" | "horizontal";
+}
+/**
+ * Mobile category for nested accordion: "For Individuals", "For Organizations", "About Docthub".
+ * Each category expands to show its groups (Explore, Professional Tools, etc.).
+ */
+export interface MobileMenuCategory {
+    id: string;
+    title: string;
+    groups: NavigationMenuGroup[];
+}
+/**
+ * High-level menu presets that the navigation component can render.
+ * When `groups` is not provided, the `variant` determines which preset
+ * structure is used.
+ */
+export type DoctNavigationMenuVariant = "individual" | "organization";
+export interface DoctNavigationMenuProps {
+    /**
+     * Optional preset variant. When provided and `groups` is omitted,
+     * the component will render a predefined navigation structure that
+     * matches the Docthub design system for the given audience.
+     */
+    variant?: DoctNavigationMenuVariant;
+    /**
+     * Fully custom navigation structure. When provided, this takes
+     * precedence over the `variant` presets.
+     */
+    groups?: NavigationMenuGroup[];
+    className?: string;
+    /**
+     * Optional override to force mobile or desktop layout, primarily for stories
+     * and tests. When undefined, the layout is derived from `useIsMobile`.
+     */
+    isMobileOverride?: boolean;
+}

package/dist/src/components/ui/avatar.d.ts

@@ -1,12 +1,11 @@
 import { VariantProps } from 'class-variance-authority';
-import * as AvatarPrimitive from "@radix-ui/react-avatar";
 import * as React from "react";
 declare const avatarVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface AvatarProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
+export interface AvatarProps extends React.ComponentPropsWithoutRef<"span">, VariantProps<typeof avatarVariants> {
 }
 declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
-declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
-declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const AvatarImage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export { Avatar, AvatarImage, AvatarFallback };

package/dist/src/components/ui/button.d.ts

@@ -4,7 +4,7 @@ declare const DoctButtonVariants: (props?: ({
     variant?: "default" | "error" | "disabled" | "secondary" | "primary" | "blue" | "success" | "warning" | "informative" | "secondary-error" | "secondary-success" | "secondary-warning" | "secondary-informative" | "outline" | "outline-error" | "outline-success" | "outline-warning" | "outline-informative" | "ghost" | "ghost-error" | "ghost-success" | "ghost-warning" | "ghost-informative" | "brandBlue" | null | undefined;
     size?: "small" | "medium" | "large" | "icon.large" | "icon.medium" | "icon.small" | null | undefined;
     iconSize?: "small" | "medium" | "large" | null | undefined;
-    iconPosition?: "right" | "left" | null | undefined;
+    iconPosition?: "left" | "right" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface DoctButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof DoctButtonVariants> {

package/dist/src/components/ui/checkbox.d.ts

@@ -1,8 +1,23 @@
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import * as React from "react";
-export interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
+export interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<"span">, "onChange"> {
+    /** Custom fill color when checked (CSS color value). Falls back to the `--color-primary` theme token. */
     color?: string;
+    /** Border color override. Defaults to the `color` prop value. */
     borderColor?: string;
+    /** Checked state. Pass `"indeterminate"` for a mixed state. */
+    checked?: boolean | "indeterminate";
+    /** Initial checked state for uncontrolled usage. */
+    defaultChecked?: boolean;
+    /** Callback fired when the checked state changes. */
+    onCheckedChange?: (checked: boolean | "indeterminate") => void;
+    /** Whether the checkbox is disabled. */
+    disabled?: boolean;
+    /** Whether the checkbox must be checked before form submission. */
+    required?: boolean;
+    /** Form field name. */
+    name?: string;
+    /** Form field value. */
+    value?: string;
 }
-declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLSpanElement>>;
 export { Checkbox };

package/dist/src/components/ui/collapsible.d.ts

@@ -1,6 +1,5 @@
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 import * as React from "react";
-declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
-declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const CollapsibleContent: React.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Collapsible: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').CollapsibleRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').CollapsibleTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').CollapsiblePanelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/src/components/ui/command.d.ts

@@ -1,4 +1,4 @@
-import { DialogProps } from '@radix-ui/react-dialog';
+import { DialogProps } from './dialog';
 import * as React from "react";
 declare const Command: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;

package/dist/src/components/ui/dialog.d.ts

@@ -1,10 +1,22 @@
-import * as DialogPrimitive from "@radix-ui/react-dialog";
 import * as React from "react";
-declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
-declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
-declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface DialogProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    modal?: boolean;
+    children?: React.ReactNode;
+}
+declare const Dialog: React.FC<DialogProps>;
+interface DialogTriggerProps extends React.ComponentPropsWithoutRef<"button"> {
+    asChild?: boolean;
+}
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').DialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface DialogCloseProps extends React.ComponentPropsWithoutRef<"button"> {
+    asChild?: boolean;
+}
+declare const DialogClose: React.ForwardRefExoticComponent<DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sizeClasses: {
     xs: string;
     sm: string;
@@ -14,16 +26,18 @@ declare const sizeClasses: {
     "2xl": string;
     full: string;
 };
-declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    /** Close dialog when clicking outside */
+type DialogContentProps = React.ComponentPropsWithoutRef<"div"> & {
+    closeOnOutsideClick?: boolean;
+    initialFocusRef?: React.RefObject<HTMLElement>;
+    size?: keyof typeof sizeClasses;
+    showCloseButton?: boolean;
+    closeOnEscape?: boolean;
+};
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     closeOnOutsideClick?: boolean;
-    /** Initial focus element ref */
     initialFocusRef?: React.RefObject<HTMLElement>;
-    /** Size preset */
     size?: keyof typeof sizeClasses;
-    /** Show close button */
     showCloseButton?: boolean;
-    /** Close on Escape key */
     closeOnEscape?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
@@ -34,6 +48,7 @@ declare const DialogFooter: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').DialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').DialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+export type { DialogProps, DialogContentProps };

package/dist/src/components/ui/dropdown-menu.d.ts

@@ -1,25 +1,40 @@
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { Menu } from '@base-ui/react/menu';
 import * as React from "react";
-declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
-declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
-declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
-declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+declare const DropdownMenu: <Payload>(props: Menu.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
+interface DropdownMenuTriggerProps extends React.ComponentPropsWithoutRef<"button"> {
+    asChild?: boolean;
+}
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSub: typeof Menu.SubmenuRoot;
+declare const DropdownMenuRadioGroup: React.NamedExoticComponent<Omit<import('@base-ui/react').ContextMenuRadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuSubmenuTriggerProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
     inset?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+} & React.RefAttributes<HTMLElement>>;
+interface DropdownMenuSubContentProps extends React.ComponentPropsWithoutRef<"div"> {
+    sideOffset?: number;
+    alignOffset?: number;
+    side?: "top" | "bottom" | "left" | "right";
+    align?: "start" | "center" | "end";
+}
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>>;
+interface DropdownMenuContentProps extends React.ComponentPropsWithoutRef<"div"> {
+    sideOffset?: number;
+    alignOffset?: number;
+    align?: "start" | "center" | "end";
+    side?: "top" | "bottom" | "left" | "right";
+}
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
     inset?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+} & React.RefAttributes<HTMLElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuCheckboxItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuRadioItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     inset?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuShortcut: {
     ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/src/components/ui/label.d.ts

@@ -1,5 +1,4 @@
 import { VariantProps } from 'class-variance-authority';
-import * as LabelPrimitive from "@radix-ui/react-label";
 import * as React from "react";
-declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import('class-variance-authority/types').ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
+declare const Label: React.ForwardRefExoticComponent<React.LabelHTMLAttributes<HTMLLabelElement> & VariantProps<(props?: import('class-variance-authority/types').ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
 export { Label };

package/dist/src/components/ui/popover.d.ts

@@ -1,7 +1,16 @@
-import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { Popover as BasePopover } from '@base-ui/react/popover';
 import * as React from "react";
-declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
-declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Popover: typeof BasePopover.Root;
+interface PopoverTriggerProps extends React.ComponentPropsWithoutRef<"button"> {
+    asChild?: boolean;
+    render?: React.ReactElement;
+}
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface PopoverContentProps extends React.ComponentPropsWithoutRef<"div"> {
+    sideOffset?: number;
+    side?: "top" | "bottom" | "left" | "right";
+    align?: "start" | "center" | "end";
+}
+declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
 export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/dist/src/components/ui/progress.d.ts

@@ -1,21 +1,13 @@
-import * as ProgressPrimitive from "@radix-ui/react-progress";
 import * as React from "react";
 type ColorVariant = "primary" | "secondary" | "success" | "error" | "warning" | "info";
 type ProgressVariant = "determinate" | "indeterminate" | "buffer" | "query";
-export interface ProgressProps extends Omit<React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, "color"> {
-    /** Progress value between 0-100 */
+export interface ProgressProps extends Omit<React.ComponentPropsWithoutRef<"div">, "color"> {
     value?: number;
-    /** Buffer value for buffer variant (0-100) */
     valueBuffer?: number;
-    /** Progress variant */
     variant?: ProgressVariant;
-    /** Color variant or custom color */
     color?: ColorVariant | string;
-    /** Custom color (overrides color variant) */
     customColor?: string;
-    /** Show percentage label */
     showLabel?: boolean;
-    /** Custom label text or formatter function */
     label?: string | ((value: number) => string);
 }
 declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/ui/radio-group.d.ts

@@ -1,5 +1,17 @@
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import * as React from "react";
-declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+interface RadioGroupProps extends Omit<React.ComponentPropsWithoutRef<"div">, "defaultValue" | "value"> {
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    disabled?: boolean;
+    name?: string;
+    required?: boolean;
+    orientation?: "horizontal" | "vertical";
+}
+declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+interface RadioGroupItemProps extends Omit<React.ComponentPropsWithoutRef<"span">, "value"> {
+    value: string;
+    disabled?: boolean;
+}
+declare const RadioGroupItem: React.ForwardRefExoticComponent<RadioGroupItemProps & React.RefAttributes<HTMLSpanElement>>;
 export { RadioGroup, RadioGroupItem };

package/dist/src/components/ui/select.d.ts

@@ -1,13 +1,65 @@
-import * as SelectPrimitive from "@radix-ui/react-select";
 import * as React from "react";
-declare const Select: React.FC<SelectPrimitive.SelectProps>;
-declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
-declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Props for the single-value Select component.
+ *
+ * This wrapper intentionally supports only string values (or null) even though
+ * Base UI Select can handle arrays and other value types.
+ *
+ * @remarks
+ * The callback signatures match Radix UI for backward compatibility:
+ * - `onValueChange` receives only the value (string), not Base UI's eventDetails
+ * - `onOpenChange` receives only the boolean state, not Base UI's eventDetails
+ */
+interface SelectProps {
+    children?: React.ReactNode;
+    value?: string;
+    defaultValue?: string;
+    /**
+     * Callback fired when the selected value changes.
+     * Receives only the new value for Radix UI compatibility.
+     */
+    onValueChange?: (value: string) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    /**
+     * Callback fired when the dropdown open state changes.
+     * Receives only the boolean open state for Radix UI compatibility.
+     */
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    required?: boolean;
+    name?: string;
+}
+/**
+ * Select root component that wraps Base UI Select.Root.
+ *
+ * This component adapts Base UI's callback signatures to match Radix UI:
+ * - Strips the `eventDetails` parameter from `onValueChange`
+ * - Strips the `eventDetails` parameter from `onOpenChange`
+ *
+ * This ensures backward compatibility with existing Radix UI code.
+ */
+declare const Select: React.FC<SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').SelectGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface SelectValueProps extends React.ComponentPropsWithoutRef<"span"> {
+    placeholder?: string;
+}
+declare const SelectValue: React.ForwardRefExoticComponent<SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+interface SelectTriggerProps extends React.ComponentPropsWithoutRef<"button"> {
+    asChild?: boolean;
+}
+declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface SelectContentProps extends React.ComponentPropsWithoutRef<"div"> {
+    position?: "item-aligned" | "popper";
+}
+declare const SelectContent: React.ForwardRefExoticComponent<SelectContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').SelectGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface SelectItemProps extends React.ComponentPropsWithoutRef<"div"> {
+    value: string;
+    disabled?: boolean;
+}
+declare const SelectItem: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<HTMLElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & React.RefAttributes<HTMLHRElement>>;
 export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };

package/dist/src/components/ui/separator.d.ts

@@ -1,4 +1,3 @@
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import * as React from "react";
-declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Separator: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Separator };

package/dist/src/components/ui/sheet.d.ts

@@ -1,15 +1,27 @@
 import { VariantProps } from 'class-variance-authority';
-import * as SheetPrimitive from "@radix-ui/react-dialog";
 import * as React from "react";
-declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
-declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
-declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface SheetProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    modal?: boolean;
+    children?: React.ReactNode;
+}
+declare const Sheet: React.FC<SheetProps>;
+interface SheetTriggerProps extends React.ComponentPropsWithoutRef<"button"> {
+    asChild?: boolean;
+}
+declare const SheetTrigger: React.ForwardRefExoticComponent<SheetTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface SheetCloseProps extends React.ComponentPropsWithoutRef<"button"> {
+    asChild?: boolean;
+}
+declare const SheetClose: React.ForwardRefExoticComponent<SheetCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').DialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "top" | "right" | "bottom" | "left" | null | undefined;
+    side?: "top" | "bottom" | "left" | "right" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
+interface SheetContentProps extends React.ComponentPropsWithoutRef<"div">, VariantProps<typeof sheetVariants> {
 }
 declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
 declare const SheetHeader: {
@@ -20,6 +32,6 @@ declare const SheetFooter: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').DialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').DialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };

package/dist/src/components/ui/sidebar.d.ts

@@ -42,7 +42,7 @@ declare const SidebarInset: React.ForwardRefExoticComponent<Omit<React.DetailedH
 declare const SidebarInput: React.ForwardRefExoticComponent<Omit<Omit<import('./input').InputProps, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 declare const SidebarHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SidebarFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SidebarSeparator: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-separator').SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarSeparator: React.ForwardRefExoticComponent<Omit<Omit<Omit<import('@base-ui/react').SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SidebarContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SidebarGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SidebarGroupLabel: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {

package/dist/src/components/ui/tabs.d.ts

@@ -1,12 +1,11 @@
-import * as TabsPrimitive from "@radix-ui/react-tabs";
 import * as React from "react";
-declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
-declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+declare const Tabs: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').TabsRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').TabsListProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
     variant?: "default" | "custom";
 } & React.RefAttributes<HTMLDivElement>>;
-declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').TabsTabProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
     variant?: "default" | "custom";
     showSeparator?: boolean;
 } & React.RefAttributes<HTMLButtonElement>>;
-declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').TabsPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Tabs, TabsList, TabsTrigger, TabsContent };