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

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/index.cjs

@@ -399,7 +399,7 @@ const treeViewTree = require('./components/tree-view/tree-view-tree.cjs');
 const useTreeViewContext = require('./components/tree-view/use-tree-view-context.cjs');
 const useTreeViewItemContext = require('./components/tree-view/use-tree-view-item-context.cjs');
 const treeView = require('./components/tree-view/tree-view.cjs');
-const environment = require('./providers/environment/environment.cjs');
+const environmentProvider = require('./providers/environment/environment-provider.cjs');
 const useEnvironmentContext = require('./providers/environment/use-environment-context.cjs');
 const localeProvider = require('./providers/locale/locale-provider.cjs');
 const useLocaleContext = require('./providers/locale/use-locale-context.cjs');
@@ -805,7 +805,7 @@ exports.TreeViewTree = treeViewTree.TreeViewTree;
 exports.useTreeViewContext = useTreeViewContext.useTreeViewContext;
 exports.useTreeViewItemContext = useTreeViewItemContext.useTreeViewItemContext;
 exports.TreeView = treeView;
-exports.Environment = environment.Environment;
+exports.EnvironmentProvider = environmentProvider.EnvironmentProvider;
 exports.useEnvironmentContext = useEnvironmentContext.useEnvironmentContext;
 exports.LocaleProvider = localeProvider.LocaleProvider;
 exports.useLocaleContext = useLocaleContext.useLocaleContext;

package/dist/index.d.cts

@@ -1,2 +1,3 @@
 export * from './components';
 export * from './providers';
+export type { Assign, Optional } from './types';

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export * from './components';
 export * from './providers';
+export type { Assign, Optional } from './types';

package/dist/index.js

@@ -428,7 +428,7 @@ export { useTreeViewContext } from './components/tree-view/use-tree-view-context
 export { useTreeViewItemContext } from './components/tree-view/use-tree-view-item-context.js';
 import * as treeView from './components/tree-view/tree-view.js';
 export { treeView as TreeView };
-export { Environment } from './providers/environment/environment.js';
+export { EnvironmentProvider } from './providers/environment/environment-provider.js';
 export { useEnvironmentContext } from './providers/environment/use-environment-context.js';
 export { LocaleProvider } from './providers/locale/locale-provider.js';
 export { useLocaleContext } from './providers/locale/use-locale-context.js';

package/dist/providers/environment/{environment.cjs → environment-provider.cjs}

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -8,7 +9,7 @@ const react = require('react');
 const runIfFn = require('../../utils/run-if-fn.cjs');
 const useEnvironmentContext = require('./use-environment-context.cjs');
 
