solid-baseui 0.1.0-alpha.1 → 0.1.0-alpha.2

package/dist/lib/types/combobox/root/ComboboxRoot.d.ts

@@ -169,7 +169,12 @@ export interface ComboboxRootState extends AriaComboboxState {
  * Groups all parts of the combobox.
  * Doesn't render its own HTML element.
  */
-export declare function ComboboxRoot<Value, Multiple extends boolean | undefined = false, Item = Value>(rawProps: ComboboxRoot.Props<Value, Multiple, Item>): JSX.Element;
+export declare function ComboboxRoot<Items extends readonly {
+    items: readonly unknown[];
+}[], Multiple extends boolean | undefined = false>(props: Omit<ComboboxRootProps<Items[number]['items'][number], Multiple>, 'items'> & {
+    items: Items;
+}): JSX.Element;
+export declare function ComboboxRoot<Value, Multiple extends boolean | undefined = false, Item = Value>(props: ComboboxRoot.Props<Value, Multiple, Item>): JSX.Element;
 export type { ComboboxRootActions, ComboboxRootChangeEventDetails, ComboboxRootChangeEventReason, };
 export type ComboboxRootHighlightEventReason = ComboboxHighlightEventReason;
 export type ComboboxRootHighlightEventDetails = ComboboxHighlightEventDetails;

package/dist/lib/types/combobox/store/ComboboxStore.d.ts

@@ -4,6 +4,7 @@ import type { AnchorSide } from '../../internals/overlay/createAnchorPositioning
 import type { ComboboxRootChangeEventDetails } from '../root/AriaCombobox.js';
 import { ComboboxItemRegistry } from './ComboboxItemRegistry.js';
 export interface ComboboxStoreOptions extends PopupStoreOptions<ComboboxRootChangeEventDetails> {
+    inputOwnsFormValue?: boolean;
 }
 /**
  * Combobox popup state shared by every part.

package/dist/lib/types/combobox/utils/handleInputPress.d.ts

@@ -4,4 +4,4 @@ import type { BaseUIEvent } from '../../types/index.js';
  * Routes a press anywhere in the input's surroundings back to the input, so clicking the padding
  * of an input group or the empty space beside the chips focuses and opens the combobox.
  */
-export declare function handleInputPress(event: BaseUIEvent<MouseEvent>, context: ComboboxRootContextValue<never>, disabled: boolean, readOnly: boolean, shouldIgnoreTarget?: ((target: Element | null) => boolean) | undefined): void;
+export declare function handleInputPress(event: BaseUIEvent<MouseEvent>, context: ComboboxRootContextValue<never>, disabled: boolean, shouldIgnoreTarget?: ((target: Element | null) => boolean) | undefined): void;

package/dist/lib/types/field/control/FieldControl.d.ts

@@ -2,12 +2,12 @@ import { type ComponentProps, type JSX, type ValidComponent } from '@solidjs/web
 import { type BaseUIEventHandlerUnion } from '../../internals/composeEventHandlers.js';
 import { createChangeEventDetails } from '../../internals/createBaseUIEventDetails.js';
 import { REASONS } from '../../internals/reasons.js';
-import type { BaseUIComponentProps } from '../../types/index.js';
+import type { BaseUIComponentProps, BaseUIEvent } from '../../types/index.js';
 import type { FieldRootState } from '../root/FieldRoot.js';
 export interface FieldControlState extends FieldRootState {
 }
 type FieldControlEventTarget<Component extends ValidComponent> = ComponentProps<Component> extends {
-    onInput?: JSX.EventHandlerUnion<infer Target, InputEvent> | undefined;
+    onInput?: JSX.InputEventHandlerUnion<infer Target, InputEvent> | undefined;
 } ? Target extends HTMLElement ? Target : HTMLElement : HTMLElement;
 interface FieldControlOwnProps<Component extends ValidComponent> {
     defaultValue?: string | number | string[] | undefined;
@@ -16,9 +16,9 @@ interface FieldControlOwnProps<Component extends ValidComponent> {
     name?: string | undefined;
     onValueChange?: ((value: string, eventDetails: FieldControlChangeEventDetails) => void) | undefined;
     value?: string | number | string[] | undefined;
-    onBlur?: BaseUIEventHandlerUnion<FieldControlEventTarget<Component>, FocusEvent> | undefined;
-    onFocus?: BaseUIEventHandlerUnion<FieldControlEventTarget<Component>, FocusEvent> | undefined;
-    onInput?: BaseUIEventHandlerUnion<FieldControlEventTarget<Component>, InputEvent> | undefined;
+    onBlur?: JSX.FocusEventHandlerUnion<FieldControlEventTarget<Component>, BaseUIEvent<FocusEvent>> | undefined;
+    onFocus?: JSX.FocusEventHandlerUnion<FieldControlEventTarget<Component>, BaseUIEvent<FocusEvent>> | undefined;
+    onInput?: JSX.InputEventHandlerUnion<FieldControlEventTarget<Component>, BaseUIEvent<InputEvent>> | undefined;
     onKeyDown?: BaseUIEventHandlerUnion<FieldControlEventTarget<Component>, KeyboardEvent> | undefined;
 }
 export type FieldControlProps<Component extends ValidComponent = 'input'> = BaseUIComponentProps<Component, FieldControlState, FieldControlOwnProps<Component>>;

package/dist/lib/types/internals/composeEventHandlers.d.ts

@@ -3,9 +3,16 @@ import type { JSX } from '@solidjs/web';
 import type { BaseUIEvent } from '../types/index.js';
 export type BaseUIEventHandlerUnion<T, EventType extends Event> = JSX.EventHandlerUnion<T, BaseUIEvent<EventType>>;
 export type EventHandlerSource<T, EventType extends Event> = Accessor<BaseUIEventHandlerUnion<T, EventType> | undefined>;
+interface LiveEventHandler<T, EventType extends Event> {
+    readonly getHandler: EventHandlerSource<T, EventType>;
+}
 /**
- * Composes native event handlers in argument order. Calling
+ * Composes handlers in argument order, enhancing the native event before dispatch. Calling
  * `event.preventBaseUIHandler()` prevents the remaining handlers from running.
+ * Use `liveEventHandler` for replaceable callback props instead of snapshotting them.
  */
-export declare function composeEventHandlers<T, EventType extends Event>(...getHandlers: Array<EventHandlerSource<T, EventType>>): JSX.EventHandler<T, BaseUIEvent<EventType>>;
+export declare function composeEventHandlers<T, EventType extends Event>(...handlers: Array<BaseUIEventHandlerUnion<T, EventType> | LiveEventHandler<T, EventType> | undefined>): JSX.EventHandler<T, EventType>;
+/** Resolves a replaceable handler at dispatch time; pass the adapter to `composeEventHandlers`. */
+export declare function liveEventHandler<T, EventType extends Event>(getHandler: EventHandlerSource<T, EventType>): LiveEventHandler<T, EventType>;
 export declare function makeEventPreventable<EventType extends Event>(event: EventType): BaseUIEvent<EventType>;
+export {};

package/dist/lib/types/internals/field-root-context/FieldRootContext.d.ts

@@ -25,6 +25,7 @@ export interface FieldRootContextValue {
     validation: FieldValidationController;
 }
 declare const MISSING_CONTEXT: unique symbol;
+export declare const DEFAULT_FIELD_ROOT_CONTEXT: FieldRootContextValue;
 export declare const FieldRootContext: import("solid-js").Context<FieldRootContextValue | typeof MISSING_CONTEXT>;
 export declare function useFieldRootContext(optional: true): FieldRootContextValue;
 export declare function useFieldRootContext(optional?: false): FieldRootContextValue;

package/dist/lib/types/internals/overlay/dom.d.ts

@@ -4,6 +4,8 @@ export declare function ownerWindow(node?: Node | Document | null): Window;
 export declare function activeElement(documentNode: Document): Element | null;
 export declare function contains(parent?: Element | null, child?: Element | null): boolean;
 export declare function getEventTarget(event: Event): EventTarget | null;
+/** Solid RC.6 Portal exposes a live logical parent through each inserted root's _$host. */
+export declare function containsWithPortals(parent?: Node | null, child?: Node | null): boolean;
 export declare function isEventTargetWithin(event: Event, node?: Node | null): boolean;
 export declare function isElement(value: unknown): value is Element;
 export declare function isHTMLElement(value: unknown): value is HTMLElement;

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

@@ -1,17 +1,17 @@
 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 { BaseUIComponentProps, BaseUIEvent } 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;
+    onInput?: JSX.InputEventHandlerUnion<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;
+    onBlur?: JSX.FocusEventHandlerUnion<NumberFieldInputEventTarget<Component>, BaseUIEvent<FocusEvent>> | undefined;
+    onFocus?: JSX.FocusEventHandlerUnion<NumberFieldInputEventTarget<Component>, BaseUIEvent<FocusEvent>> | undefined;
+    onInput?: JSX.InputEventHandlerUnion<NumberFieldInputEventTarget<Component>, BaseUIEvent<InputEvent>> | undefined;
     onKeyDown?: BaseUIEventHandlerUnion<NumberFieldInputEventTarget<Component>, KeyboardEvent> | undefined;
     onPaste?: BaseUIEventHandlerUnion<NumberFieldInputEventTarget<Component>, ClipboardEvent> | undefined;
 }

package/dist/lib/types/slider/track/SliderTrack.d.ts

@@ -1,11 +1,11 @@
-import { type JSX, type ValidComponent } from '@solidjs/web';
+import { type ValidComponent } from '@solidjs/web';
 import type { BaseUIComponentProps } from '../../types/index.js';
 import type { SliderRootState } from '../root/SliderRoot.js';
 export interface SliderTrackState extends SliderRootState {
 }
 export type SliderTrackProps<Component extends ValidComponent = 'div'> = BaseUIComponentProps<Component, SliderTrackState>;
 /** Represents the full range of the slider. */
-export declare function SliderTrack<Component extends ValidComponent = 'div'>(props: SliderTrack.Props<Component>): JSX.Element;
+export declare function SliderTrack<Component extends ValidComponent = 'div'>(props: SliderTrack.Props<Component>): import("@solidjs/web").JSX.Element;
 export declare namespace SliderTrack {
     type State = SliderTrackState;
     type Props<Component extends ValidComponent = 'div'> = SliderTrackProps<Component>;

package/dist/lib/types/toolbar/link/ToolbarLink.d.ts

@@ -1,14 +1,21 @@
-import type { JSX, ValidComponent } from '@solidjs/web';
-import type { BaseUIComponentProps } from '../../types/index.js';
+import type { ComponentProps, JSX, ValidComponent } from '@solidjs/web';
+import type { BaseUIComponentProps, BaseUIEvent } from '../../types/index.js';
 import type { ToolbarRootOrientation } from '../root/ToolbarRoot.js';
 export interface ToolbarLinkState {
     /** The direction in which toolbar items are arranged. */
     orientation: ToolbarRootOrientation;
 }
-export type ToolbarLinkProps<Component extends ValidComponent = 'a'> = BaseUIComponentProps<Component, ToolbarLinkState>;
+type ToolbarLinkEventTarget<Component extends ValidComponent> = ComponentProps<Component> extends {
+    onFocus?: JSX.FocusEventHandlerUnion<infer Target, FocusEvent> | undefined;
+} ? Target extends HTMLElement ? Target : HTMLElement : HTMLElement;
+interface ToolbarLinkOwnProps<Component extends ValidComponent> {
+    onFocus?: JSX.FocusEventHandlerUnion<ToolbarLinkEventTarget<Component>, BaseUIEvent<FocusEvent>> | undefined;
+}
+export type ToolbarLinkProps<Component extends ValidComponent = 'a'> = BaseUIComponentProps<Component, ToolbarLinkState, ToolbarLinkOwnProps<Component>>;
 /** A native link that occupies one toolbar roving-focus slot. */
 export declare function ToolbarLink<Component extends ValidComponent = 'a'>(props: ToolbarLink.Props<Component>): JSX.Element;
 export declare namespace ToolbarLink {
     type State = ToolbarLinkState;
     type Props<Component extends ValidComponent = 'a'> = ToolbarLinkProps<Component>;
 }
+export {};

package/dist/lib/types/toolbar/root/ToolbarRoot.d.ts

@@ -1,6 +1,7 @@
-import type { JSX, ValidComponent } from '@solidjs/web';
+import type { ComponentProps, JSX, ValidComponent } from '@solidjs/web';
+import { type BaseUIEventHandlerUnion } from '../../internals/composeEventHandlers.js';
 import type { Orientation } from '../../internals/types.js';
-import type { BaseUIComponentProps } from '../../types/index.js';
+import type { BaseUIComponentProps, BaseUIEvent } from '../../types/index.js';
 export interface ToolbarRootItemMetadata {
     disabled: boolean;
     focusableWhenDisabled: boolean;
@@ -12,12 +13,17 @@ export interface ToolbarRootState {
     /** The direction in which toolbar items are arranged. */
     orientation: ToolbarRootOrientation;
 }
-interface ToolbarRootOwnProps {
+type ToolbarRootEventTarget<Component extends ValidComponent> = ComponentProps<Component> extends {
+    onKeyDown?: JSX.EventHandlerUnion<infer Target, KeyboardEvent> | undefined;
+} ? Target extends HTMLElement ? Target : HTMLElement : HTMLElement;
+interface ToolbarRootOwnProps<Component extends ValidComponent> {
     disabled?: boolean | undefined;
     loopFocus?: boolean | undefined;
     orientation?: ToolbarRootOrientation | undefined;
+    onFocusIn?: JSX.FocusEventHandlerUnion<ToolbarRootEventTarget<Component>, BaseUIEvent<FocusEvent>> | undefined;
+    onKeyDown?: BaseUIEventHandlerUnion<ToolbarRootEventTarget<Component>, KeyboardEvent> | undefined;
 }
-export type ToolbarRootProps<Component extends ValidComponent = 'div'> = BaseUIComponentProps<Component, ToolbarRootState, ToolbarRootOwnProps>;
+export type ToolbarRootProps<Component extends ValidComponent = 'div'> = BaseUIComponentProps<Component, ToolbarRootState, ToolbarRootOwnProps<Component>>;
 /** A container for grouping a set of controls into one keyboard navigation scope. */
 export declare function ToolbarRoot<Component extends ValidComponent = 'div'>(props: ToolbarRoot.Props<Component>): JSX.Element;
 export declare namespace ToolbarRoot {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-baseui",
-  "version": "0.1.0-alpha.1",
+  "version": "0.1.0-alpha.2",
   "description": "A native Solid 2 port of Base UI. Alpha: unannounced and unstable.",
   "type": "module",
   "module": "./dist/lib/client/index.js",