@ark-ui/react 1.2.1 → 2.0.0

package/tree-view/use-tree-view.cjs

@@ -0,0 +1,49 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react$1 = require('@zag-js/react');
+const treeView = require('@zag-js/tree-view');
+const react = require('react');
+const environmentContext = require('../environment/environment-context.cjs');
+const useEvent = require('../use-event.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 treeView__namespace = /*#__PURE__*/_interopNamespaceDefault(treeView);
+
+const useTreeView = (props = {}) => {
+  const initialContext = {
+    id: react.useId(),
+    getRootNode: environmentContext.useEnvironmentContext(),
+    focusedId: props.defaultFocusedId,
+    ...props
+  };
+  const context = {
+    ...initialContext,
+    focusedId: props.focusedId,
+    onFocusChange: useEvent.useEvent(props.onFocusChange, { sync: true }),
+    onExpandedChange: useEvent.useEvent(props.onExpandedChange),
+    onSelectionChange: useEvent.useEvent(props.onSelectionChange)
+  };
+  const [state, send] = react$1.useMachine(treeView__namespace.machine(initialContext), { context });
+  return treeView__namespace.connect(state, send, react$1.normalizeProps);
+};
+
+exports.useTreeView = useTreeView;

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

@@ -0,0 +1,12 @@
+import { type PropTypes } from '@zag-js/react';
+import * as treeView from '@zag-js/tree-view';
+import { type Optional } from '../types';
+export interface UseTreeViewProps extends Optional<treeView.Context, 'id'> {
+    /**
+     * The initial focused index of the tree view.
+     */
+    defaultFocusedId?: treeView.Context['focusedId'];
+}
+export interface UseTreeViewReturn extends treeView.Api<PropTypes> {
+}
+export declare const useTreeView: (props?: UseTreeViewProps) => UseTreeViewReturn;

package/tree-view/use-tree-view.mjs

@@ -0,0 +1,26 @@
+'use client';
+import { useMachine, normalizeProps } from '@zag-js/react';
+import * as treeView from '@zag-js/tree-view';
+import { useId } from 'react';
+import { useEnvironmentContext } from '../environment/environment-context.mjs';
+import { useEvent } from '../use-event.mjs';
+
+const useTreeView = (props = {}) => {
+  const initialContext = {
+    id: useId(),
+    getRootNode: useEnvironmentContext(),
+    focusedId: props.defaultFocusedId,
+    ...props
+  };
+  const context = {
+    ...initialContext,
+    focusedId: props.focusedId,
+    onFocusChange: useEvent(props.onFocusChange, { sync: true }),
+    onExpandedChange: useEvent(props.onExpandedChange),
+    onSelectionChange: useEvent(props.onSelectionChange)
+  };
+  const [state, send] = useMachine(treeView.machine(initialContext), { context });
+  return treeView.connect(state, send, normalizeProps);
+};
+
+export { useTreeView };

package/toast/toast.d.ts

@@ -1,6 +0,0 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-export interface ToastProps extends HTMLArkProps<'li'> {
-}
-export declare const Toast: ForwardRefExoticComponent<ToastProps & RefAttributes<HTMLLIElement>>;