@stridge/noctis 1.0.0-beta.0

package/dist/components/navigation-menu/navigation-menu.props.d.ts

@@ -0,0 +1,98 @@
+//#region src/components/navigation-menu/navigation-menu.props.d.ts
+/** A spreadable data-attribute prop bag — the shape every `NavigationMenu.*.props()` returns. */
+type NavigationMenuPartProps = {
+  /** The slot value the matching `navigation-menu.css` rules anchor on. */"data-slot": string; /** Forwarded verbatim — styling is attribute-driven, so this is an optional consumer passthrough. */
+  className?: string; /** A data-attribute present (empty string) or absent (`undefined`); never `false`. */
+  [attr: `data-${string}`]: string | undefined;
+};
+/** Common shape: every part's `.props()` accepts an optional `className` passthrough. */
+interface BasePropsArgs {
+  /** Forwarded verbatim onto the returned prop bag. */
+  className?: string;
+}
+/** Argument to `NavigationMenu.Trigger.props(...)` — the states the CSS keys the bar item's look off. */
+interface NavigationMenuTriggerPropsArgs extends BasePropsArgs {
+  /** Whether this trigger's flyout is open (drives the lit look via `data-popup-open`). */
+  open?: boolean;
+  /** Whether this trigger owns the current section — keeps the fill when closed (`data-current`). */
+  current?: boolean;
+  /** Whether this trigger is disabled — dims it and drops the hover/open fill (`data-disabled`). */
+  disabled?: boolean;
+}
+/** Argument to `NavigationMenu.Link.props(...)` — the states the CSS keys the link's marks off. */
+interface NavigationMenuLinkPropsArgs extends BasePropsArgs {
+  /** Whether this link marks the current page (drives the active look via `data-active`). */
+  active?: boolean;
+  /** Whether this bar link owns the current section — keeps the fill when closed (`data-current`). */
+  current?: boolean;
+  /** Whether this link is disabled — dims it and drops the hover fill (`data-disabled`). */
+  disabled?: boolean;
+}
+/** Argument to `NavigationMenu.Root.props(...)` — the bar's control density. */
+interface NavigationMenuRootPropsArgs extends BasePropsArgs {
+  /** The bar's control density; re-points the bar item metrics via `data-size`. */
+  size?: "md" | "sm";
+}
+/** Argument to a stateless part's `.props(...)` — no state of its own. */
+type NavigationMenuStatelessPropsArgs = BasePropsArgs;
+/** Root prop bag: slot anchor plus the `data-size` density stamp. */
+declare function rootProps({
+  size,
+  className
+}?: NavigationMenuRootPropsArgs): NavigationMenuPartProps;
+/** List prop bag: just the slot anchor. */
+declare function listProps({
+  className
+}?: NavigationMenuStatelessPropsArgs): NavigationMenuPartProps;
+/** Item prop bag: just the slot anchor. */
+declare function itemProps({
+  className
+}?: NavigationMenuStatelessPropsArgs): NavigationMenuPartProps;
+/** Trigger prop bag: slot anchor plus the lit (`data-popup-open`), current (`data-current`), and disabled marks. */
+declare function triggerProps({
+  open,
+  current,
+  disabled,
+  className
+}?: NavigationMenuTriggerPropsArgs): NavigationMenuPartProps;
+/** Content prop bag: just the slot anchor. */
+declare function contentProps({
+  className
+}?: NavigationMenuStatelessPropsArgs): NavigationMenuPartProps;
+/** Link prop bag: slot anchor plus the active-page (`data-active`), current-section (`data-current`), and disabled marks. */
+declare function linkProps({
+  active,
+  current,
+  disabled,
+  className
+}?: NavigationMenuLinkPropsArgs): NavigationMenuPartProps;
+/** Link title prop bag: just the slot anchor (the bold first line of a two-line panel link). */
+declare function linkTitleProps({
+  className
+}?: NavigationMenuStatelessPropsArgs): NavigationMenuPartProps;
+/** Link description prop bag: just the slot anchor (the muted supporting line of a two-line panel link). */
+declare function linkDescriptionProps({
+  className
+}?: NavigationMenuStatelessPropsArgs): NavigationMenuPartProps;
+/** Section prop bag: just the slot anchor (a titled column group inside a panel). */
+declare function sectionProps({
+  className
+}?: NavigationMenuStatelessPropsArgs): NavigationMenuPartProps;
+/** Section title prop bag: just the slot anchor (a section's heading label). */
+declare function sectionTitleProps({
+  className
+}?: NavigationMenuStatelessPropsArgs): NavigationMenuPartProps;
+/** Separator prop bag: just the slot anchor (a sharp divider between panel groups). */
+declare function separatorProps({
+  className
+}?: NavigationMenuStatelessPropsArgs): NavigationMenuPartProps;
+/** Footer prop bag: just the slot anchor (a panel's pinned "view all"/CTA row). */
+declare function footerProps({
+  className
+}?: NavigationMenuStatelessPropsArgs): NavigationMenuPartProps;
+/** Viewport prop bag: just the slot anchor. */
+declare function viewportProps({
+  className
+}?: NavigationMenuStatelessPropsArgs): NavigationMenuPartProps;
+//#endregion
+export { NavigationMenuLinkPropsArgs, NavigationMenuPartProps, NavigationMenuRootPropsArgs, NavigationMenuTriggerPropsArgs, contentProps, footerProps, itemProps, linkDescriptionProps, linkProps, linkTitleProps, listProps, rootProps, sectionProps, sectionTitleProps, separatorProps, triggerProps, viewportProps };

