@ark-ui/react 5.30.0 → 5.31.0

package/dist/components/index.js

@@ -181,6 +181,7 @@ export { DatePickerPositioner } from './date-picker/date-picker-positioner.js';
 export { DatePickerPresetTrigger } from './date-picker/date-picker-preset-trigger.js';
 export { DatePickerPrevTrigger } from './date-picker/date-picker-prev-trigger.js';
 export { DatePickerRangeText } from './date-picker/date-picker-range-text.js';
+export { DatePickerValueText } from './date-picker/date-picker-value-text.js';
 export { DatePickerRoot } from './date-picker/date-picker-root.js';
 export { DatePickerRootProvider } from './date-picker/date-picker-root-provider.js';
 export { DatePickerTable } from './date-picker/date-picker-table.js';
@@ -737,6 +738,8 @@ export { useTooltip } from './tooltip/use-tooltip.js';
 export { useTooltipContext } from './tooltip/use-tooltip-context.js';
 import * as tooltip from './tooltip/tooltip.js';
 export { tooltip as Tooltip };
+export { waitForElement, waitForElementValue, waitForPromise } from '@zag-js/tour';
+export { waitForEvent } from './tour/wait-for-event.js';
 export { TourActionTrigger } from './tour/tour-action-trigger.js';
 export { TourActions } from './tour/tour-actions.js';
 export { TourArrow } from './tour/tour-arrow.js';

package/dist/components/json-tree-view/json-tree-view-root-provider.cjs

@@ -6,9 +6,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const react = require('react');
 const treeViewRootProvider = require('../tree-view/tree-view-root-provider.cjs');
+const jsonTreeViewPropsContext = require('./json-tree-view-props-context.cjs');
 
 const JsonTreeViewRootProvider = react.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(treeViewRootProvider.TreeViewRootProvider, { "data-scope": "json-tree-view", ...props, ref });
+  const { value, ...restProps } = props;
+  const { options, ...treeView$1 } = value;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsonTreeViewPropsContext.JsonTreeViewPropsProvider, { value: options, children: /* @__PURE__ */ jsxRuntime.jsx(treeViewRootProvider.TreeViewRootProvider, { "data-scope": "json-tree-view", value: treeView$1, ...restProps, ref }) });
 });
 JsonTreeViewRootProvider.displayName = "JsonTreeViewRootProvider";
 

package/dist/components/json-tree-view/json-tree-view-root-provider.d.cts

@@ -1,6 +1,8 @@
 import { JsonNode } from '@zag-js/json-tree-utils';
 import { TreeView } from '../tree-view';
+import { UseJsonTreeViewReturn } from './use-json-tree-view';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface JsonTreeViewRootProviderProps extends TreeView.RootProviderProps<JsonNode> {
+export interface JsonTreeViewRootProviderProps extends Omit<TreeView.RootProviderProps<JsonNode>, 'value'> {
+    value: UseJsonTreeViewReturn;
 }
 export declare const JsonTreeViewRootProvider: ForwardRefExoticComponent<JsonTreeViewRootProviderProps & RefAttributes<HTMLDivElement>>;

package/dist/components/json-tree-view/json-tree-view-root-provider.d.ts

@@ -1,6 +1,8 @@
 import { JsonNode } from '@zag-js/json-tree-utils';
 import { TreeView } from '../tree-view';
+import { UseJsonTreeViewReturn } from './use-json-tree-view';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface JsonTreeViewRootProviderProps extends TreeView.RootProviderProps<JsonNode> {
+export interface JsonTreeViewRootProviderProps extends Omit<TreeView.RootProviderProps<JsonNode>, 'value'> {
+    value: UseJsonTreeViewReturn;
 }
 export declare const JsonTreeViewRootProvider: ForwardRefExoticComponent<JsonTreeViewRootProviderProps & RefAttributes<HTMLDivElement>>;

package/dist/components/json-tree-view/json-tree-view-root-provider.js

@@ -2,9 +2,12 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { TreeViewRootProvider } from '../tree-view/tree-view-root-provider.js';
+import { JsonTreeViewPropsProvider } from './json-tree-view-props-context.js';
 
 const JsonTreeViewRootProvider = forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx(TreeViewRootProvider, { "data-scope": "json-tree-view", ...props, ref });
+  const { value, ...restProps } = props;
+  const { options, ...treeView$1 } = value;
+  return /* @__PURE__ */ jsx(JsonTreeViewPropsProvider, { value: options, children: /* @__PURE__ */ jsx(TreeViewRootProvider, { "data-scope": "json-tree-view", value: treeView$1, ...restProps, ref }) });
 });
 JsonTreeViewRootProvider.displayName = "JsonTreeViewRootProvider";
 

