solid-baseui 0.1.0-alpha.0

package/dist/lib/types/navigation-menu/content/NavigationMenuContent.d.ts

@@ -0,0 +1,21 @@
+import { type JSX, type ValidComponent } from '@solidjs/web';
+import { type BaseUIEventHandlerUnion } from '../../internals/composeEventHandlers.js';
+import type { TransitionStatus } from '../../internals/stateAttributesMapping.js';
+import type { BaseUIComponentProps } from '../../types/index.js';
+export interface NavigationMenuContentState {
+    open: boolean;
+    transitionStatus: TransitionStatus;
+    activationDirection: 'left' | 'right' | 'up' | 'down' | null;
+}
+interface NavigationMenuContentOwnProps {
+    keepMounted?: boolean | undefined;
+    onKeyDown?: BaseUIEventHandlerUnion<HTMLElement, KeyboardEvent> | undefined;
+}
+export type NavigationMenuContentProps<Component extends ValidComponent = 'div'> = BaseUIComponentProps<Component, NavigationMenuContentState, NavigationMenuContentOwnProps>;
+/** Content associated with a navigation menu item. */
+export declare function NavigationMenuContent<Component extends ValidComponent = 'div'>(props: NavigationMenuContent.Props<Component>): JSX.Element;
+export declare namespace NavigationMenuContent {
+    type State = NavigationMenuContentState;
+    type Props<Component extends ValidComponent = 'div'> = NavigationMenuContentProps<Component>;
+}
+export {};

package/dist/lib/types/navigation-menu/icon/NavigationMenuIcon.d.ts

@@ -0,0 +1,12 @@
+import { type ValidComponent } from '@solidjs/web';
+import type { BaseUIComponentProps } from '../../types/index.js';
+export interface NavigationMenuIconState {
+    open: boolean;
+}
+export type NavigationMenuIconProps<Component extends ValidComponent = 'span'> = BaseUIComponentProps<Component, NavigationMenuIconState>;
+/** Indicates that a navigation menu trigger opens content. */
+export declare function NavigationMenuIcon<Component extends ValidComponent = 'span'>(props: NavigationMenuIcon.Props<Component>): import("@solidjs/web").JSX.Element;
+export declare namespace NavigationMenuIcon {
+    type State = NavigationMenuIconState;
+    type Props<Component extends ValidComponent = 'span'> = NavigationMenuIconProps<Component>;
+}

package/dist/lib/types/navigation-menu/index.d.ts

@@ -0,0 +1,14 @@
+export * as NavigationMenu from './index.parts.js';
+export type * from './root/NavigationMenuRoot.js';
+export type * from './list/NavigationMenuList.js';
+export type * from './item/NavigationMenuItem.js';
+export type * from './trigger/NavigationMenuTrigger.js';
+export type * from './icon/NavigationMenuIcon.js';
+export type * from './content/NavigationMenuContent.js';
+export type * from './link/NavigationMenuLink.js';
+export type * from './portal/NavigationMenuPortal.js';
+export type * from './backdrop/NavigationMenuBackdrop.js';
+export type * from './positioner/NavigationMenuPositioner.js';
+export type * from './popup/NavigationMenuPopup.js';
+export type * from './viewport/NavigationMenuViewport.js';
+export type * from './arrow/NavigationMenuArrow.js';

package/dist/lib/types/navigation-menu/index.parts.d.ts

@@ -0,0 +1,13 @@
+export { NavigationMenuRoot as Root } from './root/NavigationMenuRoot.js';
+export { NavigationMenuList as List } from './list/NavigationMenuList.js';
+export { NavigationMenuItem as Item } from './item/NavigationMenuItem.js';
+export { NavigationMenuTrigger as Trigger } from './trigger/NavigationMenuTrigger.js';
+export { NavigationMenuIcon as Icon } from './icon/NavigationMenuIcon.js';
+export { NavigationMenuContent as Content } from './content/NavigationMenuContent.js';
+export { NavigationMenuLink as Link } from './link/NavigationMenuLink.js';
+export { NavigationMenuPortal as Portal } from './portal/NavigationMenuPortal.js';
+export { NavigationMenuBackdrop as Backdrop } from './backdrop/NavigationMenuBackdrop.js';
+export { NavigationMenuPositioner as Positioner } from './positioner/NavigationMenuPositioner.js';
+export { NavigationMenuPopup as Popup } from './popup/NavigationMenuPopup.js';
+export { NavigationMenuViewport as Viewport } from './viewport/NavigationMenuViewport.js';
+export { NavigationMenuArrow as Arrow } from './arrow/NavigationMenuArrow.js';

package/dist/lib/types/navigation-menu/item/NavigationMenuItem.d.ts

@@ -0,0 +1,15 @@
+import { type ValidComponent } from '@solidjs/web';
+import type { BaseUIComponentProps } from '../../types/index.js';
+export interface NavigationMenuItemState {
+}
+interface NavigationMenuItemOwnProps<Value> {
+    value?: Value | undefined;
+}
+export type NavigationMenuItemProps<Value = unknown, Component extends ValidComponent = 'li'> = BaseUIComponentProps<Component, NavigationMenuItemState, NavigationMenuItemOwnProps<Value>>;
+/** An individual navigation menu item. */
+export declare function NavigationMenuItem<Value = unknown, Component extends ValidComponent = 'li'>(props: NavigationMenuItem.Props<Value, Component>): import("@solidjs/web").JSX.Element;
+export declare namespace NavigationMenuItem {
+    type State = NavigationMenuItemState;
+    type Props<Value = unknown, Component extends ValidComponent = 'li'> = NavigationMenuItemProps<Value, Component>;
+}
+export {};