package/dist/components/navigation-menu/navigation-menu.props.js

@@ -0,0 +1,90 @@
+import { NAVIGATION_MENU_SLOTS } from "./navigation-menu.slots.js";
+//#region src/components/navigation-menu/navigation-menu.props.ts
+/**
+* The D12 unified variant contract for NavigationMenu — a per-part set of `props(...)` builders that
+* each return a **spreadable props object** of the form
+* `{ "data-slot": "noctis-navigation-menu-<part>", ...dataAttrs }`, derived from the part's state.
+*
+* Under the single-`data-slot` anchor model the `data-slot` is the only styling hook needed —
+* `navigation-menu.css` keys every rule off it — so spreading a part's `props()` onto a *foreign*
+* element styles it as that part:
+*
+*     <a {...NavigationMenu.Link.props({ active: true })}>Docs</a>
+*     // → <a data-slot="noctis-navigation-menu-link" data-active="">
+*
+* The escape hatch carries no className (styling is attribute-driven); an optional `className`
+* passthrough is accepted and forwarded verbatim.
+*/
+/** Stamp a boolean state as a bare data-attribute: present (`""`) when on, absent (`undefined`) when off. */
+const flag = (on) => on ? "" : void 0;
+const withClassName = (bag, className) => className === void 0 ? bag : {
+	...bag,
+	className
+};
+/** Root prop bag: slot anchor plus the `data-size` density stamp. */
+function rootProps({ size, className } = {}) {
+	return withClassName({
+		"data-slot": NAVIGATION_MENU_SLOTS.root,
+		"data-size": size
+	}, className);
+}
+/** List prop bag: just the slot anchor. */
+function listProps({ className } = {}) {
+	return withClassName({ "data-slot": NAVIGATION_MENU_SLOTS.list }, className);
+}
+/** Item prop bag: just the slot anchor. */
+function itemProps({ className } = {}) {
+	return withClassName({ "data-slot": NAVIGATION_MENU_SLOTS.item }, className);
+}
+/** Trigger prop bag: slot anchor plus the lit (`data-popup-open`), current (`data-current`), and disabled marks. */
+function triggerProps({ open, current, disabled, className } = {}) {
+	return withClassName({
+		"data-slot": NAVIGATION_MENU_SLOTS.trigger,
+		"data-popup-open": flag(open),
+		"data-current": flag(current),
+		"data-disabled": flag(disabled)
+	}, className);
+}
+/** Content prop bag: just the slot anchor. */
+function contentProps({ className } = {}) {
+	return withClassName({ "data-slot": NAVIGATION_MENU_SLOTS.content }, className);
+}
+/** Link prop bag: slot anchor plus the active-page (`data-active`), current-section (`data-current`), and disabled marks. */
+function linkProps({ active, current, disabled, className } = {}) {
+	return withClassName({
+		"data-slot": NAVIGATION_MENU_SLOTS.link,
+		"data-active": flag(active),
+		"data-current": flag(current),
+		"data-disabled": flag(disabled)
+	}, className);
+}
+/** Link title prop bag: just the slot anchor (the bold first line of a two-line panel link). */
+function linkTitleProps({ className } = {}) {
+	return withClassName({ "data-slot": NAVIGATION_MENU_SLOTS.linkTitle }, className);
+}
+/** Link description prop bag: just the slot anchor (the muted supporting line of a two-line panel link). */
+function linkDescriptionProps({ className } = {}) {
+	return withClassName({ "data-slot": NAVIGATION_MENU_SLOTS.linkDescription }, className);
+}
+/** Section prop bag: just the slot anchor (a titled column group inside a panel). */
+function sectionProps({ className } = {}) {
+	return withClassName({ "data-slot": NAVIGATION_MENU_SLOTS.section }, className);
+}
+/** Section title prop bag: just the slot anchor (a section's heading label). */
+function sectionTitleProps({ className } = {}) {
+	return withClassName({ "data-slot": NAVIGATION_MENU_SLOTS.sectionTitle }, className);
+}
+/** Separator prop bag: just the slot anchor (a sharp divider between panel groups). */
+function separatorProps({ className } = {}) {
+	return withClassName({ "data-slot": NAVIGATION_MENU_SLOTS.separator }, className);
+}
+/** Footer prop bag: just the slot anchor (a panel's pinned "view all"/CTA row). */
+function footerProps({ className } = {}) {
+	return withClassName({ "data-slot": NAVIGATION_MENU_SLOTS.footer }, className);
+}
+/** Viewport prop bag: just the slot anchor. */
+function viewportProps({ className } = {}) {
+	return withClassName({ "data-slot": NAVIGATION_MENU_SLOTS.viewport }, className);
+}
+//#endregion
+export { contentProps, footerProps, itemProps, linkDescriptionProps, linkProps, linkTitleProps, listProps, rootProps, sectionProps, sectionTitleProps, separatorProps, triggerProps, viewportProps };

