@ark-ui/solid 0.10.1 → 1.0.0-beta.0

package/editable/use-editable.d.ts

@@ -3,5 +3,5 @@ import { type PropTypes } from '@zag-js/solid';
 import { type Accessor } from 'solid-js';
 import { type Optional } from '../types';
 export type UseEditableProps = Optional<editable.Context, 'id'>;
-export type UseEditableReturn = Accessor<editable.MachineApi<PropTypes>>;
-export declare const useEditable: (props: UseEditableProps) => Accessor<editable.MachineApi<PropTypes>>;
+export type UseEditableReturn = Accessor<editable.Api<PropTypes>>;
+export declare const useEditable: (props: UseEditableProps) => Accessor<editable.Api<PropTypes>>;

package/environment/index.d.ts

@@ -1,8 +1,8 @@
 import { JSX } from 'solid-js';
 import { type EnvironmentProps } from './environment';
-import { useEnvironmentContext } from './environment-context';
+import { useEnvironmentContext, type EnvironmentContext } from './environment-context';
 declare const Environment: ((props: EnvironmentProps) => JSX.Element) & {
     Root: (props: EnvironmentProps) => JSX.Element;
 };
 export { Environment, useEnvironmentContext };
-export type { EnvironmentProps };
+export type { EnvironmentContext, EnvironmentProps };

package/factory.cjs

