@imfusion/web-ui 0.6.4-dev.8.g41d03f2f → 0.7.0

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 {};

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

@@ -1,20 +1,10 @@
 import { NavigationMenu as NavigationMenuPrimitive } from '@base-ui/react/navigation-menu';
 /**
- * Shared upstream type aliases for the NavigationMenu sub-parts. Each sub-part
- * file lives beside its own `.module.css`; these Base UI prop types are the one
- * thing they all reference, so they live here rather than being restated.
+ * Upstream types for the NavigationMenu parts that add Web UI props on top, and
+ * the orientation union those parts share. A part that only passes upstream
+ * props through annotates them inline instead.
  */
-export type UpstreamRoot = React.ComponentProps<typeof NavigationMenuPrimitive.Root>;
-export type UpstreamList = React.ComponentProps<typeof NavigationMenuPrimitive.List>;
-export type UpstreamItem = React.ComponentProps<typeof NavigationMenuPrimitive.Item>;
+export type UpstreamRoot<Value = unknown> = React.ComponentProps<typeof NavigationMenuPrimitive.Root<Value>>;
 export type UpstreamTrigger = React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>;
-export type UpstreamIcon = React.ComponentProps<typeof NavigationMenuPrimitive.Icon>;
-export type UpstreamContent = React.ComponentProps<typeof NavigationMenuPrimitive.Content>;
 export type UpstreamLink = React.ComponentProps<typeof NavigationMenuPrimitive.Link>;
-export type UpstreamPortal = React.ComponentProps<typeof NavigationMenuPrimitive.Portal>;
-export type UpstreamPositioner = React.ComponentProps<typeof NavigationMenuPrimitive.Positioner>;
-export type UpstreamPopup = React.ComponentProps<typeof NavigationMenuPrimitive.Popup>;
-export type UpstreamViewport = React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>;
-export type UpstreamArrow = React.ComponentProps<typeof NavigationMenuPrimitive.Arrow>;
-export type UpstreamBackdrop = React.ComponentProps<typeof NavigationMenuPrimitive.Backdrop>;
 export type Orientation = "horizontal" | "vertical";

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

@@ -1,15 +1,13 @@
 import { NavigationMenu as NavigationMenuPrimitive } from '@base-ui/react/navigation-menu';
-import { Orientation, UpstreamContent, UpstreamItem, UpstreamList, UpstreamRoot, UpstreamViewport } from './shared';
-type RootProps<Value = unknown> = Omit<React.ComponentProps<typeof NavigationMenuPrimitive.Root<Value>>, "className" | "orientation"> & {
+import { Orientation, UpstreamRoot } from './shared';
+interface RootProps<Value = unknown> extends Omit<UpstreamRoot<Value>, "orientation"> {
     /**
      * Layout of the menu. `horizontal` is a top nav bar; `vertical` stacks the
      * whole menu into a side rail with flyouts opening to the side.
      * @default 'horizontal'
      */
     orientation?: Orientation;
-    className?: UpstreamRoot["className"];
-    render?: UpstreamRoot["render"];
-};
+}
 /**
  * NavigationMenu.Root — groups all parts and manages which item is open.
  * Renders a `<nav>`.
@@ -21,43 +19,23 @@ export declare function Root<Value = unknown>({ orientation, className, ...props
 export declare namespace Root {
     var displayName: string;
 }
-type ListProps = Omit<React.HTMLAttributes<HTMLUListElement>, "className"> & {
-    className?: UpstreamList["className"];
-    render?: UpstreamList["render"];
-};
 /** NavigationMenu.List — the strip of items. Renders a `<ul>`. */
-export declare function List({ className, ...props }: ListProps): import("react/jsx-runtime").JSX.Element;
+export declare function List(props: React.ComponentProps<typeof NavigationMenuPrimitive.List>): import("react/jsx-runtime").JSX.Element;
 export declare namespace List {
     var displayName: string;
 }
