@imfusion/web-ui 0.6.4-dev.7.g1840f300 → 0.6.4-dev.84.gbfc0d437

package/dist/components/drawer/drawer.d.ts

@@ -1,36 +1,7 @@
 import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';
 type BorderColor = "primary" | "fg-minor" | "fg-support" | "none";
 type BorderStyle = "solid" | "dashed" | "none";
-type UpstreamRoot = React.ComponentProps<typeof DrawerPrimitive.Root>;
-type UpstreamTrigger = React.ComponentProps<typeof DrawerPrimitive.Trigger>;
-type UpstreamPortal = React.ComponentProps<typeof DrawerPrimitive.Portal>;
-type UpstreamBackdrop = React.ComponentProps<typeof DrawerPrimitive.Backdrop>;
-type UpstreamViewport = React.ComponentProps<typeof DrawerPrimitive.Viewport>;
-type UpstreamPopup = React.ComponentProps<typeof DrawerPrimitive.Popup>;
-type UpstreamContent = React.ComponentProps<typeof DrawerPrimitive.Content>;
-type UpstreamTitle = React.ComponentProps<typeof DrawerPrimitive.Title>;
-type UpstreamDescription = React.ComponentProps<typeof DrawerPrimitive.Description>;
-type UpstreamClose = React.ComponentProps<typeof DrawerPrimitive.Close>;
-type UpstreamIndent = React.ComponentProps<typeof DrawerPrimitive.Indent>;
-type UpstreamIndentBackground = React.ComponentProps<typeof DrawerPrimitive.IndentBackground>;
-type UpstreamSwipeArea = React.ComponentProps<typeof DrawerPrimitive.SwipeArea>;
-type RootProps = {
-    open?: UpstreamRoot["open"];
-    /** @default false */
-    defaultOpen?: UpstreamRoot["defaultOpen"];
-    onOpenChange?: UpstreamRoot["onOpenChange"];
-    onOpenChangeComplete?: UpstreamRoot["onOpenChangeComplete"];
-    /** @default true */
-    modal?: UpstreamRoot["modal"];
-    /** @default 'down' */
-    swipeDirection?: UpstreamRoot["swipeDirection"];
-    snapPoints?: UpstreamRoot["snapPoints"];
-    snapPoint?: UpstreamRoot["snapPoint"];
-    onSnapPointChange?: UpstreamRoot["onSnapPointChange"];
-    /** @default false */
-    disablePointerDismissal?: UpstreamRoot["disablePointerDismissal"];
-    /** @default false */
-    snapToSequentialPoints?: UpstreamRoot["snapToSequentialPoints"];
+interface RootProps<Payload = unknown> extends React.ComponentProps<typeof DrawerPrimitive.Root<Payload>> {
     /**
      * Colour of the border on the panel's open edge. Inherited by Drawer.Popup;
      * a Popup-level prop overrides it.
@@ -43,57 +14,38 @@ type RootProps = {
      * @default 'solid'
      */
     borderStyle?: BorderStyle;
-    children?: UpstreamRoot["children"];
-};
+}
 /**
  * Drawer.Root — container that manages open/closed state and gesture interaction.
  *
  * @see https://base-ui.com/react/components/drawer
  * @llm https://base-ui.com/react/components/drawer.md
  */