-const Environment = (props) => {
+const EnvironmentProvider = (props) => {
   const { value, children } = props;
   const [spanRef, setSpanRef] = react.useState();
   const getRootNode = react.useMemo(() => {
@@ -22,10 +23,10 @@ const Environment = (props) => {
     }),
     [getRootNode]
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs(useEnvironmentContext.EnvironmentProvider, { value: environment, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(useEnvironmentContext.EnvironmentContextProvider, { value: environment, children: [
     children,
     !value && /* @__PURE__ */ jsxRuntime.jsx("span", { hidden: true, ref: setSpanRef })
   ] });
 };
 
-exports.Environment = Environment;
+exports.EnvironmentProvider = EnvironmentProvider;

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { RootNode } from './use-environment-context';
+
+export interface EnvironmentProviderProps {
+    children?: ReactNode;
+    value?: RootNode | (() => RootNode);
+}
+export declare const EnvironmentProvider: (props: EnvironmentProviderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { RootNode } from './use-environment-context';
+
+export interface EnvironmentProviderProps {
+    children?: ReactNode;
+    value?: RootNode | (() => RootNode);
+}
+export declare const EnvironmentProvider: (props: EnvironmentProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/providers/environment/{environment.js → environment-provider.js}

@@ -1,10 +1,11 @@
+'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { getWindow, getDocument } from '@zag-js/dom-query';
 import { useState, useMemo } from 'react';
 import { runIfFn } from '../../utils/run-if-fn.js';
-import { EnvironmentProvider } from './use-environment-context.js';
+import { EnvironmentContextProvider } from './use-environment-context.js';
 
-const Environment = (props) => {
+const EnvironmentProvider = (props) => {
   const { value, children } = props;
   const [spanRef, setSpanRef] = useState();
   const getRootNode = useMemo(() => {
@@ -18,10 +19,10 @@ const Environment = (props) => {
     }),
     [getRootNode]
   );
-  return /* @__PURE__ */ jsxs(EnvironmentProvider, { value: environment, children: [
+  return /* @__PURE__ */ jsxs(EnvironmentContextProvider, { value: environment, children: [
     children,
     !value && /* @__PURE__ */ jsx("span", { hidden: true, ref: setSpanRef })
   ] });
 };
 
-export { Environment };
+export { EnvironmentProvider };

package/dist/providers/environment/index.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const environment = require('./environment.cjs');
+const environmentProvider = require('./environment-provider.cjs');
 const useEnvironmentContext = require('./use-environment-context.cjs');
 
 
 
-exports.Environment = environment.Environment;
+exports.EnvironmentProvider = environmentProvider.EnvironmentProvider;
 exports.useEnvironmentContext = useEnvironmentContext.useEnvironmentContext;

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

@@ -1,2 +1,2 @@
-export { Environment, type EnvironmentProps } from './environment';
+export { EnvironmentProvider, type EnvironmentProviderProps } from './environment-provider';
 export { useEnvironmentContext, type EnvironmentContext, type RootNode, } from './use-environment-context';

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

@@ -1,2 +1,2 @@
-export { Environment, type EnvironmentProps } from './environment';
+export { EnvironmentProvider, type EnvironmentProviderProps } from './environment-provider';
 export { useEnvironmentContext, type EnvironmentContext, type RootNode, } from './use-environment-context';

package/dist/providers/environment/index.js

@@ -1,2 +1,2 @@
-export { Environment } from './environment.js';
+export { EnvironmentProvider } from './environment-provider.js';
 export { useEnvironmentContext } from './use-environment-context.js';

package/dist/providers/environment/use-environment-context.cjs

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const createContext = require('../../utils/create-context.cjs');
 
-const [EnvironmentProvider, useEnvironmentContext] = createContext.createContext({
+const [EnvironmentContextProvider, useEnvironmentContext] = createContext.createContext({
   name: "EnvironmentContext",
   hookName: "useEnvironmentContext",
   providerName: "<EnvironmentProvider />",
@@ -17,5 +17,5 @@ const [EnvironmentProvider, useEnvironmentContext] = createContext.createContext
   }
 });
 
-exports.EnvironmentProvider = EnvironmentProvider;
+exports.EnvironmentContextProvider = EnvironmentContextProvider;
 exports.useEnvironmentContext = useEnvironmentContext;

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

@@ -16,4 +16,4 @@ export interface EnvironmentContext {
      */
     getWindow(): Window & typeof globalThis;
 }
-export declare const EnvironmentProvider: Provider<EnvironmentContext>, useEnvironmentContext: () => EnvironmentContext;
+export declare const EnvironmentContextProvider: Provider<EnvironmentContext>, useEnvironmentContext: () => EnvironmentContext;

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

@@ -16,4 +16,4 @@ export interface EnvironmentContext {
      */
     getWindow(): Window & typeof globalThis;
 }
-export declare const EnvironmentProvider: Provider<EnvironmentContext>, useEnvironmentContext: () => EnvironmentContext;
+export declare const EnvironmentContextProvider: Provider<EnvironmentContext>, useEnvironmentContext: () => EnvironmentContext;

package/dist/providers/environment/use-environment-context.js

@@ -1,7 +1,7 @@
 'use client';
 import { createContext } from '../../utils/create-context.js';
 
-const [EnvironmentProvider, useEnvironmentContext] = createContext({
+const [EnvironmentContextProvider, useEnvironmentContext] = createContext({
   name: "EnvironmentContext",
   hookName: "useEnvironmentContext",
   providerName: "<EnvironmentProvider />",
@@ -13,4 +13,4 @@ const [EnvironmentProvider, useEnvironmentContext] = createContext({
   }
 });
 
-export { EnvironmentProvider, useEnvironmentContext };
+export { EnvironmentContextProvider, useEnvironmentContext };

package/dist/providers/index.cjs

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const environment = require('./environment/environment.cjs');
+const environmentProvider = require('./environment/environment-provider.cjs');
 const useEnvironmentContext = require('./environment/use-environment-context.cjs');
 const localeProvider = require('./locale/locale-provider.cjs');
 const useLocaleContext = require('./locale/use-locale-context.cjs');
 
 
 
-exports.Environment = environment.Environment;
+exports.EnvironmentProvider = environmentProvider.EnvironmentProvider;
 exports.useEnvironmentContext = useEnvironmentContext.useEnvironmentContext;
 exports.LocaleProvider = localeProvider.LocaleProvider;
 exports.useLocaleContext = useLocaleContext.useLocaleContext;

package/dist/providers/index.js

@@ -1,4 +1,4 @@
-export { Environment } from './environment/environment.js';
+export { EnvironmentProvider } from './environment/environment-provider.js';
 export { useEnvironmentContext } from './environment/use-environment-context.js';
 export { LocaleProvider } from './locale/locale-provider.js';
 export { useLocaleContext } from './locale/use-locale-context.js';

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,10 @@
-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.
+     * The locale to use for the application.
      * @default 'en-US'
      */
-    defaultLocale?: string;
-    /**
-     * The children to render.
-     */
-    children: ReactNode;
+    locale: string;
 }
 export declare const LocaleProvider: (props: LocaleProviderProps) => import("react/jsx-runtime").JSX.Element;