package/dist/lib/types/navigation-menu/item/NavigationMenuItemContext.d.ts

@@ -0,0 +1,8 @@
+import { type Accessor } from 'solid-js';
+export interface NavigationMenuItemContextValue<Value = unknown> {
+    value: Accessor<Value>;
+}
+declare const MISSING_CONTEXT: unique symbol;
+export declare const NavigationMenuItemContext: import("solid-js").Context<typeof MISSING_CONTEXT | NavigationMenuItemContextValue<unknown>>;
+export declare function useNavigationMenuItemContext<Value = unknown>(): NavigationMenuItemContextValue<Value>;
+export {};

package/dist/lib/types/navigation-menu/link/NavigationMenuLink.d.ts

@@ -0,0 +1,20 @@
+import { type JSX, type ValidComponent } from '@solidjs/web';
+import { type BaseUIEventHandlerUnion } from '../../internals/composeEventHandlers.js';
+import type { BaseUIComponentProps } from '../../types/index.js';
+export interface NavigationMenuLinkState {
+    active: boolean;
+}
+interface NavigationMenuLinkOwnProps {
+    active?: boolean | undefined;
+    closeOnClick?: boolean | undefined;
+    onClick?: BaseUIEventHandlerUnion<HTMLElement, MouseEvent> | undefined;
+    onFocus?: BaseUIEventHandlerUnion<HTMLElement, FocusEvent> | undefined;
+}
+export type NavigationMenuLinkProps<Component extends ValidComponent = 'a'> = BaseUIComponentProps<Component, NavigationMenuLinkState, NavigationMenuLinkOwnProps>;
+/** A link within the navigation menu. */
+export declare function NavigationMenuLink<Component extends ValidComponent = 'a'>(props: NavigationMenuLink.Props<Component>): JSX.Element;
+export declare namespace NavigationMenuLink {
+    type State = NavigationMenuLinkState;
+    type Props<Component extends ValidComponent = 'a'> = NavigationMenuLinkProps<Component>;
+}
+export {};

package/dist/lib/types/navigation-menu/list/NavigationMenuList.d.ts

@@ -0,0 +1,12 @@
+import { type JSX, type ValidComponent } from '@solidjs/web';
+import type { BaseUIComponentProps } from '../../types/index.js';
+export interface NavigationMenuListState {
+    open: boolean;
+}
+export type NavigationMenuListProps<Component extends ValidComponent = 'ul'> = BaseUIComponentProps<Component, NavigationMenuListState>;
+/** Contains a list of navigation menu items. */
+export declare function NavigationMenuList<Component extends ValidComponent = 'ul'>(props: NavigationMenuList.Props<Component>): JSX.Element;
+export declare namespace NavigationMenuList {
+    type State = NavigationMenuListState;
+    type Props<Component extends ValidComponent = 'ul'> = NavigationMenuListProps<Component>;
+}

package/dist/lib/types/navigation-menu/popup/NavigationMenuPopup.d.ts

@@ -0,0 +1,23 @@
+import { type JSX, type ValidComponent } from '@solidjs/web';
+import { type BaseUIEventHandlerUnion } from '../../internals/composeEventHandlers.js';
+import { type AnchorAlign, type AnchorSide } from '../../internals/overlay/index.js';
+import type { TransitionStatus } from '../../internals/stateAttributesMapping.js';
+import type { BaseUIComponentProps } from '../../types/index.js';
+export interface NavigationMenuPopupState {
+    open: boolean;
+    transitionStatus: TransitionStatus;
+    side: AnchorSide;
+    align: AnchorAlign;
+    anchorHidden: boolean;
+}
+interface NavigationMenuPopupOwnProps {
+    onKeyDown?: BaseUIEventHandlerUnion<HTMLElement, KeyboardEvent> | undefined;
+}
+export type NavigationMenuPopupProps<Component extends ValidComponent = 'nav'> = BaseUIComponentProps<Component, NavigationMenuPopupState, NavigationMenuPopupOwnProps>;
+/** A container for the navigation menu viewport. */
+export declare function NavigationMenuPopup<Component extends ValidComponent = 'nav'>(props: NavigationMenuPopup.Props<Component>): JSX.Element;
+export declare namespace NavigationMenuPopup {
+    type State = NavigationMenuPopupState;
+    type Props<Component extends ValidComponent = 'nav'> = NavigationMenuPopupProps<Component>;
+}
+export {};

package/dist/lib/types/navigation-menu/portal/NavigationMenuPortal.d.ts

