@ark-ui/react 5.29.1 → 5.30.0

package/dist/components/navigation-menu/navigation-menu-viewport-positioner.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 useNavigationMenuContext = require('./use-navigation-menu-context.cjs');
+
+const splitViewportProps = createSplitProps.createSplitProps();
+const NavigationMenuViewportPositioner = react.forwardRef(
+  (props, ref) => {
+    const [positionerProps, 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 });
+  }
+);
+NavigationMenuViewportPositioner.displayName = "NavigationMenuViewportPositioner";
+
+exports.NavigationMenuViewportPositioner = NavigationMenuViewportPositioner;

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

@@ -0,0 +1,8 @@
+import { ViewportProps } from '@zag-js/navigation-menu';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface NavigationMenuViewportPositionerBaseProps extends ViewportProps, PolymorphicProps {
+}
+export interface NavigationMenuViewportPositionerProps extends HTMLProps<'div'>, NavigationMenuViewportPositionerBaseProps {
+}
+export declare const NavigationMenuViewportPositioner: ForwardRefExoticComponent<NavigationMenuViewportPositionerProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,8 @@
+import { ViewportProps } from '@zag-js/navigation-menu';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface NavigationMenuViewportPositionerBaseProps extends ViewportProps, PolymorphicProps {
+}
+export interface NavigationMenuViewportPositionerProps extends HTMLProps<'div'>, NavigationMenuViewportPositionerBaseProps {
+}
+export declare const NavigationMenuViewportPositioner: ForwardRefExoticComponent<NavigationMenuViewportPositionerProps & RefAttributes<HTMLDivElement>>;

package/dist/components/navigation-menu/navigation-menu-viewport-positioner.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 { useNavigationMenuContext } from './use-navigation-menu-context.js';
+
+const splitViewportProps = createSplitProps();
+const NavigationMenuViewportPositioner = forwardRef(
+  (props, ref) => {
+    const [positionerProps, localProps] = splitViewportProps(props, ["align"]);
+    const navigationMenu = useNavigationMenuContext();
+    const mergedProps = mergeProps(navigationMenu.getViewportPositionerProps(positionerProps), localProps);
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+  }
+);
+NavigationMenuViewportPositioner.displayName = "NavigationMenuViewportPositioner";
+
+export { NavigationMenuViewportPositioner };

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

@@ -0,0 +1,32 @@
+'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 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 splitViewportProps = createSplitProps.createSplitProps();
+const NavigationMenuViewport = react.forwardRef((props, ref) => {
+  const [viewportProps, localProps] = splitViewportProps(props, ["align"]);
+  const navigationMenu = useNavigationMenuContext.useNavigationMenuContext();
+  const renderStrategyProps = renderStrategy.useRenderStrategyPropsContext();
+  const presence = usePresence.usePresence({ ...renderStrategyProps, present: navigationMenu.open });
+  const mergedProps = react$1.mergeProps(
+    navigationMenu.getViewportProps(viewportProps),
+    presence.getPresenceProps(),
+    localProps
+  );
+  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) }) });
+});
+NavigationMenuViewport.displayName = "NavigationMenuViewport";
+
+exports.NavigationMenuViewport = NavigationMenuViewport;

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

@@ -0,0 +1,8 @@
+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 NavigationMenuViewportProps extends HTMLProps<'div'>, NavigationMenuViewportBaseProps {
+}
+export declare const NavigationMenuViewport: ForwardRefExoticComponent<NavigationMenuViewportProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,8 @@
+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 NavigationMenuViewportProps extends HTMLProps<'div'>, NavigationMenuViewportBaseProps {
+}
+export declare const NavigationMenuViewport: ForwardRefExoticComponent<NavigationMenuViewportProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,28 @@
+'use client';
+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';
+
+const splitViewportProps = createSplitProps();
+const NavigationMenuViewport = forwardRef((props, ref) => {
+  const [viewportProps, localProps] = splitViewportProps(props, ["align"]);
+  const navigationMenu = useNavigationMenuContext();
+  const renderStrategyProps = useRenderStrategyPropsContext();
+  const presence = usePresence({ ...renderStrategyProps, present: navigationMenu.open });
+  const mergedProps = mergeProps(
+    navigationMenu.getViewportProps(viewportProps),
+    presence.getPresenceProps(),
+    localProps
+  );
+  return /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: presence.unmounted ? null : /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) }) });
+});
+NavigationMenuViewport.displayName = "NavigationMenuViewport";
+
+export { NavigationMenuViewport };

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

