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

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.d.cts

@@ -2,7 +2,8 @@ import { PropsWithChildren } from 'react';
 
 export interface LocaleProviderProps extends PropsWithChildren {
     /**
-     * The locale to use. For example, 'en-US'.
+     * The locale to use for the application.
+     * @default 'en-US'
      */
     locale: string;
 }

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

@@ -2,7 +2,8 @@ import { PropsWithChildren } from 'react';
 
 export interface LocaleProviderProps extends PropsWithChildren {
     /**
-     * The locale to use. For example, 'en-US'.
+     * The locale to use for the application.
+     * @default 'en-US'
      */
     locale: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/react",
-  "version": "3.0.0-2",
+  "version": "3.0.0-3",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",

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

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

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

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