-export declare function Root({ borderColor, borderStyle, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
+export declare function Root<Payload = unknown>({ borderColor, borderStyle, ...props }: RootProps<Payload>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Root {
     var displayName: string;
 }
-type TriggerProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className"> & {
-    /** @default true */
-    nativeButton?: UpstreamTrigger["nativeButton"];
-    className?: UpstreamTrigger["className"];
-    render?: UpstreamTrigger["render"];
-};
 /** Drawer.Trigger — button that opens the drawer. */
-export declare function Trigger({ className, ...props }: TriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function Trigger(props: React.ComponentProps<typeof DrawerPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Trigger {
     var displayName: string;
 }
-type PortalProps = {
-    container?: UpstreamPortal["container"];
-    children?: UpstreamPortal["children"];
-};
 /** Drawer.Portal — renders backdrop and popup in a portal outside the main document flow. */
-export declare function Portal(props: PortalProps): import("react/jsx-runtime").JSX.Element;
+export declare function Portal(props: React.ComponentProps<typeof DrawerPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Portal {
     var displayName: string;
 }
-type BackdropProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
-    className?: UpstreamBackdrop["className"];
-    render?: UpstreamBackdrop["render"];
-};
 /** Drawer.Backdrop — semi-transparent overlay that dims the page content behind the drawer. */
-export declare function Backdrop({ className, ...props }: BackdropProps): import("react/jsx-runtime").JSX.Element;
+export declare function Backdrop(props: React.ComponentProps<typeof DrawerPrimitive.Backdrop>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Backdrop {
     var displayName: string;
 }
-type ViewportProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
-    className?: UpstreamViewport["className"];
-    render?: UpstreamViewport["render"];
-};
 /** Drawer.Viewport — full-screen container that positions the popup. */
-export declare function Viewport({ className, ...props }: ViewportProps): import("react/jsx-runtime").JSX.Element;
+export declare function Viewport(props: React.ComponentProps<typeof DrawerPrimitive.Viewport>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Viewport {
     var displayName: string;
 }
-type PopupProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
+interface PopupProps extends React.ComponentProps<typeof DrawerPrimitive.Popup> {
     /**
      * Colour of the border on the open edge. Overrides the value inherited from
      * Drawer.Root; defaults to it when unset.
@@ -104,49 +56,29 @@ type PopupProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
      * from Drawer.Root; defaults to it when unset.
      */
     borderStyle?: BorderStyle;
-    initialFocus?: UpstreamPopup["initialFocus"];
-    finalFocus?: UpstreamPopup["finalFocus"];
-    className?: UpstreamPopup["className"];
-    render?: UpstreamPopup["render"];
-};
+}
 /** Drawer.Popup — the visible panel surface. Positioning is driven automatically by the nearest Drawer.Root's swipeDirection. */
-export declare function Popup({ borderColor, borderStyle, className, ...props }: PopupProps): import("react/jsx-runtime").JSX.Element;
+export declare function Popup({ borderColor, borderStyle, ...props }: PopupProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Popup {
     var displayName: string;
 }
-type ContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
-    className?: UpstreamContent["className"];
-    render?: UpstreamContent["render"];
-};
 /** Drawer.Content — scrollable content wrapper inside the popup. */
-export declare function Content({ className, ...props }: ContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function Content(props: React.ComponentProps<typeof DrawerPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Content {
     var displayName: string;
 }
-type TitleProps = React.HTMLAttributes<HTMLHeadingElement> & {
-    render?: UpstreamTitle["render"];
-};
 /** Drawer.Title — semantic heading for the drawer for screen readers. */
-export declare function Title({ className, ...props }: TitleProps): import("react/jsx-runtime").JSX.Element;
+export declare function Title(props: React.ComponentProps<typeof DrawerPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Title {
     var displayName: string;
 }
-type CloseProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className"> & {
-    /** @default true */
-    nativeButton?: UpstreamClose["nativeButton"];
-    className?: UpstreamClose["className"];
-    render?: UpstreamClose["render"];
-};
 /** Drawer.Close — button that closes the drawer. */
-export declare function Close({ className, ...props }: CloseProps): import("react/jsx-runtime").JSX.Element;
+export declare function Close(props: React.ComponentProps<typeof DrawerPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Close {
     var displayName: string;
 }
-type DescriptionProps = React.HTMLAttributes<HTMLParagraphElement> & {
-    render?: UpstreamDescription["render"];
-};
 /** Drawer.Description — supplementary paragraph describing the drawer's purpose for screen readers. */
-export declare function Description({ className, ...props }: DescriptionProps): import("react/jsx-runtime").JSX.Element;
+export declare function Description(props: React.ComponentProps<typeof DrawerPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Description {
     var displayName: string;
 }
@@ -158,33 +90,18 @@ export declare function Provider(props: ProviderProps): import("react/jsx-runtim
 export declare namespace Provider {
     var displayName: string;
 }
-type IndentProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
-    className?: UpstreamIndent["className"];
-    render?: UpstreamIndent["render"];
-};
 /** Drawer.Indent — wraps app content that scales and lifts when a drawer opens. Receives `data-active` from Base UI; use `--drawer-swipe-progress` in CSS to drive the animation. */
-export declare function Indent({ className, ...props }: IndentProps): import("react/jsx-runtime").JSX.Element;
+export declare function Indent(props: React.ComponentProps<typeof DrawerPrimitive.Indent>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Indent {
     var displayName: string;
 }
-type IndentBackgroundProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
-    className?: UpstreamIndentBackground["className"];
-    render?: UpstreamIndentBackground["render"];
-};
 /** Drawer.IndentBackground — background layer placed behind Drawer.Indent. Styled to reveal a dark surface as the app content scales away. */
-export declare function IndentBackground({ className, ...props }: IndentBackgroundProps): import("react/jsx-runtime").JSX.Element;
+export declare function IndentBackground(props: React.ComponentProps<typeof DrawerPrimitive.IndentBackground>): import("react/jsx-runtime").JSX.Element;
 export declare namespace IndentBackground {
     var displayName: string;
 }
-type SwipeAreaProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
-    /** @default false */
-    disabled?: UpstreamSwipeArea["disabled"];
-    swipeDirection?: UpstreamSwipeArea["swipeDirection"];
-    className?: UpstreamSwipeArea["className"];
-    render?: UpstreamSwipeArea["render"];
-};
 /** Drawer.SwipeArea — invisible fixed region that listens for swipe gestures to open the drawer. Position and size it at the screen edge relevant to the swipeDirection. */
-export declare function SwipeArea({ className, ...props }: SwipeAreaProps): import("react/jsx-runtime").JSX.Element;
+export declare function SwipeArea(props: React.ComponentProps<typeof DrawerPrimitive.SwipeArea>): import("react/jsx-runtime").JSX.Element;
 export declare namespace SwipeArea {
     var displayName: string;
 }

package/dist/components/field/field.d.ts

@@ -1,104 +1,44 @@
 import { Field as FieldPrimitive } from '@base-ui/react/field';
-type UpstreamRoot = React.ComponentProps<typeof FieldPrimitive.Root>;
-type UpstreamItem = React.ComponentProps<typeof FieldPrimitive.Item>;
-type UpstreamLabel = React.ComponentProps<typeof FieldPrimitive.Label>;
-type UpstreamDescription = React.ComponentProps<typeof FieldPrimitive.Description>;
-type UpstreamControl = React.ComponentProps<typeof FieldPrimitive.Control>;
-type UpstreamError = React.ComponentProps<typeof FieldPrimitive.Error>;
-type UpstreamValidity = React.ComponentProps<typeof FieldPrimitive.Validity>;
-type RootProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "style"> & {
-    name?: string;
-    actionsRef?: UpstreamRoot["actionsRef"];
-    dirty?: boolean;
-    touched?: boolean;
-    /** @default false */
-    disabled?: boolean;
-    invalid?: boolean;
-    validate?: UpstreamRoot["validate"];
-    /** @default "onSubmit" */
-    validationMode?: UpstreamRoot["validationMode"];
-    /** @default 0 */
-    validationDebounceTime?: number;
-    className?: UpstreamRoot["className"];
-    style?: UpstreamRoot["style"];
-    render?: UpstreamRoot["render"];
-};
 /**
  * Field.Root — groups a label, control, validation state, and supporting copy.
  *
  * @doc https://base-ui.com/react/components/field
  * @llm https://base-ui.com/react/components/field.md
  */
-export declare function Root({ className, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
+export declare function Root(props: React.ComponentProps<typeof FieldPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Root {
     var displayName: string;
 }
-type ItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "style"> & {
-    /** @default false */
-    disabled?: boolean;
-    className?: UpstreamItem["className"];
-    style?: UpstreamItem["style"];
-    render?: UpstreamItem["render"];
-};
 /** Field.Item — groups one checkable option with its label and description. */
-export declare function Item({ className, ...props }: ItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function Item(props: React.ComponentProps<typeof FieldPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Item {
     var displayName: string;
 }
-type LabelProps = Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "className" | "style"> & {
-    /** @default true */
-    nativeLabel?: boolean;
-    className?: UpstreamLabel["className"];
-    style?: UpstreamLabel["style"];
-    render?: UpstreamLabel["render"];
-};
 /** Field.Label — an accessible label automatically associated with the control. */
-export declare function Label({ className, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;
+export declare function Label(props: React.ComponentProps<typeof FieldPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Label {
     var displayName: string;
 }
-type DescriptionProps = Omit<React.HTMLAttributes<HTMLParagraphElement>, "className" | "style"> & {
-    className?: UpstreamDescription["className"];
-    style?: UpstreamDescription["style"];
-    render?: UpstreamDescription["render"];
-};
 /** Field.Description — supporting information for a field. */
-export declare function Description({ className, ...props }: DescriptionProps): import("react/jsx-runtime").JSX.Element;
+export declare function Description(props: React.ComponentProps<typeof FieldPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Description {
     var displayName: string;
 }
-type ControlProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "className" | "style" | "defaultValue"> & {
-    defaultValue?: UpstreamControl["defaultValue"];
-    onValueChange?: UpstreamControl["onValueChange"];
-    className?: UpstreamControl["className"];
-    style?: UpstreamControl["style"];
-    render?: UpstreamControl["render"];
-};
 /** Field.Control — a native input control with Field labeling and validation. */
-export declare function Control({ className, ...props }: ControlProps): import("react/jsx-runtime").JSX.Element;
+export declare function Control(props: React.ComponentProps<typeof FieldPrimitive.Control>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Control {
     var displayName: string;
 }
-type ErrorProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "style"> & {
-    match?: UpstreamError["match"];
-    className?: UpstreamError["className"];
-    style?: UpstreamError["style"];
-    render?: UpstreamError["render"];
-};
 /** Field.Error — an inline validation message shown when its match condition fails. */
-export declare function Error({ className, ...props }: ErrorProps): import("react/jsx-runtime").JSX.Element;
+export declare function Error(props: React.ComponentProps<typeof FieldPrimitive.Error>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Error {
     var displayName: string;
 }
-type ValidityProps = {
-    children: UpstreamValidity["children"];
-};
 /**
  * Field.Validity — renderless access to the field validity data for custom messages.
  * Its function child owns the rendered element and therefore its identity and styling.
  */
-export declare function Validity({ children }: ValidityProps): import("react/jsx-runtime").JSX.Element;
+export declare function Validity({ children }: React.ComponentProps<typeof FieldPrimitive.Validity>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Validity {
     var displayName: string;
 }
-export {};

package/dist/components/fieldset/fieldset.d.ts

@@ -1,29 +1,16 @@
 import { Fieldset as FieldsetPrimitive } from '@base-ui/react/fieldset';
-type UpstreamRoot = React.ComponentProps<typeof FieldsetPrimitive.Root>;
-type UpstreamLegend = React.ComponentProps<typeof FieldsetPrimitive.Legend>;
-type RootProps = Omit<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, "className" | "style"> & {
-    className?: UpstreamRoot["className"];
-    style?: UpstreamRoot["style"];
-    render?: UpstreamRoot["render"];
-};
 /**
  * Fieldset.Root — semantic grouping for related form controls and a shared legend.
  *
  * @doc https://base-ui.com/react/components/fieldset
  * @llm https://base-ui.com/react/components/fieldset.md
  */
-export declare function Root({ className, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
+export declare function Root(props: React.ComponentProps<typeof FieldsetPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Root {
     var displayName: string;
 }
-type LegendProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "style"> & {
-    className?: UpstreamLegend["className"];
-    style?: UpstreamLegend["style"];
-    render?: UpstreamLegend["render"];
-};
 /** Fieldset.Legend — the accessible label for its related controls. */
-export declare function Legend({ className, ...props }: LegendProps): import("react/jsx-runtime").JSX.Element;
+export declare function Legend(props: React.ComponentProps<typeof FieldsetPrimitive.Legend>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Legend {
     var displayName: string;
 }
-export {};

package/dist/components/icon/icon.d.ts

@@ -3,7 +3,7 @@ import { IconComponent } from './types';
 export declare const ICON_VARIANTS: readonly ["inherit", "main", "support", "minor", "brand", "primary", "positive", "negative", "warning", "info", "oncolor", "accent-1", "accent-2", "accent-3"];
 export type IconVariant = (typeof ICON_VARIANTS)[number];
 declare const icon: (props?: ({
-    variant?: "primary" | "positive" | "negative" | "main" | "inherit" | "support" | "minor" | "brand" | "warning" | "info" | "oncolor" | "accent-1" | "accent-2" | "accent-3" | null | undefined;
+    variant?: "primary" | "positive" | "negative" | "oncolor" | "main" | "inherit" | "support" | "minor" | "brand" | "warning" | "info" | "accent-1" | "accent-2" | "accent-3" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type Props = Omit<React.ComponentProps<IconComponent>, "color"> & VariantProps<typeof icon> & {
     /** Icon component imported from `@imfusion/web-ui/icons`. */
@@ -12,5 +12,5 @@ type Props = Omit<React.ComponentProps<IconComponent>, "color"> & VariantProps<t
     size?: React.SVGProps<SVGSVGElement>["width"];
 };
 /** Icon — renders an icon component with a semantic Web UI foreground color. */
-export declare function Icon({ glyph: Glyph, variant, size, width, height, className, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function Icon({ glyph: Glyph, variant, size, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/input/input.d.ts

@@ -5,16 +5,10 @@ declare const input: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type UpstreamInput = React.ComponentProps<typeof InputPrimitive>;
-type Props = Omit<React.InputHTMLAttributes<HTMLInputElement>, "className" | "style" | "size"> & VariantProps<typeof input> & {
-    value?: UpstreamInput["value"];
-    defaultValue?: UpstreamInput["defaultValue"];
-    onValueChange?: UpstreamInput["onValueChange"];
+interface Props extends Omit<UpstreamInput, "size">, VariantProps<typeof input> {
     /** Called when the search input's clear button is pressed. */
     onClear?: () => void;
-    className?: UpstreamInput["className"];
-    style?: UpstreamInput["style"];
-    render?: UpstreamInput["render"];
-};
+}
 /**
  * Single-line text input. Also called a text field or input field.
  * Wraps Base UI Input for controlled/uncontrolled state, form integration,

package/dist/components/logo/imfusion/imfusion.d.ts

@@ -1,16 +1,13 @@
 import { Logo } from '../logo';
 type Props = Omit<React.ComponentProps<typeof Logo>, "src" | "alt"> & {
-    /** Render the compact glyph instead of the full wordmark. */
+    /** Render the compact glyph instead of the full lockup. */
     glyph?: boolean;
     /** Override the accessible label. Defaults to "ImFusion". */
     alt?: string;
 };
 /**
  * ImFusion's own logo — the generic {@link Logo} primitive pre-wired with the
- * ImFusion marks and the brand variant. The single branded entry point and the
- * only export from this module; external consumers compose `<Logo src={…} />`
- * with their own asset. Pass `glyph` for the compact mark; the default is the
- * full wordmark.
+ * ImFusion marks and the brand variant. Pass `glyph` for the compact mark.
  */
 export declare function ImFusionLogo({ glyph, alt, variant, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/logo/imfusion/marks.d.ts

@@ -0,0 +1,10 @@
+/**
+ * ImFusion mark geometry as plain data, so non-React consumers (the Storybook
+ * manager) render the same shapes as {@link ImFusionLogo}. Not exported from the package.
+ */
+export type Mark = {
+    viewBox: string;
+    shapes: readonly (readonly ["path" | "polygon" | "rect", Readonly<Record<string, string>>])[];
+};
+export declare const standardMark: Mark;
+export declare const glyphMark: Mark;

package/dist/components/logo/logo.d.ts

@@ -2,14 +2,14 @@ import { ReactNode } from 'react';
 import { VariantProps } from 'class-variance-authority';
 declare const logo: (props?: ({
     size?: "sm" | "md" | "lg" | "hero" | "xs" | "xl" | "fit" | null | undefined;
-    variant?: "main" | "inherit" | "support" | "minor" | "brand" | "oncolor" | null | undefined;
+    variant?: "oncolor" | "main" | "inherit" | "support" | "minor" | "brand" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type Props = Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> & VariantProps<typeof logo> & {
-    /** Logo source — an image URL or an inline SVG node. Required; this primitive carries no brand default (see `ImFusionLogo` for our own mark). */
+    /** Logo source — an image URL or inline SVG node. No brand default; see `ImFusionLogo` for the ImFusion mark. */
     src: string | ReactNode;
     alt: string;
     /** Explicit height — overrides `size` variant when set. */
     height?: string | number;
 };
-export declare function Logo({ src, alt, size, variant, height, className, style, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function Logo({ src, alt, size, variant, height, style, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/navigation-menu/subs/flyout-link.d.ts

@@ -1,24 +1,10 @@
-import { UpstreamLink } from './shared';
-type FlyoutLinkProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "className"> & {
-    /**
-     * Marks the link as the current page — renders it in full primary colour.
-     * @default false
-     */
-    active?: UpstreamLink["active"];
-    /** @default false */
-    closeOnClick?: UpstreamLink["closeOnClick"];
-    className?: UpstreamLink["className"];
-    render?: UpstreamLink["render"];
-};
+import { NavigationMenu as NavigationMenuPrimitive } from '@base-ui/react/navigation-menu';
 /**
- * NavigationMenu.FlyoutLink — a quiet text link inside a flyout `Content`, the
- * lightweight alternative to a `LinkCard` when a card is too heavy. Renders an
- * `<a>`. A trailing `ArrowRight` slides in on hover/focus and the label nudges to
- * meet it; the current page is marked in primary. When a custom `render` is
- * supplied the icon is omitted — the consumer's element owns its content.
+ * NavigationMenu.FlyoutLink — a quiet text link inside a flyout `Content`, the lightweight
+ * alternative to `LinkCard`. Renders an `<a>`; a trailing `ArrowRight` slides in on hover/focus,
+ * and the current page is marked in primary. A custom `render` omits the icon.
  */
-export declare function FlyoutLink({ className, children, render, ...props }: FlyoutLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function FlyoutLink({ children, render, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>): import("react/jsx-runtime").JSX.Element;
 export declare namespace FlyoutLink {
     var displayName: string;
 }
-export {};

package/dist/components/navigation-menu/subs/inline-submenu.d.ts

@@ -29,10 +29,8 @@ type InlineSubmenuProps = {
  *
  * A curated partial over the namespace's own primitives (a nested vertical
  * `Root` without a `Portal`, plus the rail/detail layout). Drop it directly
- * inside a `NavigationMenu.Content`. It bakes in Base UI's viewport
- * responsiveness: the nested Root flips `orientation` at `md` via `useMediaQuery`
- * and the CSS flips the rail from a horizontal tab strip to a side rail at the
- * same breakpoint — no work for the consumer, no container queries.
+ * inside a `NavigationMenu.Content`. Switches from a tab strip to a side rail
+ * at `md` — no work for the consumer, no container queries.
  */
 export declare function InlineSubmenu({ items, defaultValue }: InlineSubmenuProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace InlineSubmenu {

package/dist/components/navigation-menu/subs/link.d.ts

@@ -1,15 +1,5 @@
+import { NavigationMenu as NavigationMenuPrimitive } from '@base-ui/react/navigation-menu';
 import { UpstreamLink } from './shared';
-type LinkProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "className"> & {
-    /**
-     * Marks the link as the current page — renders it in full primary colour.
-     * @default false
-     */
-    active?: UpstreamLink["active"];
-    /** @default false */
-    closeOnClick?: UpstreamLink["closeOnClick"];
-    className?: UpstreamLink["className"];
-    render?: UpstreamLink["render"];
-};
 /**
  * NavigationMenu.Link — a top-strip (rail) link: a peer of `Trigger` for a
  * section that navigates directly instead of opening a flyout. Renders an `<a>`.
@@ -18,22 +8,21 @@ type LinkProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "className"
  * A trailing `ArrowRight` slides in on hover/focus. When a custom `render` is
  * supplied the icon is omitted — the consumer's element owns its content.
  */
-export declare function Link({ className, children, render, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function Link({ children, render, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Link {
     var displayName: string;
 }
-type LinkListProps = React.HTMLAttributes<HTMLUListElement>;
 /**
  * NavigationMenu.LinkList — a reset `<ul>` that lays out a flyout's `LinkCard`s
  * (a responsive two-column grid that collapses to one column on narrow flyouts).
  * Owns the flyout list layout so consumers wrap each card in an `<li>` and add no
  * layout styling of their own. Renders a `<ul>`.
  */
-export declare function LinkList({ className, ...props }: LinkListProps): import("react/jsx-runtime").JSX.Element;
+export declare function LinkList(props: React.HTMLAttributes<HTMLUListElement>): import("react/jsx-runtime").JSX.Element;
 export declare namespace LinkList {
     var displayName: string;
 }
-type LinkCardProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "className" | "title"> & {
+interface LinkCardProps extends Omit<UpstreamLink, "title"> {
     /** Card heading — the link label. */
     title: React.ReactNode;
     /** Supporting line beneath the title. */
@@ -42,13 +31,7 @@ type LinkCardProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "classN
     image?: string;
     /** Alt text for `image`. */
     imageAlt?: string;
-    /** Marks the card as the current page. @default false */
-    active?: UpstreamLink["active"];
-    /** @default false */
-    closeOnClick?: UpstreamLink["closeOnClick"];
-    className?: UpstreamLink["className"];
-    render?: UpstreamLink["render"];
-};
+}
 /**
  * NavigationMenu.LinkCard — a rich flyout entry (optional image + title +
  * description) for the bigger menus. Built on the `Card` primitive (like
@@ -57,7 +40,7 @@ type LinkCardProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "classN
  * thick primary bar along the card's bottom edge on hover and when active. Use
  * where a plain `NavigationMenu.FlyoutLink` is too sparse.
  */
-export declare function LinkCard({ title, description, image, imageAlt, className, ...props }: LinkCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function LinkCard({ title, description, image, imageAlt, ...props }: LinkCardProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace LinkCard {
     var displayName: string;
 }

package/dist/components/navigation-menu/subs/overlay.d.ts

@@ -1,75 +1,30 @@
-import { UpstreamArrow, UpstreamBackdrop, UpstreamPopup, UpstreamPortal, UpstreamPositioner } from './shared';
-type PortalProps = {
-    container?: UpstreamPortal["container"];
-    /** @default false */
-    keepMounted?: UpstreamPortal["keepMounted"];
-    children?: UpstreamPortal["children"];
-};
+import { NavigationMenu as NavigationMenuPrimitive } from '@base-ui/react/navigation-menu';
 /** NavigationMenu.Portal — renders the positioner outside the main document flow. */
-export declare function Portal(props: PortalProps): import("react/jsx-runtime").JSX.Element;
+export declare function Portal(props: React.ComponentProps<typeof NavigationMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Portal {
     var displayName: string;
 }
-type PositionerProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
-    /** @default 'bottom' */
-    side?: UpstreamPositioner["side"];
-    /** @default 'start' */
-    align?: UpstreamPositioner["align"];
-    /** @default 0 */
-    sideOffset?: UpstreamPositioner["sideOffset"];
-    /** @default 0 */
-    alignOffset?: UpstreamPositioner["alignOffset"];
-    /** @default 5 */
-    arrowPadding?: UpstreamPositioner["arrowPadding"];
-    anchor?: UpstreamPositioner["anchor"];
-    /** @default 'absolute' */
-    positionMethod?: UpstreamPositioner["positionMethod"];
-    /** @default false */
-    disableAnchorTracking?: UpstreamPositioner["disableAnchorTracking"];
-    collisionAvoidance?: UpstreamPositioner["collisionAvoidance"];
-    /** @default 'clipping-ancestors' */
-    collisionBoundary?: UpstreamPositioner["collisionBoundary"];
-    /** @default 5 */
-    collisionPadding?: UpstreamPositioner["collisionPadding"];
-    /** @default false */
-    sticky?: UpstreamPositioner["sticky"];
-    className?: UpstreamPositioner["className"];
-    render?: UpstreamPositioner["render"];
-};
 /**
  * NavigationMenu.Positioner — anchors the popup to the active trigger.
  * Defaults to `align="start"` (DESIGN.md §5) so the flyout reads as anchored to
  * the trigger edge rather than centered. Renders a `<div>`.
  */
-export declare function Positioner({ align, className, ...props }: PositionerProps): import("react/jsx-runtime").JSX.Element;
+export declare function Positioner({ align, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Positioner>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Positioner {
     var displayName: string;
 }
-type PopupProps = Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
-    className?: UpstreamPopup["className"];
-    render?: UpstreamPopup["render"];
-};
 /** NavigationMenu.Popup — the shared flyout surface holding the active Content. Renders a `<nav>`. */
-export declare function Popup({ className, ...props }: PopupProps): import("react/jsx-runtime").JSX.Element;
+export declare function Popup(props: React.ComponentProps<typeof NavigationMenuPrimitive.Popup>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Popup {
     var displayName: string;
 }
-type ArrowProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
-    className?: UpstreamArrow["className"];
-    render?: UpstreamArrow["render"];
-};
 /** NavigationMenu.Arrow — a pointer anchored to the popup edge. Receives data-side for orientation. Renders a `<div>`. */
-export declare function Arrow({ className, ...props }: ArrowProps): import("react/jsx-runtime").JSX.Element;
+export declare function Arrow(props: React.ComponentProps<typeof NavigationMenuPrimitive.Arrow>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Arrow {
     var displayName: string;
 }
-type BackdropProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
-    className?: UpstreamBackdrop["className"];
-    render?: UpstreamBackdrop["render"];
-};
 /** NavigationMenu.Backdrop — overlay beneath the popup. Receives data-open/data-closed for transitions. Renders a `<div>`. */
-export declare function Backdrop({ className, ...props }: BackdropProps): import("react/jsx-runtime").JSX.Element;
+export declare function Backdrop(props: React.ComponentProps<typeof NavigationMenuPrimitive.Backdrop>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Backdrop {
     var displayName: string;
 }
-export {};