package/dist/components/navigation-menu/navigation-menu.slots.d.ts

@@ -0,0 +1,34 @@
+//#region src/components/navigation-menu/navigation-menu.slots.d.ts
+/**
+ * The `data-*` hooks `NavigationMenu` stamps on its parts, for host-side styling and tests. Slot
+ * values mark each rendered element; the state attributes are emitted by Base UI's NavigationMenu —
+ * pair a slot with a state to target, say, the trigger only while its flyout is open.
+ */
+declare enum NavigationMenuDataAttributes {
+  /** The root navigation element. */
+  slot = "data-slot",
+  /** Present on the popup, positioner, and content while the flyout is open. */
+  open = "data-open",
+  /** Present on a trigger while its flyout is open — drives the lit look and the chevron rotation. */
+  popupOpen = "data-popup-open",
+  /** Present on the trigger/bar-link of the section the current page lives under — the persistent "you are here" at the top level (fill survives panel close). */
+  current = "data-current",
+  /** Present on a disabled trigger/bar-link — dims it and suppresses the hover/open fill. */
+  disabled = "data-disabled",
+  /** The bar's control density (`md`/`sm`), stamped on the root to re-point the bar item metrics. */
+  size = "data-size",
+  /** Present on the link that marks the current page. */
+  active = "data-active",
+  /** The side of the anchor the popup actually rendered on (`bottom`, `top`, …). */
+  side = "data-side",
+  /** The direction the active content slid in from when switching panels (`left`/`right`/`up`/`down`). */
+  activationDirection = "data-activation-direction",
+  /** Present on the popup/content for the first frame after mount — the transition's start state. */
+  startingStyle = "data-starting-style",
+  /** Present on the popup/content while it transitions out before unmounting. */
+  endingStyle = "data-ending-style",
+  /** The orientation of the navigation bar (`horizontal`/`vertical`). */
+  orientation = "data-orientation"
+}
+//#endregion
+export { NavigationMenuDataAttributes };