@@ -0,0 +1 @@
+export { anatomy as navigationMenuAnatomy } from '@zag-js/navigation-menu';

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

@@ -0,0 +1 @@
+export { anatomy as navigationMenuAnatomy } from '@zag-js/navigation-menu';

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

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const navigationMenuArrow = require('./navigation-menu-arrow.cjs');
+const navigationMenuContent = require('./navigation-menu-content.cjs');
+const navigationMenuContext = require('./navigation-menu-context.cjs');
+const navigationMenuIndicator = require('./navigation-menu-indicator.cjs');
+const navigationMenuItem = require('./navigation-menu-item.cjs');
+const navigationMenuItemIndicator = require('./navigation-menu-item-indicator.cjs');
+const navigationMenuLink = require('./navigation-menu-link.cjs');
+const navigationMenuList = require('./navigation-menu-list.cjs');
+const navigationMenuRoot = require('./navigation-menu-root.cjs');
+const navigationMenuRootProvider = require('./navigation-menu-root-provider.cjs');
+const navigationMenuTrigger = require('./navigation-menu-trigger.cjs');
+const navigationMenuViewport = require('./navigation-menu-viewport.cjs');
+const navigationMenuViewportPositioner = require('./navigation-menu-viewport-positioner.cjs');
+
+
+
+exports.Arrow = navigationMenuArrow.NavigationMenuArrow;
+exports.Content = navigationMenuContent.NavigationMenuContent;
+exports.Context = navigationMenuContext.NavigationMenuContext;
+exports.Indicator = navigationMenuIndicator.NavigationMenuIndicator;
+exports.Item = navigationMenuItem.NavigationMenuItem;
+exports.ItemIndicator = navigationMenuItemIndicator.NavigationMenuItemIndicator;
+exports.Link = navigationMenuLink.NavigationMenuLink;
+exports.List = navigationMenuList.NavigationMenuList;
+exports.Root = navigationMenuRoot.NavigationMenuRoot;
+exports.RootProvider = navigationMenuRootProvider.NavigationMenuRootProvider;
+exports.Trigger = navigationMenuTrigger.NavigationMenuTrigger;
+exports.Viewport = navigationMenuViewport.NavigationMenuViewport;
+exports.ViewportPositioner = navigationMenuViewportPositioner.NavigationMenuViewportPositioner;

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