@@ -0,0 +1,17 @@
+import type { JSX, ValidComponent } from '@solidjs/web';
+import { type PopupPortalContainer } from '../../internals/overlay/index.js';
+import type { BaseUIComponentProps } from '../../types/index.js';
+export interface NavigationMenuPortalState {
+}
+interface NavigationMenuPortalOwnProps {
+    keepMounted?: boolean | undefined;
+    container?: PopupPortalContainer | undefined;
+}
+export type NavigationMenuPortalProps<Component extends ValidComponent = 'div'> = BaseUIComponentProps<Component, NavigationMenuPortalState, NavigationMenuPortalOwnProps>;
+/** Moves the navigation menu popup into a portal. */
+export declare function NavigationMenuPortal<Component extends ValidComponent = 'div'>(props: NavigationMenuPortal.Props<Component>): JSX.Element;
+export declare namespace NavigationMenuPortal {
+    type State = NavigationMenuPortalState;
+    type Props<Component extends ValidComponent = 'div'> = NavigationMenuPortalProps<Component>;
+}
+export {};

package/dist/lib/types/navigation-menu/portal/NavigationMenuPortalContext.d.ts

@@ -0,0 +1,8 @@
+import { type Accessor } from 'solid-js';
+export interface NavigationMenuPortalContextValue {
+    keepMounted: Accessor<boolean>;
+}
+declare const MISSING_CONTEXT: unique symbol;
+export declare const NavigationMenuPortalContext: import("solid-js").Context<NavigationMenuPortalContextValue | typeof MISSING_CONTEXT>;
+export declare function useNavigationMenuPortalContext(): NavigationMenuPortalContextValue;
+export {};

package/dist/lib/types/navigation-menu/positioner/NavigationMenuPositioner.d.ts

@@ -0,0 +1,37 @@
+import { type Accessor } from 'solid-js';
+import { type ValidComponent } from '@solidjs/web';
+import type { ReferenceElement, Strategy } from '@floating-ui/dom';
+import { type AnchorAlign, type AnchorBoundary, type AnchorSide, type CollisionAvoidance, type OffsetFunction } from '../../internals/overlay/index.js';
+import type { BaseUIComponentProps } from '../../types/index.js';
+export type NavigationMenuAnchor = ReferenceElement | Accessor<ReferenceElement | null> | {
+    current: ReferenceElement | null;
+} | null;
+export interface NavigationMenuPositionerState {
+    open: boolean;
+    side: AnchorSide;
+    align: AnchorAlign;
+    anchorHidden: boolean;
+    instant: 'initial' | 'resize' | undefined;
+}
+interface NavigationMenuPositionerOwnProps {
+    anchor?: NavigationMenuAnchor | undefined;
+    positionMethod?: Strategy | undefined;
+    side?: AnchorSide | undefined;
+    sideOffset?: number | OffsetFunction | undefined;
+    align?: AnchorAlign | undefined;
+    alignOffset?: number | OffsetFunction | undefined;
+    collisionBoundary?: AnchorBoundary | undefined;
+    collisionPadding?: number | Partial<Record<'top' | 'right' | 'bottom' | 'left', number>> | undefined;
+    arrowPadding?: number | undefined;
+    sticky?: boolean | undefined;
+    disableAnchorTracking?: boolean | undefined;
+    collisionAvoidance?: CollisionAvoidance | undefined;
+}
+export type NavigationMenuPositionerProps<Component extends ValidComponent = 'div'> = BaseUIComponentProps<Component, NavigationMenuPositionerState, NavigationMenuPositionerOwnProps>;
+/** Positions the navigation menu against its active trigger. */
+export declare function NavigationMenuPositioner<Component extends ValidComponent = 'div'>(props: NavigationMenuPositioner.Props<Component>): import("@solidjs/web").JSX.Element;
+export declare namespace NavigationMenuPositioner {
+    type State = NavigationMenuPositionerState;
+    type Props<Component extends ValidComponent = 'div'> = NavigationMenuPositionerProps<Component>;
+}
+export {};

package/dist/lib/types/navigation-menu/positioner/NavigationMenuPositionerContext.d.ts

@@ -0,0 +1,5 @@
+import type { AnchorPositioning } from '../../internals/overlay/index.js';
+declare const MISSING_CONTEXT: unique symbol;
+export declare const NavigationMenuPositionerContext: import("solid-js").Context<AnchorPositioning | typeof MISSING_CONTEXT>;
+export declare function useNavigationMenuPositionerContext(optional?: boolean): AnchorPositioning | undefined;
+export {};

package/dist/lib/types/navigation-menu/root/NavigationMenuRoot.d.ts