package/dist/components/navigation-menu/navigation-menu.slots.js

@@ -0,0 +1,60 @@
+//#region src/components/navigation-menu/navigation-menu.slots.ts
+/**
+* The slot vocabulary every `NavigationMenu` part stamps as its `data-slot`. The authored source the
+* orchestration file reads from, prefixed `noctis-{component}-{part}` (the precompiled
+* `navigation-menu.css` keys every rule off these anchors); SLOTS.md still generates from the
+* token-graph declaration.
+*/
+const NAVIGATION_MENU_SLOTS = {
+	root: "noctis-navigation-menu",
+	list: "noctis-navigation-menu-list",
+	item: "noctis-navigation-menu-item",
+	trigger: "noctis-navigation-menu-trigger",
+	icon: "noctis-navigation-menu-icon",
+	content: "noctis-navigation-menu-content",
+	link: "noctis-navigation-menu-link",
+	linkTitle: "noctis-navigation-menu-link-title",
+	linkDescription: "noctis-navigation-menu-link-description",
+	section: "noctis-navigation-menu-section",
+	sectionTitle: "noctis-navigation-menu-section-title",
+	separator: "noctis-navigation-menu-separator",
+	footer: "noctis-navigation-menu-footer",
+	positioner: "noctis-navigation-menu-positioner",
+	popup: "noctis-navigation-menu-popup",
+	backdrop: "noctis-navigation-menu-backdrop",
+	viewport: "noctis-navigation-menu-viewport"
+};
+/**
+* The `data-*` hooks `NavigationMenu` stamps on its parts, for host-side styling and tests. Slot
+* values mark each rendered element; the state attributes are emitted by Base UI's NavigationMenu —
+* pair a slot with a state to target, say, the trigger only while its flyout is open.
+*/
+let NavigationMenuDataAttributes = /* @__PURE__ */ function(NavigationMenuDataAttributes) {
+	/** The root navigation element. */
+	NavigationMenuDataAttributes["slot"] = "data-slot";
+	/** Present on the popup, positioner, and content while the flyout is open. */
+	NavigationMenuDataAttributes["open"] = "data-open";
+	/** Present on a trigger while its flyout is open — drives the lit look and the chevron rotation. */
+	NavigationMenuDataAttributes["popupOpen"] = "data-popup-open";
+	/** Present on the trigger/bar-link of the section the current page lives under — the persistent "you are here" at the top level (fill survives panel close). */
+	NavigationMenuDataAttributes["current"] = "data-current";
+	/** Present on a disabled trigger/bar-link — dims it and suppresses the hover/open fill. */
+	NavigationMenuDataAttributes["disabled"] = "data-disabled";
+	/** The bar's control density (`md`/`sm`), stamped on the root to re-point the bar item metrics. */
+	NavigationMenuDataAttributes["size"] = "data-size";
+	/** Present on the link that marks the current page. */
+	NavigationMenuDataAttributes["active"] = "data-active";
+	/** The side of the anchor the popup actually rendered on (`bottom`, `top`, …). */
+	NavigationMenuDataAttributes["side"] = "data-side";
+	/** The direction the active content slid in from when switching panels (`left`/`right`/`up`/`down`). */
+	NavigationMenuDataAttributes["activationDirection"] = "data-activation-direction";
+	/** Present on the popup/content for the first frame after mount — the transition's start state. */
+	NavigationMenuDataAttributes["startingStyle"] = "data-starting-style";
+	/** Present on the popup/content while it transitions out before unmounting. */
+	NavigationMenuDataAttributes["endingStyle"] = "data-ending-style";
+	/** The orientation of the navigation bar (`horizontal`/`vertical`). */
+	NavigationMenuDataAttributes["orientation"] = "data-orientation";
+	return NavigationMenuDataAttributes;
+}({});
+//#endregion
+export { NAVIGATION_MENU_SLOTS, NavigationMenuDataAttributes };

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

