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

package/dist/components/app-shell/app-shell.d.ts

@@ -1,4 +1,3 @@
-type RootProps = React.HTMLAttributes<HTMLDivElement>;
 /**
  * AppShell — application layout shell.
  *
@@ -20,12 +19,11 @@ type RootProps = React.HTMLAttributes<HTMLDivElement>;
  *
  * @see https://mantine.dev/llms/core-app-shell.md
  */
-declare function Root({ className, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
+declare function Root(props: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
 declare namespace Root {
     var displayName: string;
 }
-type HeaderProps = React.HTMLAttributes<HTMLElement>;
-declare function Header({ className, ...props }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function Header(props: React.HTMLAttributes<HTMLElement>): import("react/jsx-runtime").JSX.Element;
 declare namespace Header {
     var displayName: string;
 }
@@ -33,7 +31,7 @@ type NavbarProps = React.HTMLAttributes<HTMLElement> & {
     /** Whether the mobile overlay is open. Ignored above the `md` breakpoint, where the navbar is always visible. */
     open?: boolean;
 };
-declare function Navbar({ className, open, ...props }: NavbarProps): import("react/jsx-runtime").JSX.Element;
+declare function Navbar({ open, ...props }: NavbarProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Navbar {
     var displayName: string;
 }
@@ -41,17 +39,15 @@ type AsideProps = React.HTMLAttributes<HTMLElement> & {
     /** Whether the mobile overlay is open. Ignored above the `lg` breakpoint, where the aside is always visible. */
     open?: boolean;
 };
-declare function Aside({ className, open, ...props }: AsideProps): import("react/jsx-runtime").JSX.Element;
+declare function Aside({ open, ...props }: AsideProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Aside {
     var displayName: string;
 }
-type FooterProps = React.HTMLAttributes<HTMLElement>;
-declare function Footer({ className, ...props }: FooterProps): import("react/jsx-runtime").JSX.Element;
+declare function Footer(props: React.HTMLAttributes<HTMLElement>): import("react/jsx-runtime").JSX.Element;
 declare namespace Footer {
     var displayName: string;
 }
-type MainProps = React.HTMLAttributes<HTMLElement>;
-declare function Main({ className, ...props }: MainProps): import("react/jsx-runtime").JSX.Element;
+declare function Main(props: React.HTMLAttributes<HTMLElement>): import("react/jsx-runtime").JSX.Element;
 declare namespace Main {
     var displayName: string;
 }
@@ -59,7 +55,7 @@ type SectionProps = React.HTMLAttributes<HTMLDivElement> & {
     /** If set, the section expands to fill the remaining space in its sidebar. */
     grow?: boolean;
 };
-declare function Section({ className, grow, ...props }: SectionProps): import("react/jsx-runtime").JSX.Element;
+declare function Section({ grow, ...props }: SectionProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Section {
     var displayName: string;
 }

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

@@ -5,26 +5,21 @@ declare const button: (props?: ({
     size?: "sm" | "md" | "lg" | "hero" | null | undefined;
     chamfer?: boolean | null | undefined;
     radius?: "sm" | "md" | "lg" | "none" | "round" | null | undefined;
+    context?: "default" | "oncolor" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-type UpstreamButton = React.ComponentProps<typeof ButtonPrimitive>;
-type Props = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "style"> & VariantProps<typeof button> & {
-    /** @default false */
-    focusableWhenDisabled?: boolean;
-    /** @default true */
-    nativeButton?: boolean;
+interface Props extends React.ComponentProps<typeof ButtonPrimitive>, VariantProps<typeof button> {
     /** Leading slot — typically a label. When present, the label aligns right and the icon pins left. */
     startIcon?: React.ReactNode;
     /** Trailing slot — typically an icon. When present, the label aligns left and the icon pins right. */
     endIcon?: React.ReactNode;
-    className?: UpstreamButton["className"];
-    style?: UpstreamButton["style"];
-    render?: UpstreamButton["render"];
-};
+}
 /**
- * Button component
+ * Button
  *
  * @doc https://base-ui.com/react/components/button
  * @llm https://base-ui.com/react/components/button.md
  */
-export declare function Button({ variant, size, chamfer, radius, className, startIcon, endIcon, children, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function Button({ variant, size, 
+/** Explicit saturated-surface context; this is never inferred from an ancestor. */
+context, chamfer, radius, startIcon, endIcon, children, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/callout/callout.d.ts

@@ -3,39 +3,32 @@ declare const root: (props?: ({
     variant?: "positive" | "negative" | "warning" | "info" | "accent-1" | "accent-2" | "accent-3" | null | undefined;
     maxWidth?: "sm" | "md" | "lg" | "full" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-type RootProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof root>;
 /**
- * Callout.Root — the banner container. Sets the `variant` (which tints the
- * surface and colours the icon and text) and lays out a leading `Callout.Icon`
- * beside a text region of `Callout.Title` / `Callout.Description`. `maxWidth`
- * caps the banner so it reads as a block region rather than stretching full
- * container width. A persistent element in the content flow — not a transient
- * Toast, not a modal Alert Dialog.
+ * Callout.Root — the banner container. Sets `variant` (tints surface, icon, and text) and lays
+ * out a leading `Callout.Icon` beside `Callout.Title` / `Callout.Description`. `maxWidth` caps
+ * the banner so it reads as a block region, not full container width. A persistent content-flow
+ * element — not a transient Toast, not a modal Alert Dialog.
  */
-declare function Root({ variant, maxWidth, className, children, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
+declare function Root({ variant, maxWidth, children, ...props }: React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof root>): import("react/jsx-runtime").JSX.Element;
 declare namespace Root {
     var displayName: string;
 }
-type IconProps = React.HTMLAttributes<HTMLSpanElement>;
 /**
- * Callout.Icon — the leading status glyph. With no children it renders the
- * variant's default local icon; pass a custom icon as children to override.
- * `aria-hidden` (the variant is conveyed by copy, not the glyph) and inherits
- * the status colour via `currentColor`.
+ * Callout.Icon — the leading status glyph. Renders the variant's default icon when no children
+ * are passed; pass a custom icon as children to override. `aria-hidden` (variant is conveyed by
+ * copy) and inherits colour via `currentColor`.
  */
-declare function Icon({ className, children, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+declare function Icon({ children, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
 declare namespace Icon {
     var displayName: string;
 }
-type TitleProps = React.HTMLAttributes<HTMLDivElement>;
 /** Callout.Title — an optional short heading, set in the semi-mono UPPERCASE technical voice. */
-declare function Title({ className, ...props }: TitleProps): import("react/jsx-runtime").JSX.Element;
+declare function Title(props: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
 declare namespace Title {
     var displayName: string;
 }
-type DescriptionProps = React.HTMLAttributes<HTMLDivElement>;
 /** Callout.Description — the message body, set in the editorial (grotesk) body voice. */
-declare function Description({ className, ...props }: DescriptionProps): import("react/jsx-runtime").JSX.Element;
+declare function Description(props: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
 declare namespace Description {
     var displayName: string;
 }

package/dist/components/card/card.d.ts

@@ -23,32 +23,33 @@ type RootProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof root
  * The image is always the first entry in the stack, so `orientation` just
  * switches the stack between a column and a row without reordering slots.
  *
- * The ImFusion brand ships flat (`shadow="none"`), but the shadow scale is a
- * first-class opt-in axis for third-party consumers. `shadow` picks the elevation
- * level only — how hard or spread that shadow reads is a global lighting decision,
- * owned by the `--imf-ui-shadow-hardness` / `--imf-ui-shadow-spread` tokens.
+ * `shadow` defaults to `lg`; `shadow="none"` gives the flat surface. It picks the elevation level only: how hard or
+ * spread the shadow reads is global, set by `--imf-ui-shadow-hardness` and `--imf-ui-shadow-spread`.
  */
-declare function Root({ density, variant, shadow, radius, orientation, withBorder, className, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
+declare function Root({ density, variant, shadow, radius, orientation, withBorder, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Root {
     var displayName: string;
 }
-type ImageProps = React.ImgHTMLAttributes<HTMLImageElement>;
+type ImageProps = React.ImgHTMLAttributes<HTMLImageElement> & {
+    /** Width divided by height, or "auto" to use the image's intrinsic ratio. */
+    aspectRatio?: number | "auto";
+};
 /**
  * Card.Image — an edge-to-edge media slot. Has no padding, so the image bleeds
  * to the card edges. Always place it first among the slots.
  */
-declare function Image({ className, alt, ...props }: ImageProps): import("react/jsx-runtime").JSX.Element;
+declare function Image({ alt, aspectRatio, style, ...props }: ImageProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Image {
     var displayName: string;
 }
 type SlotProps = React.HTMLAttributes<HTMLDivElement>;
 /** Card.Header — the padded title region at the top of the card body. */
-declare function Header({ className, ...props }: SlotProps): import("react/jsx-runtime").JSX.Element;
+declare function Header(props: SlotProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Header {
     var displayName: string;
 }
 /** Card.Content — the padded main body of the card. */
-declare function Content({ className, ...props }: SlotProps): import("react/jsx-runtime").JSX.Element;
+declare function Content(props: SlotProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Content {
     var displayName: string;
 }
@@ -57,7 +58,7 @@ declare namespace Content {
  * the card fill by default; override `background` in `style` for a distinct
  * action bar.
  */
-declare function Footer({ className, ...props }: SlotProps): import("react/jsx-runtime").JSX.Element;
+declare function Footer(props: SlotProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Footer {
     var displayName: string;
 }

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

@@ -1,56 +1,20 @@
 import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
-type UpstreamRoot = React.ComponentProps<typeof CheckboxPrimitive.Root>;
-type UpstreamIndicator = React.ComponentProps<typeof CheckboxPrimitive.Indicator>;
-type RootProps = Omit<React.HTMLAttributes<HTMLSpanElement>, "className" | "style"> & {
-    /** @default false */
-    defaultChecked?: boolean;
-    checked?: boolean;
-    onCheckedChange?: UpstreamRoot["onCheckedChange"];
-    /** @default false */
-    indeterminate?: boolean;
-    /** @default false */
-    disabled?: boolean;
-    /** @default false */
-    readOnly?: boolean;
-    /** @default false */
-    required?: boolean;
-    /** @default false */
-    nativeButton?: boolean;
-    /** @default false */
-    parent?: boolean;
-    name?: string;
-    value?: string;
-    uncheckedValue?: string;
-    form?: string;
-    inputRef?: React.Ref<HTMLInputElement>;
-    className?: UpstreamRoot["className"];
-    style?: UpstreamRoot["style"];
-    render?: UpstreamRoot["render"];
-};
 /**
  * Checkbox.Root — binary form control; renders a `<span>` plus a hidden `<input>`.
  *
  * @doc https://base-ui.com/react/components/checkbox
  * @llm https://base-ui.com/react/components/checkbox.md
  */
-export declare function Root({ className, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
+export declare function Root(props: React.ComponentProps<typeof CheckboxPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Root {
     var displayName: string;
 }
-type IndicatorProps = Omit<React.HTMLAttributes<HTMLSpanElement>, "className" | "style"> & {
-    /** @default false */
-    keepMounted?: boolean;
-    className?: UpstreamIndicator["className"];
-    style?: UpstreamIndicator["style"];
-    render?: UpstreamIndicator["render"];
-};
 /**
  * Checkbox.Indicator — shows the checked / indeterminate mark. Ships brand
  * icons by default (check, and a minus while `indeterminate`); pass children
  * to replace them.
  */
-export declare function Indicator({ className, children, ...props }: IndicatorProps): import("react/jsx-runtime").JSX.Element;
+export declare function Indicator({ children, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Indicator>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Indicator {
     var displayName: string;
 }
-export {};

package/dist/components/chip/chip.cva.d.ts

@@ -1,9 +1,7 @@
 /**
  * Shared variants for `Chip` and any sibling primitive that renders the same
- * Chip visual on a different element (`ChipLink` renders `<a>`; a future
- * `ChipButton` would render `<button>`). Keeping them in their own module
- * means variant axes stay aligned without cross-component imports of a
- * component file.
+ * visual on a different element (`ChipLink` renders `<a>`). Keeping them here
+ * avoids cross-component imports between Chip and its siblings.
  */
 export declare const chip: (props?: ({
     variant?: "primary" | "positive" | "negative" | "main" | "support" | "minor" | "brand" | "warning" | "info" | "accent-1" | "accent-2" | "accent-3" | null | undefined;

package/dist/components/chip/chip.d.ts

@@ -7,5 +7,5 @@ type Props = React.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof chip> &
  * Chip — compact inline label for status or category.
  * Not based on any upstream component.
  */
-export declare function Chip({ variant, appearance, inline, className, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function Chip({ variant, appearance, inline, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/code/code.d.ts

@@ -10,7 +10,7 @@ type InlineProps = Omit<useRender.ComponentProps<"code">, "children"> & {
  * text. `Typo.InlineCode` renders this under the hood so inline-code chrome is
  * defined in one place. The copy button copies the rendered text.
  */
-export declare function Inline({ className, copyable, children, render, ...props }: InlineProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare function Inline({ copyable, children, render, ...props }: InlineProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
 export declare namespace Inline {
     var displayName: string;
 }
@@ -22,7 +22,7 @@ type InlineLinkProps = useRender.ComponentProps<"a"> & {
 /**
  * Code.InlineLink — the inline-code chip rendered as a link: the same hairline
  * box, with an optional directional arrow behind the separator instead of a copy button.
- * Sibling of `Code.Inline`, sharing its chip visual (`.inline`) — never both a
+ * Sibling of `Code.Inline`, sharing its chip visual (`.inline`). Never both a
  * copy button and a link on the same chip. Mirrors `ChipLink`'s shape (anchor
  * is the chip root, trailing icon nudges on hover, `data-kind` picks the icon).
  */

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

@@ -1,56 +1,25 @@
 import { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';
 import { VariantProps } from 'class-variance-authority';
-type UpstreamRoot = React.ComponentProps<typeof CollapsiblePrimitive.Root>;
-type UpstreamTrigger = React.ComponentProps<typeof CollapsiblePrimitive.Trigger>;
-type UpstreamPanel = React.ComponentProps<typeof CollapsiblePrimitive.Panel>;
 declare const collapsibleRoot: (props?: ({
-    variant?: "solid" | "default" | null | undefined;
+    variant?: "default" | "solid" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-type RootProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "style"> & VariantProps<typeof collapsibleRoot> & {
-    /** Visual treatment applied to the trigger. `solid` gives the trigger a contained surface background; `default` is transparent at rest and drenched-blue when open. */
-    /** @default false */
-    defaultOpen?: UpstreamRoot["defaultOpen"];
-    open?: UpstreamRoot["open"];
-    onOpenChange?: UpstreamRoot["onOpenChange"];
-    /** @default false */
-    disabled?: UpstreamRoot["disabled"];
-    className?: UpstreamRoot["className"];
-    style?: UpstreamRoot["style"];
-    render?: UpstreamRoot["render"];
-};
 /**
  * Collapsible.Root — container that manages open/closed state for a trigger–panel pair.
  *
  * @see https://base-ui.com/react/components/collapsible
  * @llm https://base-ui.com/react/components/collapsible.md
  */
-export declare function Root({ variant, className, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
+export declare function Root({ variant, ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root> & VariantProps<typeof collapsibleRoot>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Root {
     var displayName: string;
 }
-type TriggerProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "style"> & {
-    /** @default true */
-    nativeButton?: UpstreamTrigger["nativeButton"];
-    className?: UpstreamTrigger["className"];
-    style?: UpstreamTrigger["style"];
-    render?: UpstreamTrigger["render"];
-};
 /** Collapsible.Trigger — button that toggles the panel open and closed. */
-export declare function Trigger({ className, children, ...props }: TriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function Trigger({ children, ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Trigger {
     var displayName: string;
 }
-type PanelProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "style"> & {
-    /** @default false */
-    hiddenUntilFound?: UpstreamPanel["hiddenUntilFound"];
-    /** @default false */
-    keepMounted?: UpstreamPanel["keepMounted"];
-    className?: UpstreamPanel["className"];
-    style?: UpstreamPanel["style"];
-    render?: UpstreamPanel["render"];
-};
 /** Collapsible.Panel — region that expands and collapses when the trigger is activated. */
-export declare function Panel({ className, ...props }: PanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function Panel(props: React.ComponentProps<typeof CollapsiblePrimitive.Panel>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Panel {
     var displayName: string;
 }

package/dist/components/copy-button/copy-button.d.ts

@@ -14,7 +14,7 @@ type Props = Omit<React.ComponentProps<typeof Button>, "children" | "onClick"> &
  * transient confirmation (Copy → Check). Composes Button rather than rendering
  * its own element, so all Button variants and native attributes pass through.
  */
-export declare function CopyButton({ value, label, copiedLabel, variant, size, className, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function CopyButton({ value, label, copiedLabel, variant, size, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export declare namespace CopyButton {
     var displayName: string;
 }

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