@@ -0,0 +1,39 @@
+import { type ValidComponent } from '@solidjs/web';
+import type { BaseUIChangeEventDetails } from '../../internals/createBaseUIEventDetails.js';
+import { REASONS } from '../../internals/reasons.js';
+import type { BaseUIComponentProps } from '../../types/index.js';
+export interface NavigationMenuRootState {
+    open: boolean;
+    nested: boolean;
+}
+export interface NavigationMenuRootActions {
+    unmount(): void;
+}
+export type NavigationMenuRootOrientation = 'horizontal' | 'vertical';
+export type NavigationMenuRootChangeEventReason = typeof REASONS.triggerPress | typeof REASONS.triggerHover | typeof REASONS.outsidePress | typeof REASONS.listNavigation | typeof REASONS.focusOut | typeof REASONS.escapeKey | typeof REASONS.linkPress | typeof REASONS.none;
+export type NavigationMenuRootChangeEventDetails = BaseUIChangeEventDetails<NavigationMenuRootChangeEventReason> & {
+    preventUnmountOnClose(): void;
+};
+interface NavigationMenuRootOwnProps<Value> {
+    actionsRef?: ((actions: NavigationMenuRootActions) => void) | undefined;
+    onOpenChangeComplete?: ((open: boolean) => void) | undefined;
+    value?: Value | null | undefined;
+    defaultValue?: Value | null | undefined;
+    onValueChange?: ((value: Value | null, details: NavigationMenuRootChangeEventDetails) => void) | undefined;
+    delay?: number | undefined;
+    closeDelay?: number | undefined;
+    orientation?: NavigationMenuRootOrientation | undefined;
+}
+export type NavigationMenuRootProps<Value = any, Component extends ValidComponent = 'nav'> = BaseUIComponentProps<Component, NavigationMenuRootState, NavigationMenuRootOwnProps<Value>>;
+/** Groups the parts of a navigation menu. */
+export declare function NavigationMenuRoot<Value = any, Component extends ValidComponent = 'nav'>(props: NavigationMenuRoot.Props<Value, Component>): import("@solidjs/web").JSX.Element;
+export declare namespace NavigationMenuRoot {
+    type State = NavigationMenuRootState;
+    type Props<Value = any, Component extends ValidComponent = 'nav'> = NavigationMenuRootProps<Value, Component>;
+    type Value<ValueType = any> = ValueType | null;
+    type Actions = NavigationMenuRootActions;
+    type Orientation = NavigationMenuRootOrientation;
+    type ChangeEventReason = NavigationMenuRootChangeEventReason;
+    type ChangeEventDetails = NavigationMenuRootChangeEventDetails;
+}
+export {};

package/dist/lib/types/navigation-menu/root/NavigationMenuRootContext.d.ts

@@ -0,0 +1,19 @@
+import { type Accessor } from 'solid-js';
+import type { PopupPresence } from '../../internals/overlay/index.js';
+import type { NavigationMenuStore } from '../store/NavigationMenuStore.js';
+export interface NavigationMenuRootContextValue<Value = unknown> {
+    store: NavigationMenuStore<Value>;
+    nested: boolean;
+    presence: PopupPresence;
+    rootElement: Accessor<HTMLElement | null>;
+    beforeContentGuard: Accessor<HTMLElement | null>;
+    setBeforeContentGuard(element: HTMLElement | null): void;
+    afterTriggerGuard: Accessor<HTMLElement | null>;
+    setAfterTriggerGuard(element: HTMLElement | null): void;
+    backdropElement: Accessor<HTMLElement | null>;
+    setBackdropElement(element: HTMLElement | null): void;
+}
+declare const MISSING_CONTEXT: unique symbol;
+export declare const NavigationMenuRootContext: import("solid-js").Context<typeof MISSING_CONTEXT | NavigationMenuRootContextValue<unknown>>;
+export declare function useNavigationMenuRootContext<Value = unknown>(optional?: boolean): NavigationMenuRootContextValue<Value> | undefined;
+export {};

package/dist/lib/types/navigation-menu/store/NavigationMenuStore.d.ts

@@ -0,0 +1,64 @@
+import { type Accessor } from 'solid-js';
+import type { BaseUIChangeEventDetails } from '../../internals/createBaseUIEventDetails.js';
+import { PopupStore, type FloatingTreeStore, type InteractionType, type PopupStoreOptions } from '../../internals/overlay/index.js';
+import type { NavigationMenuRootChangeEventDetails, NavigationMenuRootOrientation } from '../root/NavigationMenuRoot.js';
+export interface NavigationMenuStoreOptions<Value> extends PopupStoreOptions<NavigationMenuRootChangeEventDetails> {
+    controlled: boolean;
+    value: Accessor<Value | null | undefined>;
+    defaultValue: Value | null;
+    onValueChange: Accessor<((value: Value | null, details: NavigationMenuRootChangeEventDetails) => void) | undefined>;
+    orientation: Accessor<NavigationMenuRootOrientation>;
+    delay: Accessor<number>;
+    closeDelay: Accessor<number>;
+    tree: FloatingTreeStore;
+    parentStore?: NavigationMenuStore<unknown> | undefined;
+}
+export declare class NavigationMenuStore<Value = unknown> extends PopupStore<unknown, NavigationMenuRootChangeEventDetails> {
+    readonly tree: FloatingTreeStore;
+    readonly parentStore: NavigationMenuStore<unknown> | undefined;
+    readonly orientation: Accessor<NavigationMenuRootOrientation>;
+    readonly delay: Accessor<number>;
+    readonly closeDelay: Accessor<number>;
+    private readonly controlled;
+    private readonly controlledValue;
+    private readonly onValueChange;
+    private readonly valueAccessor;
+    private readonly setValueSignal;
+    private readonly reasonAccessor;
+    private readonly setReasonSignal;
+    private readonly openMethodAccessor;
+    private readonly setOpenMethodSignal;
+    private readonly activationDirectionAccessor;
+    private readonly setActivationDirectionSignal;
+    private readonly viewportElementAccessor;
+    private readonly setViewportElementSignal;
+    private readonly viewportTargetAccessor;
+    private readonly setViewportTargetSignal;
+    private readonly contentVersionAccessor;
+    private readonly setContentVersionSignal;
+    private readonly valueTriggers;
+    private previousTrigger;
+    private returnFocusTarget;
+    constructor(options: NavigationMenuStoreOptions<Value>);
+    value(): Value | null;
+    openChangeReason(): NavigationMenuRootChangeEventDetails['reason'] | null;
+    openMethod(): InteractionType | null;
+    setOpenMethod(value: InteractionType | null): void;
+    activationDirection(): 'left' | 'right' | 'up' | 'down' | null;
+    viewportElement(): HTMLElement | null;
+    setViewportElement(element: HTMLElement | null): void;
+    viewportTarget(): HTMLElement | null;
+    setViewportTarget(element: HTMLElement | null): void;
+    contentVersion(): number;
+    returnFocusElement(): HTMLElement | null;
+    touchContent(): void;
+    registerValueTrigger(token: symbol, id: string, element: HTMLElement, value: Value): () => void;
+    updateValueTrigger(token: symbol, id: string, element: HTMLElement, value: Value): void;
+    syncValue(): void;
+    setValue(value: Value | null, details: NavigationMenuRootChangeEventDetails): boolean;
+    setOpen(open: boolean, details: NavigationMenuRootChangeEventDetails): boolean;
+    private updateActivationDirection;
+}
+export type AnyNavigationMenuChangeDetails = BaseUIChangeEventDetails<string> & {
+    preventUnmountOnClose(): void;
+};

