@ark-ui/react 2.1.0 → 2.2.0

package/collapsible/index.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const collapsibleContent = require('./collapsible-content.cjs');
+const collapsibleContext = require('./collapsible-context.cjs');
+const collapsibleRoot = require('./collapsible-root.cjs');
+const collapsibleTrigger = require('./collapsible-trigger.cjs');
+const collapsible = require('./collapsible.cjs');
+
+
+
+exports.CollapsibleContent = collapsibleContent.CollapsibleContent;
+exports.useCollapsibleContext = collapsibleContext.useCollapsibleContext;
+exports.CollapsibleRoot = collapsibleRoot.CollapsibleRoot;
+exports.CollapsibleTrigger = collapsibleTrigger.CollapsibleTrigger;
+exports.Collapsible = collapsible;

package/collapsible/index.d.ts

@@ -0,0 +1,8 @@
+import type { OpenChangeDetails as CollapsibleOpenChangeDetails } from '@zag-js/collapsible';
+import { CollapsibleContent, type CollapsibleContentProps } from './collapsible-content';
+import { useCollapsibleContext, type CollapsibleContext } from './collapsible-context';
+import { CollapsibleRoot, type CollapsibleRootProps } from './collapsible-root';
+import { CollapsibleTrigger, type CollapsibleTriggerProps } from './collapsible-trigger';
+export * as Collapsible from './collapsible';
+export { CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, useCollapsibleContext };
+export type { CollapsibleContentProps, CollapsibleContext, CollapsibleOpenChangeDetails, CollapsibleRootProps, CollapsibleTriggerProps, };

package/collapsible/index.mjs

@@ -0,0 +1,6 @@
+export { CollapsibleContent } from './collapsible-content.mjs';
+export { useCollapsibleContext } from './collapsible-context.mjs';
+export { CollapsibleRoot } from './collapsible-root.mjs';
+export { CollapsibleTrigger } from './collapsible-trigger.mjs';
+import * as collapsible from './collapsible.mjs';
+export { collapsible as Collapsible };

package/collapsible/split-collapsible-props.cjs

@@ -0,0 +1,22 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createSplitProps = require('../create-split-props.cjs');
+
+const splitCollapsibleProps = (props) => createSplitProps.createSplitProps()(props, [
+  "defaultOpen",
+  "dir",
+  "disabled",
+  "getRootNode",
+  "id",
+  "ids",
+  "lazyMount",
+  "onExitComplete",
+  "onOpenChange",
+  "open",
+  "unmountOnExit"
+]);
+
+exports.splitCollapsibleProps = splitCollapsibleProps;

package/collapsible/split-collapsible-props.d.ts

@@ -0,0 +1,2 @@
+import type { UseCollapsibleProps } from './use-collapsible';
+export declare const splitCollapsibleProps: <T extends UseCollapsibleProps>(props: T) => [UseCollapsibleProps, Omit<T, "id" | "dir" | "disabled" | "open" | "getRootNode" | "ids" | "lazyMount" | "unmountOnExit" | "onExitComplete" | "onOpenChange" | "defaultOpen">];

package/collapsible/split-collapsible-props.mjs

@@ -0,0 +1,18 @@
+'use client';
+import { createSplitProps } from '../create-split-props.mjs';
+
+const splitCollapsibleProps = (props) => createSplitProps()(props, [
+  "defaultOpen",
+  "dir",
+  "disabled",
+  "getRootNode",
+  "id",
+  "ids",
+  "lazyMount",
+  "onExitComplete",
+  "onOpenChange",
+  "open",
+  "unmountOnExit"
+]);
+
+export { splitCollapsibleProps };

package/collapsible/use-collapsible.cjs