@@ -0,0 +1,14 @@
+export type { ValueChangeDetails } from '@zag-js/navigation-menu';
+export { NavigationMenuArrow as Arrow, type NavigationMenuArrowBaseProps as ArrowBaseProps, type NavigationMenuArrowProps as ArrowProps, } from './navigation-menu-arrow';
+export { NavigationMenuContent as Content, type NavigationMenuContentBaseProps as ContentBaseProps, type NavigationMenuContentProps as ContentProps, } from './navigation-menu-content';
+export { NavigationMenuContext as Context, type NavigationMenuContextProps as ContextProps, } from './navigation-menu-context';
+export { NavigationMenuIndicator as Indicator, type NavigationMenuIndicatorBaseProps as IndicatorBaseProps, type NavigationMenuIndicatorProps as IndicatorProps, } from './navigation-menu-indicator';
+export { NavigationMenuItem as Item, type NavigationMenuItemBaseProps as ItemBaseProps, type NavigationMenuItemProps as ItemProps, } from './navigation-menu-item';
+export { NavigationMenuItemIndicator as ItemIndicator, type NavigationMenuItemIndicatorBaseProps as ItemIndicatorBaseProps, type NavigationMenuItemIndicatorProps as ItemIndicatorProps, } from './navigation-menu-item-indicator';
+export { NavigationMenuLink as Link, type NavigationMenuLinkBaseProps as LinkBaseProps, type NavigationMenuLinkProps as LinkProps, } from './navigation-menu-link';
+export { NavigationMenuList as List, type NavigationMenuListBaseProps as ListBaseProps, type NavigationMenuListProps as ListProps, } from './navigation-menu-list';
+export { NavigationMenuRoot as Root, type NavigationMenuRootBaseProps as RootBaseProps, type NavigationMenuRootProps as RootProps, } from './navigation-menu-root';
+export { NavigationMenuRootProvider as RootProvider, type NavigationMenuRootProviderBaseProps as RootProviderBaseProps, type NavigationMenuRootProviderProps as RootProviderProps, } from './navigation-menu-root-provider';
+export { NavigationMenuTrigger as Trigger, type NavigationMenuTriggerBaseProps as TriggerBaseProps, type NavigationMenuTriggerProps as TriggerProps, } from './navigation-menu-trigger';
+export { NavigationMenuViewport as Viewport, type NavigationMenuViewportBaseProps as ViewportBaseProps, type NavigationMenuViewportProps as ViewportProps, } from './navigation-menu-viewport';
+export { NavigationMenuViewportPositioner as ViewportPositioner, type NavigationMenuViewportPositionerBaseProps as ViewportPositionerBaseProps, type NavigationMenuViewportPositionerProps as ViewportPositionerProps, } from './navigation-menu-viewport-positioner';

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

@@ -0,0 +1,14 @@
+export type { ValueChangeDetails } from '@zag-js/navigation-menu';
+export { NavigationMenuArrow as Arrow, type NavigationMenuArrowBaseProps as ArrowBaseProps, type NavigationMenuArrowProps as ArrowProps, } from './navigation-menu-arrow';
+export { NavigationMenuContent as Content, type NavigationMenuContentBaseProps as ContentBaseProps, type NavigationMenuContentProps as ContentProps, } from './navigation-menu-content';
+export { NavigationMenuContext as Context, type NavigationMenuContextProps as ContextProps, } from './navigation-menu-context';
+export { NavigationMenuIndicator as Indicator, type NavigationMenuIndicatorBaseProps as IndicatorBaseProps, type NavigationMenuIndicatorProps as IndicatorProps, } from './navigation-menu-indicator';
+export { NavigationMenuItem as Item, type NavigationMenuItemBaseProps as ItemBaseProps, type NavigationMenuItemProps as ItemProps, } from './navigation-menu-item';
+export { NavigationMenuItemIndicator as ItemIndicator, type NavigationMenuItemIndicatorBaseProps as ItemIndicatorBaseProps, type NavigationMenuItemIndicatorProps as ItemIndicatorProps, } from './navigation-menu-item-indicator';
+export { NavigationMenuLink as Link, type NavigationMenuLinkBaseProps as LinkBaseProps, type NavigationMenuLinkProps as LinkProps, } from './navigation-menu-link';
+export { NavigationMenuList as List, type NavigationMenuListBaseProps as ListBaseProps, type NavigationMenuListProps as ListProps, } from './navigation-menu-list';
+export { NavigationMenuRoot as Root, type NavigationMenuRootBaseProps as RootBaseProps, type NavigationMenuRootProps as RootProps, } from './navigation-menu-root';
+export { NavigationMenuRootProvider as RootProvider, type NavigationMenuRootProviderBaseProps as RootProviderBaseProps, type NavigationMenuRootProviderProps as RootProviderProps, } from './navigation-menu-root-provider';
+export { NavigationMenuTrigger as Trigger, type NavigationMenuTriggerBaseProps as TriggerBaseProps, type NavigationMenuTriggerProps as TriggerProps, } from './navigation-menu-trigger';
+export { NavigationMenuViewport as Viewport, type NavigationMenuViewportBaseProps as ViewportBaseProps, type NavigationMenuViewportProps as ViewportProps, } from './navigation-menu-viewport';
+export { NavigationMenuViewportPositioner as ViewportPositioner, type NavigationMenuViewportPositionerBaseProps as ViewportPositionerBaseProps, type NavigationMenuViewportPositionerProps as ViewportPositionerProps, } from './navigation-menu-viewport-positioner';

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