package/dist/lib/types/navigation-menu/trigger/NavigationMenuTrigger.d.ts

@@ -0,0 +1,27 @@
+import { type ComponentProps, type JSX, type ValidComponent } from '@solidjs/web';
+import { type BaseUIEventHandlerUnion } from '../../internals/composeEventHandlers.js';
+import type { BaseUIComponentProps } from '../../types/index.js';
+export interface NavigationMenuTriggerState {
+    open: boolean;
+}
+type TriggerEventTarget<Component extends ValidComponent> = ComponentProps<Component> extends {
+    onClick?: JSX.EventHandlerUnion<infer Target, MouseEvent> | undefined;
+} ? Target extends HTMLElement ? Target : HTMLElement : HTMLElement;
+interface NavigationMenuTriggerOwnProps<Component extends ValidComponent> {
+    nativeButton?: boolean | undefined;
+    disabled?: boolean | undefined;
+    onClick?: BaseUIEventHandlerUnion<TriggerEventTarget<Component>, MouseEvent> | undefined;
+    onFocus?: BaseUIEventHandlerUnion<TriggerEventTarget<Component>, FocusEvent> | undefined;
+    onKeyDown?: BaseUIEventHandlerUnion<TriggerEventTarget<Component>, KeyboardEvent> | undefined;
+    onKeyUp?: BaseUIEventHandlerUnion<TriggerEventTarget<Component>, KeyboardEvent> | undefined;
+    onMouseDown?: BaseUIEventHandlerUnion<TriggerEventTarget<Component>, MouseEvent> | undefined;
+    onPointerDown?: BaseUIEventHandlerUnion<TriggerEventTarget<Component>, PointerEvent> | undefined;
+}
+export type NavigationMenuTriggerProps<Component extends ValidComponent = 'button'> = BaseUIComponentProps<Component, NavigationMenuTriggerState, NavigationMenuTriggerOwnProps<Component>>;
+/** Opens the content associated with its navigation menu item. */
+export declare function NavigationMenuTrigger<Component extends ValidComponent = 'button'>(props: NavigationMenuTrigger.Props<Component>): JSX.Element;
+export declare namespace NavigationMenuTrigger {
+    type State = NavigationMenuTriggerState;
+    type Props<Component extends ValidComponent = 'button'> = NavigationMenuTriggerProps<Component>;
+}
+export {};

package/dist/lib/types/navigation-menu/utils/mergeNavigationMenuStyles.d.ts

@@ -0,0 +1,2 @@
+import type { JSX } from '@solidjs/web';
+export declare function mergeNavigationMenuStyles(internal: JSX.CSSProperties, external: JSX.CSSProperties | string | false | undefined): JSX.CSSProperties | string;

package/dist/lib/types/navigation-menu/viewport/NavigationMenuViewport.d.ts

@@ -0,0 +1,11 @@
+import { type JSX, type ValidComponent } from '@solidjs/web';
+import type { BaseUIComponentProps } from '../../types/index.js';
+export interface NavigationMenuViewportState {
+}
+export type NavigationMenuViewportProps<Component extends ValidComponent = 'div'> = BaseUIComponentProps<Component, NavigationMenuViewportState>;
+/** The clipping viewport containing the active navigation menu content. */
+export declare function NavigationMenuViewport<Component extends ValidComponent = 'div'>(props: NavigationMenuViewport.Props<Component>): JSX.Element;
+export declare namespace NavigationMenuViewport {
+    type State = NavigationMenuViewportState;
+    type Props<Component extends ValidComponent = 'div'> = NavigationMenuViewportProps<Component>;
+}