@@ -0,0 +1,55 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const collapsible = require('@zag-js/collapsible');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const environmentContext = require('../environment/environment-context.cjs');
+const useEvent = require('../use-event.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const collapsible__namespace = /*#__PURE__*/_interopNamespaceDefault(collapsible);
+
+const useCollapsible = (props = {}) => {
+  const { lazyMount, unmountOnExit } = props;
+  const wasVisible = react.useRef(false);
+  const initialContext = {
+    id: react.useId(),
+    getRootNode: environmentContext.useEnvironmentContext(),
+    ...props,
+    open: props.defaultOpen ?? props.open,
+    "open.controlled": props.open !== void 0
+  };
+  const context = {
+    ...initialContext,
+    open: props.open,
+    onOpenChange: useEvent.useEvent(props.onOpenChange, { sync: true })
+  };
+  const [state, send] = react$1.useMachine(collapsible__namespace.machine(initialContext), { context });
+  const api = collapsible__namespace.connect(state, send, react$1.normalizeProps);
+  if (api.isVisible) {
+    wasVisible.current = true;
+  }
+  const isUnmounted = !api.isVisible && !wasVisible.current && lazyMount || unmountOnExit && !api.isVisible && wasVisible.current;
+  return { ...api, isUnmounted };
+};
+
+exports.useCollapsible = useCollapsible;

package/collapsible/use-collapsible.d.ts

@@ -0,0 +1,17 @@
+import * as collapsible from '@zag-js/collapsible';
+import { type PropTypes } from '@zag-js/react';
+import type { RenderStrategyProps } from '../render-strategy';
+import { type Optional } from '../types';
+export interface UseCollapsibleProps extends Optional<Omit<collapsible.Context, 'open.controlled'>, 'id'>, RenderStrategyProps {
+    /**
+     * The initial open state of the collpasible.
+     */
+    defaultOpen?: collapsible.Context['open'];
+}
+export interface UseCollapsibleReturn extends collapsible.Api<PropTypes> {
+    /**
+     * Whether the content is unmounted
+     */
+    isUnmounted?: boolean;
+}
+export declare const useCollapsible: (props?: UseCollapsibleProps) => UseCollapsibleReturn;

package/collapsible/use-collapsible.mjs

@@ -0,0 +1,32 @@
+'use client';
+import * as collapsible from '@zag-js/collapsible';
+import { useMachine, normalizeProps } from '@zag-js/react';
+import { useRef, useId } from 'react';
+import { useEnvironmentContext } from '../environment/environment-context.mjs';
+import { useEvent } from '../use-event.mjs';
+
+const useCollapsible = (props = {}) => {
+  const { lazyMount, unmountOnExit } = props;
+  const wasVisible = useRef(false);
+  const initialContext = {
+    id: useId(),
+    getRootNode: useEnvironmentContext(),
+    ...props,
+    open: props.defaultOpen ?? props.open,
+    "open.controlled": props.open !== void 0
+  };
+  const context = {
+    ...initialContext,
+    open: props.open,
+    onOpenChange: useEvent(props.onOpenChange, { sync: true })
+  };
+  const [state, send] = useMachine(collapsible.machine(initialContext), { context });
+  const api = collapsible.connect(state, send, normalizeProps);
+  if (api.isVisible) {
+    wasVisible.current = true;
+  }
+  const isUnmounted = !api.isVisible && !wasVisible.current && lazyMount || unmountOnExit && !api.isVisible && wasVisible.current;
+  return { ...api, isUnmounted };
+};
+
+export { useCollapsible };

package/dialog/dialog-backdrop.cjs

@@ -7,14 +7,14 @@ const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
 const factory = require('../factory.cjs');
-const presencePropsContext = require('../presence/presence-props-context.cjs');
 const usePresence = require('../presence/use-presence.cjs');
+const renderStrategy = require('../render-strategy.cjs');
 const dialogContext = require('./dialog-context.cjs');
 
 const DialogBackdrop = react.forwardRef((props, ref) => {
   const api = dialogContext.useDialogContext();
-  const presenceProps = presencePropsContext.usePresencePropsContext();
-  const presenceApi = usePresence.usePresence(react$1.mergeProps({ present: api.isOpen }, presenceProps));
+  const renderStrategyProps = renderStrategy.useRenderStrategyContext();
+  const presenceApi = usePresence.usePresence({ ...renderStrategyProps, present: api.isOpen });
   const mergedProps = react$1.mergeProps(api.backdropProps, presenceApi.getPresenceProps(ref), props);
   if (presenceApi.isUnmounted) {
     return null;

package/dialog/dialog-backdrop.mjs

@@ -3,14 +3,14 @@ import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
-import { usePresencePropsContext } from '../presence/presence-props-context.mjs';
 import { usePresence } from '../presence/use-presence.mjs';
+import { useRenderStrategyContext } from '../render-strategy.mjs';
 import { useDialogContext } from './dialog-context.mjs';
 
 const DialogBackdrop = forwardRef((props, ref) => {
   const api = useDialogContext();
-  const presenceProps = usePresencePropsContext();
-  const presenceApi = usePresence(mergeProps({ present: api.isOpen }, presenceProps));
+  const renderStrategyProps = useRenderStrategyContext();
+  const presenceApi = usePresence({ ...renderStrategyProps, present: api.isOpen });
   const mergedProps = mergeProps(api.backdropProps, presenceApi.getPresenceProps(ref), props);
   if (presenceApi.isUnmounted) {
     return null;

package/dialog/dialog-root.cjs

@@ -7,19 +7,20 @@ const jsxRuntime = require('react/jsx-runtime');
 const react = require('@zag-js/react');
 require('react');
 const presenceContext = require('../presence/presence-context.cjs');
-const presencePropsContext = require('../presence/presence-props-context.cjs');
 const splitPresenceProps = require('../presence/split-presence-props.cjs');
 const usePresence = require('../presence/use-presence.cjs');
+const renderStrategy = require('../render-strategy.cjs');
 const runIfFn = require('../run-if-fn.cjs');
 const dialogContext = require('./dialog-context.cjs');
 const useDialog = require('./use-dialog.cjs');
 
 const DialogRoot = (props) => {
   const [presenceProps, { children, ...localProps }] = splitPresenceProps.splitPresenceProps(props);
+  const [renderStrategyProps] = renderStrategy.splitRenderStrategyProps(presenceProps);
   const api = useDialog.useDialog(localProps);
   const presenceApi = usePresence.usePresence(react.mergeProps({ present: api.isOpen }, presenceProps));
   const view = runIfFn.runIfFn(children, api);
-  return /* @__PURE__ */ jsxRuntime.jsx(dialogContext.DialogProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(presencePropsContext.PresencePropsProvider, { value: presenceProps, children: /* @__PURE__ */ jsxRuntime.jsx(presenceContext.PresenceProvider, { value: presenceApi, children: view }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(dialogContext.DialogProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(renderStrategy.RenderStrategyProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsxRuntime.jsx(presenceContext.PresenceProvider, { value: presenceApi, children: view }) }) });
 };
 
 exports.DialogRoot = DialogRoot;

package/dialog/dialog-root.mjs

@@ -3,19 +3,20 @@ import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import 'react';
 import { PresenceProvider } from '../presence/presence-context.mjs';
-import { PresencePropsProvider } from '../presence/presence-props-context.mjs';
 import { splitPresenceProps } from '../presence/split-presence-props.mjs';
 import { usePresence } from '../presence/use-presence.mjs';
+import { splitRenderStrategyProps, RenderStrategyProvider } from '../render-strategy.mjs';
 import { runIfFn } from '../run-if-fn.mjs';
 import { DialogProvider } from './dialog-context.mjs';
 import { useDialog } from './use-dialog.mjs';
 
 const DialogRoot = (props) => {
   const [presenceProps, { children, ...localProps }] = splitPresenceProps(props);
+  const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
   const api = useDialog(localProps);
   const presenceApi = usePresence(mergeProps({ present: api.isOpen }, presenceProps));
   const view = runIfFn(children, api);
-  return /* @__PURE__ */ jsx(DialogProvider, { value: api, children: /* @__PURE__ */ jsx(PresencePropsProvider, { value: presenceProps, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presenceApi, children: view }) }) });
+  return /* @__PURE__ */ jsx(DialogProvider, { value: api, children: /* @__PURE__ */ jsx(RenderStrategyProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presenceApi, children: view }) }) });
 };
 
 export { DialogRoot };

package/factory.cjs

@@ -2,22 +2,26 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const react$1 = require('@zag-js/react');
+const core = require('@zag-js/core');
 const react = require('react');
 const composeRefs = require('./compose-refs.cjs');
 
 const withAsChild = (Component) => {
-  const Comp = react.forwardRef((props, ref) => {
-    const { asChild, children, ...restProps } = props;
-    if (!asChild) {
-      return react.createElement(Component, { ...restProps, ref }, children);
-    }
-    const onlyChild = react.Children.only(children);
-    return react.isValidElement(onlyChild) ? react.cloneElement(onlyChild, {
-      ...react$1.mergeProps(restProps, onlyChild.props),
-      ref: ref ? composeRefs.composeRefs(ref, onlyChild.ref) : onlyChild.ref
-    }) : null;
-  });
+  const Comp = react.memo(
+    react.forwardRef((props, ref) => {
+      const { asChild, children, ...restProps } = props;
+      if (!asChild) {
+        return react.createElement(Component, { ...restProps, ref }, children);
+      }
+      const onlyChild = react.Children.only(children);
+      return react.isValidElement(onlyChild) ? react.cloneElement(onlyChild, {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        ...core.mergeProps(restProps, onlyChild.props),
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        ref: ref ? composeRefs.composeRefs(ref, onlyChild.ref) : onlyChild.ref
+      }) : null;
+    })
+  );
   Comp.displayName = Component.displayName || Component.name;
   return Comp;
 };

package/factory.mjs

@@ -1,19 +1,23 @@
-import { mergeProps } from '@zag-js/react';
-import { forwardRef, createElement, Children, isValidElement, cloneElement } from 'react';
+import { mergeProps } from '@zag-js/core';
+import { memo, forwardRef, createElement, Children, isValidElement, cloneElement } from 'react';
 import { composeRefs } from './compose-refs.mjs';
 
 const withAsChild = (Component) => {
-  const Comp = forwardRef((props, ref) => {
-    const { asChild, children, ...restProps } = props;
-    if (!asChild) {
-      return createElement(Component, { ...restProps, ref }, children);
-    }
-    const onlyChild = Children.only(children);
-    return isValidElement(onlyChild) ? cloneElement(onlyChild, {
-      ...mergeProps(restProps, onlyChild.props),
-      ref: ref ? composeRefs(ref, onlyChild.ref) : onlyChild.ref
-    }) : null;
-  });
+  const Comp = memo(
+    forwardRef((props, ref) => {
+      const { asChild, children, ...restProps } = props;
+      if (!asChild) {
+        return createElement(Component, { ...restProps, ref }, children);
+      }
+      const onlyChild = Children.only(children);
+      return isValidElement(onlyChild) ? cloneElement(onlyChild, {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        ...mergeProps(restProps, onlyChild.props),
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        ref: ref ? composeRefs(ref, onlyChild.ref) : onlyChild.ref
+      }) : null;
+    })
+  );
   Comp.displayName = Component.displayName || Component.name;
   return Comp;
 };

package/index.cjs

@@ -32,6 +32,20 @@ const checkboxIndicator = require('./checkbox/checkbox-indicator.cjs');
 const checkboxLabel = require('./checkbox/checkbox-label.cjs');
 const checkboxRoot = require('./checkbox/checkbox-root.cjs');
 const checkbox = require('./checkbox/checkbox.cjs');
+require('@zag-js/clipboard');
+const clipboardContext = require('./clipboard/clipboard-context.cjs');
+const clipboardControl = require('./clipboard/clipboard-control.cjs');
+const clipboardIndicator = require('./clipboard/clipboard-indicator.cjs');
+const clipboardInput = require('./clipboard/clipboard-input.cjs');
+const clipboardLabel = require('./clipboard/clipboard-label.cjs');
+const clipboardRoot = require('./clipboard/clipboard-root.cjs');
+const clipboardTrigger = require('./clipboard/clipboard-trigger.cjs');
+const clipboard = require('./clipboard/clipboard.cjs');
+const collapsibleContent = require('./collapsible/collapsible-content.cjs');
+const collapsibleContext = require('./collapsible/collapsible-context.cjs');
+const collapsibleRoot = require('./collapsible/collapsible-root.cjs');
+const collapsibleTrigger = require('./collapsible/collapsible-trigger.cjs');
+const collapsible = require('./collapsible/collapsible.cjs');
 const colorPickerArea = require('./color-picker/color-picker-area.cjs');
 const colorPickerAreaBackground = require('./color-picker/color-picker-area-background.cjs');
 const colorPickerAreaContext = require('./color-picker/color-picker-area-context.cjs');
@@ -203,7 +217,6 @@ const popover = require('./popover/popover.cjs');
 const portal = require('./portal.cjs');
 const presence = require('./presence/presence.cjs');
 const presenceContext = require('./presence/presence-context.cjs');
-const presencePropsContext = require('./presence/presence-props-context.cjs');
 const splitPresenceProps = require('./presence/split-presence-props.cjs');
 const usePresence = require('./presence/use-presence.cjs');
 const progressCircle = require('./progress/progress-circle.cjs');
@@ -334,14 +347,6 @@ const treeViewLabel = require('./tree-view/tree-view-label.cjs');
 const treeViewRoot = require('./tree-view/tree-view-root.cjs');
 const treeViewTree = require('./tree-view/tree-view-tree.cjs');
 const treeView = require('./tree-view/tree-view.cjs');
-const clipboard = require('./clipboard/clipboard.cjs');
-const clipboardControl = require('./clipboard/clipboard-control.cjs');
-const clipboardIndicator = require('./clipboard/clipboard-indicator.cjs');
-const clipboardInput = require('./clipboard/clipboard-input.cjs');
-const clipboardLabel = require('./clipboard/clipboard-label.cjs');
-const clipboardRoot = require('./clipboard/clipboard-root.cjs');
-const clipboardTrigger = require('./clipboard/clipboard-trigger.cjs');
-const clipboardContext = require('./clipboard/clipboard-context.cjs');
 
 
 
@@ -375,6 +380,19 @@ exports.CheckboxIndicator = checkboxIndicator.CheckboxIndicator;
 exports.CheckboxLabel = checkboxLabel.CheckboxLabel;
 exports.CheckboxRoot = checkboxRoot.CheckboxRoot;
 exports.Checkbox = checkbox;
+exports.useClipboardContext = clipboardContext.useClipboardContext;
+exports.ClipboardControl = clipboardControl.ClipboardControl;
+exports.ClipboardIndicator = clipboardIndicator.ClipboardIndicator;
+exports.ClipboardInput = clipboardInput.ClipboardInput;
+exports.ClipboardLabel = clipboardLabel.ClipboardLabel;
+exports.ClipboardRoot = clipboardRoot.ClipboardRoot;
+exports.ClipboardTrigger = clipboardTrigger.ClipboardTrigger;
+exports.Clipboard = clipboard;
+exports.CollapsibleContent = collapsibleContent.CollapsibleContent;
+exports.useCollapsibleContext = collapsibleContext.useCollapsibleContext;
+exports.CollapsibleRoot = collapsibleRoot.CollapsibleRoot;
+exports.CollapsibleTrigger = collapsibleTrigger.CollapsibleTrigger;
+exports.Collapsible = collapsible;
 exports.ColorPickerArea = colorPickerArea.ColorPickerArea;
 exports.ColorPickerAreaBackground = colorPickerAreaBackground.ColorPickerAreaBackground;
 exports.useColorPickerAreaContext = colorPickerAreaContext.useColorPickerAreaContext;
@@ -548,8 +566,6 @@ exports.Portal = portal.Portal;
 exports.Presence = presence.Presence;
 exports.PresenceProvider = presenceContext.PresenceProvider;
 exports.usePresenceContext = presenceContext.usePresenceContext;
-exports.PresencePropsProvider = presencePropsContext.PresencePropsProvider;
-exports.usePresencePropsContext = presencePropsContext.usePresencePropsContext;
 exports.splitPresenceProps = splitPresenceProps.splitPresenceProps;
 exports.usePresence = usePresence.usePresence;
 exports.ProgressCircle = progressCircle.ProgressCircle;
@@ -680,11 +696,3 @@ exports.TreeViewLabel = treeViewLabel.TreeViewLabel;
 exports.TreeViewRoot = treeViewRoot.TreeViewRoot;
 exports.TreeViewTree = treeViewTree.TreeViewTree;
 exports.TreeView = treeView;
-exports.Clipboard = clipboard;
-exports.ClipboardControl = clipboardControl.ClipboardControl;
-exports.ClipboardIndicator = clipboardIndicator.ClipboardIndicator;
-exports.ClipboardInput = clipboardInput.ClipboardInput;
-exports.ClipboardLabel = clipboardLabel.ClipboardLabel;
-exports.ClipboardRoot = clipboardRoot.ClipboardRoot;
-exports.ClipboardTrigger = clipboardTrigger.ClipboardTrigger;
-exports.useClipboardContext = clipboardContext.useClipboardContext;

package/index.d.ts

@@ -3,6 +3,7 @@ export * from './avatar';
 export * from './carousel';
 export * from './checkbox';
 export * from './clipboard';
+export * from './collapsible';
 export * from './color-picker';
 export * from './combobox';
 export * from './date-picker';

package/index.mjs

@@ -32,6 +32,22 @@ export { CheckboxLabel } from './checkbox/checkbox-label.mjs';
 export { CheckboxRoot } from './checkbox/checkbox-root.mjs';
 import * as checkbox from './checkbox/checkbox.mjs';
 export { checkbox as Checkbox };
+import '@zag-js/clipboard';
+export { useClipboardContext } from './clipboard/clipboard-context.mjs';
+export { ClipboardControl } from './clipboard/clipboard-control.mjs';
+export { ClipboardIndicator } from './clipboard/clipboard-indicator.mjs';
+export { ClipboardInput } from './clipboard/clipboard-input.mjs';
+export { ClipboardLabel } from './clipboard/clipboard-label.mjs';
+export { ClipboardRoot } from './clipboard/clipboard-root.mjs';
+export { ClipboardTrigger } from './clipboard/clipboard-trigger.mjs';
+import * as clipboard from './clipboard/clipboard.mjs';
+export { clipboard as Clipboard };
+export { CollapsibleContent } from './collapsible/collapsible-content.mjs';
+export { useCollapsibleContext } from './collapsible/collapsible-context.mjs';
+export { CollapsibleRoot } from './collapsible/collapsible-root.mjs';
+export { CollapsibleTrigger } from './collapsible/collapsible-trigger.mjs';
+import * as collapsible from './collapsible/collapsible.mjs';
+export { collapsible as Collapsible };
 export { ColorPickerArea } from './color-picker/color-picker-area.mjs';
 export { ColorPickerAreaBackground } from './color-picker/color-picker-area-background.mjs';
 export { useColorPickerAreaContext } from './color-picker/color-picker-area-context.mjs';
@@ -215,7 +231,6 @@ export { popover as Popover };
 export { Portal } from './portal.mjs';
 export { Presence } from './presence/presence.mjs';
 export { PresenceProvider, usePresenceContext } from './presence/presence-context.mjs';
-export { PresencePropsProvider, usePresencePropsContext } from './presence/presence-props-context.mjs';
 export { splitPresenceProps } from './presence/split-presence-props.mjs';
 export { usePresence } from './presence/use-presence.mjs';
 export { ProgressCircle } from './progress/progress-circle.mjs';
@@ -360,12 +375,3 @@ export { TreeViewRoot } from './tree-view/tree-view-root.mjs';
 export { TreeViewTree } from './tree-view/tree-view-tree.mjs';
 import * as treeView from './tree-view/tree-view.mjs';
 export { treeView as TreeView };
-import * as clipboard from './clipboard/clipboard.mjs';
-export { clipboard as Clipboard };
-export { ClipboardControl } from './clipboard/clipboard-control.mjs';
-export { ClipboardIndicator } from './clipboard/clipboard-indicator.mjs';
-export { ClipboardInput } from './clipboard/clipboard-input.mjs';
-export { ClipboardLabel } from './clipboard/clipboard-label.mjs';
-export { ClipboardRoot } from './clipboard/clipboard-root.mjs';
-export { ClipboardTrigger } from './clipboard/clipboard-trigger.mjs';
-export { useClipboardContext } from './clipboard/clipboard-context.mjs';

package/menu/menu-item-group.d.ts

@@ -1,8 +1,8 @@
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
-import type { GroupProps } from '@zag-js/menu';
+import type { ItemGroupProps } from '@zag-js/menu';
 import { type HTMLArkProps } from '../factory';
 import { type Assign } from '../types';
-export interface MenuItemGroupProps extends Assign<HTMLArkProps<'div'>, GroupProps> {
+export interface MenuItemGroupProps extends Assign<HTMLArkProps<'div'>, ItemGroupProps> {
 }
 export declare const MenuItemGroup: ForwardRefExoticComponent<MenuItemGroupProps & RefAttributes<HTMLDivElement>>;