@imfusion/web-ui 0.6.4-dev.31.gcef47041 → 0.6.4-dev.37.g60acf81d

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

@@ -7,8 +7,7 @@ declare const button: (props?: ({
     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>;
-interface Props extends UpstreamButton, VariantProps<typeof button> {
+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. */

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

@@ -1,6 +1,5 @@
 import { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';
 import { VariantProps } from 'class-variance-authority';
-type UpstreamRoot = React.ComponentProps<typeof CollapsiblePrimitive.Root>;
 declare const collapsibleRoot: (props?: ({
     variant?: "default" | "solid" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
@@ -10,7 +9,7 @@ declare const collapsibleRoot: (props?: ({
  * @see https://base-ui.com/react/components/collapsible
  * @llm https://base-ui.com/react/components/collapsible.md
  */
-export declare function Root({ variant, ...props }: UpstreamRoot & VariantProps<typeof collapsibleRoot>): 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;
 }

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

@@ -1,9 +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<Payload = unknown> = React.ComponentProps<typeof DrawerPrimitive.Root<Payload>>;
-type UpstreamPopup = React.ComponentProps<typeof DrawerPrimitive.Popup>;
-interface RootProps<Payload = unknown> extends UpstreamRoot<Payload> {
+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.
@@ -47,7 +45,7 @@ export declare function Viewport(props: React.ComponentProps<typeof DrawerPrimit
 export declare namespace Viewport {
     var displayName: string;
 }
-interface PopupProps extends UpstreamPopup {
+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.

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,66 @@
+import { NumberField as NumberFieldPrimitive } from '@base-ui/react/number-field';
+import { VariantProps } from 'class-variance-authority';
+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;
+export declare function Root({ step, format, ...props }: React.ComponentProps<typeof NumberFieldPrimitive.Root>): 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 React.ComponentProps<typeof NumberFieldPrimitive.Root>, 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";
+    /**
+     * Content rendered above the field as a drag handle: pressing it and moving
+     * sideways changes 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, 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,8 +1,5 @@
 import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
 import { VariantProps } from 'class-variance-authority';
-type UpstreamTrigger = React.ComponentProps<typeof PopoverPrimitive.Trigger>;
-type UpstreamPositioner = React.ComponentProps<typeof PopoverPrimitive.Positioner>;
-type UpstreamPopup = React.ComponentProps<typeof PopoverPrimitive.Popup>;
 declare const popoverTrigger: (props?: ({
     variant?: "primary" | "secondary" | "positive" | "negative" | "outline" | "ghost" | null | undefined;
     inline?: boolean | null | undefined;
@@ -23,7 +20,7 @@ export declare namespace Root {
     var displayName: string;
 }
 /** Popover.Trigger — button that opens the popover. */
-export declare function Trigger({ variant, inline, ...props }: UpstreamTrigger & VariantProps<typeof popoverTrigger>): 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;
 }
@@ -42,7 +39,7 @@ export declare function Positioner(props: React.ComponentProps<typeof PopoverPri
 export declare namespace Positioner {
     var displayName: string;
 }
-interface PopupProps extends UpstreamPopup, VariantProps<typeof popoverPopup> {
+interface PopupProps extends React.ComponentProps<typeof PopoverPrimitive.Popup>, VariantProps<typeof popoverPopup> {
     /** Match to the Trigger variant to tint the popup border accordingly. */
     variant?: VariantProps<typeof popoverPopup>["variant"];
 }
@@ -91,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/select/select.d.ts

@@ -1,7 +1,6 @@
 import { Select as SelectPrimitive } from '@base-ui/react/select';
-type UpstreamRoot<Value = unknown, Multiple extends boolean | undefined = false> = React.ComponentProps<typeof SelectPrimitive.Root<Value, Multiple>>;
 type UpstreamItem = React.ComponentProps<typeof SelectPrimitive.Item>;
-interface RootProps<Value = unknown, Multiple extends boolean | undefined = false> extends UpstreamRoot<Value, Multiple> {
+interface RootProps<Value = unknown, Multiple extends boolean | undefined = false> extends React.ComponentProps<typeof SelectPrimitive.Root<Value, Multiple>> {
 }
 /**
  * Select.Root — accessible select / listbox primitive.

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

@@ -1,10 +1,9 @@
 import { Separator as SeparatorPrimitive } from '@base-ui/react/separator';
 import { VariantProps } from 'class-variance-authority';
-type UpstreamSeparator = React.ComponentProps<typeof SeparatorPrimitive>;
 declare const separator: (props?: ({
     variant?: "solid" | "dashed" | "dotted" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-interface Props extends UpstreamSeparator, VariantProps<typeof separator> {
+interface Props extends React.ComponentProps<typeof SeparatorPrimitive>, VariantProps<typeof separator> {
 }
 /**
  * Separator — visual divider between content sections.

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

@@ -1,6 +1,5 @@
 import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
 import { VariantProps } from 'class-variance-authority';
-type UpstreamList = React.ComponentProps<typeof TabsPrimitive.List>;
 declare const tabsList: (props?: ({
     fill?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
@@ -14,7 +13,7 @@ export declare function Root(props: React.ComponentProps<typeof TabsPrimitive.Ro
 export declare namespace Root {
     var displayName: string;
 }
-interface ListProps extends UpstreamList, VariantProps<typeof tabsList> {
+interface ListProps extends React.ComponentProps<typeof TabsPrimitive.List>, VariantProps<typeof tabsList> {
     /**
      * Give every tab an equal share of the list's length (equal width when
      * horizontal). When vertical, this only takes effect if the list is stretched

package/dist/components/toast/toast.d.ts

@@ -1,7 +1,5 @@
 import { Toast as ToastPrimitive } from '@base-ui/react/toast';
 import { VariantProps } from 'class-variance-authority';
-type UpstreamViewport = React.ComponentProps<typeof ToastPrimitive.Viewport>;
-type UpstreamRoot = React.ComponentProps<typeof ToastPrimitive.Root>;
 declare const toastViewport: (props?: ({
     position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | null | undefined;
     width?: "default" | "content" | "compact" | "wide" | null | undefined;
@@ -39,7 +37,7 @@ export declare function Portal(props: React.ComponentProps<typeof ToastPrimitive
 export declare namespace Portal {
     var displayName: string;
 }
-interface ViewportProps extends UpstreamViewport, VariantProps<typeof toastViewport> {
+interface ViewportProps extends React.ComponentProps<typeof ToastPrimitive.Viewport>, VariantProps<typeof toastViewport> {
     /** Which edge or corner of the screen the stack anchors to. */
     position?: VariantProps<typeof toastViewport>["position"];
     /** Width treatment for the toast stack. */
@@ -54,7 +52,7 @@ export declare function Viewport({ position, width, ...props }: ViewportProps):
 export declare namespace Viewport {
     var displayName: string;
 }
-interface RootProps extends UpstreamRoot, VariantProps<typeof toastRoot> {
+interface RootProps extends React.ComponentProps<typeof ToastPrimitive.Root>, VariantProps<typeof toastRoot> {
     /** Semantic treatment for the toast surface. */
     variant?: VariantProps<typeof toastRoot>["variant"];
 }

package/dist/components/toggle/toggle.d.ts

@@ -1,6 +1,5 @@
 import { Toggle as TogglePrimitive } from '@base-ui/react/toggle';
-type UpstreamToggle = React.ComponentProps<typeof TogglePrimitive>;
-interface Props extends UpstreamToggle {
+interface Props extends React.ComponentProps<typeof TogglePrimitive> {
 }
 /**
  * Toggle - a two-state button. Use standalone for a

package/dist/components/toggle-group/toggle-group.d.ts

@@ -1,6 +1,5 @@
 import { ToggleGroup as ToggleGroupPrimitive } from '@base-ui/react/toggle-group';
-type UpstreamRoot = React.ComponentProps<typeof ToggleGroupPrimitive>;
-interface Props extends UpstreamRoot {
+interface Props extends React.ComponentProps<typeof ToggleGroupPrimitive> {
 }
 /**
  * ToggleGroup - a set of connected `Toggle`s sharing one value. Single-select by

package/dist/components/tooltip/tooltip.d.ts

@@ -1,8 +1,6 @@
 import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
 import { VariantProps } from 'class-variance-authority';
 type UpstreamTrigger = React.ComponentProps<typeof TooltipPrimitive.Trigger>;
-type UpstreamPositioner = React.ComponentProps<typeof TooltipPrimitive.Positioner>;
-type UpstreamPopup = React.ComponentProps<typeof TooltipPrimitive.Popup>;
 declare const tooltipTrigger: (props?: ({
     variant?: "primary" | "secondary" | "positive" | "negative" | null | undefined;
     inline?: boolean | null | undefined;
@@ -65,7 +63,7 @@ export declare function Positioner({ sideOffset, ...props }: React.ComponentProp
 export declare namespace Positioner {
     var displayName: string;
 }
-interface PopupProps extends UpstreamPopup, VariantProps<typeof tooltipPopup> {
+interface PopupProps extends React.ComponentProps<typeof TooltipPrimitive.Popup>, VariantProps<typeof tooltipPopup> {
     /** Match to the Trigger variant to tint the popup border accordingly. */
     variant?: VariantProps<typeof tooltipPopup>["variant"];
 }
@@ -92,7 +90,7 @@ type InlineProps = {
     /** Hover delay in ms before the tooltip opens. @default 150 */
     delay?: number;
     /** Which side of the trigger the popup appears on. @default 'top' */
-    side?: UpstreamPositioner["side"];
+    side?: React.ComponentProps<typeof TooltipPrimitive.Positioner>["side"];
     /** Gap between trigger and popup in px. @default 13 */
     sideOffset?: number;
 };

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export { Checkbox, checkboxMeta } from './components/checkbox';
 export { Field, fieldMeta } from './components/field';
 export { Fieldset, fieldsetMeta } from './components/fieldset';
 export { Input, inputMeta } from './components/input';
+export { NumberField, numberFieldMeta } from './components/number-field';
 export { Select, selectMeta } from './components/select';
 export { Slider, sliderMeta } from './components/slider';
 export { Switch, switchMeta } from './components/switch';