package/dist/lib/types/number-field/decrement/NumberFieldDecrement.d.ts

@@ -0,0 +1,12 @@
+import type { ValidComponent } from '@solidjs/web';
+import type { NumberFieldRootState } from '../root/NumberFieldRoot.js';
+import { type NumberFieldStepperButtonProps } from '../increment/NumberFieldStepperButton.js';
+export interface NumberFieldDecrementState extends NumberFieldRootState {
+}
+export type NumberFieldDecrementProps<Component extends ValidComponent = 'button'> = NumberFieldStepperButtonProps<Component>;
+/** A stepper button that decreases the field value. */
+export declare function NumberFieldDecrement<Component extends ValidComponent = 'button'>(props: NumberFieldDecrement.Props<Component>): import("@solidjs/web").JSX.Element;
+export declare namespace NumberFieldDecrement {
+    type State = NumberFieldDecrementState;
+    type Props<Component extends ValidComponent = 'button'> = NumberFieldDecrementProps<Component>;
+}

package/dist/lib/types/number-field/group/NumberFieldGroup.d.ts

@@ -0,0 +1,12 @@
+import { type ValidComponent } from '@solidjs/web';
+import type { BaseUIComponentProps } from '../../types/index.js';
+import type { NumberFieldRootState } from '../root/NumberFieldRoot.js';
+export interface NumberFieldGroupState extends NumberFieldRootState {
+}
+export type NumberFieldGroupProps<Component extends ValidComponent = 'div'> = BaseUIComponentProps<Component, NumberFieldGroupState>;
+/** Groups the input with the increment and decrement buttons. */
+export declare function NumberFieldGroup<Component extends ValidComponent = 'div'>(props: NumberFieldGroup.Props<Component>): import("@solidjs/web").JSX.Element;
+export declare namespace NumberFieldGroup {
+    type State = NumberFieldGroupState;
+    type Props<Component extends ValidComponent = 'div'> = NumberFieldGroupProps<Component>;
+}

package/dist/lib/types/number-field/increment/NumberFieldIncrement.d.ts

@@ -0,0 +1,12 @@
+import type { ValidComponent } from '@solidjs/web';
+import type { NumberFieldRootState } from '../root/NumberFieldRoot.js';
+import { type NumberFieldStepperButtonProps } from './NumberFieldStepperButton.js';
+export interface NumberFieldIncrementState extends NumberFieldRootState {
+}
+export type NumberFieldIncrementProps<Component extends ValidComponent = 'button'> = NumberFieldStepperButtonProps<Component>;
+/** A stepper button that increases the field value. */
+export declare function NumberFieldIncrement<Component extends ValidComponent = 'button'>(props: NumberFieldIncrement.Props<Component>): import("@solidjs/web").JSX.Element;
+export declare namespace NumberFieldIncrement {
+    type State = NumberFieldIncrementState;
+    type Props<Component extends ValidComponent = 'button'> = NumberFieldIncrementProps<Component>;
+}

package/dist/lib/types/number-field/increment/NumberFieldStepperButton.d.ts

@@ -0,0 +1,26 @@
+import { type ComponentProps, type JSX, type ValidComponent } from '@solidjs/web';
+import { type BaseUIEventHandlerUnion } from '../../internals/composeEventHandlers.js';
+import type { BaseUIComponentProps } from '../../types/index.js';
+import type { NumberFieldRootState } from '../root/NumberFieldRoot.js';
+type StepperEventTarget<Component extends ValidComponent> = ComponentProps<Component> extends {
+    onClick?: JSX.EventHandlerUnion<infer Target, MouseEvent> | undefined;
+} ? Target extends HTMLElement ? Target : HTMLElement : HTMLElement;
+interface NumberFieldStepperButtonOwnProps<Component extends ValidComponent> {
+    disabled?: boolean | undefined;
+    nativeButton?: boolean | undefined;
+    onClick?: BaseUIEventHandlerUnion<StepperEventTarget<Component>, MouseEvent> | undefined;
+    onKeyDown?: BaseUIEventHandlerUnion<StepperEventTarget<Component>, KeyboardEvent> | undefined;
+    onKeyUp?: BaseUIEventHandlerUnion<StepperEventTarget<Component>, KeyboardEvent> | undefined;
+    onMouseDown?: BaseUIEventHandlerUnion<StepperEventTarget<Component>, MouseEvent> | undefined;
+    onMouseEnter?: BaseUIEventHandlerUnion<StepperEventTarget<Component>, MouseEvent> | undefined;
+    onMouseLeave?: BaseUIEventHandlerUnion<StepperEventTarget<Component>, MouseEvent> | undefined;
+    onMouseUp?: BaseUIEventHandlerUnion<StepperEventTarget<Component>, MouseEvent> | undefined;
+    onPointerDown?: BaseUIEventHandlerUnion<StepperEventTarget<Component>, PointerEvent> | undefined;
+    onPointerMove?: BaseUIEventHandlerUnion<StepperEventTarget<Component>, PointerEvent> | undefined;
+    onPointerUp?: BaseUIEventHandlerUnion<StepperEventTarget<Component>, PointerEvent> | undefined;
+    onTouchEnd?: BaseUIEventHandlerUnion<StepperEventTarget<Component>, TouchEvent> | undefined;
+    onTouchStart?: BaseUIEventHandlerUnion<StepperEventTarget<Component>, TouchEvent> | undefined;
+}
+export type NumberFieldStepperButtonProps<Component extends ValidComponent = 'button'> = BaseUIComponentProps<Component, NumberFieldRootState, NumberFieldStepperButtonOwnProps<Component>>;
+export declare function NumberFieldStepperButton<Component extends ValidComponent = 'button'>(props: NumberFieldStepperButtonProps<Component>, isIncrement: boolean): JSX.Element;
+export {};

