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

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

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

@@ -0,0 +1,72 @@
+import { NumberField as NumberFieldPrimitive } from '@base-ui/react/number-field';
+import { VariantProps } from 'class-variance-authority';
+declare const numberFieldRoot: (props?: ({
+    width?: "auto" | "full" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const numberFieldGroup: (props?: ({
+    variant?: "primary" | "outline" | "ghost" | "filled" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+interface RootProps extends React.ComponentProps<typeof NumberFieldPrimitive.Root> {
+    /** Width behavior: `auto` uses intrinsic width; `full` fills the parent. @default "auto" */
+    width?: VariantProps<typeof numberFieldRoot>["width"];
+}
+export declare function Root({ width, step, format, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Root {
+    var displayName: string;
+}
+interface GroupProps extends React.ComponentProps<typeof NumberFieldPrimitive.Group>, VariantProps<typeof numberFieldGroup> {
+}
+/** NumberField.Group — bordered box grouping the input with the stepper controls. */
+export declare function Group({ variant, size, ...props }: GroupProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Group {
+    var displayName: string;
+}
+/** NumberField.Input — transparent, borderless mono numeric field. */
+export declare function Input(props: React.ComponentProps<typeof NumberFieldPrimitive.Input>): import("react/jsx-runtime").JSX.Element;
+export declare namespace Input {
+    var displayName: string;
+}
+/** NumberField.Increment — full-height square control that increases the value. */
+export declare function Increment(props: React.ComponentProps<typeof NumberFieldPrimitive.Increment>): import("react/jsx-runtime").JSX.Element;
+export declare namespace Increment {
+    var displayName: string;
+}
+/** NumberField.Decrement — full-height square control that decreases the value. */
+export declare function Decrement(props: React.ComponentProps<typeof NumberFieldPrimitive.Decrement>): import("react/jsx-runtime").JSX.Element;
+export declare namespace Decrement {
+    var displayName: string;
+}
+/** NumberField.ScrubArea — draggable region that scrubs the value on pointer move. */
+export declare function ScrubArea(props: React.ComponentProps<typeof NumberFieldPrimitive.ScrubArea>): import("react/jsx-runtime").JSX.Element;
+export declare namespace ScrubArea {
+    var displayName: string;
+}
+/** NumberField.ScrubAreaCursor — virtual cursor shown while scrubbing under pointer lock. */
+export declare function ScrubAreaCursor(props: React.ComponentProps<typeof NumberFieldPrimitive.ScrubAreaCursor>): import("react/jsx-runtime").JSX.Element;
+export declare namespace ScrubAreaCursor {
+    var displayName: string;
+}
+interface StepperProps extends RootProps, VariantProps<typeof numberFieldGroup> {
+    /** Control placement relative to the input. @default "trailing" */
+    layout?: "trailing" | "flanking";
+    /** Surface treatment applied to the group. @default "outline" */
+    variant?: "outline" | "primary" | "filled" | "ghost";
+    /** Control height, matching Input's scale. @default "md" */
+    size?: "sm" | "md" | "lg";
+    /**
+     * Drag handle rendered above the field: press and move sideways to change the value, usually
+     * the field's label. The scrub cursor is supplied automatically.
+     */
+    scrub?: React.ReactNode;
+}
+/**
+ * NumberField.Stepper — pre-composed Root → Group → Input + controls. Use the
+ * individual parts instead when a custom composition (e.g. with `Field` or
+ * `ScrubArea`) is needed.
+ */
+export declare function Stepper({ layout, variant, size, width, scrub, ...props }: StepperProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Stepper {
+    var displayName: string;
+}
+export {};

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

@@ -0,0 +1,2 @@
+import { ComponentMeta } from '../../types/meta';
+export declare const numberFieldMeta: ComponentMeta;

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

@@ -1,14 +1,12 @@
 import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
-type UpstreamTrigger = React.ComponentProps<typeof PopoverPrimitive.Trigger>;
-type UpstreamPortal = React.ComponentProps<typeof PopoverPrimitive.Portal>;
-type UpstreamBackdrop = React.ComponentProps<typeof PopoverPrimitive.Backdrop>;
-type UpstreamPositioner = React.ComponentProps<typeof PopoverPrimitive.Positioner>;
-type UpstreamPopup = React.ComponentProps<typeof PopoverPrimitive.Popup>;
-type UpstreamArrow = React.ComponentProps<typeof PopoverPrimitive.Arrow>;
-type UpstreamViewport = React.ComponentProps<typeof PopoverPrimitive.Viewport>;
-type UpstreamTitle = React.ComponentProps<typeof PopoverPrimitive.Title>;
-type UpstreamDescription = React.ComponentProps<typeof PopoverPrimitive.Description>;
-type UpstreamClose = React.ComponentProps<typeof PopoverPrimitive.Close>;
+import { VariantProps } from 'class-variance-authority';
+declare const popoverTrigger: (props?: ({
+    variant?: "primary" | "secondary" | "positive" | "negative" | "outline" | "ghost" | null | undefined;
+    inline?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const popoverPopup: (props?: ({
+    variant?: "primary" | "secondary" | "positive" | "negative" | "outline" | "ghost" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const createHandle: typeof PopoverPrimitive.createHandle;
 type RootProps<Payload = unknown> = React.ComponentProps<typeof PopoverPrimitive.Root<Payload>>;
 /**
@@ -21,135 +19,62 @@ export declare function Root<Payload = unknown>(props: RootProps<Payload>): impo
 export declare namespace Root {
     var displayName: string;
 }
-type TriggerProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className"> & {
-    variant?: "ghost" | "outline" | "primary" | "secondary" | "positive" | "negative";
-    inline?: boolean;
-    /** @default true */
-    nativeButton?: UpstreamTrigger["nativeButton"];
-    /** @default false */
-    openOnHover?: UpstreamTrigger["openOnHover"];
-    /** @default 300 */
-    delay?: UpstreamTrigger["delay"];
-    /** @default 0 */
-    closeDelay?: UpstreamTrigger["closeDelay"];
-    handle?: UpstreamTrigger["handle"];
-    payload?: UpstreamTrigger["payload"];
-    className?: UpstreamTrigger["className"];
-    render?: UpstreamTrigger["render"];
-};
 /** Popover.Trigger — button that opens the popover. */
-export declare function Trigger({ variant, inline, className, ...props }: TriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function Trigger({ variant, inline, ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger> & VariantProps<typeof popoverTrigger>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Trigger {
     var displayName: string;
 }
-type PortalProps = {
-    container?: UpstreamPortal["container"];
-    /** @default false */
-    keepMounted?: UpstreamPortal["keepMounted"];
-    children?: UpstreamPortal["children"];
-};
 /** Popover.Portal — renders the positioner 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 PopoverPrimitive.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"];
-};
 /** Popover.Backdrop — overlay beneath the popover. Receives data-open/data-closed for transitions. */
-export declare function Backdrop({ className, ...props }: BackdropProps): import("react/jsx-runtime").JSX.Element;
+export declare function Backdrop(props: React.ComponentProps<typeof PopoverPrimitive.Backdrop>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Backdrop {
     var displayName: string;
 }
-type PositionerProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
-    /** @default 'bottom' */
-    side?: UpstreamPositioner["side"];
-    /** @default 'center' */
-    align?: UpstreamPositioner["align"];
-    /** @default 0 */
-    sideOffset?: UpstreamPositioner["sideOffset"];
-    /** @default 0 */
-    alignOffset?: UpstreamPositioner["alignOffset"];
-    /** @default 5 */
-    arrowPadding?: UpstreamPositioner["arrowPadding"];
-    anchor?: UpstreamPositioner["anchor"];
-    /** @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"];
-};
 /** Popover.Positioner — positions the popup relative to the trigger via floating-point layout. */
-export declare function Positioner({ className, ...props }: PositionerProps): import("react/jsx-runtime").JSX.Element;
+export declare function Positioner(props: React.ComponentProps<typeof PopoverPrimitive.Positioner>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Positioner {
     var displayName: string;
 }
-type PopupProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
+interface PopupProps extends React.ComponentProps<typeof PopoverPrimitive.Popup>, VariantProps<typeof popoverPopup> {
     /** Match to the Trigger variant to tint the popup border accordingly. */
-    variant?: "ghost" | "outline" | "primary" | "secondary" | "positive" | "negative";
-    className?: UpstreamPopup["className"];
-    render?: UpstreamPopup["render"];
-};
+    variant?: VariantProps<typeof popoverPopup>["variant"];
+}
 /** Popover.Popup — the visible surface of the popover. Token-mapped background, border, and shadow. */
-export declare function Popup({ className, variant, ...props }: PopupProps): import("react/jsx-runtime").JSX.Element;
+export declare function Popup({ variant, ...props }: PopupProps): 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"];
-};
 /** Popover.Arrow — visual pointer arrow anchored to the popup edge. Receives data-side for orientation. */
-export declare function Arrow({ className, ...props }: ArrowProps): import("react/jsx-runtime").JSX.Element;
+export declare function Arrow(props: React.ComponentProps<typeof PopoverPrimitive.Arrow>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Arrow {
     var displayName: string;
 }
-type ViewportProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
-    className?: UpstreamViewport["className"];
-    render?: UpstreamViewport["render"];
-};
 /** Popover.Viewport — content wrapper that supports direction-aware animations. */
-export declare function Viewport({ className, ...props }: ViewportProps): import("react/jsx-runtime").JSX.Element;
+export declare function Viewport(props: React.ComponentProps<typeof PopoverPrimitive.Viewport>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Viewport {
     var displayName: string;
 }
-type EyebrowProps = React.HTMLAttributes<HTMLParagraphElement>;
 /** Popover.Eyebrow — small uppercase label above Title, for a category or kicker (e.g. "Glossary definition"). */
-export declare function Eyebrow({ className, ...props }: EyebrowProps): import("react/jsx-runtime").JSX.Element;
+export declare function Eyebrow(props: React.HTMLAttributes<HTMLParagraphElement>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Eyebrow {
     var displayName: string;
 }
-type TitleProps = React.HTMLAttributes<HTMLHeadingElement> & {
-    render?: UpstreamTitle["render"];
-};
 /** Popover.Title — semantic heading for the popover's accessible name. */
-export declare function Title({ className, ...props }: TitleProps): import("react/jsx-runtime").JSX.Element;
+export declare function Title(props: React.ComponentProps<typeof PopoverPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Title {
     var displayName: string;
 }
-type DescriptionProps = React.HTMLAttributes<HTMLParagraphElement> & {
-    render?: UpstreamDescription["render"];
-};
 /** Popover.Description — supplementary paragraph for the popover's accessible description. */
-export declare function Description({ className, ...props }: DescriptionProps): import("react/jsx-runtime").JSX.Element;
+export declare function Description(props: React.ComponentProps<typeof PopoverPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Description {
     var displayName: string;
 }
-type CloseProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className"> & {
-    /** @default true */
-    nativeButton?: UpstreamClose["nativeButton"];
-    className?: UpstreamClose["className"];
-    render?: UpstreamClose["render"];
-};
 /** Popover.Close — button that dismisses the popover. */
-export declare function Close({ className, ...props }: CloseProps): import("react/jsx-runtime").JSX.Element;
+export declare function Close(props: React.ComponentProps<typeof PopoverPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Close {
     var displayName: string;
 }
@@ -163,7 +88,7 @@ type InlineProps = {
     /** Hover delay in ms before the popover opens. @default 150 */
     delay?: number;
     /** Which side of the trigger the popup appears on. @default 'top' */
-    side?: UpstreamPositioner["side"];
+    side?: React.ComponentProps<typeof PopoverPrimitive.Positioner>["side"];
     /** Gap between trigger and popup in px. @default 6 */
     sideOffset?: number;
 };

package/dist/components/row/row.d.ts

@@ -24,5 +24,5 @@ type Props = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof row> & {
  *
  * @see https://mantine.dev/core/group/
  */
-export declare function Row({ gap, align, justify, wrap, className, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function Row({ gap, align, justify, wrap, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};