@ark-ui/solid 3.0.0-5 → 3.0.0-6

package/dist/source/components/clipboard/clipboard-indicator.jsx

@@ -7,7 +7,6 @@ export const ClipboardIndicator = (props) => {
     const [indicatorProps, localProps] = createSplitProps()(props, ['copied']);
     const api = useClipboardContext();
     const mergedProps = mergeProps(api().getIndicatorProps({ copied: api().copied }), localProps);
-    // @ts-expect-error TODO fix
     const getChildren = children(() => localProps.children);
     return (<ark.div {...mergedProps}>
       <Show when={api().copied} fallback={getChildren()}>

package/dist/source/components/factory.jsx

@@ -3,20 +3,17 @@ import { splitProps } from 'solid-js';
 import { Dynamic } from 'solid-js/web';
 const withAsProp = (Component) => {
     const ArkComponent = (props) => {
-        const [localProps, otherProps] = splitProps(props, ['asChild']);
+        const [localProps, parentProps] = splitProps(props, ['asChild']);
         if (localProps.asChild) {
-            if (typeof otherProps.children !== 'function') {
-                throw new Error('Children must be a function');
-            }
-            // @ts-expect-error TODO improve
-            const fn = (userProps) => {
-                const [, restProps] = splitProps(otherProps, ['children', 'ref']);
-                return { ref: otherProps.ref, ...mergeProps(restProps, userProps) };
+            // @ts-expect-error
+            const propsFn = (userProps) => {
+                const [, restProps] = splitProps(parentProps, ['ref']);
+                return { ref: parentProps.ref, ...mergeProps(restProps, userProps) };
             };
-            return <>{otherProps.children(fn)}</>;
+            return localProps.asChild(propsFn);
         }
-        // biome-ignore lint/suspicious/noExplicitAny: <explanation>
-        return <Dynamic component={Component} {...otherProps}/>;
+        // @ts-expect-error
+        return <Dynamic component={Component} {...parentProps}/>;
     };
     return ArkComponent;
 };

package/dist/source/components/presence/index.js

@@ -1,5 +1,4 @@
-import { Presence } from './presence';
-import { splitPresenceProps } from './split-presence-props';
-import { usePresence } from './use-presence';
-import { PresenceProvider, usePresenceContext, } from './use-presence-context';
-export { Presence, PresenceProvider, splitPresenceProps, usePresence, usePresenceContext };
+export { Presence } from './presence';
+export { splitPresenceProps } from './split-presence-props';
+export { usePresence } from './use-presence';
+export { PresenceProvider, usePresenceContext, } from './use-presence-context';

package/dist/source/providers/environment/{environment.jsx → environment-provider.jsx}

@@ -1,8 +1,8 @@
 import { getDocument, getWindow } from '@zag-js/dom-query';
 import { Show, createMemo, createSignal } from 'solid-js';
 import { runIfFn } from '../../utils/run-if-fn';
-import { EnvironmentProvider } from './use-environment-context';
-export const Environment = (props) => {
+import { EnvironmentContextProvider } from './use-environment-context';
+export const EnvironmentProvider = (props) => {
     const [spanRef, setSpanRef] = createSignal();
     const getRootNode = () => runIfFn(props.value) ?? spanRef()?.ownerDocument ?? document;
     const environment = createMemo(() => ({
@@ -10,10 +10,10 @@ export const Environment = (props) => {
         getDocument: () => getDocument(getRootNode()),
         getWindow: () => getWindow(getRootNode()),
     }));
-    return (<EnvironmentProvider value={environment}>
+    return (<EnvironmentContextProvider value={environment}>
       {props.children}
       <Show when={!props.value}>
         <span hidden ref={setSpanRef}/>
       </Show>
-    </EnvironmentProvider>);
+    </EnvironmentContextProvider>);
 };

package/dist/source/providers/environment/index.js

@@ -1,2 +1,2 @@
-export { Environment } from './environment';
+export { EnvironmentProvider } from './environment-provider';
 export { useEnvironmentContext, } from './use-environment-context';

package/dist/source/providers/environment/use-environment-context.js

@@ -1,5 +1,5 @@
 import { createContext } from '../../utils/create-context';
-export const [EnvironmentProvider, useEnvironmentContext] = createContext({
+export const [EnvironmentContextProvider, useEnvironmentContext] = createContext({
     hookName: 'useEnvironmentContext',
     providerName: '<EnvironmentProvider />',
     strict: false,

package/dist/types/components/checkbox/checkbox-hidden-input.d.ts

@@ -1,4 +1,4 @@
 import { type HTMLArkProps } from '../factory';
-export interface CheckboxHiddenInputProps extends HTMLArkProps<'div'> {
+export interface CheckboxHiddenInputProps extends HTMLArkProps<'input'> {
 }
 export declare const CheckboxHiddenInput: (props: CheckboxHiddenInputProps) => import("solid-js").JSX.Element;

package/dist/types/components/factory.d.ts

@@ -4,10 +4,9 @@ type ElementType = keyof JSX.IntrinsicElements;
 type JsxElements = {
     [E in ElementType]: ArkComponent<E>;
 };
-type PropsFn<T extends ElementType> = (userProps?: JSX.IntrinsicElements[T]) => JSX.HTMLAttributes<HTMLElement>;
+type ParentProps<T extends ElementType> = (userProps?: JSX.IntrinsicElements[T]) => JSX.HTMLAttributes<any>;
 type PolymorphicProps<T extends ElementType> = {
-    asChild?: boolean;
-    children?: JSX.Element | ((props: PropsFn<T>) => JSX.Element);
+    asChild?: (props: ParentProps<T>) => JSX.Element;
 };
 type HTMLArkProps<E extends ElementType> = Assign<ComponentProps<E>, PolymorphicProps<E>>;
 type ArkComponent<E extends ElementType> = (props: HTMLArkProps<E>) => JSX.Element;

package/dist/types/components/presence/index.d.ts

@@ -1,6 +1,4 @@
-import { Presence, type PresenceProps } from './presence';
-import { splitPresenceProps } from './split-presence-props';
-import { type UsePresenceProps, type UsePresenceReturn, usePresence } from './use-presence';
-import { PresenceProvider, type UsePresenceContext, usePresenceContext } from './use-presence-context';
-export { Presence, PresenceProvider, splitPresenceProps, usePresence, usePresenceContext };
-export type { PresenceProps, UsePresenceContext, UsePresenceProps, UsePresenceReturn };
+export { Presence, type PresenceProps } from './presence';
+export { splitPresenceProps } from './split-presence-props';
+export { type UsePresenceProps, type UsePresenceReturn, usePresence } from './use-presence';
+export { PresenceProvider, type UsePresenceContext, usePresenceContext, } from './use-presence-context';

package/dist/types/providers/environment/{environment.d.ts → environment-provider.d.ts}

@@ -1,7 +1,7 @@
 import { type JSX } from 'solid-js';
 import { type RootNode } from './use-environment-context';
-export interface EnvironmentProps {
+export interface EnvironmentProviderProps {
     children?: JSX.Element;
     value?: RootNode | (() => RootNode);
 }
-export declare const Environment: (props: EnvironmentProps) => JSX.Element;
+export declare const EnvironmentProvider: (props: EnvironmentProviderProps) => JSX.Element;

package/dist/types/providers/environment/index.d.ts

@@ -1,2 +1,2 @@
-export { Environment, type EnvironmentProps } from './environment';
+export { EnvironmentProvider, type EnvironmentProviderProps } from './environment-provider';
 export { useEnvironmentContext, type EnvironmentContext, type RootNode, } from './use-environment-context';

package/dist/types/providers/environment/use-environment-context.d.ts

@@ -4,15 +4,18 @@ export interface EnvironmentContext {
     /**
      * The root node of the application.
      * This is used to determine the window and document objects.
+     * @default document
      */
     getRootNode(): RootNode;
     /**
      * The document context for the root node.
+     * @default document
      */
     getDocument(): Document;
     /**
      * The window context for the root node.
+     * @default window
      */
     getWindow(): Window & typeof globalThis;
 }
-export declare const EnvironmentProvider: import("solid-js").ContextProviderComponent<Accessor<EnvironmentContext>>, useEnvironmentContext: () => Accessor<EnvironmentContext>;
+export declare const EnvironmentContextProvider: import("solid-js").ContextProviderComponent<Accessor<EnvironmentContext>>, useEnvironmentContext: () => Accessor<EnvironmentContext>;

package/dist/types/providers/locale/locale-provider.d.ts

@@ -1,7 +1,8 @@
 import { type ParentProps } from 'solid-js';
 export interface LocaleProviderProps extends ParentProps {
     /**
-     * The locale to use. For example, 'en-US'.
+     * The locale to use for the application.
+     * @default 'en-US'
      */
     locale: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/solid",
-  "version": "3.0.0-5",
+  "version": "3.0.0-6",
   "description": "A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -80,7 +80,7 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@ark-ui/anatomy": "3.0.0",
+    "@ark-ui/anatomy": "3.1.0",
     "@zag-js/accordion": "0.50.0",
     "@zag-js/avatar": "0.50.0",
     "@zag-js/carousel": "0.50.0",
@@ -122,7 +122,7 @@
   "devDependencies": {
     "@biomejs/biome": "1.7.3",
     "@release-it/keep-a-changelog": "5.0.0",
-    "@solidjs/testing-library": "0.8.7",
+    "@solidjs/testing-library": "0.8.8",
     "@storybook/addon-a11y": "8.1.1",
     "@storybook/addon-essentials": "8.1.1",
     "@testing-library/dom": "10.1.0",