package/dist/lib/types/number-field/index.d.ts

@@ -0,0 +1,8 @@
+export * as NumberField from './index.parts.js';
+export type * from './root/NumberFieldRoot.js';
+export type * from './group/NumberFieldGroup.js';
+export type * from './increment/NumberFieldIncrement.js';
+export type * from './decrement/NumberFieldDecrement.js';
+export type * from './input/NumberFieldInput.js';
+export type * from './scrub-area/NumberFieldScrubArea.js';
+export type * from './scrub-area-cursor/NumberFieldScrubAreaCursor.js';

package/dist/lib/types/number-field/index.parts.d.ts

@@ -0,0 +1,7 @@
+export { NumberFieldRoot as Root } from './root/NumberFieldRoot.js';
+export { NumberFieldGroup as Group } from './group/NumberFieldGroup.js';
+export { NumberFieldIncrement as Increment } from './increment/NumberFieldIncrement.js';
+export { NumberFieldDecrement as Decrement } from './decrement/NumberFieldDecrement.js';
+export { NumberFieldInput as Input } from './input/NumberFieldInput.js';
+export { NumberFieldScrubArea as ScrubArea } from './scrub-area/NumberFieldScrubArea.js';
+export { NumberFieldScrubAreaCursor as ScrubAreaCursor } from './scrub-area-cursor/NumberFieldScrubAreaCursor.js';

package/dist/lib/types/number-field/input/NumberFieldInput.d.ts

@@ -0,0 +1,25 @@
+import { type ComponentProps, type JSX, type ValidComponent } from '@solidjs/web';
+import { type BaseUIEventHandlerUnion } from '../../internals/composeEventHandlers.js';
+import type { BaseUIComponentProps } from '../../types/index.js';
+import type { NumberFieldRootState } from '../root/NumberFieldRoot.js';
+export interface NumberFieldInputState extends NumberFieldRootState {
+}
+type NumberFieldInputEventTarget<Component extends ValidComponent> = ComponentProps<Component> extends {
+    onInput?: JSX.EventHandlerUnion<infer Target, InputEvent> | undefined;
+} ? Target extends HTMLElement ? Target : HTMLElement : HTMLElement;
+interface NumberFieldInputOwnProps<Component extends ValidComponent> {
+    'aria-roledescription'?: string | undefined;
+    onBlur?: BaseUIEventHandlerUnion<NumberFieldInputEventTarget<Component>, FocusEvent> | undefined;
+    onFocus?: BaseUIEventHandlerUnion<NumberFieldInputEventTarget<Component>, FocusEvent> | undefined;
+    onInput?: BaseUIEventHandlerUnion<NumberFieldInputEventTarget<Component>, InputEvent> | undefined;
+    onKeyDown?: BaseUIEventHandlerUnion<NumberFieldInputEventTarget<Component>, KeyboardEvent> | undefined;
+    onPaste?: BaseUIEventHandlerUnion<NumberFieldInputEventTarget<Component>, ClipboardEvent> | undefined;
+}
+export type NumberFieldInputProps<Component extends ValidComponent = 'input'> = BaseUIComponentProps<Component, NumberFieldInputState, NumberFieldInputOwnProps<Component>>;
+/** The visible locale-aware text input in the number field. */
+export declare function NumberFieldInput<Component extends ValidComponent = 'input'>(props: NumberFieldInput.Props<Component>): JSX.Element;
+export declare namespace NumberFieldInput {
+    type State = NumberFieldInputState;
+    type Props<Component extends ValidComponent = 'input'> = NumberFieldInputProps<Component>;
+}
+export {};

package/dist/lib/types/number-field/root/NumberFieldRoot.d.ts