@@ -47,4 +47,3 @@ function jsxFactory() {
 const ark = jsxFactory();
 
 exports.ark = ark;
-exports.jsxFactory = jsxFactory;

package/factory.d.ts

@@ -9,6 +9,5 @@ type JsxElements = {
 type AsChildForwardRefComponent<E extends ElementType> = Component<AsChildComponentProps<E>>;
 type AsChildComponentProps<E extends ElementType> = ComponentProps<E> & AsChildProps;
 export type HTMLArkProps<T extends ElementType> = AsChildComponentProps<T>;
-export declare function jsxFactory(): JsxElements;
 export declare const ark: JsxElements;
 export {};

package/factory.mjs

@@ -42,4 +42,4 @@ function jsxFactory() {
 }
 const ark = jsxFactory();
 
-export { ark, jsxFactory };
+export { ark };

package/hover-card/hover-card-content.cjs

@@ -5,12 +5,23 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const web = require('solid-js/web');
 const solid = require('@zag-js/solid');
 const factory = require('../factory.cjs');
+const index = require('../presence/index.cjs');
 const hoverCardContext = require('./hover-card-context.cjs');
+const splitPresenceProps = require('../presence/split-presence-props.cjs');
 
 const HoverCardContent = props => {
-  const hoverCard = hoverCardContext.useHoverCardContext();
-  const contentProps = solid.mergeProps(() => hoverCard().contentProps, props);
-  return web.createComponent(factory.ark.div, contentProps);
+  const [presenceProps, localProps] = splitPresenceProps.splitPresenceProps(props);
+  const api = hoverCardContext.useHoverCardContext();
+  const mergedProps = solid.mergeProps(() => api().contentProps, localProps);
+  return web.createComponent(index.Presence, web.mergeProps({
+    get present() {
+      return api().isOpen;
+    }
+  }, presenceProps, {
+    get children() {
+      return web.createComponent(factory.ark.div, mergedProps);
+    }
+  }));
 };
 
 exports.HoverCardContent = HoverCardContent;

package/hover-card/hover-card-content.d.ts

@@ -1,4 +1,5 @@
 import { JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
-export type HoverCardContentProps = HTMLArkProps<'div'>;
+import { type PresenceProps } from '../presence';
+export type HoverCardContentProps = HTMLArkProps<'div'> & PresenceProps;
 export declare const HoverCardContent: (props: HoverCardContentProps) => JSX.Element;

package/hover-card/hover-card-content.mjs

@@ -1,12 +1,23 @@
-import { createComponent } from 'solid-js/web';
+import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps } from '@zag-js/solid';
 import { ark } from '../factory.mjs';
+import { Presence } from '../presence/index.mjs';
 import { useHoverCardContext } from './hover-card-context.mjs';
+import { splitPresenceProps } from '../presence/split-presence-props.mjs';
 
 const HoverCardContent = props => {
-  const hoverCard = useHoverCardContext();
-  const contentProps = mergeProps(() => hoverCard().contentProps, props);
-  return createComponent(ark.div, contentProps);
+  const [presenceProps, localProps] = splitPresenceProps(props);
+  const api = useHoverCardContext();
+  const mergedProps = mergeProps(() => api().contentProps, localProps);
+  return createComponent(Presence, mergeProps$1({
+    get present() {
+      return api().isOpen;
+    }
+  }, presenceProps, {
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  }));
 };
 
 export { HoverCardContent };

package/hover-card/hover-card.cjs

@@ -9,7 +9,7 @@ const hoverCardContext = require('./hover-card-context.cjs');
 const useHoverCard = require('./use-hover-card.cjs');
 
 const HoverCard = props => {
-  const [hoverCardProps, localProps] = createSplitProps.createSplitProps()(props, ['closeDelay', 'dir', 'getRootNode', 'id', 'ids', 'onClose', 'onOpen', 'open', 'openDelay', 'positioning']);
+  const [hoverCardProps, localProps] = createSplitProps.createSplitProps()(props, ['closeDelay', 'dir', 'getRootNode', 'id', 'ids', 'onOpenChange', 'open', 'openDelay', 'positioning']);
   const api = useHoverCard.useHoverCard(hoverCardProps);
   const getChildren = () => runIfFn.runIfFn(localProps.children, api);
   return web.createComponent(hoverCardContext.HoverCardProvider, {

package/hover-card/hover-card.mjs

@@ -5,7 +5,7 @@ import { HoverCardProvider } from './hover-card-context.mjs';
 import { useHoverCard } from './use-hover-card.mjs';
 
 const HoverCard = props => {
-  const [hoverCardProps, localProps] = createSplitProps()(props, ['closeDelay', 'dir', 'getRootNode', 'id', 'ids', 'onClose', 'onOpen', 'open', 'openDelay', 'positioning']);
+  const [hoverCardProps, localProps] = createSplitProps()(props, ['closeDelay', 'dir', 'getRootNode', 'id', 'ids', 'onOpenChange', 'open', 'openDelay', 'positioning']);
   const api = useHoverCard(hoverCardProps);
   const getChildren = () => runIfFn(localProps.children, api);
   return createComponent(HoverCardProvider, {

package/hover-card/index.cjs

@@ -2,17 +2,16 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const hoverCard$1 = require('./hover-card.cjs');
+const hoverCard = require('./hover-card.cjs');
 const hoverCardArrow = require('./hover-card-arrow.cjs');
 const hoverCardArrowTip = require('./hover-card-arrow-tip.cjs');
 const hoverCardContent = require('./hover-card-content.cjs');
 const hoverCardContext = require('./hover-card-context.cjs');
 const hoverCardPositioner = require('./hover-card-positioner.cjs');
 const hoverCardTrigger = require('./hover-card-trigger.cjs');
-const hoverCard = require('@zag-js/hover-card');
 
-const HoverCard = Object.assign(hoverCard$1.HoverCard, {
-  Root: hoverCard$1.HoverCard,
+const HoverCard = Object.assign(hoverCard.HoverCard, {
+  Root: hoverCard.HoverCard,
   Arrow: hoverCardArrow.HoverCardArrow,
   ArrowTip: hoverCardArrowTip.HoverCardArrowTip,
   Content: hoverCardContent.HoverCardContent,
@@ -26,8 +25,4 @@ exports.HoverCardContent = hoverCardContent.HoverCardContent;
 exports.useHoverCardContext = hoverCardContext.useHoverCardContext;
 exports.HoverCardPositioner = hoverCardPositioner.HoverCardPositioner;
 exports.HoverCardTrigger = hoverCardTrigger.HoverCardTrigger;
-Object.defineProperty(exports, 'hoverCardAnatomy', {
-  enumerable: true,
-  get: () => hoverCard.anatomy
-});
 exports.HoverCard = HoverCard;

package/hover-card/index.d.ts

@@ -3,10 +3,9 @@ import { type HoverCardProps } from './hover-card';
 import { HoverCardArrow, type HoverCardArrowProps } from './hover-card-arrow';
 import { HoverCardArrowTip, type HoverCardArrowTipProps } from './hover-card-arrow-tip';
 import { HoverCardContent, type HoverCardContentProps } from './hover-card-content';
-import { useHoverCardContext } from './hover-card-context';
+import { useHoverCardContext, type HoverCardContext } from './hover-card-context';
 import { HoverCardPositioner, type HoverCardPositionerProps } from './hover-card-positioner';
 import { HoverCardTrigger, type HoverCardTriggerProps } from './hover-card-trigger';
-import { hoverCardAnatomy } from './hover-card.anatomy';
 declare const HoverCard: ((props: HoverCardProps) => JSX.Element) & {
     Root: (props: HoverCardProps) => JSX.Element;
     Arrow: (props: HoverCardArrowProps) => JSX.Element;
@@ -15,5 +14,5 @@ declare const HoverCard: ((props: HoverCardProps) => JSX.Element) & {
     Positioner: (props: HoverCardPositionerProps) => JSX.Element;
     Trigger: (props: HoverCardTriggerProps) => JSX.Element;
 };
-export { HoverCard, HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardPositioner, HoverCardTrigger, hoverCardAnatomy, useHoverCardContext, };
-export type { HoverCardArrowProps, HoverCardArrowTipProps, HoverCardContentProps, HoverCardPositionerProps, HoverCardProps, HoverCardTriggerProps, };
+export { HoverCard, HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardPositioner, HoverCardTrigger, useHoverCardContext, };
+export type { HoverCardArrowProps, HoverCardArrowTipProps, HoverCardContentProps, HoverCardContext, HoverCardPositionerProps, HoverCardProps, HoverCardTriggerProps, };

package/hover-card/index.mjs

@@ -5,7 +5,6 @@ import { HoverCardContent } from './hover-card-content.mjs';
 export { useHoverCardContext } from './hover-card-context.mjs';
 import { HoverCardPositioner } from './hover-card-positioner.mjs';
 import { HoverCardTrigger } from './hover-card-trigger.mjs';
-export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
 
 const HoverCard = Object.assign(HoverCard$1, {
   Root: HoverCard$1,