@@ -0,0 +1,2 @@
+import { NumberField } from "./number-field.js";
+import { NumberFieldDataAttributes } from "./number-field.slots.js";

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

@@ -0,0 +1,13 @@
+//#region src/components/number-field/number-field.context.d.ts
+/** Control height and type — `md` or `lg`. */
+type NumberFieldSize = "md" | "lg";
+/**
+ * Stepper layout — where the increment/decrement buttons sit.
+ * - `end` (default): a horizontal decrement/increment pair grouped at the inline end.
+ * - `split`: decrement at the inline start, increment at the inline end, flanking the value.
+ * - `stacked`: both stacked as a sharp block at the inline end (increment top, decrement bottom).
+ * - `none`: no stepper buttons — the input only (arrow keys and scrubbing still step the value).
+ */
+type NumberFieldSteppers = "end" | "split" | "stacked" | "none";
+//#endregion
+export { NumberFieldSize, NumberFieldSteppers };

package/dist/components/number-field/number-field.context.js

@@ -0,0 +1,13 @@
+"use client";
+import { createContext, use } from "react";
+//#region src/components/number-field/number-field.context.ts
+const NumberFieldContext = createContext(null);
+const NumberFieldProvider = NumberFieldContext.Provider;
+/** Read the field context, throwing a named error when a part renders outside `NumberField.Root`. */
+function useNumberFieldContext(part) {
+	const context = use(NumberFieldContext);
+	if (context === null) throw new Error(`NumberField.${part} must be rendered inside <NumberField.Root>.`);
+	return context;
+}
+//#endregion
+export { NumberFieldProvider, useNumberFieldContext };

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