@@ -0,0 +1,13 @@
+export { NavigationMenuArrow as Arrow } from './navigation-menu-arrow.js';
+export { NavigationMenuContent as Content } from './navigation-menu-content.js';
+export { NavigationMenuContext as Context } from './navigation-menu-context.js';
+export { NavigationMenuIndicator as Indicator } from './navigation-menu-indicator.js';
+export { NavigationMenuItem as Item } from './navigation-menu-item.js';
+export { NavigationMenuItemIndicator as ItemIndicator } from './navigation-menu-item-indicator.js';
+export { NavigationMenuLink as Link } from './navigation-menu-link.js';
+export { NavigationMenuList as List } from './navigation-menu-list.js';
+export { NavigationMenuRoot as Root } from './navigation-menu-root.js';
+export { NavigationMenuRootProvider as RootProvider } from './navigation-menu-root-provider.js';
+export { NavigationMenuTrigger as Trigger } from './navigation-menu-trigger.js';
+export { NavigationMenuViewport as Viewport } from './navigation-menu-viewport.js';
+export { NavigationMenuViewportPositioner as ViewportPositioner } from './navigation-menu-viewport-positioner.js';

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

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

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

@@ -0,0 +1,5 @@
+import { UseNavigationMenuReturn } from './use-navigation-menu';
+import { Provider } from 'react';
+export interface UseNavigationMenuContext extends UseNavigationMenuReturn {
+}
+export declare const NavigationMenuProvider: Provider<UseNavigationMenuContext>, useNavigationMenuContext: () => UseNavigationMenuContext;

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

@@ -0,0 +1,5 @@
+import { UseNavigationMenuReturn } from './use-navigation-menu';
+import { Provider } from 'react';
+export interface UseNavigationMenuContext extends UseNavigationMenuReturn {
+}
+export declare const NavigationMenuProvider: Provider<UseNavigationMenuContext>, useNavigationMenuContext: () => UseNavigationMenuContext;

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

@@ -0,0 +1,10 @@
+'use client';
+import { createContext } from '../../utils/create-context.js';
+
+const [NavigationMenuProvider, useNavigationMenuContext] = createContext({
+  name: "NavigationMenuContext",
+  hookName: "useNavigationMenuContext",
+  providerName: "<NavigationMenuProvider />"
+});
+
+export { NavigationMenuProvider, useNavigationMenuContext };

package/dist/components/navigation-menu/use-navigation-menu-item-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 [NavigationMenuItemPropsProvider, useNavigationMenuItemPropsContext] = createContext.createContext({
+  name: "NavigationMenuItemPropsContext",
+  hookName: "useNavigationMenuItemPropsContext",
+  providerName: "<NavigationMenuItemPropsProvider />",
+  strict: false
+});
+
+exports.NavigationMenuItemPropsProvider = NavigationMenuItemPropsProvider;
+exports.useNavigationMenuItemPropsContext = useNavigationMenuItemPropsContext;

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

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

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

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

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

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

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

