@ark-ui/react 3.1.0 → 3.2.1

package/dist/components/tags-input/index.js

@@ -1,16 +1,18 @@
 export { TagsInputClearTrigger } from './tags-input-clear-trigger.js';
 export { TagsInputContext } from './tags-input-context.js';
 export { TagsInputControl } from './tags-input-control.js';
+export { TagsInputHiddenInput } from './tags-input-hidden-input.js';
 export { TagsInputInput } from './tags-input-input.js';
 export { TagsInputItem } from './tags-input-item.js';
 export { TagsInputItemContext } from './tags-input-item-context.js';
 export { TagsInputItemDeleteTrigger } from './tags-input-item-delete-trigger.js';
 export { TagsInputItemInput } from './tags-input-item-input.js';
-export { TagsInputHiddenInput } from './tags-input-hidden-input.js';
 export { TagsInputItemPreview } from './tags-input-item-preview.js';
 export { TagsInputItemText } from './tags-input-item-text.js';
 export { TagsInputLabel } from './tags-input-label.js';
 export { TagsInputRoot } from './tags-input-root.js';
+export { TagsInputRootProvider } from './tags-input-root-provider.js';
+export { useTagsInput } from './use-tags-input.js';
 export { useTagsInputContext } from './use-tags-input-context.js';
 export { useTagsInputItemContext } from './use-tags-input-item-context.js';
 import * as tagsInput from './tags-input.js';

package/dist/components/tags-input/tags-input-clear-trigger.cjs