@@ -0,0 +1,197 @@
+import { NumberField as NumberField$1 } from "../../primitives/number-field/number-field.js";
+import { NumberFieldSize, NumberFieldSteppers } from "./number-field.context.js";
+import { NumberFieldPartProps, NumberFieldRootPropsArgs, decrementProps, groupProps, incrementProps, inputProps, prefixProps, rootProps, scrubAreaCursorProps, scrubAreaProps, suffixProps } from "./number-field.props.js";
+import { ComponentProps, ReactElement, ReactNode } from "react";
+
+//#region src/components/number-field/number-field.d.ts
+/**
+ * Owns the numeric value and shares the control `size` with the field's parts. Works controlled
+ * (`value` + `onValueChange`) or uncontrolled (`defaultValue`). The wrapped primitive auto-injects the
+ * active locale (so the value formats for the reader — Persian numerals under `fa`, grouping per
+ * locale) and the translated assistive labels; pass `locale` or `labels` to override. Compose
+ * `NumberField.Group` holding the `NumberField.Input` and the `NumberField.Decrement` /
+ * `NumberField.Increment` steppers.
+ */
+declare function NumberFieldRoot({
+  size,
+  steppers,
+  className,
+  children,
+  ...props
+}: NumberField.Root.Props): ReactElement;
+/**
+ * The bordered field shell wrapping the input, affixes, and steppers — wears the field look and carries
+ * the stepper layout (`data-steppers`) the CSS branches off, inherited from the root's `steppers`.
+ */
+declare function NumberFieldGroup({
+  className,
+  ...props
+}: NumberField.Group.Props): ReactElement;
+/** The numeric input — borderless inside the shell, carrying the field type and derived mobile keypad. */
+declare function NumberFieldInput({
+  className,
+  ...props
+}: NumberField.Input.Props): ReactElement;
+/**
+ * A leading affix — a quiet, non-interactive unit hint (`$`, `€`) seated inside the shell before the
+ * value. Visual chrome only: it never changes the committed value (that is `format`'s job).
+ */
+declare function NumberFieldPrefix({
+  className,
+  ...props
+}: NumberField.Prefix.Props): ReactElement;
+/**
+ * A trailing affix — a quiet, non-interactive unit hint (`px`, `kg`, `%`) seated inside the shell after
+ * the value. Visual chrome only: it never changes the committed value (that is `format`'s job).
+ */
+declare function NumberFieldSuffix({
+  className,
+  ...props
+}: NumberField.Suffix.Props): ReactElement;
+/**
+ * The up stepper — a ghost icon button whose placement follows the `steppers` layout. Defaults to a plus
+ * glyph; pass `children` to replace it. The accessible name comes from the translated `increase` label.
+ */
+declare function NumberFieldIncrement({
+  className,
+  children,
+  ...props
+}: NumberField.Increment.Props): ReactElement;
+/**
+ * The down stepper — a ghost icon button whose placement follows the `steppers` layout. Defaults to a
+ * minus glyph; pass `children` to replace it. The accessible name comes from the translated `decrease` label.
+ */
+declare function NumberFieldDecrement({
+  className,
+  children,
+  ...props
+}: NumberField.Decrement.Props): ReactElement;
+/**
+ * A draggable region that scrubs the value by horizontal pointer movement — wrap a label or icon to make
+ * it the drag handle. Pointer-precision is opt-in via Base UI's `pixelSensitivity` / `direction`.
+ */
+declare function NumberFieldScrubArea({
+  className,
+  ...props
+}: NumberField.ScrubArea.Props): ReactElement;
+/**
+ * The virtual cursor that follows the pointer while scrubbing — a small inverse block (the Resolve/Figma
+ * feel). Render it inside a `NumberField.ScrubArea`; Base UI shows it only during the drag and tracks the
+ * pointer 1:1. Pair with `pixelSensitivity` on the scrub area to tune the drag-to-value ratio.
+ */
+declare function NumberFieldScrubAreaCursor({
+  className,
+  ...props
+}: NumberField.ScrubAreaCursor.Props): ReactElement;
+/**
+ * A numeric input with stepper buttons, keyboard arrows, and pointer scrubbing, built on Base UI's
+ * NumberField. The field shell wears the field look (`bg-field` / `border-field`, focus ring on the
+ * shell), the input is borderless inside it, and the steppers are ghost icon buttons that compose the
+ * {@link Button} look. The wrapper injects the active locale (so the value formats for the reader) and
+ * translates the steppers' and input's assistive text; per-instance `labels` / `aria-label` always win.
+ * Two sizes (`md` / `lg`) share the control rhythm. RTL-aware and respects `prefers-reduced-motion`.
+ *
+ * Compose from parts: `NumberField.Root` owns the value, the shared `size`, and the `steppers` layout
+ * (`end` by default — a horizontal −/+ pair at the inline end; `split` flanks the value; `stacked` blocks
+ * them in a column; `none` drops them). `NumberField.Group` is the bordered shell holding the optional `NumberField.Prefix` /
+ * `NumberField.Suffix` affixes, the `NumberField.Input`, and the `NumberField.Decrement` /
+ * `NumberField.Increment` steppers. The runtime compound is a plain object (kept tree-shakeable);
+ * per-part prop and state types are exposed through the matching `NumberField` namespace —
+ * e.g. `NumberField.Input.Props`.
+ */
+declare const NumberField: {
+  /** Owns the value, the shared size, and the stepper layout. `NumberField.Root.props({ size })` → its spreadable prop bag. */Root: typeof NumberFieldRoot & {
+    props: typeof rootProps;
+  }; /** The bordered field shell. `NumberField.Group.props({ steppers })` → its spreadable prop bag. */
+  Group: typeof NumberFieldGroup & {
+    props: typeof groupProps;
+  }; /** The numeric input. `NumberField.Input.props()` → its spreadable prop bag. */
+  Input: typeof NumberFieldInput & {
+    props: typeof inputProps;
+  }; /** A leading unit-hint affix. `NumberField.Prefix.props()` → its spreadable prop bag. */
+  Prefix: typeof NumberFieldPrefix & {
+    props: typeof prefixProps;
+  }; /** A trailing unit-hint affix. `NumberField.Suffix.props()` → its spreadable prop bag. */
+  Suffix: typeof NumberFieldSuffix & {
+    props: typeof suffixProps;
+  }; /** The down stepper. `NumberField.Decrement.props()` → its spreadable prop bag. */
+  Decrement: typeof NumberFieldDecrement & {
+    props: typeof decrementProps;
+  }; /** The up stepper. `NumberField.Increment.props()` → its spreadable prop bag. */
+  Increment: typeof NumberFieldIncrement & {
+    props: typeof incrementProps;
+  }; /** The pointer-scrub region. `NumberField.ScrubArea.props()` → its spreadable prop bag. */
+  ScrubArea: typeof NumberFieldScrubArea & {
+    props: typeof scrubAreaProps;
+  }; /** The virtual scrub cursor. `NumberField.ScrubAreaCursor.props()` → its spreadable prop bag. */
+  ScrubAreaCursor: typeof NumberFieldScrubAreaCursor & {
+    props: typeof scrubAreaCursorProps;
+  };
+};
+/**
+ * Per-part prop and state types, mirroring Base UI's `Component.Part.Props` convention. Types-only — it
+ * emits no runtime code and merges with the `NumberField` object above, so `NumberField.Input` is the
+ * component value while `NumberField.Input.Props` is its prop type.
+ */
+declare namespace NumberField {
+  /** Control height and type — `md` or `lg`. */
+  type Size = NumberFieldSize;
+  /** Stepper layout — `end` (default), `split`, `stacked`, or `none`. */
+  type Steppers = NumberFieldSteppers;
+  /** The spreadable data-attribute prop bag every `NumberField.*.props()` returns (D12). */
+  type PartProps = NumberFieldPartProps;
+  namespace Root {
+    type Props = Omit<NumberField$1.Root.Props, "className" | "children"> & {
+      /**
+       * Control height and type.
+       * @default "md"
+       */
+      size?: NumberFieldSize;
+      /**
+       * Where the increment/decrement steppers sit — `end` (a horizontal −/+ pair at the inline
+       * end), `split` (flanking the value), `stacked` (a sharp block stacked at the inline end), or
+       * `none` (no buttons; arrows and scrubbing still step).
+       * @default "end"
+       */
+      steppers?: NumberFieldSteppers; /** `NumberField.Group` (the shell) and any scrub label. */
+      children?: ReactNode; /** Classes merged onto the root. */
+      className?: string;
+    };
+    /** Argument to the `NumberField.Root.props(...)` escape-hatch helper. */
+    type PropsArgs = NumberFieldRootPropsArgs;
+  }
+  namespace Group {
+    type Props = NumberField$1.Group.Props;
+    type State = NumberField$1.Group.State;
+  }
+  namespace Input {
+    type Props = NumberField$1.Input.Props;
+    type State = NumberField$1.Input.State;
+  }
+  namespace Prefix {
+    /** A leading affix is a plain inline element — any `<span>` props. */
+    type Props = ComponentProps<"span">;
+  }
+  namespace Suffix {
+    /** A trailing affix is a plain inline element — any `<span>` props. */
+    type Props = ComponentProps<"span">;
+  }
+  namespace Increment {
+    type Props = NumberField$1.Increment.Props;
+    type State = NumberField$1.Increment.State;
+  }
+  namespace Decrement {
+    type Props = NumberField$1.Decrement.Props;
+    type State = NumberField$1.Decrement.State;
+  }
+  namespace ScrubArea {
+    type Props = NumberField$1.ScrubArea.Props;
+    type State = NumberField$1.ScrubArea.State;
+  }
+  namespace ScrubAreaCursor {
+    type Props = NumberField$1.ScrubAreaCursor.Props;
+    type State = NumberField$1.ScrubAreaCursor.State;
+  }
+}
+//#endregion
+export { NumberField };