@ark-ui/react 3.0.0-1 → 3.0.0-2

package/dist/components/tree-view/tree-view-branch-control.d.ts

@@ -1,5 +1,5 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 export interface TreeViewBranchControlProps extends HTMLArkProps<'div'> {
 }

package/dist/components/tree-view/tree-view-branch-indicator.d.cts

@@ -1,5 +1,5 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 export interface TreeViewBranchIndicatorProps extends HTMLArkProps<'div'> {
 }

package/dist/components/tree-view/tree-view-branch-indicator.d.ts

@@ -1,5 +1,5 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 export interface TreeViewBranchIndicatorProps extends HTMLArkProps<'div'> {
 }

package/dist/components/tree-view/tree-view-branch-text.d.cts

@@ -1,5 +1,5 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 export interface TreeViewBranchTextProps extends HTMLArkProps<'span'> {
 }

package/dist/components/tree-view/tree-view-branch-text.d.ts

@@ -1,5 +1,5 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 export interface TreeViewBranchTextProps extends HTMLArkProps<'span'> {
 }

package/dist/components/tree-view/tree-view-branch-trigger.d.cts

@@ -1,5 +1,5 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 export interface TreeViewBranchTriggerProps extends HTMLArkProps<'div'> {
 }

package/dist/components/tree-view/tree-view-branch-trigger.d.ts

@@ -1,5 +1,5 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 export interface TreeViewBranchTriggerProps extends HTMLArkProps<'div'> {
 }

package/dist/components/tree-view/tree-view-branch.d.cts

@@ -1,7 +1,7 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-import { ItemProps } from './use-tree-view-branch-context';
-import { HTMLArkProps } from '../factory';
 import { Assign } from '../../types';
+import { HTMLArkProps } from '../factory';
+import { ItemProps } from './use-tree-view-branch-context';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 export interface TreeViewBranchProps extends Assign<HTMLArkProps<'li'>, ItemProps> {
 }

package/dist/components/tree-view/tree-view-branch.d.ts

@@ -1,7 +1,7 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-import { ItemProps } from './use-tree-view-branch-context';
-import { HTMLArkProps } from '../factory';
 import { Assign } from '../../types';
+import { HTMLArkProps } from '../factory';
+import { ItemProps } from './use-tree-view-branch-context';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 export interface TreeViewBranchProps extends Assign<HTMLArkProps<'li'>, ItemProps> {
 }

package/dist/components/tree-view/tree-view-context.d.cts

@@ -1,5 +1,5 @@
-import { UseTreeViewContext } from './use-tree-view-context';
 import { ReactNode } from 'react';