@@ -0,0 +1,45 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react$1 = require('@zag-js/react');
+const navigationMenu = require('@zag-js/navigation-menu');
+const react = require('react');
+const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
+const useLocaleContext = require('../../providers/locale/use-locale-context.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 navigationMenu__namespace = /*#__PURE__*/_interopNamespaceDefault(navigationMenu);
+
+const useNavigationMenu = (props) => {
+  const id = react.useId();
+  const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
+  const { dir } = useLocaleContext.useLocaleContext();
+  const machineProps = {
+    id,
+    dir,
+    getRootNode,
+    ...props
+  };
+  const service = react$1.useMachine(navigationMenu__namespace.machine, machineProps);
+  return navigationMenu__namespace.connect(service, react$1.normalizeProps);
+};
+
+exports.useNavigationMenu = useNavigationMenu;

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

@@ -0,0 +1,8 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+import * as navigationMenu from '@zag-js/navigation-menu';
+export interface UseNavigationMenuProps extends Optional<Omit<navigationMenu.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseNavigationMenuReturn extends navigationMenu.Api<PropTypes> {
+}
+export declare const useNavigationMenu: (props?: UseNavigationMenuProps) => UseNavigationMenuReturn;

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

@@ -0,0 +1,8 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+import * as navigationMenu from '@zag-js/navigation-menu';
+export interface UseNavigationMenuProps extends Optional<Omit<navigationMenu.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseNavigationMenuReturn extends navigationMenu.Api<PropTypes> {
+}
+export declare const useNavigationMenu: (props?: UseNavigationMenuProps) => UseNavigationMenuReturn;

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

@@ -0,0 +1,22 @@
+'use client';
+import { useMachine, normalizeProps } from '@zag-js/react';
+import * as navigationMenu from '@zag-js/navigation-menu';
+import { useId } from 'react';
+import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
+import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
+
+const useNavigationMenu = (props) => {
+  const id = useId();
+  const { getRootNode } = useEnvironmentContext();
+  const { dir } = useLocaleContext();
+  const machineProps = {
+    id,
+    dir,
+    getRootNode,
+    ...props
+  };
+  const service = useMachine(navigationMenu.machine, machineProps);
+  return navigationMenu.connect(service, normalizeProps);
+};
+
+export { useNavigationMenu };

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

@@ -32,6 +32,7 @@ const NumberInputRoot = react.forwardRef((props, ref) => {
     "name",
     "onFocusChange",
     "onValueChange",
+    "onValueCommit",
     "onValueInvalid",
     "pattern",
     "readOnly",

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

@@ -28,6 +28,7 @@ const NumberInputRoot = forwardRef((props, ref) => {
     "name",
     "onFocusChange",
     "onValueChange",
+    "onValueCommit",
     "onValueInvalid",
     "pattern",
     "readOnly",

package/dist/components/pagination/index.cjs

@@ -4,7 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const paginationContext = require('./pagination-context.cjs');
 const paginationEllipsis = require('./pagination-ellipsis.cjs');
+const paginationFirstTrigger = require('./pagination-first-trigger.cjs');
 const paginationItem = require('./pagination-item.cjs');
+const paginationLastTrigger = require('./pagination-last-trigger.cjs');
 const paginationNextTrigger = require('./pagination-next-trigger.cjs');
 const paginationPrevTrigger = require('./pagination-prev-trigger.cjs');
 const paginationRoot = require('./pagination-root.cjs');
@@ -18,7 +20,9 @@ const pagination = require('@zag-js/pagination');
 
 exports.PaginationContext = paginationContext.PaginationContext;
 exports.PaginationEllipsis = paginationEllipsis.PaginationEllipsis;
+exports.PaginationFirstTrigger = paginationFirstTrigger.PaginationFirstTrigger;
 exports.PaginationItem = paginationItem.PaginationItem;
+exports.PaginationLastTrigger = paginationLastTrigger.PaginationLastTrigger;
 exports.PaginationNextTrigger = paginationNextTrigger.PaginationNextTrigger;
 exports.PaginationPrevTrigger = paginationPrevTrigger.PaginationPrevTrigger;
 exports.PaginationRoot = paginationRoot.PaginationRoot;

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

@@ -1,7 +1,9 @@
 export type { ItemLabelDetails as PaginationItemLabelDetails, PageChangeDetails as PaginationPageChangeDetails, PageSizeChangeDetails as PaginationPageSizeChangeDetails, PageUrlDetails as PaginationPageUrlDetails, } from '@zag-js/pagination';
 export { PaginationContext, type PaginationContextProps } from './pagination-context';
 export { PaginationEllipsis, type PaginationEllipsisBaseProps, type PaginationEllipsisProps, } from './pagination-ellipsis';
+export { PaginationFirstTrigger, type PaginationFirstTriggerBaseProps, type PaginationFirstTriggerProps, } from './pagination-first-trigger';
 export { PaginationItem, type PaginationItemBaseProps, type PaginationItemProps } from './pagination-item';
+export { PaginationLastTrigger, type PaginationLastTriggerBaseProps, type PaginationLastTriggerProps, } from './pagination-last-trigger';
 export { PaginationNextTrigger, type PaginationNextTriggerBaseProps, type PaginationNextTriggerProps, } from './pagination-next-trigger';
 export { PaginationPrevTrigger, type PaginationPrevTriggerBaseProps, type PaginationPrevTriggerProps, } from './pagination-prev-trigger';
 export { PaginationRoot, type PaginationRootBaseProps, type PaginationRootProps } from './pagination-root';

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

@@ -1,7 +1,9 @@
 export type { ItemLabelDetails as PaginationItemLabelDetails, PageChangeDetails as PaginationPageChangeDetails, PageSizeChangeDetails as PaginationPageSizeChangeDetails, PageUrlDetails as PaginationPageUrlDetails, } from '@zag-js/pagination';
 export { PaginationContext, type PaginationContextProps } from './pagination-context';
 export { PaginationEllipsis, type PaginationEllipsisBaseProps, type PaginationEllipsisProps, } from './pagination-ellipsis';
+export { PaginationFirstTrigger, type PaginationFirstTriggerBaseProps, type PaginationFirstTriggerProps, } from './pagination-first-trigger';
 export { PaginationItem, type PaginationItemBaseProps, type PaginationItemProps } from './pagination-item';
+export { PaginationLastTrigger, type PaginationLastTriggerBaseProps, type PaginationLastTriggerProps, } from './pagination-last-trigger';
 export { PaginationNextTrigger, type PaginationNextTriggerBaseProps, type PaginationNextTriggerProps, } from './pagination-next-trigger';
 export { PaginationPrevTrigger, type PaginationPrevTriggerBaseProps, type PaginationPrevTriggerProps, } from './pagination-prev-trigger';
 export { PaginationRoot, type PaginationRootBaseProps, type PaginationRootProps } from './pagination-root';

package/dist/components/pagination/index.js

@@ -1,6 +1,8 @@
 export { PaginationContext } from './pagination-context.js';
 export { PaginationEllipsis } from './pagination-ellipsis.js';
+export { PaginationFirstTrigger } from './pagination-first-trigger.js';
 export { PaginationItem } from './pagination-item.js';
+export { PaginationLastTrigger } from './pagination-last-trigger.js';
 export { PaginationNextTrigger } from './pagination-next-trigger.js';
 export { PaginationPrevTrigger } from './pagination-prev-trigger.js';
 export { PaginationRoot } from './pagination-root.js';

package/dist/components/pagination/pagination-first-trigger.cjs

@@ -0,0 +1,19 @@
+'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 factory = require('../factory.cjs');
+const usePaginationContext = require('./use-pagination-context.cjs');
+
+const PaginationFirstTrigger = react.forwardRef((props, ref) => {
+  const pagination = usePaginationContext.usePaginationContext();
+  const mergedProps = react$1.mergeProps(pagination.getFirstTriggerProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
+PaginationFirstTrigger.displayName = "PaginationFirstTrigger";
+
+exports.PaginationFirstTrigger = PaginationFirstTrigger;

package/dist/components/pagination/pagination-first-trigger.d.cts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface PaginationFirstTriggerBaseProps extends PolymorphicProps {
+}
+export interface PaginationFirstTriggerProps extends HTMLProps<'button'>, PaginationFirstTriggerBaseProps {
+}
+export declare const PaginationFirstTrigger: ForwardRefExoticComponent<PaginationFirstTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/pagination/pagination-first-trigger.d.ts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface PaginationFirstTriggerBaseProps extends PolymorphicProps {
+}
+export interface PaginationFirstTriggerProps extends HTMLProps<'button'>, PaginationFirstTriggerBaseProps {
+}
+export declare const PaginationFirstTrigger: ForwardRefExoticComponent<PaginationFirstTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/pagination/pagination-first-trigger.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { usePaginationContext } from './use-pagination-context.js';
+
+const PaginationFirstTrigger = forwardRef((props, ref) => {
+  const pagination = usePaginationContext();
+  const mergedProps = mergeProps(pagination.getFirstTriggerProps(), props);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
+PaginationFirstTrigger.displayName = "PaginationFirstTrigger";
+
+export { PaginationFirstTrigger };

package/dist/components/pagination/pagination-last-trigger.cjs

@@ -0,0 +1,19 @@
+'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 factory = require('../factory.cjs');
+const usePaginationContext = require('./use-pagination-context.cjs');
+
+const PaginationLastTrigger = react.forwardRef((props, ref) => {
+  const pagination = usePaginationContext.usePaginationContext();
+  const mergedProps = react$1.mergeProps(pagination.getLastTriggerProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
+PaginationLastTrigger.displayName = "PaginationLastTrigger";
+
+exports.PaginationLastTrigger = PaginationLastTrigger;

package/dist/components/pagination/pagination-last-trigger.d.cts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface PaginationLastTriggerBaseProps extends PolymorphicProps {
+}
+export interface PaginationLastTriggerProps extends HTMLProps<'button'>, PaginationLastTriggerBaseProps {
+}
+export declare const PaginationLastTrigger: ForwardRefExoticComponent<PaginationLastTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/pagination/pagination-last-trigger.d.ts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface PaginationLastTriggerBaseProps extends PolymorphicProps {
+}
+export interface PaginationLastTriggerProps extends HTMLProps<'button'>, PaginationLastTriggerBaseProps {
+}
+export declare const PaginationLastTrigger: ForwardRefExoticComponent<PaginationLastTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/pagination/pagination-last-trigger.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { usePaginationContext } from './use-pagination-context.js';
+
+const PaginationLastTrigger = forwardRef((props, ref) => {
+  const pagination = usePaginationContext();
+  const mergedProps = mergeProps(pagination.getLastTriggerProps(), props);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
+PaginationLastTrigger.displayName = "PaginationLastTrigger";
+
+export { PaginationLastTrigger };

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

@@ -14,6 +14,7 @@ const usePaginationContext = require('./use-pagination-context.cjs');
 const splitRootProps = createSplitProps.createSplitProps();
 const PaginationRoot = react.forwardRef((props, ref) => {
   const [paginationProps, localProps] = splitRootProps(props, [
+    "boundaryCount",
     "count",
     "defaultPage",
     "defaultPageSize",

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

@@ -10,6 +10,7 @@ import { PaginationProvider } from './use-pagination-context.js';
 const splitRootProps = createSplitProps();
 const PaginationRoot = forwardRef((props, ref) => {
   const [paginationProps, localProps] = splitRootProps(props, [
+    "boundaryCount",
     "count",
     "defaultPage",
     "defaultPageSize",