@@ -0,0 +1,55 @@
+import { type Ref } from 'solid-js';
+import { type ValidComponent, type JSX } from '@solidjs/web';
+import { type BaseUIChangeEventDetails, type BaseUIGenericEventDetails } from '../../internals/createBaseUIEventDetails.js';
+import { REASONS } from '../../internals/reasons.js';
+import type { FieldRootState } from '../../field/root/FieldRoot.js';
+import type { BaseUIComponentProps } from '../../types/index.js';
+import type { ChangeEventCustomProperties } from '../utils/types.js';
+export interface NumberFieldRootState extends FieldRootState {
+    value: number | null;
+    inputValue: string;
+    required: boolean;
+    disabled: boolean;
+    readOnly: boolean;
+    scrubbing: boolean;
+}
+interface NumberFieldRootOwnProps {
+    id?: string | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
+    allowOutOfRange?: boolean | undefined;
+    smallStep?: number | undefined;
+    step?: number | 'any' | undefined;
+    largeStep?: number | undefined;
+    required?: boolean | undefined;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    name?: string | undefined;
+    form?: string | undefined;
+    value?: number | null | undefined;
+    defaultValue?: number | undefined;
+    allowWheelScrub?: boolean | undefined;
+    snapOnStep?: boolean | undefined;
+    format?: Intl.NumberFormatOptions | undefined;
+    locale?: Intl.LocalesArgument | undefined;
+    onValueChange?: ((value: number | null, eventDetails: NumberFieldRoot.ChangeEventDetails) => void) | undefined;
+    onValueCommitted?: ((value: number | null, eventDetails: NumberFieldRoot.CommitEventDetails) => void) | undefined;
+    inputRef?: Ref<HTMLInputElement>;
+    onChange?: never;
+}
+export type NumberFieldRootProps<Component extends ValidComponent = 'div'> = BaseUIComponentProps<Component, NumberFieldRootState, NumberFieldRootOwnProps>;
+/** Groups all parts of the number field and manages its numeric state. */
+export declare function NumberFieldRoot<Component extends ValidComponent = 'div'>(props: NumberFieldRoot.Props<Component>): JSX.Element;
+export type NumberFieldRootChangeEventReason = typeof REASONS.inputChange | typeof REASONS.inputClear | typeof REASONS.inputBlur | typeof REASONS.inputPaste | typeof REASONS.keyboard | typeof REASONS.incrementPress | typeof REASONS.decrementPress | typeof REASONS.wheel | typeof REASONS.scrub | typeof REASONS.none;
+export type NumberFieldRootChangeEventDetails = BaseUIChangeEventDetails<NumberFieldRootChangeEventReason, ChangeEventCustomProperties>;
+export type NumberFieldRootCommitEventReason = typeof REASONS.inputBlur | typeof REASONS.inputClear | typeof REASONS.keyboard | typeof REASONS.incrementPress | typeof REASONS.decrementPress | typeof REASONS.wheel | typeof REASONS.scrub | typeof REASONS.none;
+export type NumberFieldRootCommitEventDetails = BaseUIGenericEventDetails<NumberFieldRootCommitEventReason>;
+export declare namespace NumberFieldRoot {
+    type State = NumberFieldRootState;
+    type Props<Component extends ValidComponent = 'div'> = NumberFieldRootProps<Component>;
+    type ChangeEventReason = NumberFieldRootChangeEventReason;
+    type ChangeEventDetails = NumberFieldRootChangeEventDetails;
+    type CommitEventReason = NumberFieldRootCommitEventReason;
+    type CommitEventDetails = NumberFieldRootCommitEventDetails;
+}
+export {};

package/dist/lib/types/number-field/root/NumberFieldRootContext.d.ts

@@ -0,0 +1,39 @@
+import { type Accessor } from 'solid-js';
+import type { NumberFieldRoot } from './NumberFieldRoot.js';
+import type { EventWithOptionalKeyState, IncrementValueParameters } from '../utils/types.js';
+export type InputMode = 'numeric' | 'decimal' | 'text';
+export interface NumberFieldRootContextValue {
+    controlSource: symbol;
+    minWithDefault: Accessor<number>;
+    maxWithDefault: Accessor<number>;
+    id: Accessor<string>;
+    setValue: (value: number | null, details: NumberFieldRoot.ChangeEventDetails) => boolean;
+    getStepAmount: (event?: EventWithOptionalKeyState) => number;
+    incrementValue: (amount: number, params: IncrementValueParameters) => boolean;
+    inputElement: Accessor<HTMLInputElement | undefined>;
+    setInputElement: (element: HTMLInputElement | undefined) => void;
+    allowInputSync: () => boolean;
+    setAllowInputSync: (value: boolean) => void;
+    formatOptions: Accessor<Intl.NumberFormatOptions | undefined>;
+    value: Accessor<number | null>;
+    lastChangedValue: () => number | null;
+    setLastChangedValue: (value: number | null) => void;
+    hasPendingCommit: () => boolean;
+    setHasPendingCommit: (value: boolean) => void;
+    name: Accessor<string | undefined>;
+    nameProp: Accessor<string | undefined>;
+    inputMode: Accessor<InputMode>;
+    getAllowedNonNumericKeys: () => Set<string>;
+    min: Accessor<number | undefined>;
+    max: Accessor<number | undefined>;
+    inputValue: Accessor<string>;
+    setInputValue: (value: string) => void;
+    locale: Accessor<Intl.LocalesArgument | undefined>;
+    setIsScrubbing: (value: boolean) => void;
+    state: Accessor<NumberFieldRoot.State>;
+    onValueCommitted: (value: number | null, eventDetails: NumberFieldRoot.CommitEventDetails) => void;
+}
+declare const MISSING_CONTEXT: unique symbol;
+export declare const NumberFieldRootContext: import("solid-js").Context<NumberFieldRootContextValue | typeof MISSING_CONTEXT>;
+export declare function useNumberFieldRootContext(): NumberFieldRootContextValue;
+export {};