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

package/dist/lib/types/popover/arrow/PopoverArrow.d.ts

@@ -1,4 +1,4 @@
-import { type ValidComponent } from '@solidjs/web';
+import type { ValidComponent } from '@solidjs/web';
 import { type AnchorAlign, type AnchorSide } from '../../internals/overlay/index.js';
 import type { BaseUIComponentProps } from '../../types/index.js';
 export interface PopoverArrowState {

package/dist/lib/types/popover/backdrop/PopoverBackdrop.d.ts

@@ -1,4 +1,4 @@
-import { type ValidComponent } from '@solidjs/web';
+import type { ValidComponent } from '@solidjs/web';
 import type { TransitionStatus } from '../../internals/stateAttributesMapping.js';
 import type { BaseUIComponentProps } from '../../types/index.js';
 export interface PopoverBackdropState {

package/dist/lib/types/popover/description/PopoverDescription.d.ts

@@ -1,4 +1,4 @@
-import { type ValidComponent } from '@solidjs/web';
+import type { ValidComponent } from '@solidjs/web';
 import type { BaseUIComponentProps } from '../../types/index.js';
 export interface PopoverDescriptionState {
 }

package/dist/lib/types/popover/positioner/PopoverPositioner.d.ts

@@ -1,5 +1,5 @@
 import { type Accessor } from 'solid-js';
-import { type ValidComponent } from '@solidjs/web';
+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';

package/dist/lib/types/popover/title/PopoverTitle.d.ts

@@ -1,4 +1,4 @@
-import { type ValidComponent } from '@solidjs/web';
+import type { ValidComponent } from '@solidjs/web';
 import type { BaseUIComponentProps } from '../../types/index.js';
 export interface PopoverTitleState {
 }

package/dist/lib/types/preview-card/arrow/PreviewCardArrow.d.ts

@@ -1,4 +1,4 @@
-import { type ValidComponent } from '@solidjs/web';
+import type { ValidComponent } from '@solidjs/web';
 import type { AnchorAlign, AnchorSide } from '../../internals/overlay/index.js';
 import type { BaseUIComponentProps } from '../../types/index.js';
 export interface PreviewCardArrowState {

package/dist/lib/types/preview-card/backdrop/PreviewCardBackdrop.d.ts

@@ -1,4 +1,4 @@
-import { type ValidComponent } from '@solidjs/web';
+import type { ValidComponent } from '@solidjs/web';
 import type { TransitionStatus } from '../../internals/stateAttributesMapping.js';
 import type { BaseUIComponentProps } from '../../types/index.js';
 export interface PreviewCardBackdropState {

package/dist/lib/types/preview-card/positioner/PreviewCardPositioner.d.ts

@@ -1,5 +1,5 @@
 import { type Accessor } from 'solid-js';
-import { type ValidComponent } from '@solidjs/web';
+import type { ValidComponent } from '@solidjs/web';
 import type { ReferenceElement } 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';

package/dist/lib/types/progress/indicator/ProgressIndicator.d.ts

@@ -1,4 +1,4 @@
-import { type JSX, type ValidComponent } from '@solidjs/web';
+import type { JSX, ValidComponent } from '@solidjs/web';
 import type { BaseUIComponentProps } from '../../types/index.js';
 import type { ProgressRootState } from '../root/ProgressRoot.js';
 export interface ProgressIndicatorState extends ProgressRootState {

package/dist/lib/types/progress/label/ProgressLabel.d.ts

@@ -1,4 +1,4 @@
-import { type ValidComponent } from '@solidjs/web';
+import type { ValidComponent } from '@solidjs/web';
 import type { BaseUIComponentProps } from '../../types/index.js';
 import type { ProgressRootState } from '../root/ProgressRoot.js';
 export interface ProgressLabelState extends ProgressRootState {

package/dist/lib/types/progress/root/ProgressRoot.d.ts

@@ -1,4 +1,4 @@
-import { type JSX, type ValidComponent } from '@solidjs/web';
+import type { JSX, ValidComponent } from '@solidjs/web';
 import type { BaseUIComponentProps } from '../../types/index.js';
 export type ProgressStatus = 'indeterminate' | 'progressing' | 'complete';
 export interface ProgressRootState {

package/dist/lib/types/progress/track/ProgressTrack.d.ts

@@ -1,4 +1,4 @@
-import { type ValidComponent } from '@solidjs/web';
+import type { ValidComponent } from '@solidjs/web';
 import type { BaseUIComponentProps } from '../../types/index.js';
 import type { ProgressRootState } from '../root/ProgressRoot.js';
 export interface ProgressTrackState extends ProgressRootState {

package/dist/lib/types/progress/value/ProgressValue.d.ts

@@ -1,4 +1,4 @@
-import { type JSX, type ValidComponent } from '@solidjs/web';
+import type { JSX, ValidComponent } from '@solidjs/web';
 import type { BaseUIComponentProps } from '../../types/index.js';
 import type { ProgressRootState } from '../root/ProgressRoot.js';
 export interface ProgressValueState extends ProgressRootState {

package/dist/lib/types/radio/indicator/RadioIndicator.d.ts

@@ -1,4 +1,4 @@
-import { type JSX, type ValidComponent } from '@solidjs/web';
+import { type ValidComponent } from '@solidjs/web';
 import { type TransitionStatus } from '../../internals/stateAttributesMapping.js';
 import type { BaseUIComponentProps } from '../../types/index.js';
 import type { RadioRootState } from '../root/RadioRoot.js';
@@ -12,7 +12,7 @@ interface RadioIndicatorOwnProps {
 }
 export type RadioIndicatorProps<Component extends ValidComponent = 'span'> = BaseUIComponentProps<Component, RadioIndicatorState, RadioIndicatorOwnProps>;
 /** Indicates whether the enclosing radio is selected. */
-export declare function RadioIndicator<Component extends ValidComponent = 'span'>(props: RadioIndicator.Props<Component>): JSX.Element;
+export declare function RadioIndicator<Component extends ValidComponent = 'span'>(props: RadioIndicator.Props<Component>): import("@solidjs/web").JSX.Element;
 export declare namespace RadioIndicator {
     type State = RadioIndicatorState;
     type Props<Component extends ValidComponent = 'span'> = RadioIndicatorProps<Component>;

package/dist/lib/types/scroll-area/content/ScrollAreaContent.d.ts

@@ -1,4 +1,4 @@
-import { type JSX, type ValidComponent } from '@solidjs/web';
+import type { JSX, ValidComponent } from '@solidjs/web';
 import type { BaseUIComponentProps } from '../../types/index.js';
 import type { ScrollAreaRootState } from '../root/ScrollAreaRoot.js';
 export interface ScrollAreaContentState extends ScrollAreaRootState {

package/dist/lib/types/scroll-area/corner/ScrollAreaCorner.d.ts

@@ -1,4 +1,4 @@
-import { type JSX, type ValidComponent } from '@solidjs/web';
+import type { JSX, ValidComponent } from '@solidjs/web';
 import type { BaseUIComponentProps } from '../../types/index.js';
 export interface ScrollAreaCornerState {
 }

package/dist/lib/types/scroll-area/root/ScrollAreaRoot.d.ts

@@ -1,4 +1,4 @@
-import { type JSX, type ValidComponent } from '@solidjs/web';
+import type { JSX, ValidComponent } from '@solidjs/web';
 import { type BaseUIEventHandlerUnion } from '../../internals/composeEventHandlers.js';
 import type { BaseUIComponentProps } from '../../types/index.js';
 import type { ScrollAreaEventTarget } from '../utils/eventTarget.js';

package/dist/lib/types/scroll-area/scrollbar/ScrollAreaScrollbar.d.ts

@@ -1,4 +1,4 @@
-import { type JSX, type ValidComponent } from '@solidjs/web';
+import type { JSX, ValidComponent } from '@solidjs/web';
 import { type BaseUIEventHandlerUnion } from '../../internals/composeEventHandlers.js';
 import type { BaseUIComponentProps } from '../../types/index.js';
 import type { ScrollAreaRootState } from '../root/ScrollAreaRoot.js';
@@ -14,6 +14,7 @@ interface ScrollAreaScrollbarOwnProps<Component extends ValidComponent> {
     orientation?: ScrollAreaOrientation | undefined;
     /** Keeps the element mounted when its axis is not scrollable. @default false */
     keepMounted?: boolean | undefined;
+    onMouseDown?: BaseUIEventHandlerUnion<ScrollAreaEventTarget<Component, 'onMouseDown', MouseEvent>, MouseEvent> | undefined;
     onPointerCancel?: BaseUIEventHandlerUnion<ScrollAreaEventTarget<Component, 'onPointerCancel', PointerEvent>, PointerEvent> | undefined;
     onPointerDown?: BaseUIEventHandlerUnion<ScrollAreaEventTarget<Component, 'onPointerDown', PointerEvent>, PointerEvent> | undefined;
     onPointerUp?: BaseUIEventHandlerUnion<ScrollAreaEventTarget<Component, 'onPointerUp', PointerEvent>, PointerEvent> | undefined;

package/dist/lib/types/scroll-area/thumb/ScrollAreaThumb.d.ts

@@ -1,4 +1,4 @@
-import { type JSX, type ValidComponent } from '@solidjs/web';
+import type { JSX, ValidComponent } from '@solidjs/web';
 import { type BaseUIEventHandlerUnion } from '../../internals/composeEventHandlers.js';
 import type { BaseUIComponentProps } from '../../types/index.js';
 import type { ScrollAreaEventTarget } from '../utils/eventTarget.js';

package/dist/lib/types/scroll-area/viewport/ScrollAreaViewport.d.ts

@@ -1,4 +1,4 @@
-import { type JSX, type ValidComponent } from '@solidjs/web';
+import type { JSX, ValidComponent } from '@solidjs/web';
 import { type BaseUIEventHandlerUnion } from '../../internals/composeEventHandlers.js';
 import type { BaseUIComponentProps } from '../../types/index.js';
 import type { ScrollAreaRootState } from '../root/ScrollAreaRoot.js';

package/dist/lib/types/separator/Separator.d.ts

@@ -1,4 +1,4 @@
-import { type ValidComponent } from '@solidjs/web';
+import type { ValidComponent } from '@solidjs/web';
 import type { Orientation } from '../internals/types.js';
 import type { BaseUIComponentProps } from '../types/index.js';
 export interface SeparatorState {

package/dist/lib/types/tabs/indicator/prehydrationScript.d.ts

@@ -1 +1 @@
-export declare const tabsIndicatorPrehydrationScript = "!function(){const t=document.currentScript.previousElementSibling;if(!t)return;const e=t.closest('[role=\"tablist\"]');if(!e)return;const i=e.querySelector(\"[data-active]\");if(!i)return;function o(t){const e=getComputedStyle(t);let i=parseFloat(e.width)||0,o=parseFloat(e.height)||0;return(Math.round(i)!==t.offsetWidth||Math.round(o)!==t.offsetHeight)&&(i=t.offsetWidth,o=t.offsetHeight),{width:i,height:o}}function n(){let n=0,r=0,s=0,h=0;const{width:c,height:f}=o(i),{width:l,height:u}=o(e),d=i.getBoundingClientRect(),a=e.getBoundingClientRect(),g=l>0?a.width/l:1,b=u>0?a.height/u:1;if(Math.abs(g)>Number.EPSILON&&Math.abs(b)>Number.EPSILON){const t=d.left-a.left,i=d.top-a.top;n=t/g+e.scrollLeft-e.clientLeft,s=i/b+e.scrollTop-e.clientTop}else n=i.offsetLeft,s=i.offsetTop;const p=c,m=f;function v(e,i){t.style.setProperty(`--active-tab-${e}`,`${i}px`)}return r=e.scrollWidth-n-p,h=e.scrollHeight-s-m,v(\"left\",n),v(\"right\",r),v(\"top\",s),v(\"bottom\",h),v(\"width\",p),v(\"height\",m),p>0&&m>0&&(t.removeAttribute(\"hidden\"),!0)}if(n()||\"undefined\"==typeof ResizeObserver)return;let r,s;function h(){s.disconnect(),clearTimeout(r)}s=new ResizeObserver(()=>{t.isConnected&&t.hasAttribute(\"hidden\")&&i.hasAttribute(\"data-active\")?n()&&h():h()}),s.observe(i),r=setTimeout(h,1e4)}();";
+export declare const tabsIndicatorPrehydrationScript = "(() => {\n  const indicator = document.currentScript.previousElementSibling;\n  const list = indicator?.closest('[role=\"tablist\"]');\n  const tab = list?.querySelector('[data-active]');\n  if (!tab) return;\n  const style = getComputedStyle(tab);\n  if (['transform', 'translate', 'rotate', 'scale'].some(key => style[key] && style[key] !== 'none')) return;\n  function cumulative(element) {\n    let left = 0, top = 0;\n    while (element) {\n      left += element.offsetLeft;\n      top += element.offsetTop;\n      element = element.offsetParent;\n      if (element) {\n        left += element.clientLeft;\n        top += element.clientTop;\n      }\n    }\n    return { left, top };\n  }\n  function update() {\n    const css = getComputedStyle(tab);\n    let width = parseFloat(css.width) || 0, height = parseFloat(css.height) || 0;\n    if (Math.round(width) !== tab.offsetWidth || Math.round(height) !== tab.offsetHeight) {\n      width = tab.offsetWidth;\n      height = tab.offsetHeight;\n    }\n    const tabOffset = cumulative(tab), listOffset = cumulative(list);\n    let left = tabOffset.left - listOffset.left - list.clientLeft;\n    let top = tabOffset.top - listOffset.top - list.clientTop;\n    for (let parent = tab.parentElement; parent && parent !== list; parent = parent.parentElement) {\n      left -= parent.scrollLeft;\n      top -= parent.scrollTop;\n    }\n    left = Math.min(left, list.scrollWidth - width);\n    top = Math.min(top, list.scrollHeight - height);\n    const values = { left, top, right: list.scrollWidth - left - width, bottom: list.scrollHeight - top - height, width, height };\n    for (const key in values) indicator.style.setProperty('--active-tab-' + key, values[key] + 'px');\n    if (width > 0 && height > 0) {\n      indicator.removeAttribute('hidden');\n      return true;\n    }\n    return false;\n  }\n  if (update() || typeof ResizeObserver === 'undefined') return;\n  let timer;\n  const observer = new ResizeObserver(() => {\n    if (!indicator.isConnected || !indicator.hasAttribute('hidden') || !tab.hasAttribute('data-active') || update()) {\n      observer.disconnect();\n      clearTimeout(timer);\n    }\n  });\n  observer.observe(tab);\n  timer = setTimeout(() => observer.disconnect(), 10000);\n})();";

package/dist/lib/types/tabs/list/TabsList.d.ts

@@ -1,4 +1,4 @@
-import { type JSX, type ValidComponent } from '@solidjs/web';
+import type { JSX, ValidComponent } from '@solidjs/web';
 import { type BaseUIEventHandlerUnion } from '../../internals/composeEventHandlers.js';
 import type { BaseUIComponentProps } from '../../types/index.js';
 import type { TabsRootState } from '../root/TabsRoot.js';

package/dist/lib/types/tabs/panel/TabsPanel.d.ts

@@ -1,4 +1,4 @@
-import { type ValidComponent } from '@solidjs/web';
+import type { ValidComponent } from '@solidjs/web';
 import { type TransitionStatus } from '../../internals/stateAttributesMapping.js';
 import type { BaseUIComponentProps } from '../../types/index.js';
 import type { TabsRootState } from '../root/TabsRoot.js';

package/dist/lib/types/tabs/root/TabsRoot.d.ts

@@ -1,4 +1,4 @@
-import { type ValidComponent } from '@solidjs/web';
+import type { ValidComponent } from '@solidjs/web';
 import { type BaseUIChangeEventDetails } from '../../internals/createBaseUIEventDetails.js';
 import { REASONS } from '../../internals/reasons.js';
 import type { Orientation } from '../../internals/types.js';

package/dist/lib/types/tabs/tab/TabsTab.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentProps, type JSX, type ValidComponent } from '@solidjs/web';
+import type { ComponentProps, JSX, ValidComponent } from '@solidjs/web';
 import { type BaseUIEventHandlerUnion } from '../../internals/composeEventHandlers.js';
 import type { BaseUIComponentProps } from '../../types/index.js';
 import type { TabsRootOrientation } from '../root/TabsRoot.js';

package/dist/lib/types/toast/createToastManager.d.ts

@@ -1,4 +1,4 @@
-import type { ToastManagerAddOptions, ToastManagerPromiseOptions, ToastManagerUpdateOptions } from './types.js';
+import type { ToastManagerAddOptions, ToastManagerPromiseOptions, ToastManagerUpdateOptions, ToastObject } from './types.js';
 export interface ToastManagerEvent {
     action: 'add' | 'close' | 'update' | 'promise';
     options: any;
@@ -8,7 +8,7 @@ export interface ToastManager<Data extends object = any> {
     ' subscribe': (listener: (data: ToastManagerEvent) => void) => () => void;
     add: <T extends Data = Data>(options: ToastManagerAddOptions<T>) => string;
     close: (id?: string) => void;
-    update: <T extends Data = Data>(id: string, updates: ToastManagerUpdateOptions<T>) => void;
+    update: <T extends Data = Data>(id: string, updates: ToastManagerUpdateOptions<T> | ((prevToast: ToastObject<T>) => ToastManagerUpdateOptions<T>)) => void;
     promise: <Value, T extends Data = Data>(promiseValue: Promise<Value>, options: ToastManagerPromiseOptions<Value, T>) => Promise<Value>;
 }
 /** Creates a toast manager usable outside of a component. */

package/dist/lib/types/toast/store/ToastStore.d.ts

@@ -40,7 +40,7 @@ export declare class ToastStore extends ReactiveStore<ToastState> {
     dispose: () => void;
     removeToast(toastId: string, skipOnRemove?: boolean): void;
     addToast: <Data extends object>(toast: ToastManagerAddOptions<Data>) => string;
-    updateToast: <Data extends object>(id: string, updates: ToastManagerUpdateOptions<Data>) => void;
+    updateToast: <Data extends object>(id: string, updates: ToastManagerUpdateOptions<Data> | ((prevToast: ToastObject<Data>) => ToastManagerUpdateOptions<Data>)) => void;
     updateToastInternal: <Data extends object>(id: string, updates: ToastInternalUpdateOptions<Data>, resetTimer?: boolean, markUpdated?: boolean) => void;
     closeToast: (toastId?: string) => void;
     promiseToast: <Value, Data extends object>(promiseValue: Promise<Value>, options: ToastManagerPromiseOptions<Value, Data>) => Promise<Value>;

package/dist/lib/types/toast/useToastManager.d.ts

@@ -4,7 +4,7 @@ export interface UseToastManagerReturnValue<Data extends object = any> {
     toasts: Accessor<ToastObject<Data>[]>;
     add: <T extends Data = Data>(options: ToastManagerAddOptions<T>) => string;
     close: (toastId?: string) => void;
-    update: <T extends Data = Data>(toastId: string, options: ToastManagerUpdateOptions<T>) => void;
+    update: <T extends Data = Data>(toastId: string, options: ToastManagerUpdateOptions<T> | ((prevToast: ToastObject<T>) => ToastManagerUpdateOptions<T>)) => void;
     promise: <Value, T extends Data = Data>(promiseValue: Promise<Value>, options: ToastManagerPromiseOptions<Value, T>) => Promise<Value>;
 }
 /** Returns an accessor for the toasts along with methods to manage them. */

package/dist/lib/types/toggle/Toggle.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentProps, type JSX, type ValidComponent } from '@solidjs/web';
+import type { ComponentProps, JSX, ValidComponent } from '@solidjs/web';
 import { type BaseUIEventHandlerUnion } from '../internals/composeEventHandlers.js';
 import { createChangeEventDetails } from '../internals/createBaseUIEventDetails.js';
 import { REASONS } from '../internals/reasons.js';

package/dist/lib/types/toggle-group/ToggleGroup.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentProps, type JSX, type ValidComponent } from '@solidjs/web';
+import type { ComponentProps, JSX, ValidComponent } from '@solidjs/web';
 import { type BaseUIEventHandlerUnion } from '../internals/composeEventHandlers.js';
 import type { BaseUIComponentProps } from '../types/index.js';
 import type { Orientation } from '../internals/types.js';

package/dist/lib/types/toolbar/group/ToolbarGroup.d.ts

@@ -1,4 +1,4 @@
-import { type ValidComponent } from '@solidjs/web';
+import type { ValidComponent } from '@solidjs/web';
 import type { BaseUIComponentProps } from '../../types/index.js';
 import type { ToolbarRootState } from '../root/ToolbarRoot.js';
 export interface ToolbarGroupState extends ToolbarRootState {

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

@@ -1,4 +1,4 @@
-import { type JSX, type ValidComponent } from '@solidjs/web';
+import type { JSX, ValidComponent } from '@solidjs/web';
 import type { BaseUIComponentProps } from '../../types/index.js';
 import type { ToolbarRootOrientation } from '../root/ToolbarRoot.js';
 export interface ToolbarLinkState {

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

@@ -1,4 +1,4 @@
-import { type JSX, type ValidComponent } from '@solidjs/web';
+import type { JSX, ValidComponent } from '@solidjs/web';
 import type { Orientation } from '../../internals/types.js';
 import type { BaseUIComponentProps } from '../../types/index.js';
 export interface ToolbarRootItemMetadata {

package/dist/lib/types/toolbar/separator/ToolbarSeparator.d.ts

@@ -1,4 +1,4 @@
-import { type ValidComponent } from '@solidjs/web';
+import type { ValidComponent } from '@solidjs/web';
 import type { Orientation } from '../../internals/types.js';
 import type { BaseUIComponentProps } from '../../types/index.js';
 export interface ToolbarSeparatorState {

package/dist/lib/types/tooltip/arrow/TooltipArrow.d.ts

@@ -1,4 +1,4 @@
-import { type ValidComponent } from '@solidjs/web';
+import type { ValidComponent } from '@solidjs/web';
 import type { AnchorAlign, AnchorSide } from '../../internals/overlay/index.js';
 import type { BaseUIComponentProps } from '../../types/index.js';
 export interface TooltipArrowState {

package/dist/lib/types/tooltip/positioner/TooltipPositioner.d.ts

@@ -1,5 +1,5 @@
 import { type Accessor } from 'solid-js';
-import { type ValidComponent } from '@solidjs/web';
+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';

package/dist/lib/types/types/index.d.ts

@@ -9,14 +9,18 @@ export type StyleValue<State> = JSX.CSSProperties | string | false | undefined |
 export type Simplify<Value> = Value extends (...args: never[]) => unknown ? Value : {
     [Key in keyof Value]: Value[Key];
 };
-export type PolymorphicProps<Component extends ValidComponent, OwnProps extends object = Record<never, never>, State = Record<never, never>> = Simplify<OwnProps & Omit<ComponentProps<Component>, keyof OwnProps | 'as' | 'class' | 'style'> & {
-    /** Replaces the default root element or component. */
-    as?: Component | undefined;
+export type PolymorphicProps<Component extends ValidComponent, OwnProps extends object = Record<never, never>, State = Record<never, never>> = Simplify<OwnProps & Omit<ComponentProps<Component>, keyof OwnProps | 'render' | 'class' | 'style'> & {
+    /** Replaces the root. Forward the supplied props and ref to one element. */
+    render?: ComponentRenderFn<State> | undefined;
     /** CSS classes, optionally derived from the component state. */
     class?: ClassValue<State> | undefined;
     /** Inline styles, optionally derived from the component state. */
     style?: StyleValue<State> | undefined;
 }>;
+/** Props supplied to a render callback; the callback chooses the concrete DOM target. */
+export type ComponentRenderProps = JSX.HTMLAttributes<any> & Record<string, unknown>;
+/** Runs once per mount. Read props and state in JSX to retain reactivity. */
+export type ComponentRenderFn<State = Record<never, never>> = (props: ComponentRenderProps, state: State) => JSX.Element;
 export type BaseUIComponentProps<Component extends ValidComponent, State, OwnProps extends object = Record<never, never>> = PolymorphicProps<Component, OwnProps, State>;
 export type NativeComponentProps<Component extends ValidComponent, State, OwnProps extends object = Record<never, never>> = Simplify<OwnProps & Omit<ComponentProps<Component>, keyof OwnProps | 'class' | 'style'> & {
     /** CSS classes, optionally derived from the component state. */

package/dist/lib/types/use-render/index.d.ts

@@ -0,0 +1,2 @@
+export { useRender } from './useRender.js';
+export type { ComponentRenderFn, ComponentRenderProps } from '../types/index.js';

package/dist/lib/types/use-render/useRender.d.ts

@@ -0,0 +1,10 @@
+import { type Accessor } from 'solid-js';
+import type { JSX } from '@solidjs/web';
+import type { ComponentRenderFn, ComponentRenderProps } from '../types/index.js';
+/**
+ * Creates a root renderer with a native JSX fallback. The renderer is selected at
+ * mount; conditional roots belong inside the callback, using Solid control flow.
+ */
+export declare function useRender<State extends object>(props: {
+    render?: ComponentRenderFn<State> | undefined;
+}, state: Accessor<State>, fallback: (props: ComponentRenderProps) => JSX.Element): (props: ComponentRenderProps) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-baseui",
-  "version": "0.1.0-alpha.0",
+  "version": "0.1.0-alpha.1",
   "description": "A native Solid 2 port of Base UI. Alpha: unannounced and unstable.",
   "type": "module",
   "module": "./dist/lib/client/index.js",
@@ -17,7 +17,8 @@
   "sideEffects": false,
   "files": [
     "dist/lib",
-    "README.md"
+    "README.md",
+    "CHANGELOG.md"
   ],
   "exports": {
     ".": {
@@ -389,6 +390,15 @@
       "import": "./dist/lib/client/toggle-group/index.js",
       "default": "./dist/lib/client/toggle-group/index.js"
     },
+    "./use-render": {
+      "types": "./dist/lib/types/use-render/index.d.ts",
+      "worker": "./dist/lib/server/use-render/index.js",
+      "deno": "./dist/lib/server/use-render/index.js",
+      "browser": "./dist/lib/client/use-render/index.js",
+      "node": "./dist/lib/server/use-render/index.js",
+      "import": "./dist/lib/client/use-render/index.js",
+      "default": "./dist/lib/client/use-render/index.js"
+    },
     "./types": {
       "types": "./dist/lib/types/types/index.d.ts",
       "default": "./dist/lib/client/types/index.js"
@@ -508,6 +518,8 @@
     "./package.json": "./package.json"
   },
   "scripts": {
+    "bench": "bun benchmarks/run.mjs",
+    "bench:typecheck": "tsc -p benchmarks/solid-baseui/tsconfig.json && tsc -p benchmarks/kobalte/tsconfig.json && tsc -p benchmarks/react/tsconfig.json",
     "start": "vite",
     "dev": "vite",
     "build": "bun run build:lib && bun run build:preview",
@@ -542,14 +554,15 @@
   ],
   "license": "MIT",
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "tag": "alpha"
   },
   "devDependencies": {
     "@solidjs/meta": "^1.0.0-next.2",
-    "@solidjs/router": "^2.0.0-next.16",
-    "@solidjs/testing-library": "1.0.0-beta.2",
-    "@solidjs/vite-plugin": "^3.0.0-next.29",
-    "@solidjs/web": "^2.0.0-rc.0",
+    "@solidjs/router": "2.0.0-next.17",
+    "@solidjs/testing-library": "1.0.0-beta.3",
+    "@solidjs/vite-plugin": "3.0.0-next.38",
+    "@solidjs/web": "2.0.0-rc.6",
     "@testing-library/jest-dom": "^6.6.3",
     "@types/node": "^26.2.0",
     "@vitest/browser-playwright": "4.1.10",
@@ -558,15 +571,15 @@
     "jsdom": "^25.0.1",
     "oxlint": "~1.79.0",
     "playwright": "1.62.1",
-    "solid-js": "^2.0.0-rc.0",
+    "solid-js": "2.0.0-rc.6",
     "typescript": "^5.9.2",
     "vite": "^8.1.5",
     "vitest": "4.1.10",
     "zod": "4.4.3"
   },
   "peerDependencies": {
-    "@solidjs/web": "^2.0.0-rc.0",
-    "solid-js": "^2.0.0-rc.0"
+    "@solidjs/web": "^2.0.0-rc.6",
+    "solid-js": "^2.0.0-rc.6"
   },
   "dependencies": {
     "@floating-ui/dom": "1.8.0",
@@ -577,7 +590,7 @@
     "packageManager": {
       "name": "bun",
       "version": "1.4.0",
-      "onFail": "download"
+      "onFail": "warn"
     }
   }
 }