+import { UseTreeViewContext } from './use-tree-view-context';
 
 export interface TreeViewContextProps {
     children: (context: UseTreeViewContext) => ReactNode;

package/dist/components/tree-view/tree-view-context.d.ts

@@ -1,5 +1,5 @@
-import { UseTreeViewContext } from './use-tree-view-context';
 import { ReactNode } from 'react';
+import { UseTreeViewContext } from './use-tree-view-context';
 
 export interface TreeViewContextProps {
     children: (context: UseTreeViewContext) => ReactNode;

package/dist/components/tree-view/tree-view-item-context.d.cts

@@ -1,5 +1,5 @@
-import { UseTreeViewItemContext } from './use-tree-view-item-context';
 import { ReactNode } from 'react';
+import { UseTreeViewItemContext } from './use-tree-view-item-context';
 
 export interface TreeViewItemContextProps {
     children: (context: UseTreeViewItemContext) => ReactNode;

package/dist/components/tree-view/tree-view-item-context.d.ts

@@ -1,5 +1,5 @@
-import { UseTreeViewItemContext } from './use-tree-view-item-context';
 import { ReactNode } from 'react';
+import { UseTreeViewItemContext } from './use-tree-view-item-context';
 
 export interface TreeViewItemContextProps {
     children: (context: UseTreeViewItemContext) => ReactNode;

package/dist/components/tree-view/tree-view-item-indicator.d.cts

@@ -1,5 +1,5 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 export interface TreeViewItemIndicatorProps extends HTMLArkProps<'div'> {
 }

package/dist/components/tree-view/tree-view-item-indicator.d.ts

@@ -1,5 +1,5 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 export interface TreeViewItemIndicatorProps extends HTMLArkProps<'div'> {
 }

package/dist/components/tree-view/tree-view-item-text.d.cts

@@ -1,5 +1,5 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 export interface TreeViewItemTextProps extends HTMLArkProps<'span'> {
 }

package/dist/components/tree-view/tree-view-item-text.d.ts

@@ -1,5 +1,5 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 export interface TreeViewItemTextProps extends HTMLArkProps<'span'> {
 }

package/dist/components/tree-view/tree-view-item.d.cts

@@ -1,7 +1,7 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-import { UseTreeViewItemPropsContext } from './use-tree-view-item-props-context';
-import { HTMLArkProps } from '../factory';
 import { Assign } from '../../types';
+import { HTMLArkProps } from '../factory';
+import { UseTreeViewItemPropsContext } from './use-tree-view-item-props-context';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 export interface TreeViewItemProps extends Assign<HTMLArkProps<'li'>, UseTreeViewItemPropsContext> {
 }

package/dist/components/tree-view/tree-view-item.d.ts

@@ -1,7 +1,7 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-import { UseTreeViewItemPropsContext } from './use-tree-view-item-props-context';
-import { HTMLArkProps } from '../factory';
 import { Assign } from '../../types';
+import { HTMLArkProps } from '../factory';
+import { UseTreeViewItemPropsContext } from './use-tree-view-item-props-context';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 export interface TreeViewItemProps extends Assign<HTMLArkProps<'li'>, UseTreeViewItemPropsContext> {
 }

package/dist/components/tree-view/tree-view-label.d.cts

@@ -1,5 +1,5 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 export interface TreeViewLabelProps extends HTMLArkProps<'label'> {
 }

package/dist/components/tree-view/tree-view-label.d.ts

@@ -1,5 +1,5 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 export interface TreeViewLabelProps extends HTMLArkProps<'label'> {
 }

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

@@ -16,13 +16,13 @@ const TreeViewRoot = react.forwardRef((props, ref) => {
     "defaultExpandedValue",
     "defaultSelectedValue",
     "expandedValue",
+    "expandOnClick",
     "focusedValue",
     "id",
     "ids",
     "onExpandedChange",
     "onFocusChange",
     "onSelectionChange",
-    "openOnClick",
     "selectedValue",
     "selectionMode",
     "typeahead"

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

@@ -1,7 +1,7 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-import { UseTreeViewProps } from './use-tree-view';
-import { HTMLArkProps } from '../factory';
 import { Assign } from '../../types';
+import { HTMLArkProps } from '../factory';
+import { UseTreeViewProps } from './use-tree-view';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 export interface TreeViewRootProps extends Assign<HTMLArkProps<'div'>, UseTreeViewProps> {
 }

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

@@ -1,7 +1,7 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-import { UseTreeViewProps } from './use-tree-view';
-import { HTMLArkProps } from '../factory';
 import { Assign } from '../../types';
+import { HTMLArkProps } from '../factory';
+import { UseTreeViewProps } from './use-tree-view';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 export interface TreeViewRootProps extends Assign<HTMLArkProps<'div'>, UseTreeViewProps> {
 }

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

@@ -12,13 +12,13 @@ const TreeViewRoot = forwardRef((props, ref) => {
     "defaultExpandedValue",
     "defaultSelectedValue",
     "expandedValue",
+    "expandOnClick",
     "focusedValue",
     "id",
     "ids",
     "onExpandedChange",
     "onFocusChange",
     "onSelectionChange",
-    "openOnClick",
     "selectedValue",
     "selectionMode",
     "typeahead"

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

@@ -1,5 +1,5 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 export interface TreeViewTreeProps extends HTMLArkProps<'ul'> {
 }

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

@@ -1,5 +1,5 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { HTMLArkProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 export interface TreeViewTreeProps extends HTMLArkProps<'ul'> {
 }

package/dist/components/tree-view/use-tree-view-branch-context.d.cts

@@ -1,5 +1,5 @@
-import { Provider } from 'react';
 import { ItemProps as ZagItemProps } from '@zag-js/tree-view';
+import { Provider } from 'react';
 
 export interface ItemProps extends Omit<ZagItemProps, 'depth'> {
 }

package/dist/components/tree-view/use-tree-view-branch-context.d.ts

@@ -1,5 +1,5 @@
-import { Provider } from 'react';
 import { ItemProps as ZagItemProps } from '@zag-js/tree-view';
+import { Provider } from 'react';
 
 export interface ItemProps extends Omit<ZagItemProps, 'depth'> {
 }

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

@@ -1,5 +1,5 @@
-import { Provider } from 'react';
 import { UseTreeViewReturn } from './use-tree-view';
+import { Provider } from 'react';
 
 export interface UseTreeViewContext extends UseTreeViewReturn {
 }

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

@@ -1,5 +1,5 @@
-import { Provider } from 'react';
 import { UseTreeViewReturn } from './use-tree-view';
+import { Provider } from 'react';
 
 export interface UseTreeViewContext extends UseTreeViewReturn {
 }

package/dist/components/tree-view/use-tree-view-item-context.d.cts

@@ -1,5 +1,5 @@
-import { Provider } from 'react';
 import { ItemState } from '@zag-js/tree-view';
+import { Provider } from 'react';
 
 export interface UseTreeViewItemContext extends ItemState {
 }

package/dist/components/tree-view/use-tree-view-item-context.d.ts

@@ -1,5 +1,5 @@
-import { Provider } from 'react';
 import { ItemState } from '@zag-js/tree-view';
+import { Provider } from 'react';
 
 export interface UseTreeViewItemContext extends ItemState {
 }

package/dist/components/tree-view/use-tree-view-item-props-context.d.cts

@@ -1,5 +1,5 @@
-import { Provider } from 'react';
 import { ItemProps } from '@zag-js/tree-view';
+import { Provider } from 'react';
 
 export interface UseTreeViewItemPropsContext extends Omit<ItemProps, 'depth'> {
 }

package/dist/components/tree-view/use-tree-view-item-props-context.d.ts

@@ -1,5 +1,5 @@
-import { Provider } from 'react';
 import { ItemProps } from '@zag-js/tree-view';
+import { Provider } from 'react';
 
 export interface UseTreeViewItemPropsContext extends Omit<ItemProps, 'depth'> {
 }

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

@@ -1,5 +1,5 @@
-import { Optional } from '../../types';
 import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
 
 import * as treeView from '@zag-js/tree-view';
 export interface UseTreeViewProps extends Optional<Omit<treeView.Context, 'dir' | 'getRootNode'>, 'id'> {

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

@@ -1,5 +1,5 @@
-import { Optional } from '../../types';
 import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
 
 import * as treeView from '@zag-js/tree-view';
 export interface UseTreeViewProps extends Optional<Omit<treeView.Context, 'dir' | 'getRootNode'>, 'id'> {

package/dist/providers/environment/environment.d.cts

@@ -1,5 +1,5 @@
-import { RootNode } from './use-environment-context';
 import { ReactNode } from 'react';
+import { RootNode } from './use-environment-context';
 
 export interface EnvironmentProps {
     children?: ReactNode;

package/dist/providers/environment/environment.d.ts

@@ -1,5 +1,5 @@
-import { RootNode } from './use-environment-context';
 import { ReactNode } from 'react';
+import { RootNode } from './use-environment-context';
 
 export interface EnvironmentProps {
     children?: ReactNode;

package/dist/providers/locale/locale-provider.cjs

@@ -5,25 +5,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const i18nUtils = require('@zag-js/i18n-utils');
-const react = require('react');
-const useEnvironmentContext = require('../environment/use-environment-context.cjs');
 const useLocaleContext = require('./use-locale-context.cjs');
 
 const LocaleProvider = (props) => {
-  const { children, locale: localeProps, defaultLocale = "en-US" } = props;
-  const [locale, setLocale] = react.useState(localeProps || defaultLocale);
-  const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
-  react.useEffect(() => {
-    if (!localeProps) {
-      return i18nUtils.trackLocale({
-        locale: localeProps,
-        getRootNode,
-        onLocaleChange(locale2) {
-          setLocale(locale2.locale);
-        }
-      });
-    }
-  }, [localeProps, getRootNode]);
+  const { children, locale } = props;
   const context = {
     locale,
     dir: i18nUtils.isRTL(locale) ? "rtl" : "ltr"

package/dist/providers/locale/locale-provider.d.cts

@@ -1,15 +1,9 @@
-import { ReactNode } from 'react';
-import { LocaleOptions } from '@zag-js/i18n-utils';
+import { PropsWithChildren } from 'react';
 
-export interface LocaleProviderProps extends LocaleOptions {
+export interface LocaleProviderProps extends PropsWithChildren {
     /**
-     * The default locale to use if no locale is provided via props.
-     * @default 'en-US'
+     * The locale to use. For example, 'en-US'.
      */
-    defaultLocale?: string;
-    /**
-     * The children to render.
-     */
-    children: ReactNode;
+    locale: string;
 }
 export declare const LocaleProvider: (props: LocaleProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/providers/locale/locale-provider.d.ts

@@ -1,15 +1,9 @@
-import { ReactNode } from 'react';
-import { LocaleOptions } from '@zag-js/i18n-utils';
+import { PropsWithChildren } from 'react';
 
-export interface LocaleProviderProps extends LocaleOptions {
+export interface LocaleProviderProps extends PropsWithChildren {
     /**
-     * The default locale to use if no locale is provided via props.
-     * @default 'en-US'
+     * The locale to use. For example, 'en-US'.
      */
-    defaultLocale?: string;
-    /**
-     * The children to render.
-     */
-    children: ReactNode;
+    locale: string;
 }
 export declare const LocaleProvider: (props: LocaleProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/providers/locale/locale-provider.js

@@ -1,25 +1,10 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import { trackLocale, isRTL } from '@zag-js/i18n-utils';
-import { useState, useEffect } from 'react';
-import { useEnvironmentContext } from '../environment/use-environment-context.js';
+import { isRTL } from '@zag-js/i18n-utils';
 import { LocaleContextProvider } from './use-locale-context.js';
 
 const LocaleProvider = (props) => {
-  const { children, locale: localeProps, defaultLocale = "en-US" } = props;
-  const [locale, setLocale] = useState(localeProps || defaultLocale);
-  const { getRootNode } = useEnvironmentContext();
-  useEffect(() => {
-    if (!localeProps) {
-      return trackLocale({
-        locale: localeProps,
-        getRootNode,
-        onLocaleChange(locale2) {
-          setLocale(locale2.locale);
-        }
-      });
-    }
-  }, [localeProps, getRootNode]);
+  const { children, locale } = props;
   const context = {
     locale,
     dir: isRTL(locale) ? "rtl" : "ltr"

package/dist/providers/locale/use-locale-context.d.cts

@@ -1,5 +1,5 @@
-import { Provider } from 'react';
 import { Locale } from '@zag-js/i18n-utils';
+import { Provider } from 'react';
 
 export interface UseLocaleContext extends Locale {
 }

package/dist/providers/locale/use-locale-context.d.ts

@@ -1,5 +1,5 @@
-import { Provider } from 'react';
 import { Locale } from '@zag-js/i18n-utils';
+import { Provider } from 'react';
 
 export interface UseLocaleContext extends Locale {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/react",
-  "version": "3.0.0-1",
+  "version": "3.0.0-2",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -42,7 +42,7 @@
   "repository": {
     "type": "git",
     "url": "git+https://github.com/chakra-ui/ark.git",
-    "directory": "frameworks/react"
+    "directory": "packages/react"
   },
   "bugs": {
     "url": "https://github.com/chakra-ui/ark/issues"
@@ -499,78 +499,78 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@ark-ui/anatomy": "3.0.0",
-    "@zag-js/accordion": "0.49.0",
-    "@zag-js/avatar": "0.49.0",
-    "@zag-js/carousel": "0.49.0",
-    "@zag-js/checkbox": "0.49.0",
-    "@zag-js/clipboard": "0.49.0",
-    "@zag-js/collapsible": "0.49.0",
-    "@zag-js/color-picker": "0.49.0",
-    "@zag-js/color-utils": "0.49.0",
-    "@zag-js/combobox": "0.49.0",
-    "@zag-js/core": "0.49.0",
-    "@zag-js/date-picker": "0.49.0",
-    "@zag-js/date-utils": "0.49.0",
-    "@zag-js/dom-query": "0.49.0",
-    "@zag-js/dialog": "0.49.0",
-    "@zag-js/editable": "0.49.0",
-    "@zag-js/file-upload": "0.49.0",
-    "@zag-js/file-utils": "0.49.0",
-    "@zag-js/hover-card": "0.49.0",
-    "@zag-js/i18n-utils": "0.49.0",
-    "@zag-js/menu": "0.49.0",
-    "@zag-js/number-input": "0.49.0",
-    "@zag-js/pagination": "0.49.0",
-    "@zag-js/pin-input": "0.49.0",
-    "@zag-js/popover": "0.49.0",
-    "@zag-js/presence": "0.49.0",
-    "@zag-js/progress": "0.49.0",
-    "@zag-js/radio-group": "0.49.0",
-    "@zag-js/rating-group": "0.49.0",
-    "@zag-js/react": "0.49.0",
-    "@zag-js/select": "0.49.0",
-    "@zag-js/slider": "0.49.0",
-    "@zag-js/splitter": "0.49.0",
-    "@zag-js/switch": "0.49.0",
-    "@zag-js/tabs": "0.49.0",
-    "@zag-js/tags-input": "0.49.0",
-    "@zag-js/toast": "0.49.0",
-    "@zag-js/toggle-group": "0.49.0",
-    "@zag-js/tooltip": "0.49.0",
-    "@zag-js/tree-view": "0.49.0",
-    "@zag-js/types": "0.49.0"
+    "@ark-ui/anatomy": "3.1.0",
+    "@zag-js/accordion": "0.50.0",
+    "@zag-js/avatar": "0.50.0",
+    "@zag-js/carousel": "0.50.0",
+    "@zag-js/checkbox": "0.50.0",
+    "@zag-js/clipboard": "0.50.0",
+    "@zag-js/collapsible": "0.50.0",
+    "@zag-js/color-picker": "0.50.0",
+    "@zag-js/color-utils": "0.50.0",
+    "@zag-js/combobox": "0.50.0",
+    "@zag-js/core": "0.50.0",
+    "@zag-js/date-picker": "0.50.0",
+    "@zag-js/date-utils": "0.50.0",
+    "@zag-js/dom-query": "0.50.0",
+    "@zag-js/dialog": "0.50.0",
+    "@zag-js/editable": "0.50.0",
+    "@zag-js/file-upload": "0.50.0",
+    "@zag-js/file-utils": "0.50.0",
+    "@zag-js/hover-card": "0.50.0",
+    "@zag-js/i18n-utils": "0.50.0",
+    "@zag-js/menu": "0.50.0",
+    "@zag-js/number-input": "0.50.0",
+    "@zag-js/pagination": "0.50.0",
+    "@zag-js/pin-input": "0.50.0",
+    "@zag-js/popover": "0.50.0",
+    "@zag-js/presence": "0.50.0",
+    "@zag-js/progress": "0.50.0",
+    "@zag-js/radio-group": "0.50.0",
+    "@zag-js/rating-group": "0.50.0",
+    "@zag-js/react": "0.50.0",
+    "@zag-js/select": "0.50.0",
+    "@zag-js/slider": "0.50.0",
+    "@zag-js/splitter": "0.50.0",
+    "@zag-js/switch": "0.50.0",
+    "@zag-js/tabs": "0.50.0",
+    "@zag-js/tags-input": "0.50.0",
+    "@zag-js/toast": "0.50.0",
+    "@zag-js/toggle-group": "0.50.0",
+    "@zag-js/tooltip": "0.50.0",
+    "@zag-js/tree-view": "0.50.0",
+    "@zag-js/types": "0.50.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "1.7.2",
+    "@biomejs/biome": "1.7.3",
     "@release-it/keep-a-changelog": "5.0.0",
-    "@storybook/addon-a11y": "8.0.9",
-    "@storybook/addon-essentials": "8.0.9",
-    "@storybook/react-vite": "8.0.9",
-    "@storybook/react": "8.0.9",
+    "@storybook/addon-a11y": "8.1.1",
+    "@storybook/addon-essentials": "8.1.1",
+    "@storybook/react-vite": "8.1.1",
+    "@storybook/react": "8.1.1",
     "@testing-library/dom": "10.1.0",
-    "@testing-library/jest-dom": "6.4.2",
-    "@testing-library/react": "15.0.6",
+    "@testing-library/jest-dom": "6.4.5",
+    "@testing-library/react": "15.0.7",
     "@testing-library/user-event": "14.5.2",
     "@types/jsdom": "21.1.6",
-    "@types/react": "18.3.1",
+    "@types/react": "18.3.2",
     "@types/react-dom": "18.3.0",
     "@types/testing-library__jest-dom": "5.14.9",
     "@vitejs/plugin-react": "4.2.1",
     "globby": "14.0.1",
     "jsdom": "24.0.0",
-    "lucide-react": "0.377.0",
+    "lucide-react": "0.378.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-frame-component": "5.2.6",
-    "react-hook-form": "7.51.3",
+    "react-hook-form": "7.51.4",
     "release-it": "17.2.1",
     "resize-observer-polyfill": "1.5.1",
-    "storybook": "8.0.9",
+    "storybook": "8.1.1",
     "typescript": "5.4.5",
     "vite": "5.2.11",
-    "vite-plugin-dts": "3.9.0",
-    "vitest": "1.5.3"
+    "vite-plugin-dts": "3.9.1",
+    "vitest": "1.6.0"
   },
   "peerDependencies": {
     "react": ">=18.0.0",