@@ -12,7 +12,7 @@ const useTagsInputContext = require('./use-tags-input-context.cjs');
 const TagsInputClearTrigger = react.forwardRef(
   (props, ref) => {
     const tagsInput = useTagsInputContext.useTagsInputContext();
-    const mergedProps = react$1.mergeProps(tagsInput.clearTriggerProps, props);
+    const mergedProps = react$1.mergeProps(tagsInput.getClearTriggerProps(), props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
   }
 );

package/dist/components/tags-input/tags-input-clear-trigger.js

@@ -8,7 +8,7 @@ import { useTagsInputContext } from './use-tags-input-context.js';
 const TagsInputClearTrigger = forwardRef(
   (props, ref) => {
     const tagsInput = useTagsInputContext();
-    const mergedProps = mergeProps(tagsInput.clearTriggerProps, props);
+    const mergedProps = mergeProps(tagsInput.getClearTriggerProps(), props);
     return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
   }
 );

package/dist/components/tags-input/tags-input-control.cjs

@@ -11,7 +11,7 @@ const useTagsInputContext = require('./use-tags-input-context.cjs');
 
 const TagsInputControl = react.forwardRef((props, ref) => {
   const tagsInput = useTagsInputContext.useTagsInputContext();
-  const mergedProps = react$1.mergeProps(tagsInput.controlProps, props);
+  const mergedProps = react$1.mergeProps(tagsInput.getControlProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });
 TagsInputControl.displayName = "TagsInputControl";

package/dist/components/tags-input/tags-input-control.js

@@ -7,7 +7,7 @@ import { useTagsInputContext } from './use-tags-input-context.js';
 
 const TagsInputControl = forwardRef((props, ref) => {
   const tagsInput = useTagsInputContext();
-  const mergedProps = mergeProps(tagsInput.controlProps, props);
+  const mergedProps = mergeProps(tagsInput.getControlProps(), props);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
 TagsInputControl.displayName = "TagsInputControl";

package/dist/components/tags-input/tags-input-hidden-input.cjs

@@ -12,7 +12,7 @@ const useTagsInputContext = require('./use-tags-input-context.cjs');
 const TagsInputHiddenInput = react.forwardRef(
   (props, ref) => {
     const tagsInput = useTagsInputContext.useTagsInputContext();
-    const mergedProps = react$1.mergeProps(tagsInput.hiddenInputProps, props);
+    const mergedProps = react$1.mergeProps(tagsInput.getHiddenInputProps(), props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
   }
 );

package/dist/components/tags-input/tags-input-hidden-input.js

@@ -8,7 +8,7 @@ import { useTagsInputContext } from './use-tags-input-context.js';
 const TagsInputHiddenInput = forwardRef(
   (props, ref) => {
     const tagsInput = useTagsInputContext();
-    const mergedProps = mergeProps(tagsInput.hiddenInputProps, props);
+    const mergedProps = mergeProps(tagsInput.getHiddenInputProps(), props);
     return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
   }
 );

package/dist/components/tags-input/tags-input-input.cjs

@@ -11,7 +11,7 @@ const useTagsInputContext = require('./use-tags-input-context.cjs');
 
 const TagsInputInput = react.forwardRef((props, ref) => {
   const tagsInput = useTagsInputContext.useTagsInputContext();
-  const mergedProps = react$1.mergeProps(tagsInput.inputProps, props);
+  const mergedProps = react$1.mergeProps(tagsInput.getInputProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
 });
 TagsInputInput.displayName = "TagsInputInput";

package/dist/components/tags-input/tags-input-input.js

@@ -7,7 +7,7 @@ import { useTagsInputContext } from './use-tags-input-context.js';
 
 const TagsInputInput = forwardRef((props, ref) => {
   const tagsInput = useTagsInputContext();
-  const mergedProps = mergeProps(tagsInput.inputProps, props);
+  const mergedProps = mergeProps(tagsInput.getInputProps(), props);
   return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
 });
 TagsInputInput.displayName = "TagsInputInput";

package/dist/components/tags-input/tags-input-label.cjs

@@ -11,7 +11,7 @@ const useTagsInputContext = require('./use-tags-input-context.cjs');
 
 const TagsInputLabel = react.forwardRef((props, ref) => {
   const tagsInput = useTagsInputContext.useTagsInputContext();
-  const mergedProps = react$1.mergeProps(tagsInput.labelProps, props);
+  const mergedProps = react$1.mergeProps(tagsInput.getLabelProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
 });
 TagsInputLabel.displayName = "TagsInputLabel";

package/dist/components/tags-input/tags-input-label.js

@@ -7,7 +7,7 @@ import { useTagsInputContext } from './use-tags-input-context.js';
 
 const TagsInputLabel = forwardRef((props, ref) => {
   const tagsInput = useTagsInputContext();
-  const mergedProps = mergeProps(tagsInput.labelProps, props);
+  const mergedProps = mergeProps(tagsInput.getLabelProps(), props);
   return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
 });
 TagsInputLabel.displayName = "TagsInputLabel";

package/dist/components/tags-input/tags-input-root-provider.cjs

@@ -0,0 +1,24 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useTagsInputContext = require('./use-tags-input-context.cjs');
+
+const TagsInputRootProvider = react.forwardRef(
+  (props, ref) => {
+    const [{ value: tagsInput }, localProps] = createSplitProps.createSplitProps()(props, [
+      "value"
+    ]);
+    const mergedProps = react$1.mergeProps(tagsInput.getRootProps(), localProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(useTagsInputContext.TagsInputProvider, { value: tagsInput, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+  }
+);
+TagsInputRootProvider.displayName = "TagsInputRootProvider";
+
+exports.TagsInputRootProvider = TagsInputRootProvider;

package/dist/components/tags-input/tags-input-root-provider.d.cts

@@ -0,0 +1,11 @@
+import { HTMLArkProps } from '../factory';
+import { UseTagsInputReturn } from './use-tags-input';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseTagsInputReturn;
+}
+export interface TagsInputRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const TagsInputRootProvider: ForwardRefExoticComponent<TagsInputRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/tags-input/tags-input-root-provider.d.ts

@@ -0,0 +1,11 @@
+import { HTMLArkProps } from '../factory';
+import { UseTagsInputReturn } from './use-tags-input';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseTagsInputReturn;
+}
+export interface TagsInputRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const TagsInputRootProvider: ForwardRefExoticComponent<TagsInputRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/tags-input/tags-input-root-provider.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { TagsInputProvider } from './use-tags-input-context.js';
+
+const TagsInputRootProvider = forwardRef(
+  (props, ref) => {
+    const [{ value: tagsInput }, localProps] = createSplitProps()(props, [
+      "value"
+    ]);
+    const mergedProps = mergeProps(tagsInput.getRootProps(), localProps);
+    return /* @__PURE__ */ jsx(TagsInputProvider, { value: tagsInput, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+  }
+);
+TagsInputRootProvider.displayName = "TagsInputRootProvider";
+
+export { TagsInputRootProvider };

package/dist/components/tags-input/tags-input-root.cjs

@@ -42,7 +42,7 @@ const TagsInputRoot = react.forwardRef((props, ref) => {
     "value"
   ]);
   const tagsInput = useTagsInput.useTagsInput(useTagsInputProps);
-  const mergedProps = react$1.mergeProps(tagsInput.rootProps, localProps);
+  const mergedProps = react$1.mergeProps(tagsInput.getRootProps(), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(useTagsInputContext.TagsInputProvider, { value: tagsInput, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
 });
 TagsInputRoot.displayName = "TagsInputRoot";

package/dist/components/tags-input/tags-input-root.js

@@ -38,7 +38,7 @@ const TagsInputRoot = forwardRef((props, ref) => {
     "value"
   ]);
   const tagsInput = useTagsInput(useTagsInputProps);
-  const mergedProps = mergeProps(tagsInput.rootProps, localProps);
+  const mergedProps = mergeProps(tagsInput.getRootProps(), localProps);
   return /* @__PURE__ */ jsx(TagsInputProvider, { value: tagsInput, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
 });
 TagsInputRoot.displayName = "TagsInputRoot";

package/dist/components/tags-input/tags-input.cjs

@@ -15,6 +15,7 @@ const tagsInputItemPreview = require('./tags-input-item-preview.cjs');
 const tagsInputItemText = require('./tags-input-item-text.cjs');
 const tagsInputLabel = require('./tags-input-label.cjs');
 const tagsInputRoot = require('./tags-input-root.cjs');
+const tagsInputRootProvider = require('./tags-input-root-provider.cjs');
 
 
 
@@ -31,3 +32,4 @@ exports.ItemPreview = tagsInputItemPreview.TagsInputItemPreview;
 exports.ItemText = tagsInputItemText.TagsInputItemText;
 exports.Label = tagsInputLabel.TagsInputLabel;
 exports.Root = tagsInputRoot.TagsInputRoot;
+exports.RootProvider = tagsInputRootProvider.TagsInputRootProvider;

package/dist/components/tags-input/tags-input.d.cts

@@ -12,3 +12,4 @@ export { TagsInputItemPreview as ItemPreview, type TagsInputItemPreviewProps as
 export { TagsInputItemText as ItemText, type TagsInputItemTextProps as ItemTextProps, } from './tags-input-item-text';
 export { TagsInputLabel as Label, type TagsInputLabelProps as LabelProps } from './tags-input-label';
 export { TagsInputRoot as Root, type TagsInputRootProps as RootProps } from './tags-input-root';
+export { TagsInputRootProvider as RootProvider, type TagsInputRootProviderProps as RootProviderProps, } from './tags-input-root-provider';

package/dist/components/tags-input/tags-input.d.ts

@@ -12,3 +12,4 @@ export { TagsInputItemPreview as ItemPreview, type TagsInputItemPreviewProps as
 export { TagsInputItemText as ItemText, type TagsInputItemTextProps as ItemTextProps, } from './tags-input-item-text';
 export { TagsInputLabel as Label, type TagsInputLabelProps as LabelProps } from './tags-input-label';
 export { TagsInputRoot as Root, type TagsInputRootProps as RootProps } from './tags-input-root';
+export { TagsInputRootProvider as RootProvider, type TagsInputRootProviderProps as RootProviderProps, } from './tags-input-root-provider';

package/dist/components/tags-input/tags-input.js

@@ -11,3 +11,4 @@ export { TagsInputItemPreview as ItemPreview } from './tags-input-item-preview.j
 export { TagsInputItemText as ItemText } from './tags-input-item-text.js';
 export { TagsInputLabel as Label } from './tags-input-label.js';
 export { TagsInputRoot as Root } from './tags-input-root.js';
+export { TagsInputRootProvider as RootProvider } from './tags-input-root-provider.js';

package/dist/components/toast/toast-action-trigger.cjs

@@ -12,7 +12,7 @@ const useToastContext = require('./use-toast-context.cjs');
 const ToastActionTrigger = react.forwardRef(
   (props, ref) => {
     const toast = useToastContext.useToastContext();
-    const mergedProps = react$1.mergeProps(toast.actionTriggerProps, props);
+    const mergedProps = react$1.mergeProps(toast.getActionTriggerProps(), props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
   }
 );

package/dist/components/toast/toast-action-trigger.js

@@ -8,7 +8,7 @@ import { useToastContext } from './use-toast-context.js';
 const ToastActionTrigger = forwardRef(
   (props, ref) => {
     const toast = useToastContext();
-    const mergedProps = mergeProps(toast.actionTriggerProps, props);
+    const mergedProps = mergeProps(toast.getActionTriggerProps(), props);
     return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
   }
 );

package/dist/components/toast/toast-close-trigger.cjs

@@ -12,7 +12,7 @@ const useToastContext = require('./use-toast-context.cjs');
 const ToastCloseTrigger = react.forwardRef(
   (props, ref) => {
     const toast = useToastContext.useToastContext();
-    const mergedProps = react$1.mergeProps(toast.closeTriggerProps, props);
+    const mergedProps = react$1.mergeProps(toast.getCloseTriggerProps(), props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
   }
 );

package/dist/components/toast/toast-close-trigger.js

@@ -8,7 +8,7 @@ import { useToastContext } from './use-toast-context.js';
 const ToastCloseTrigger = forwardRef(
   (props, ref) => {
     const toast = useToastContext();
-    const mergedProps = mergeProps(toast.closeTriggerProps, props);
+    const mergedProps = mergeProps(toast.getCloseTriggerProps(), props);
     return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
   }
 );

package/dist/components/toast/toast-description.cjs

@@ -11,7 +11,7 @@ const useToastContext = require('./use-toast-context.cjs');
 
 const ToastDescription = react.forwardRef((props, ref) => {
   const toast = useToastContext.useToastContext();
-  const mergedProps = react$1.mergeProps(toast.descriptionProps, props);
+  const mergedProps = react$1.mergeProps(toast.getDescriptionProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });
 ToastDescription.displayName = "ToastDescription";

package/dist/components/toast/toast-description.js

@@ -7,7 +7,7 @@ import { useToastContext } from './use-toast-context.js';
 
 const ToastDescription = forwardRef((props, ref) => {
   const toast = useToastContext();
-  const mergedProps = mergeProps(toast.descriptionProps, props);
+  const mergedProps = mergeProps(toast.getDescriptionProps(), props);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
 ToastDescription.displayName = "ToastDescription";

package/dist/components/toast/toast-root.cjs

@@ -10,11 +10,11 @@ const useToastContext = require('./use-toast-context.cjs');
 
 const ToastRoot = react.forwardRef((props, ref) => {
   const toast = useToastContext.useToastContext();
-  const mergedProps = react$1.mergeProps(toast.rootProps, props);
+  const mergedProps = react$1.mergeProps(toast.getRootProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...mergedProps, ref, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { ...toast.ghostBeforeProps }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { ...toast.getGhostBeforeProps() }),
     props.children,
-    /* @__PURE__ */ jsxRuntime.jsx("div", { ...toast.ghostAfterProps })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { ...toast.getGhostAfterProps() })
   ] });
 });
 ToastRoot.displayName = "ToastRoot";

package/dist/components/toast/toast-root.js

@@ -6,11 +6,11 @@ import { useToastContext } from './use-toast-context.js';
 
 const ToastRoot = forwardRef((props, ref) => {
   const toast = useToastContext();
-  const mergedProps = mergeProps(toast.rootProps, props);
+  const mergedProps = mergeProps(toast.getRootProps(), props);
   return /* @__PURE__ */ jsxs("div", { ...mergedProps, ref, children: [
-    /* @__PURE__ */ jsx("div", { ...toast.ghostBeforeProps }),
+    /* @__PURE__ */ jsx("div", { ...toast.getGhostBeforeProps() }),
     props.children,
-    /* @__PURE__ */ jsx("div", { ...toast.ghostAfterProps })
+    /* @__PURE__ */ jsx("div", { ...toast.getGhostAfterProps() })
   ] });
 });
 ToastRoot.displayName = "ToastRoot";

package/dist/components/toast/toast-title.cjs

@@ -11,7 +11,7 @@ const useToastContext = require('./use-toast-context.cjs');
 
 const ToastTitle = react.forwardRef((props, ref) => {
   const toast = useToastContext.useToastContext();
-  const mergedProps = react$1.mergeProps(toast.titleProps, props);
+  const mergedProps = react$1.mergeProps(toast.getTitleProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });
 ToastTitle.displayName = "ToastTitle";

package/dist/components/toast/toast-title.js

@@ -7,7 +7,7 @@ import { useToastContext } from './use-toast-context.js';
 
 const ToastTitle = forwardRef((props, ref) => {
   const toast = useToastContext();
-  const mergedProps = mergeProps(toast.titleProps, props);
+  const mergedProps = mergeProps(toast.getTitleProps(), props);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
 ToastTitle.displayName = "ToastTitle";

package/dist/components/toggle-group/index.cjs

@@ -5,6 +5,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const toggleGroupContext = require('./toggle-group-context.cjs');
 const toggleGroupItem = require('./toggle-group-item.cjs');
 const toggleGroupRoot = require('./toggle-group-root.cjs');
+const toggleGroupRootProvider = require('./toggle-group-root-provider.cjs');
+const useToggleGroup = require('./use-toggle-group.cjs');
 const useToggleGroupContext = require('./use-toggle-group-context.cjs');
 const toggleGroup = require('./toggle-group.cjs');
 
@@ -13,5 +15,7 @@ const toggleGroup = require('./toggle-group.cjs');
 exports.ToggleGroupContext = toggleGroupContext.ToggleGroupContext;
 exports.ToggleGroupItem = toggleGroupItem.ToggleGroupItem;
 exports.ToggleGroupRoot = toggleGroupRoot.ToggleGroupRoot;
+exports.ToggleGroupRootProvider = toggleGroupRootProvider.ToggleGroupRootProvider;
+exports.useToggleGroup = useToggleGroup.useToggleGroup;
 exports.useToggleGroupContext = useToggleGroupContext.useToggleGroupContext;
 exports.ToggleGroup = toggleGroup;

package/dist/components/toggle-group/index.d.cts

@@ -2,5 +2,7 @@ export type { ValueChangeDetails as ToggleGroupValueChangeDetails } from '@zag-j
 export { ToggleGroupContext, type ToggleGroupContextProps } from './toggle-group-context';
 export { ToggleGroupItem, type ToggleGroupItemProps } from './toggle-group-item';
 export { ToggleGroupRoot, type ToggleGroupRootProps } from './toggle-group-root';
-export { type UseToggleGroupContext, useToggleGroupContext } from './use-toggle-group-context';
+export { ToggleGroupRootProvider, type ToggleGroupRootProviderProps, } from './toggle-group-root-provider';
+export { useToggleGroup, type UseToggleGroupProps, type UseToggleGroupReturn, } from './use-toggle-group';
+export { useToggleGroupContext, type UseToggleGroupContext } from './use-toggle-group-context';
 export * as ToggleGroup from './toggle-group';

package/dist/components/toggle-group/index.d.ts

@@ -2,5 +2,7 @@ export type { ValueChangeDetails as ToggleGroupValueChangeDetails } from '@zag-j
 export { ToggleGroupContext, type ToggleGroupContextProps } from './toggle-group-context';
 export { ToggleGroupItem, type ToggleGroupItemProps } from './toggle-group-item';
 export { ToggleGroupRoot, type ToggleGroupRootProps } from './toggle-group-root';
-export { type UseToggleGroupContext, useToggleGroupContext } from './use-toggle-group-context';
+export { ToggleGroupRootProvider, type ToggleGroupRootProviderProps, } from './toggle-group-root-provider';
+export { useToggleGroup, type UseToggleGroupProps, type UseToggleGroupReturn, } from './use-toggle-group';
+export { useToggleGroupContext, type UseToggleGroupContext } from './use-toggle-group-context';
 export * as ToggleGroup from './toggle-group';

package/dist/components/toggle-group/index.js

@@ -1,6 +1,8 @@
 export { ToggleGroupContext } from './toggle-group-context.js';
 export { ToggleGroupItem } from './toggle-group-item.js';
 export { ToggleGroupRoot } from './toggle-group-root.js';
+export { ToggleGroupRootProvider } from './toggle-group-root-provider.js';
+export { useToggleGroup } from './use-toggle-group.js';
 export { useToggleGroupContext } from './use-toggle-group-context.js';
 import * as toggleGroup from './toggle-group.js';
 export { toggleGroup as ToggleGroup };

package/dist/components/toggle-group/toggle-group-root-provider.cjs

@@ -0,0 +1,24 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useToggleGroupContext = require('./use-toggle-group-context.cjs');
+
+const ToggleGroupRootProvider = react.forwardRef(
+  (props, ref) => {
+    const [{ value: toggleGroup }, localProps] = createSplitProps.createSplitProps()(props, [
+      "value"
+    ]);
+    const mergedProps = react$1.mergeProps(toggleGroup.getRootProps(), localProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(useToggleGroupContext.ToggleGroupProvider, { value: toggleGroup, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+  }
+);
+ToggleGroupRootProvider.displayName = "ToggleGroupRootProvider";
+
+exports.ToggleGroupRootProvider = ToggleGroupRootProvider;

package/dist/components/toggle-group/toggle-group-root-provider.d.cts

@@ -0,0 +1,11 @@
+import { HTMLArkProps } from '../factory';
+import { UseToggleGroupReturn } from './use-toggle-group';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseToggleGroupReturn;
+}
+export interface ToggleGroupRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const ToggleGroupRootProvider: ForwardRefExoticComponent<ToggleGroupRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/toggle-group/toggle-group-root-provider.d.ts

@@ -0,0 +1,11 @@
+import { HTMLArkProps } from '../factory';
+import { UseToggleGroupReturn } from './use-toggle-group';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseToggleGroupReturn;
+}
+export interface ToggleGroupRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const ToggleGroupRootProvider: ForwardRefExoticComponent<ToggleGroupRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/toggle-group/toggle-group-root-provider.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { ToggleGroupProvider } from './use-toggle-group-context.js';
+
+const ToggleGroupRootProvider = forwardRef(
+  (props, ref) => {
+    const [{ value: toggleGroup }, localProps] = createSplitProps()(props, [
+      "value"
+    ]);
+    const mergedProps = mergeProps(toggleGroup.getRootProps(), localProps);
+    return /* @__PURE__ */ jsx(ToggleGroupProvider, { value: toggleGroup, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+  }
+);
+ToggleGroupRootProvider.displayName = "ToggleGroupRootProvider";
+
+export { ToggleGroupRootProvider };

package/dist/components/toggle-group/toggle-group-root.cjs

@@ -25,7 +25,7 @@ const ToggleGroupRoot = react.forwardRef((props, ref) => {
     "value"
   ]);
   const togglegroup = useToggleGroup.useToggleGroup(useToggleGroupProps);
-  const mergedProps = react$1.mergeProps(togglegroup.rootProps, localProps);
+  const mergedProps = react$1.mergeProps(togglegroup.getRootProps(), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(useToggleGroupContext.ToggleGroupProvider, { value: togglegroup, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
 });
 ToggleGroupRoot.displayName = "ToggleGroupRoot";

package/dist/components/toggle-group/toggle-group-root.js

@@ -21,7 +21,7 @@ const ToggleGroupRoot = forwardRef((props, ref) => {
     "value"
   ]);
   const togglegroup = useToggleGroup(useToggleGroupProps);
-  const mergedProps = mergeProps(togglegroup.rootProps, localProps);
+  const mergedProps = mergeProps(togglegroup.getRootProps(), localProps);
   return /* @__PURE__ */ jsx(ToggleGroupProvider, { value: togglegroup, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
 });
 ToggleGroupRoot.displayName = "ToggleGroupRoot";

package/dist/components/tooltip/index.cjs

@@ -8,7 +8,9 @@ const tooltipContent = require('./tooltip-content.cjs');
 const tooltipContext = require('./tooltip-context.cjs');
 const tooltipPositioner = require('./tooltip-positioner.cjs');
 const tooltipRoot = require('./tooltip-root.cjs');
+const tooltipRootProvider = require('./tooltip-root-provider.cjs');
 const tooltipTrigger = require('./tooltip-trigger.cjs');
+const useTooltip = require('./use-tooltip.cjs');
 const useTooltipContext = require('./use-tooltip-context.cjs');
 const tooltip = require('./tooltip.cjs');
 
@@ -20,6 +22,8 @@ exports.TooltipContent = tooltipContent.TooltipContent;
 exports.TooltipContext = tooltipContext.TooltipContext;
 exports.TooltipPositioner = tooltipPositioner.TooltipPositioner;
 exports.TooltipRoot = tooltipRoot.TooltipRoot;
+exports.TooltipRootProvider = tooltipRootProvider.TooltipRootProvider;
 exports.TooltipTrigger = tooltipTrigger.TooltipTrigger;
+exports.useTooltip = useTooltip.useTooltip;
 exports.useTooltipContext = useTooltipContext.useTooltipContext;
 exports.Tooltip = tooltip;

package/dist/components/tooltip/index.d.cts

@@ -5,6 +5,8 @@ export { TooltipContent, type TooltipContentProps } from './tooltip-content';
 export { TooltipContext, type TooltipContextProps } from './tooltip-context';
 export { TooltipPositioner, type TooltipPositionerProps } from './tooltip-positioner';
 export { TooltipRoot, type TooltipRootProps } from './tooltip-root';
+export { TooltipRootProvider, type TooltipRootProviderProps } from './tooltip-root-provider';
 export { TooltipTrigger, type TooltipTriggerProps } from './tooltip-trigger';
-export { type UseTooltipContext, useTooltipContext } from './use-tooltip-context';
+export { useTooltip, type UseTooltipProps, type UseTooltipReturn } from './use-tooltip';
+export { useTooltipContext, type UseTooltipContext } from './use-tooltip-context';
 export * as Tooltip from './tooltip';

package/dist/components/tooltip/index.d.ts

@@ -5,6 +5,8 @@ export { TooltipContent, type TooltipContentProps } from './tooltip-content';
 export { TooltipContext, type TooltipContextProps } from './tooltip-context';
 export { TooltipPositioner, type TooltipPositionerProps } from './tooltip-positioner';
 export { TooltipRoot, type TooltipRootProps } from './tooltip-root';
+export { TooltipRootProvider, type TooltipRootProviderProps } from './tooltip-root-provider';
 export { TooltipTrigger, type TooltipTriggerProps } from './tooltip-trigger';
-export { type UseTooltipContext, useTooltipContext } from './use-tooltip-context';
+export { useTooltip, type UseTooltipProps, type UseTooltipReturn } from './use-tooltip';
+export { useTooltipContext, type UseTooltipContext } from './use-tooltip-context';
 export * as Tooltip from './tooltip';

package/dist/components/tooltip/index.js

@@ -4,7 +4,9 @@ export { TooltipContent } from './tooltip-content.js';
 export { TooltipContext } from './tooltip-context.js';
 export { TooltipPositioner } from './tooltip-positioner.js';
 export { TooltipRoot } from './tooltip-root.js';
+export { TooltipRootProvider } from './tooltip-root-provider.js';
 export { TooltipTrigger } from './tooltip-trigger.js';
+export { useTooltip } from './use-tooltip.js';
 export { useTooltipContext } from './use-tooltip-context.js';
 import * as tooltip from './tooltip.js';
 export { tooltip as Tooltip };

package/dist/components/tooltip/tooltip-arrow-tip.cjs

@@ -11,7 +11,7 @@ const useTooltipContext = require('./use-tooltip-context.cjs');
 
 const TooltipArrowTip = react.forwardRef((props, ref) => {
   const tooltip = useTooltipContext.useTooltipContext();
-  const mergedProps = react$1.mergeProps(tooltip.arrowTipProps, props);
+  const mergedProps = react$1.mergeProps(tooltip.getArrowTipProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });
 TooltipArrowTip.displayName = "TooltipArrowTip";

package/dist/components/tooltip/tooltip-arrow-tip.js

@@ -7,7 +7,7 @@ import { useTooltipContext } from './use-tooltip-context.js';
 
 const TooltipArrowTip = forwardRef((props, ref) => {
   const tooltip = useTooltipContext();
-  const mergedProps = mergeProps(tooltip.arrowTipProps, props);
+  const mergedProps = mergeProps(tooltip.getArrowTipProps(), props);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
 TooltipArrowTip.displayName = "TooltipArrowTip";

package/dist/components/tooltip/tooltip-arrow.cjs

@@ -11,7 +11,7 @@ const useTooltipContext = require('./use-tooltip-context.cjs');
 
 const TooltipArrow = react.forwardRef((props, ref) => {
   const tooltip = useTooltipContext.useTooltipContext();
-  const mergedProps = react$1.mergeProps(tooltip.arrowProps, props);
+  const mergedProps = react$1.mergeProps(tooltip.getArrowProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });
 TooltipArrow.displayName = "TooltipArrow";

package/dist/components/tooltip/tooltip-arrow.js

@@ -7,7 +7,7 @@ import { useTooltipContext } from './use-tooltip-context.js';
 
 const TooltipArrow = forwardRef((props, ref) => {
   const tooltip = useTooltipContext();
-  const mergedProps = mergeProps(tooltip.arrowProps, props);
+  const mergedProps = mergeProps(tooltip.getArrowProps(), props);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
 TooltipArrow.displayName = "TooltipArrow";

package/dist/components/tooltip/tooltip-content.cjs

@@ -13,7 +13,7 @@ const useTooltipContext = require('./use-tooltip-context.cjs');
 const TooltipContent = react.forwardRef((props, ref) => {
   const tooltip = useTooltipContext.useTooltipContext();
   const presence = usePresenceContext.usePresenceContext();
-  const mergedProps = react$1.mergeProps(tooltip.contentProps, presence.getPresenceProps(ref), props);
+  const mergedProps = react$1.mergeProps(tooltip.getContentProps(), presence.getPresenceProps(ref), props);
   if (presence.unmounted) {
     return null;
   }