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

package/dist/cjs/index.js

@@ -10,8 +10,8 @@ var anatomy = require('@ark-ui/anatomy');
 var carousel$1 = require('@zag-js/carousel');
 var checkbox$1 = require('@zag-js/checkbox');
 var clipboard$1 = require('@zag-js/clipboard');
-var presence = require('@zag-js/presence');
 var colorPicker$1 = require('@zag-js/color-picker');
+var presence = require('@zag-js/presence');
 var combobox$1 = require('@zag-js/combobox');
 var datePicker$1 = require('@zag-js/date-picker');
 var dialog$1 = require('@zag-js/dialog');
@@ -62,8 +62,8 @@ var avatar__namespace = /*#__PURE__*/_interopNamespaceDefault(avatar$1);
 var carousel__namespace = /*#__PURE__*/_interopNamespaceDefault(carousel$1);
 var checkbox__namespace = /*#__PURE__*/_interopNamespaceDefault(checkbox$1);
 var clipboard__namespace = /*#__PURE__*/_interopNamespaceDefault(clipboard$1);
-var presence__namespace = /*#__PURE__*/_interopNamespaceDefault(presence);
 var colorPicker__namespace = /*#__PURE__*/_interopNamespaceDefault(colorPicker$1);
+var presence__namespace = /*#__PURE__*/_interopNamespaceDefault(presence);
 var combobox__namespace = /*#__PURE__*/_interopNamespaceDefault(combobox$1);
 var datePicker__namespace = /*#__PURE__*/_interopNamespaceDefault(datePicker$1);
 var dialog__namespace = /*#__PURE__*/_interopNamespaceDefault(dialog$1);
@@ -131,27 +131,22 @@ const splitRenderStrategyProps = props => createSplitProps()(props, ['lazyMount'
 
 const withAsProp = Component => {
   const ArkComponent = props => {
-    const [localProps, otherProps] = solidJs.splitProps(props, ['asChild']);
+    const [localProps, parentProps] = solidJs.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] = solidJs.splitProps(otherProps, ['children', 'ref']);
+      // @ts-expect-error
+      const propsFn = userProps => {
+        const [, restProps] = solidJs.splitProps(parentProps, ['ref']);
         return {
-          ref: otherProps.ref,
+          ref: parentProps.ref,
           ...solid.mergeProps(restProps, userProps)
         };
       };
-      return web.memo(() => otherProps.children(fn));
+      return localProps.asChild(propsFn);
     }
-
-    // biome-ignore lint/suspicious/noExplicitAny: <explanation>
+    // @ts-expect-error
     return web.createComponent(web.Dynamic, web.mergeProps({
       component: Component
-    }, otherProps));
+    }, parentProps));
   };
   return ArkComponent;
 };
@@ -195,7 +190,7 @@ const CollapsibleContext = props => props.children(useCollapsibleContext());
 const isFunction = value => typeof value === 'function';
 const runIfFn = (valueOrFn, ...args) => isFunction(valueOrFn) ? valueOrFn(...args) : valueOrFn;
 
-const [EnvironmentProvider, useEnvironmentContext] = createContext({
+const [EnvironmentContextProvider, useEnvironmentContext] = createContext({
   hookName: 'useEnvironmentContext',
   providerName: '<EnvironmentProvider />',
   strict: false,
@@ -207,7 +202,7 @@ const [EnvironmentProvider, useEnvironmentContext] = createContext({
 });
 
 var _tmpl$$6 = /*#__PURE__*/web.template(`<span hidden>`);
-const Environment = props => {
+const EnvironmentProvider = props => {
   const [spanRef, setSpanRef] = solidJs.createSignal();
   const getRootNode = () => runIfFn(props.value) ?? spanRef()?.ownerDocument ?? document;
   const environment = solidJs.createMemo(() => ({
@@ -215,7 +210,7 @@ const Environment = props => {
     getDocument: () => domQuery.getDocument(getRootNode()),
     getWindow: () => domQuery.getWindow(getRootNode())
   }));
-  return web.createComponent(EnvironmentProvider, {
+  return web.createComponent(EnvironmentContextProvider, {
     value: environment,
     get children() {
       return [web.memo(() => props.children), web.createComponent(solidJs.Show, {
@@ -673,7 +668,6 @@ const ClipboardIndicator = props => {
   const mergedProps = solid.mergeProps(api().getIndicatorProps({
     copied: api().copied
   }), localProps);
-  // @ts-expect-error TODO fix
   const getChildren = solidJs.children(() => localProps.children);
   return web.createComponent(ark.div, web.mergeProps(mergedProps, {
     get children() {
@@ -4505,7 +4499,7 @@ exports.EditableLabel = EditableLabel;
 exports.EditablePreview = EditablePreview;
 exports.EditableRoot = EditableRoot;
 exports.EditableSubmitTrigger = EditableSubmitTrigger;
-exports.Environment = Environment;
+exports.EnvironmentProvider = EnvironmentProvider;
 exports.FileUpload = fileUpload;
 exports.FileUploadContext = FileUploadContext;
 exports.FileUploadDropzone = FileUploadDropzone;