package/dist/components/json-tree-view/use-json-tree-view.cjs

@@ -5,12 +5,21 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsonTreeUtils = require('@zag-js/json-tree-utils');
 const react = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
 const treeCollection = require('../collection/tree-collection.cjs');
 const useTreeView = require('../tree-view/use-tree-view.cjs');
 const getBranchValue = require('./get-branch-value.cjs');
 
+const splitJsonTreeViewProps = createSplitProps.createSplitProps();
 const useJsonTreeView = (props) => {
-  const { data, defaultExpandedDepth = 1, ...restProps } = props;
+  const [jsonTreeProps, localProps] = splitJsonTreeViewProps(props, [
+    "maxPreviewItems",
+    "collapseStringsAfterLength",
+    "quotesOnKeys",
+    "groupArraysAfterLength",
+    "showNonenumerable"
+  ]);
+  const { data, defaultExpandedDepth = 1, ...restProps } = localProps;
   const collection = react.useMemo(() => {
     return treeCollection.createTreeCollection({
       nodeToValue: jsonTreeUtils.nodeToValue,
@@ -21,12 +30,13 @@ const useJsonTreeView = (props) => {
   const defaultExpandedValue = react.useMemo(() => {
     return defaultExpandedDepth != null ? getBranchValue.getBranchValues(collection, defaultExpandedDepth) : void 0;
   }, [collection, defaultExpandedDepth]);
-  return useTreeView.useTreeView({
+  const treeView = useTreeView.useTreeView({
     defaultExpandedValue,
     ...restProps,
     collection,
     typeahead: false
   });
+  return { ...treeView, options: jsonTreeProps };
 };
 
 exports.useJsonTreeView = useJsonTreeView;

package/dist/components/json-tree-view/use-json-tree-view.d.cts

@@ -1,9 +1,11 @@
 import { JsonNode } from '@zag-js/json-tree-utils';
 import { UseTreeViewProps, UseTreeViewReturn } from '../tree-view';
-export interface UseJsonTreeViewProps extends Omit<UseTreeViewProps<JsonNode>, 'collection'> {
+import { JsonTreeViewOptions } from './json-tree-view-props-context';
+export interface UseJsonTreeViewProps extends Omit<UseTreeViewProps<JsonNode>, 'collection'>, JsonTreeViewOptions {
     data: unknown;
     defaultExpandedDepth?: number;
 }
 export interface UseJsonTreeViewReturn extends UseTreeViewReturn<JsonNode> {
+    options: JsonTreeViewOptions;
 }
-export declare const useJsonTreeView: (props: UseJsonTreeViewProps) => UseTreeViewReturn<JsonNode<any>>;
+export declare const useJsonTreeView: (props: UseJsonTreeViewProps) => UseJsonTreeViewReturn;

package/dist/components/json-tree-view/use-json-tree-view.d.ts

@@ -1,9 +1,11 @@
 import { JsonNode } from '@zag-js/json-tree-utils';
 import { UseTreeViewProps, UseTreeViewReturn } from '../tree-view';
-export interface UseJsonTreeViewProps extends Omit<UseTreeViewProps<JsonNode>, 'collection'> {
+import { JsonTreeViewOptions } from './json-tree-view-props-context';
+export interface UseJsonTreeViewProps extends Omit<UseTreeViewProps<JsonNode>, 'collection'>, JsonTreeViewOptions {
     data: unknown;
     defaultExpandedDepth?: number;
 }
 export interface UseJsonTreeViewReturn extends UseTreeViewReturn<JsonNode> {
+    options: JsonTreeViewOptions;
 }
-export declare const useJsonTreeView: (props: UseJsonTreeViewProps) => UseTreeViewReturn<JsonNode<any>>;
+export declare const useJsonTreeView: (props: UseJsonTreeViewProps) => UseJsonTreeViewReturn;

package/dist/components/json-tree-view/use-json-tree-view.js

@@ -1,12 +1,21 @@
 'use client';
-import { getRootNode, nodeToString, nodeToValue } from '@zag-js/json-tree-utils';
+import { nodeToString, nodeToValue, getRootNode } from '@zag-js/json-tree-utils';
 import { useMemo } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
 import { createTreeCollection } from '../collection/tree-collection.js';
 import { useTreeView } from '../tree-view/use-tree-view.js';
 import { getBranchValues } from './get-branch-value.js';
 
+const splitJsonTreeViewProps = createSplitProps();
 const useJsonTreeView = (props) => {
-  const { data, defaultExpandedDepth = 1, ...restProps } = props;
+  const [jsonTreeProps, localProps] = splitJsonTreeViewProps(props, [
+    "maxPreviewItems",
+    "collapseStringsAfterLength",
+    "quotesOnKeys",
+    "groupArraysAfterLength",
+    "showNonenumerable"
+  ]);
+  const { data, defaultExpandedDepth = 1, ...restProps } = localProps;
   const collection = useMemo(() => {
     return createTreeCollection({
       nodeToValue,
@@ -17,12 +26,13 @@ const useJsonTreeView = (props) => {
   const defaultExpandedValue = useMemo(() => {
     return defaultExpandedDepth != null ? getBranchValues(collection, defaultExpandedDepth) : void 0;
   }, [collection, defaultExpandedDepth]);
-  return useTreeView({
+  const treeView = useTreeView({
     defaultExpandedValue,
     ...restProps,
     collection,
     typeahead: false
   });
+  return { ...treeView, options: jsonTreeProps };
 };
 
 export { useJsonTreeView };

package/dist/components/marquee/index.cjs

@@ -11,8 +11,8 @@ const marqueeRootProvider = require('./marquee-root-provider.cjs');
 const marqueeViewport = require('./marquee-viewport.cjs');
 const useMarquee = require('./use-marquee.cjs');
 const useMarqueeContext = require('./use-marquee-context.cjs');
-const marquee$1 = require('./marquee.cjs');
-const marquee = require('@zag-js/marquee');
+const marquee = require('./marquee.cjs');
+const marquee$1 = require('@zag-js/marquee');
 
 
 
@@ -25,8 +25,8 @@ exports.MarqueeRootProvider = marqueeRootProvider.MarqueeRootProvider;
 exports.MarqueeViewport = marqueeViewport.MarqueeViewport;
 exports.useMarquee = useMarquee.useMarquee;
 exports.useMarqueeContext = useMarqueeContext.useMarqueeContext;
-exports.Marquee = marquee$1;
+exports.Marquee = marquee;
 Object.defineProperty(exports, "marqueeAnatomy", {
   enumerable: true,
-  get: () => marquee.anatomy
+  get: () => marquee$1.anatomy
 });

package/dist/components/menu/index.cjs

@@ -26,8 +26,8 @@ const menuTriggerItem = require('./menu-trigger-item.cjs');
 const useMenu = require('./use-menu.cjs');
 const useMenuContext = require('./use-menu-context.cjs');
 const useMenuItemContext = require('./use-menu-item-context.cjs');
-const menu$1 = require('./menu.cjs');
-const menu = require('@zag-js/menu');
+const menu = require('./menu.cjs');
+const menu$1 = require('@zag-js/menu');
 
 
 
@@ -55,8 +55,8 @@ exports.MenuTriggerItem = menuTriggerItem.MenuTriggerItem;
 exports.useMenu = useMenu.useMenu;
 exports.useMenuContext = useMenuContext.useMenuContext;
 exports.useMenuItemContext = useMenuItemContext.useMenuItemContext;
-exports.Menu = menu$1;
+exports.Menu = menu;
 Object.defineProperty(exports, "menuAnatomy", {
   enumerable: true,
-  get: () => menu.anatomy
+  get: () => menu$1.anatomy
 });

package/dist/components/navigation-menu/index.cjs

@@ -17,8 +17,8 @@ const navigationMenuViewport = require('./navigation-menu-viewport.cjs');
 const navigationMenuViewportPositioner = require('./navigation-menu-viewport-positioner.cjs');
 const useNavigationMenu = require('./use-navigation-menu.cjs');
 const useNavigationMenuContext = require('./use-navigation-menu-context.cjs');
-const navigationMenu$1 = require('./navigation-menu.cjs');
-const navigationMenu = require('@zag-js/navigation-menu');
+const navigationMenu = require('./navigation-menu.cjs');
+const navigationMenu$1 = require('@zag-js/navigation-menu');
 
 
 
@@ -37,8 +37,8 @@ exports.NavigationMenuViewport = navigationMenuViewport.NavigationMenuViewport;
 exports.NavigationMenuViewportPositioner = navigationMenuViewportPositioner.NavigationMenuViewportPositioner;
 exports.useNavigationMenu = useNavigationMenu.useNavigationMenu;
 exports.useNavigationMenuContext = useNavigationMenuContext.useNavigationMenuContext;
-exports.NavigationMenu = navigationMenu$1;
+exports.NavigationMenu = navigationMenu;
 Object.defineProperty(exports, "navigationMenuAnatomy", {
   enumerable: true,
-  get: () => navigationMenu.anatomy
+  get: () => navigationMenu$1.anatomy
 });

package/dist/components/navigation-menu/navigation-menu-viewport-positioner.cjs

@@ -9,14 +9,15 @@ const react = require('react');
 const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useNavigationMenuContext = require('./use-navigation-menu-context.cjs');
+const useNavigationMenuViewportPropsContext = require('./use-navigation-menu-viewport-props-context.cjs');
 
 const splitViewportProps = createSplitProps.createSplitProps();
 const NavigationMenuViewportPositioner = react.forwardRef(
   (props, ref) => {
-    const [positionerProps, localProps] = splitViewportProps(props, ["align"]);
+    const [viewportProps, localProps] = splitViewportProps(props, ["align"]);
     const navigationMenu = useNavigationMenuContext.useNavigationMenuContext();
-    const mergedProps = react$1.mergeProps(navigationMenu.getViewportPositionerProps(positionerProps), localProps);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+    const mergedProps = react$1.mergeProps(navigationMenu.getViewportPositionerProps(viewportProps), localProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(useNavigationMenuViewportPropsContext.NavigationMenuViewportPropsProvider, { value: viewportProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
   }
 );
 NavigationMenuViewportPositioner.displayName = "NavigationMenuViewportPositioner";

package/dist/components/navigation-menu/navigation-menu-viewport-positioner.js

@@ -5,14 +5,15 @@ import { forwardRef } from 'react';
 import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { useNavigationMenuContext } from './use-navigation-menu-context.js';
+import { NavigationMenuViewportPropsProvider } from './use-navigation-menu-viewport-props-context.js';
 
 const splitViewportProps = createSplitProps();
 const NavigationMenuViewportPositioner = forwardRef(
   (props, ref) => {
-    const [positionerProps, localProps] = splitViewportProps(props, ["align"]);
+    const [viewportProps, localProps] = splitViewportProps(props, ["align"]);
     const navigationMenu = useNavigationMenuContext();
-    const mergedProps = mergeProps(navigationMenu.getViewportPositionerProps(positionerProps), localProps);
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+    const mergedProps = mergeProps(navigationMenu.getViewportPositionerProps(viewportProps), localProps);
+    return /* @__PURE__ */ jsx(NavigationMenuViewportPropsProvider, { value: viewportProps, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
   }
 );
 NavigationMenuViewportPositioner.displayName = "NavigationMenuViewportPositioner";

package/dist/components/navigation-menu/navigation-menu-viewport.cjs

@@ -7,23 +7,25 @@ const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
 const composeRefs = require('../../utils/compose-refs.cjs');
-const createSplitProps = require('../../utils/create-split-props.cjs');
 const renderStrategy = require('../../utils/render-strategy.cjs');
 const factory = require('../factory.cjs');
 const usePresence = require('../presence/use-presence.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useNavigationMenuContext = require('./use-navigation-menu-context.cjs');
+const useNavigationMenuViewportPropsContext = require('./use-navigation-menu-viewport-props-context.cjs');
 
-const splitViewportProps = createSplitProps.createSplitProps();
 const NavigationMenuViewport = react.forwardRef((props, ref) => {
-  const [viewportProps, localProps] = splitViewportProps(props, ["align"]);
+  const viewportPropsContext = useNavigationMenuViewportPropsContext.useNavigationMenuViewportPropsContext();
   const navigationMenu = useNavigationMenuContext.useNavigationMenuContext();
   const renderStrategyProps = renderStrategy.useRenderStrategyPropsContext();
-  const presence = usePresence.usePresence({ ...renderStrategyProps, present: navigationMenu.open });
+  const presence = usePresence.usePresence({
+    ...renderStrategyProps,
+    present: navigationMenu.open
+  });
   const mergedProps = react$1.mergeProps(
-    navigationMenu.getViewportProps(viewportProps),
+    navigationMenu.getViewportProps(viewportPropsContext),
     presence.getPresenceProps(),
-    localProps
+    props
   );
   return /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children: presence.unmounted ? null : /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref: composeRefs.composeRefs(presence.ref, ref) }) });
 });

package/dist/components/navigation-menu/navigation-menu-viewport.d.cts

@@ -1,7 +1,6 @@
-import { ViewportProps } from '@zag-js/navigation-menu';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface NavigationMenuViewportBaseProps extends ViewportProps, PolymorphicProps {
+export interface NavigationMenuViewportBaseProps extends PolymorphicProps {
 }
 export interface NavigationMenuViewportProps extends HTMLProps<'div'>, NavigationMenuViewportBaseProps {
 }

package/dist/components/navigation-menu/navigation-menu-viewport.d.ts

@@ -1,7 +1,6 @@
-import { ViewportProps } from '@zag-js/navigation-menu';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface NavigationMenuViewportBaseProps extends ViewportProps, PolymorphicProps {
+export interface NavigationMenuViewportBaseProps extends PolymorphicProps {
 }
 export interface NavigationMenuViewportProps extends HTMLProps<'div'>, NavigationMenuViewportBaseProps {
 }

package/dist/components/navigation-menu/navigation-menu-viewport.js

@@ -3,23 +3,25 @@ import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
 import { composeRefs } from '../../utils/compose-refs.js';
-import { createSplitProps } from '../../utils/create-split-props.js';
 import { useRenderStrategyPropsContext } from '../../utils/render-strategy.js';
 import { ark } from '../factory.js';
 import { usePresence } from '../presence/use-presence.js';
 import { PresenceProvider } from '../presence/use-presence-context.js';
 import { useNavigationMenuContext } from './use-navigation-menu-context.js';
+import { useNavigationMenuViewportPropsContext } from './use-navigation-menu-viewport-props-context.js';
 
-const splitViewportProps = createSplitProps();
 const NavigationMenuViewport = forwardRef((props, ref) => {
-  const [viewportProps, localProps] = splitViewportProps(props, ["align"]);
+  const viewportPropsContext = useNavigationMenuViewportPropsContext();
   const navigationMenu = useNavigationMenuContext();
   const renderStrategyProps = useRenderStrategyPropsContext();
-  const presence = usePresence({ ...renderStrategyProps, present: navigationMenu.open });
+  const presence = usePresence({
+    ...renderStrategyProps,
+    present: navigationMenu.open
+  });
   const mergedProps = mergeProps(
-    navigationMenu.getViewportProps(viewportProps),
+    navigationMenu.getViewportProps(viewportPropsContext),
     presence.getPresenceProps(),
-    localProps
+    props
   );
   return /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: presence.unmounted ? null : /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) }) });
 });

package/dist/components/navigation-menu/use-navigation-menu-viewport-props-context.cjs

@@ -0,0 +1,16 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [NavigationMenuViewportPropsProvider, useNavigationMenuViewportPropsContext] = createContext.createContext({
+  name: "NavigationMenuViewportPropsContext",
+  hookName: "useNavigationMenuViewportPropsContext",
+  providerName: "<NavigationMenuViewportPropsProvider />",
+  strict: false
+});
+
+exports.NavigationMenuViewportPropsProvider = NavigationMenuViewportPropsProvider;
+exports.useNavigationMenuViewportPropsContext = useNavigationMenuViewportPropsContext;

package/dist/components/navigation-menu/use-navigation-menu-viewport-props-context.d.cts

@@ -0,0 +1,3 @@
+import { ViewportProps } from '@zag-js/navigation-menu';
+import { Provider } from 'react';
+export declare const NavigationMenuViewportPropsProvider: Provider<ViewportProps>, useNavigationMenuViewportPropsContext: () => ViewportProps;

package/dist/components/navigation-menu/use-navigation-menu-viewport-props-context.d.ts

@@ -0,0 +1,3 @@
+import { ViewportProps } from '@zag-js/navigation-menu';
+import { Provider } from 'react';
+export declare const NavigationMenuViewportPropsProvider: Provider<ViewportProps>, useNavigationMenuViewportPropsContext: () => ViewportProps;

package/dist/components/navigation-menu/use-navigation-menu-viewport-props-context.js

@@ -0,0 +1,11 @@
+'use client';
+import { createContext } from '../../utils/create-context.js';
+
+const [NavigationMenuViewportPropsProvider, useNavigationMenuViewportPropsContext] = createContext({
+  name: "NavigationMenuViewportPropsContext",
+  hookName: "useNavigationMenuViewportPropsContext",
+  providerName: "<NavigationMenuViewportPropsProvider />",
+  strict: false
+});
+
+export { NavigationMenuViewportPropsProvider, useNavigationMenuViewportPropsContext };

package/dist/components/number-input/index.cjs

@@ -14,8 +14,8 @@ const numberInputScrubber = require('./number-input-scrubber.cjs');
 const numberInputValueText = require('./number-input-value-text.cjs');
 const useNumberInput = require('./use-number-input.cjs');
 const useNumberInputContext = require('./use-number-input-context.cjs');
-const numberInput$1 = require('./number-input.cjs');
-const numberInput = require('@zag-js/number-input');
+const numberInput = require('./number-input.cjs');
+const numberInput$1 = require('@zag-js/number-input');
 
 
 
@@ -31,8 +31,8 @@ exports.NumberInputScrubber = numberInputScrubber.NumberInputScrubber;
 exports.NumberInputValueText = numberInputValueText.NumberInputValueText;
 exports.useNumberInput = useNumberInput.useNumberInput;
 exports.useNumberInputContext = useNumberInputContext.useNumberInputContext;
-exports.NumberInput = numberInput$1;
+exports.NumberInput = numberInput;
 Object.defineProperty(exports, "numberInputAnatomy", {
   enumerable: true,
-  get: () => numberInput.anatomy
+  get: () => numberInput$1.anatomy
 });

package/dist/components/pagination/index.cjs

@@ -13,8 +13,8 @@ const paginationRoot = require('./pagination-root.cjs');
 const paginationRootProvider = require('./pagination-root-provider.cjs');
 const usePagination = require('./use-pagination.cjs');
 const usePaginationContext = require('./use-pagination-context.cjs');
-const pagination$1 = require('./pagination.cjs');
-const pagination = require('@zag-js/pagination');
+const pagination = require('./pagination.cjs');
+const pagination$1 = require('@zag-js/pagination');
 
 
 
@@ -29,8 +29,8 @@ exports.PaginationRoot = paginationRoot.PaginationRoot;
 exports.PaginationRootProvider = paginationRootProvider.PaginationRootProvider;
 exports.usePagination = usePagination.usePagination;
 exports.usePaginationContext = usePaginationContext.usePaginationContext;
-exports.Pagination = pagination$1;
+exports.Pagination = pagination;
 Object.defineProperty(exports, "paginationAnatomy", {
   enumerable: true,
-  get: () => pagination.anatomy
+  get: () => pagination$1.anatomy
 });

package/dist/components/password-input/index.cjs

@@ -12,8 +12,8 @@ const passwordInputRootProvider = require('./password-input-root-provider.cjs');
 const passwordInputVisibilityTrigger = require('./password-input-visibility-trigger.cjs');
 const usePasswordInput = require('./use-password-input.cjs');
 const usePasswordInputContext = require('./use-password-input-context.cjs');
-const passwordInput$1 = require('./password-input.cjs');
-const passwordInput = require('@zag-js/password-input');
+const passwordInput = require('./password-input.cjs');
+const passwordInput$1 = require('@zag-js/password-input');
 
 
 
@@ -27,8 +27,8 @@ exports.PasswordInputRootProvider = passwordInputRootProvider.PasswordInputRootP
 exports.PasswordInputVisibilityTrigger = passwordInputVisibilityTrigger.PasswordInputVisibilityTrigger;
 exports.usePasswordInput = usePasswordInput.usePasswordInput;
 exports.usePasswordInputContext = usePasswordInputContext.usePasswordInputContext;
-exports.PasswordInput = passwordInput$1;
+exports.PasswordInput = passwordInput;
 Object.defineProperty(exports, "passwordInputAnatomy", {
   enumerable: true,
-  get: () => passwordInput.anatomy
+  get: () => passwordInput$1.anatomy
 });

package/dist/components/pin-input/index.cjs

@@ -11,8 +11,8 @@ const pinInputRoot = require('./pin-input-root.cjs');
 const pinInputRootProvider = require('./pin-input-root-provider.cjs');
 const usePinInput = require('./use-pin-input.cjs');
 const usePinInputContext = require('./use-pin-input-context.cjs');
-const pinInput$1 = require('./pin-input.cjs');
-const pinInput = require('@zag-js/pin-input');
+const pinInput = require('./pin-input.cjs');
+const pinInput$1 = require('@zag-js/pin-input');
 
 
 
@@ -25,8 +25,8 @@ exports.PinInputRoot = pinInputRoot.PinInputRoot;
 exports.PinInputRootProvider = pinInputRootProvider.PinInputRootProvider;
 exports.usePinInput = usePinInput.usePinInput;
 exports.usePinInputContext = usePinInputContext.usePinInputContext;
-exports.PinInput = pinInput$1;
+exports.PinInput = pinInput;
 Object.defineProperty(exports, "pinInputAnatomy", {
   enumerable: true,
-  get: () => pinInput.anatomy
+  get: () => pinInput$1.anatomy
 });

package/dist/components/popover/index.cjs

@@ -17,8 +17,8 @@ const popoverTitle = require('./popover-title.cjs');
 const popoverTrigger = require('./popover-trigger.cjs');
 const usePopover = require('./use-popover.cjs');
 const usePopoverContext = require('./use-popover-context.cjs');
-const popover$1 = require('./popover.cjs');
-const popover = require('@zag-js/popover');
+const popover = require('./popover.cjs');
+const popover$1 = require('@zag-js/popover');
 
 
 
@@ -37,8 +37,8 @@ exports.PopoverTitle = popoverTitle.PopoverTitle;
 exports.PopoverTrigger = popoverTrigger.PopoverTrigger;
 exports.usePopover = usePopover.usePopover;
 exports.usePopoverContext = usePopoverContext.usePopoverContext;
-exports.Popover = popover$1;
+exports.Popover = popover;
 Object.defineProperty(exports, "popoverAnatomy", {
   enumerable: true,
-  get: () => popover.anatomy
+  get: () => popover$1.anatomy
 });

package/dist/components/progress/examples/circular/with-label.d.cts

@@ -0,0 +1 @@
+export declare const WithLabel: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/progress/examples/circular/with-label.d.ts

@@ -0,0 +1 @@
+export declare const WithLabel: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/progress/index.cjs

@@ -15,8 +15,8 @@ const progressValueText = require('./progress-value-text.cjs');
 const progressView = require('./progress-view.cjs');
 const useProgress = require('./use-progress.cjs');
 const useProgressContext = require('./use-progress-context.cjs');
-const progress$1 = require('./progress.cjs');
-const progress = require('@zag-js/progress');
+const progress = require('./progress.cjs');
+const progress$1 = require('@zag-js/progress');
 
 
 
@@ -33,8 +33,8 @@ exports.ProgressValueText = progressValueText.ProgressValueText;
 exports.ProgressView = progressView.ProgressView;
 exports.useProgress = useProgress.useProgress;
 exports.useProgressContext = useProgressContext.useProgressContext;
-exports.Progress = progress$1;
+exports.Progress = progress;
 Object.defineProperty(exports, "progressAnatomy", {
   enumerable: true,
-  get: () => progress.anatomy
+  get: () => progress$1.anatomy
 });

package/dist/components/scroll-area/index.cjs

@@ -12,8 +12,8 @@ const scrollAreaThumb = require('./scroll-area-thumb.cjs');
 const scrollAreaViewport = require('./scroll-area-viewport.cjs');
 const useScrollArea = require('./use-scroll-area.cjs');
 const useScrollAreaContext = require('./use-scroll-area-context.cjs');
-const scrollArea$1 = require('./scroll-area.cjs');
-const scrollArea = require('@zag-js/scroll-area');
+const scrollArea = require('./scroll-area.cjs');
+const scrollArea$1 = require('@zag-js/scroll-area');
 
 
 
@@ -27,8 +27,8 @@ exports.ScrollAreaThumb = scrollAreaThumb.ScrollAreaThumb;
 exports.ScrollAreaViewport = scrollAreaViewport.ScrollAreaViewport;
 exports.useScrollArea = useScrollArea.useScrollArea;
 exports.useScrollAreaContext = useScrollAreaContext.useScrollAreaContext;
-exports.ScrollArea = scrollArea$1;
+exports.ScrollArea = scrollArea;
 Object.defineProperty(exports, "scrollAreaAnatomy", {
   enumerable: true,
-  get: () => scrollArea.anatomy
+  get: () => scrollArea$1.anatomy
 });

package/dist/components/select/index.cjs

@@ -26,8 +26,8 @@ const selectValueText = require('./select-value-text.cjs');
 const useSelect = require('./use-select.cjs');
 const useSelectContext = require('./use-select-context.cjs');
 const useSelectItemContext = require('./use-select-item-context.cjs');
-const select$1 = require('./select.cjs');
-const select = require('@zag-js/select');
+const select = require('./select.cjs');
+const select$1 = require('@zag-js/select');
 
 
 
@@ -55,8 +55,8 @@ exports.SelectValueText = selectValueText.SelectValueText;
 exports.useSelect = useSelect.useSelect;
 exports.useSelectContext = useSelectContext.useSelectContext;
 exports.useSelectItemContext = useSelectItemContext.useSelectItemContext;
-exports.Select = select$1;
+exports.Select = select;
 Object.defineProperty(exports, "selectAnatomy", {
   enumerable: true,
-  get: () => select.anatomy
+  get: () => select$1.anatomy
 });

package/dist/components/signature-pad/index.cjs

@@ -13,8 +13,8 @@ const signaturePadRootProvider = require('./signature-pad-root-provider.cjs');
 const signaturePadSegment = require('./signature-pad-segment.cjs');
 const useSignaturePad = require('./use-signature-pad.cjs');
 const useSignaturePadContext = require('./use-signature-pad-context.cjs');
-const signaturePad$1 = require('./signature-pad.cjs');
-const signaturePad = require('@zag-js/signature-pad');
+const signaturePad = require('./signature-pad.cjs');
+const signaturePad$1 = require('@zag-js/signature-pad');
 
 
 
@@ -29,8 +29,8 @@ exports.SignaturePadRootProvider = signaturePadRootProvider.SignaturePadRootProv
 exports.SignaturePadSegment = signaturePadSegment.SignaturePadSegment;
 exports.useSignaturePad = useSignaturePad.useSignaturePad;
 exports.useSignaturePadContext = useSignaturePadContext.useSignaturePadContext;
-exports.SignaturePad = signaturePad$1;
+exports.SignaturePad = signaturePad;
 Object.defineProperty(exports, "signaturePadAnatomy", {
   enumerable: true,
-  get: () => signaturePad.anatomy
+  get: () => signaturePad$1.anatomy
 });