-type ItemProps = Omit<React.LiHTMLAttributes<HTMLLIElement>, "className"> & {
-    /** Unique identifier for controlled use; auto-generated when omitted. */
-    value?: UpstreamItem["value"];
-    className?: UpstreamItem["className"];
-    render?: UpstreamItem["render"];
-};
 /** NavigationMenu.Item — a single item in the list. Renders a `<li>`. */
-export declare function Item({ className, ...props }: ItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function Item(props: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Item {
     var displayName: string;
 }
-type ContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
-    /** @default false */
-    keepMounted?: UpstreamContent["keepMounted"];
-    className?: UpstreamContent["className"];
-    render?: UpstreamContent["render"];
-};
 /** NavigationMenu.Content — an item's flyout body; moved into the shared Popup when active. Renders a `<div>`. */
-export declare function Content({ className, ...props }: ContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function Content(props: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Content {
     var displayName: string;
 }
-type ViewportProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
-    className?: UpstreamViewport["className"];
-    render?: UpstreamViewport["render"];
-};
 /** NavigationMenu.Viewport — clips the current content for direction-aware transitions. Renders a `<div>`. */
-export declare function Viewport({ className, ...props }: ViewportProps): import("react/jsx-runtime").JSX.Element;
+export declare function Viewport(props: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Viewport {
     var displayName: string;
 }

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

@@ -1,10 +1,10 @@
-import { UpstreamIcon, UpstreamTrigger } from './shared';
-type TriggerProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className"> & {
+import { NavigationMenu as NavigationMenuPrimitive } from '@base-ui/react/navigation-menu';
+import { UpstreamTrigger } from './shared';
+interface TriggerProps extends UpstreamTrigger {
     /**
-     * Marks this section as the current page so it shows the active treatment even
-     * when its flyout is closed — the "active trail" anchor for a nav where the
-     * open section isn't the current one. Base UI's Trigger has no active state of
-     * its own, so this stamps `data-active`.
+     * Marks this section as the current page, showing the active treatment even when its
+     * flyout is closed. Base UI's Trigger has no active state of its own, so this stamps
+     * `data-active`.
      * @default false
      */
     active?: boolean;
@@ -20,27 +20,18 @@ type TriggerProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "classNa
      * @default false
      */
     nested?: boolean;
-    /** @default true */
-    nativeButton?: UpstreamTrigger["nativeButton"];
-    className?: UpstreamTrigger["className"];
-    render?: UpstreamTrigger["render"];
-};
+}
 /**
  * NavigationMenu.Trigger — opens an item's flyout on hover or click. Renders a
- * `<button>`. Ships a built-in `ChevronDown` (rotates when open) so consumers
- * don't hand-author an indicator; pass `hideChevron` to supply a custom `Icon`,
- * and `nested` when the trigger opens a submenu from inside another flyout.
+ * `<button>` with a built-in `ChevronDown` that rotates when open; pass
+ * `hideChevron` for a custom `Icon`, and `nested` for a trigger inside a flyout.
  */
-export declare function Trigger({ active, hideChevron, nested, children, className, ...props }: TriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function Trigger({ active, hideChevron, nested, children, ...props }: TriggerProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Trigger {
     var displayName: string;
 }
-type IconProps = Omit<React.HTMLAttributes<HTMLSpanElement>, "className"> & {
-    className?: UpstreamIcon["className"];
-    render?: UpstreamIcon["render"];
-};
 /** NavigationMenu.Icon — a chevron/marker that rotates when its trigger is open. Renders a `<span>`. */
-export declare function Icon({ className, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function Icon(props: React.ComponentProps<typeof NavigationMenuPrimitive.Icon>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Icon {
     var displayName: string;
 }

package/dist/components/number-field/index.d.ts

@@ -0,0 +1,2 @@
+export * as NumberField from './number-field';
+export { numberFieldMeta } from './number-field.meta';