@ark-ui/react 5.39.3 → 6.0.0-next.0

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

@@ -1,21 +1,18 @@
-export type { CheckedChangeDetails, ExpandedChangeDetails, FocusChangeDetails, LoadChildrenCompleteDetails, LoadChildrenDetails, LoadChildrenErrorDetails, NodeProps, NodeState, RenameCompleteDetails, RenameStartDetails, SelectionChangeDetails, } from '@zag-js/tree-view';
-export { TreeViewBranch as Branch, type TreeViewBranchBaseProps as BranchBaseProps, type TreeViewBranchProps as BranchProps, } from './tree-view-branch.js';
-export { TreeViewBranchContent as BranchContent, type TreeViewBranchContentBaseProps as BranchContentBaseProps, type TreeViewBranchContentProps as BranchContentProps, } from './tree-view-branch-content.js';
-export { TreeViewBranchControl as BranchControl, type TreeViewBranchControlBaseProps as BranchControlBaseProps, type TreeViewBranchControlProps as BranchControlProps, } from './tree-view-branch-control.js';
-export { TreeViewBranchIndentGuide as BranchIndentGuide, type TreeViewBranchIndentGuideBaseProps as BranchIndentGuideBaseProps, type TreeViewBranchIndentGuideProps as BranchIndentGuideProps, } from './tree-view-branch-indent-guide.js';
-export { TreeViewBranchIndicator as BranchIndicator, type TreeViewBranchIndicatorBaseProps as BranchIndicatorBaseProps, type TreeViewBranchIndicatorProps as BranchIndicatorProps, } from './tree-view-branch-indicator.js';
-export { TreeViewBranchText as BranchText, type TreeViewBranchTextBaseProps as BranchTextBaseProps, type TreeViewBranchTextProps as BranchTextProps, } from './tree-view-branch-text.js';
-export { TreeViewBranchTrigger as BranchTrigger, type TreeViewBranchTriggerBaseProps as BranchTriggerBaseProps, type TreeViewBranchTriggerProps as BranchTriggerProps, } from './tree-view-branch-trigger.js';
+export type { CheckedChangeDetails, ExpandedChangeDetails, FocusChangeDetails, LoadChildrenCompleteDetails, LoadChildrenDetails, LoadChildrenErrorDetails, NodeIndicatorType, RenameCompleteDetails, RenameStartDetails, SelectionChangeDetails, } from '@zag-js/tree-view';
+export { TreeViewCell as Cell, type TreeViewCellBaseProps as CellBaseProps, type TreeViewCellProps as CellProps, } from './tree-view-cell.js';
 export { TreeViewContext as Context, type TreeViewContextProps as ContextProps } from './tree-view-context.js';
-export { TreeViewItem as Item, type TreeViewItemBaseProps as ItemBaseProps, type TreeViewItemProps as ItemProps, } from './tree-view-item.js';
-export { TreeViewItemIndicator as ItemIndicator, type TreeViewItemIndicatorBaseProps as ItemIndicatorBaseProps, type TreeViewItemIndicatorProps as ItemIndicatorProps, } from './tree-view-item-indicator.js';
-export { TreeViewItemText as ItemText, type TreeViewItemTextBaseProps as ItemTextBaseProps, type TreeViewItemTextProps as ItemTextProps, } from './tree-view-item-text.js';
+export { TreeViewIndentGuide as IndentGuide, type TreeViewIndentGuideBaseProps as IndentGuideBaseProps, type TreeViewIndentGuideProps as IndentGuideProps, } from './tree-view-indent-guide.js';
 export { TreeViewLabel as Label, type TreeViewLabelBaseProps as LabelBaseProps, type TreeViewLabelProps as LabelProps, } from './tree-view-label.js';
+export { TreeViewNode as Node, type TreeViewNodeBaseProps as NodeBaseProps, type TreeViewNodeProps as NodeProps, type TreeViewNodeState as NodeState, } from './tree-view-node.js';
+export { TreeViewNodeCheckbox as NodeCheckbox, type TreeViewNodeCheckboxBaseProps as NodeCheckboxBaseProps, type TreeViewNodeCheckboxProps as NodeCheckboxProps, } from './tree-view-node-checkbox.js';
 export { TreeViewNodeContext as NodeContext, type TreeViewNodeContextProps as NodeContextProps, } from './tree-view-node-context.js';
+export { TreeViewNodeExpandTrigger as NodeExpandTrigger, type TreeViewNodeExpandTriggerBaseProps as NodeExpandTriggerBaseProps, type TreeViewNodeExpandTriggerProps as NodeExpandTriggerProps, } from './tree-view-node-expand-trigger.js';
+export { TreeViewNodeGroup as NodeGroup, type TreeViewNodeGroupBaseProps as NodeGroupBaseProps, type TreeViewNodeGroupProps as NodeGroupProps, } from './tree-view-node-group.js';
+export { TreeViewNodeGroupContent as NodeGroupContent, type TreeViewNodeGroupContentBaseProps as NodeGroupContentBaseProps, type TreeViewNodeGroupContentProps as NodeGroupContentProps, } from './tree-view-node-group-content.js';
+export { TreeViewNodeIndicator as NodeIndicator, type TreeViewNodeIndicatorBaseProps as NodeIndicatorBaseProps, type TreeViewNodeIndicatorProps as NodeIndicatorProps, } from './tree-view-node-indicator.js';
 export { TreeViewNodeProvider as NodeProvider, type TreeViewNodeProviderBaseProps as NodeProviderBaseProps, type TreeViewNodeProviderProps as NodeProviderProps, } from './tree-view-node-provider.js';
+export { TreeViewNodeRenameInput as NodeRenameInput, type TreeViewNodeRenameInputBaseProps as NodeRenameInputBaseProps, type TreeViewNodeRenameInputProps as NodeRenameInputProps, } from './tree-view-node-rename-input.js';
+export { TreeViewNodeText as NodeText, type TreeViewNodeTextBaseProps as NodeTextBaseProps, type TreeViewNodeTextProps as NodeTextProps, } from './tree-view-node-text.js';
 export { TreeViewRoot as Root, type TreeViewRootBaseProps as RootBaseProps, type TreeViewRootComponent as RootComponent, type TreeViewRootComponentProps as RootComponentProps, type TreeViewRootProps as RootProps, } from './tree-view-root.js';
 export { TreeViewRootProvider as RootProvider, type TreeViewRootProviderBaseProps as RootProviderBaseProps, type TreeViewRootProviderComponent as RootProviderComponent, type TreeViewRootProviderProps as RootProviderProps, } from './tree-view-root-provider.js';
 export { TreeViewTree as Tree, type TreeViewTreeBaseProps as TreeBaseProps, type TreeViewTreeProps as TreeProps, } from './tree-view-tree.js';
-export { TreeViewNodeCheckbox as NodeCheckbox, type TreeViewNodeCheckboxBaseProps as NodeCheckboxBaseProps, type TreeViewNodeCheckboxProps as NodeCheckboxProps, } from './tree-view-node-checkbox.js';
-export { TreeViewNodeCheckboxIndicator as NodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps as NodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps as NodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator.js';
-export { TreeViewNodeRenameInput as NodeRenameInput, type TreeViewNodeRenameInputBaseProps as NodeRenameInputBaseProps, type TreeViewNodeRenameInputProps as NodeRenameInputProps, } from './tree-view-node-rename-input.js';

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

@@ -1,21 +1,18 @@
-export type { CheckedChangeDetails, ExpandedChangeDetails, FocusChangeDetails, LoadChildrenCompleteDetails, LoadChildrenDetails, LoadChildrenErrorDetails, NodeProps, NodeState, RenameCompleteDetails, RenameStartDetails, SelectionChangeDetails, } from '@zag-js/tree-view';
-export { TreeViewBranch as Branch, type TreeViewBranchBaseProps as BranchBaseProps, type TreeViewBranchProps as BranchProps, } from './tree-view-branch.js';
-export { TreeViewBranchContent as BranchContent, type TreeViewBranchContentBaseProps as BranchContentBaseProps, type TreeViewBranchContentProps as BranchContentProps, } from './tree-view-branch-content.js';
-export { TreeViewBranchControl as BranchControl, type TreeViewBranchControlBaseProps as BranchControlBaseProps, type TreeViewBranchControlProps as BranchControlProps, } from './tree-view-branch-control.js';
-export { TreeViewBranchIndentGuide as BranchIndentGuide, type TreeViewBranchIndentGuideBaseProps as BranchIndentGuideBaseProps, type TreeViewBranchIndentGuideProps as BranchIndentGuideProps, } from './tree-view-branch-indent-guide.js';
-export { TreeViewBranchIndicator as BranchIndicator, type TreeViewBranchIndicatorBaseProps as BranchIndicatorBaseProps, type TreeViewBranchIndicatorProps as BranchIndicatorProps, } from './tree-view-branch-indicator.js';
-export { TreeViewBranchText as BranchText, type TreeViewBranchTextBaseProps as BranchTextBaseProps, type TreeViewBranchTextProps as BranchTextProps, } from './tree-view-branch-text.js';
-export { TreeViewBranchTrigger as BranchTrigger, type TreeViewBranchTriggerBaseProps as BranchTriggerBaseProps, type TreeViewBranchTriggerProps as BranchTriggerProps, } from './tree-view-branch-trigger.js';
+export type { CheckedChangeDetails, ExpandedChangeDetails, FocusChangeDetails, LoadChildrenCompleteDetails, LoadChildrenDetails, LoadChildrenErrorDetails, NodeIndicatorType, RenameCompleteDetails, RenameStartDetails, SelectionChangeDetails, } from '@zag-js/tree-view';
+export { TreeViewCell as Cell, type TreeViewCellBaseProps as CellBaseProps, type TreeViewCellProps as CellProps, } from './tree-view-cell.js';
 export { TreeViewContext as Context, type TreeViewContextProps as ContextProps } from './tree-view-context.js';
-export { TreeViewItem as Item, type TreeViewItemBaseProps as ItemBaseProps, type TreeViewItemProps as ItemProps, } from './tree-view-item.js';
-export { TreeViewItemIndicator as ItemIndicator, type TreeViewItemIndicatorBaseProps as ItemIndicatorBaseProps, type TreeViewItemIndicatorProps as ItemIndicatorProps, } from './tree-view-item-indicator.js';
-export { TreeViewItemText as ItemText, type TreeViewItemTextBaseProps as ItemTextBaseProps, type TreeViewItemTextProps as ItemTextProps, } from './tree-view-item-text.js';
+export { TreeViewIndentGuide as IndentGuide, type TreeViewIndentGuideBaseProps as IndentGuideBaseProps, type TreeViewIndentGuideProps as IndentGuideProps, } from './tree-view-indent-guide.js';
 export { TreeViewLabel as Label, type TreeViewLabelBaseProps as LabelBaseProps, type TreeViewLabelProps as LabelProps, } from './tree-view-label.js';
+export { TreeViewNode as Node, type TreeViewNodeBaseProps as NodeBaseProps, type TreeViewNodeProps as NodeProps, type TreeViewNodeState as NodeState, } from './tree-view-node.js';
+export { TreeViewNodeCheckbox as NodeCheckbox, type TreeViewNodeCheckboxBaseProps as NodeCheckboxBaseProps, type TreeViewNodeCheckboxProps as NodeCheckboxProps, } from './tree-view-node-checkbox.js';
 export { TreeViewNodeContext as NodeContext, type TreeViewNodeContextProps as NodeContextProps, } from './tree-view-node-context.js';
+export { TreeViewNodeExpandTrigger as NodeExpandTrigger, type TreeViewNodeExpandTriggerBaseProps as NodeExpandTriggerBaseProps, type TreeViewNodeExpandTriggerProps as NodeExpandTriggerProps, } from './tree-view-node-expand-trigger.js';
+export { TreeViewNodeGroup as NodeGroup, type TreeViewNodeGroupBaseProps as NodeGroupBaseProps, type TreeViewNodeGroupProps as NodeGroupProps, } from './tree-view-node-group.js';
+export { TreeViewNodeGroupContent as NodeGroupContent, type TreeViewNodeGroupContentBaseProps as NodeGroupContentBaseProps, type TreeViewNodeGroupContentProps as NodeGroupContentProps, } from './tree-view-node-group-content.js';
+export { TreeViewNodeIndicator as NodeIndicator, type TreeViewNodeIndicatorBaseProps as NodeIndicatorBaseProps, type TreeViewNodeIndicatorProps as NodeIndicatorProps, } from './tree-view-node-indicator.js';
 export { TreeViewNodeProvider as NodeProvider, type TreeViewNodeProviderBaseProps as NodeProviderBaseProps, type TreeViewNodeProviderProps as NodeProviderProps, } from './tree-view-node-provider.js';
+export { TreeViewNodeRenameInput as NodeRenameInput, type TreeViewNodeRenameInputBaseProps as NodeRenameInputBaseProps, type TreeViewNodeRenameInputProps as NodeRenameInputProps, } from './tree-view-node-rename-input.js';
+export { TreeViewNodeText as NodeText, type TreeViewNodeTextBaseProps as NodeTextBaseProps, type TreeViewNodeTextProps as NodeTextProps, } from './tree-view-node-text.js';
 export { TreeViewRoot as Root, type TreeViewRootBaseProps as RootBaseProps, type TreeViewRootComponent as RootComponent, type TreeViewRootComponentProps as RootComponentProps, type TreeViewRootProps as RootProps, } from './tree-view-root.js';
 export { TreeViewRootProvider as RootProvider, type TreeViewRootProviderBaseProps as RootProviderBaseProps, type TreeViewRootProviderComponent as RootProviderComponent, type TreeViewRootProviderProps as RootProviderProps, } from './tree-view-root-provider.js';
 export { TreeViewTree as Tree, type TreeViewTreeBaseProps as TreeBaseProps, type TreeViewTreeProps as TreeProps, } from './tree-view-tree.js';
-export { TreeViewNodeCheckbox as NodeCheckbox, type TreeViewNodeCheckboxBaseProps as NodeCheckboxBaseProps, type TreeViewNodeCheckboxProps as NodeCheckboxProps, } from './tree-view-node-checkbox.js';
-export { TreeViewNodeCheckboxIndicator as NodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps as NodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps as NodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator.js';
-export { TreeViewNodeRenameInput as NodeRenameInput, type TreeViewNodeRenameInputBaseProps as NodeRenameInputBaseProps, type TreeViewNodeRenameInputProps as NodeRenameInputProps, } from './tree-view-node-rename-input.js';

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

@@ -1,46 +1,40 @@
 import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
-import { TreeViewBranch } from "./tree-view-branch.js";
-import { TreeViewBranchContent } from "./tree-view-branch-content.js";
-import { TreeViewBranchControl } from "./tree-view-branch-control.js";
-import { TreeViewBranchIndentGuide } from "./tree-view-branch-indent-guide.js";
-import { TreeViewBranchIndicator } from "./tree-view-branch-indicator.js";
-import { TreeViewBranchText } from "./tree-view-branch-text.js";
-import { TreeViewBranchTrigger } from "./tree-view-branch-trigger.js";
+import { TreeViewCell } from "./tree-view-cell.js";
 import { TreeViewContext } from "./tree-view-context.js";
-import { TreeViewItem } from "./tree-view-item.js";
-import { TreeViewItemIndicator } from "./tree-view-item-indicator.js";
-import { TreeViewItemText } from "./tree-view-item-text.js";
+import { TreeViewIndentGuide } from "./tree-view-indent-guide.js";
 import { TreeViewLabel } from "./tree-view-label.js";
+import { TreeViewNode } from "./tree-view-node.js";
+import { TreeViewNodeCheckbox } from "./tree-view-node-checkbox.js";
 import { TreeViewNodeContext } from "./tree-view-node-context.js";
+import { TreeViewNodeExpandTrigger } from "./tree-view-node-expand-trigger.js";
+import { TreeViewNodeGroup } from "./tree-view-node-group.js";
+import { TreeViewNodeGroupContent } from "./tree-view-node-group-content.js";
+import { TreeViewNodeIndicator } from "./tree-view-node-indicator.js";
 import { TreeViewNodeProvider } from "./tree-view-node-provider.js";
+import { TreeViewNodeRenameInput } from "./tree-view-node-rename-input.js";
+import { TreeViewNodeText } from "./tree-view-node-text.js";
 import { TreeViewRoot } from "./tree-view-root.js";
 import { TreeViewRootProvider } from "./tree-view-root-provider.js";
 import { TreeViewTree } from "./tree-view-tree.js";
-import { TreeViewNodeCheckbox } from "./tree-view-node-checkbox.js";
-import { TreeViewNodeCheckboxIndicator } from "./tree-view-node-checkbox-indicator.js";
-import { TreeViewNodeRenameInput } from "./tree-view-node-rename-input.js";
 //#region src/components/tree-view/tree-view.ts
 var tree_view_exports = /* @__PURE__ */ __exportAll({
-	Branch: () => TreeViewBranch,
-	BranchContent: () => TreeViewBranchContent,
-	BranchControl: () => TreeViewBranchControl,
-	BranchIndentGuide: () => TreeViewBranchIndentGuide,
-	BranchIndicator: () => TreeViewBranchIndicator,
-	BranchText: () => TreeViewBranchText,
-	BranchTrigger: () => TreeViewBranchTrigger,
+	Cell: () => TreeViewCell,
 	Context: () => TreeViewContext,
-	Item: () => TreeViewItem,
-	ItemIndicator: () => TreeViewItemIndicator,
-	ItemText: () => TreeViewItemText,
+	IndentGuide: () => TreeViewIndentGuide,
 	Label: () => TreeViewLabel,
+	Node: () => TreeViewNode,
 	NodeCheckbox: () => TreeViewNodeCheckbox,
-	NodeCheckboxIndicator: () => TreeViewNodeCheckboxIndicator,
 	NodeContext: () => TreeViewNodeContext,
+	NodeExpandTrigger: () => TreeViewNodeExpandTrigger,
+	NodeGroup: () => TreeViewNodeGroup,
+	NodeGroupContent: () => TreeViewNodeGroupContent,
+	NodeIndicator: () => TreeViewNodeIndicator,
 	NodeProvider: () => TreeViewNodeProvider,
 	NodeRenameInput: () => TreeViewNodeRenameInput,
+	NodeText: () => TreeViewNodeText,
 	Root: () => TreeViewRoot,
 	RootProvider: () => TreeViewRootProvider,
 	Tree: () => TreeViewTree
 });
 //#endregion
-export { TreeViewBranch as Branch, TreeViewBranchContent as BranchContent, TreeViewBranchControl as BranchControl, TreeViewBranchIndentGuide as BranchIndentGuide, TreeViewBranchIndicator as BranchIndicator, TreeViewBranchText as BranchText, TreeViewBranchTrigger as BranchTrigger, TreeViewContext as Context, TreeViewItem as Item, TreeViewItemIndicator as ItemIndicator, TreeViewItemText as ItemText, TreeViewLabel as Label, TreeViewNodeCheckbox as NodeCheckbox, TreeViewNodeCheckboxIndicator as NodeCheckboxIndicator, TreeViewNodeContext as NodeContext, TreeViewNodeProvider as NodeProvider, TreeViewNodeRenameInput as NodeRenameInput, TreeViewRoot as Root, TreeViewRootProvider as RootProvider, TreeViewTree as Tree, tree_view_exports };
+export { TreeViewCell as Cell, TreeViewContext as Context, TreeViewIndentGuide as IndentGuide, TreeViewLabel as Label, TreeViewNode as Node, TreeViewNodeCheckbox as NodeCheckbox, TreeViewNodeContext as NodeContext, TreeViewNodeExpandTrigger as NodeExpandTrigger, TreeViewNodeGroup as NodeGroup, TreeViewNodeGroupContent as NodeGroupContent, TreeViewNodeIndicator as NodeIndicator, TreeViewNodeProvider as NodeProvider, TreeViewNodeRenameInput as NodeRenameInput, TreeViewNodeText as NodeText, TreeViewRoot as Root, TreeViewRootProvider as RootProvider, TreeViewTree as Tree, tree_view_exports };

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

@@ -4,8 +4,8 @@ const require_use_environment_context = require("../../providers/environment/use
 const require_use_locale_context = require("../../providers/locale/use-locale-context.cjs");
 let _zag_js_tree_view = require("@zag-js/tree-view");
 _zag_js_tree_view = require_runtime.__toESM(_zag_js_tree_view, 1);
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 //#region src/components/tree-view/use-tree-view.ts
 var useTreeView = (props) => {
 	const id = (0, react.useId)();

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

@@ -2,8 +2,8 @@
 import { useEnvironmentContext } from "../../providers/environment/use-environment-context.js";
 import { useLocaleContext } from "../../providers/locale/use-locale-context.js";
 import * as treeView from "@zag-js/tree-view";
-import { useId } from "react";
 import { normalizeProps, useMachine } from "@zag-js/react";
+import { useId } from "react";
 //#region src/components/tree-view/use-tree-view.ts
 var useTreeView = (props) => {
 	const id = useId();

package/dist/components/virtualizer/grid-virtualizer-cell.cjs

@@ -0,0 +1,27 @@
+"use client";
+const require_factory = require("../factory.cjs");
+const require_create_split_props = require("../../utils/create-split-props.cjs");
+const require_use_grid_virtualizer_context = require("./use-grid-virtualizer-context.cjs");
+const require_use_grid_virtualizer_row_context = require("./use-grid-virtualizer-row-context.cjs");
+let _zag_js_react = require("@zag-js/react");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/virtualizer/grid-virtualizer-cell.tsx
+var splitCellProps = require_create_split_props.createSplitProps();
+var GridVirtualizerCell = (0, react.forwardRef)((props, ref) => {
+	const [{ column }, localProps] = splitCellProps(props, ["column"]);
+	const virtualizer = require_use_grid_virtualizer_context.useGridVirtualizerContext();
+	const row = require_use_grid_virtualizer_row_context.useGridVirtualizerRowContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)({
+		...virtualizer.getCellAriaAttrs(row.row, column.column),
+		style: virtualizer.getCellStyleInRow(column)
+	}, localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
+		...mergedProps,
+		"data-index": column.column,
+		ref
+	});
+});
+GridVirtualizerCell.displayName = "GridVirtualizerCell";
+//#endregion
+exports.GridVirtualizerCell = GridVirtualizerCell;

package/dist/components/virtualizer/grid-virtualizer-cell.d.cts

@@ -0,0 +1,15 @@
+import { VirtualColumn } from '@zag-js/virtualizer';
+import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+interface CellProps {
+    /**
+     * The virtual column to render within the current row.
+     */
+    column: VirtualColumn;
+}
+export interface GridVirtualizerCellBaseProps extends CellProps, PolymorphicProps {
+}
+export interface GridVirtualizerCellProps extends HTMLProps<'div'>, GridVirtualizerCellBaseProps {
+}
+export declare const GridVirtualizerCell: ForwardRefExoticComponent<GridVirtualizerCellProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/virtualizer/grid-virtualizer-cell.d.ts

@@ -0,0 +1,15 @@
+import { VirtualColumn } from '@zag-js/virtualizer';
+import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+interface CellProps {
+    /**
+     * The virtual column to render within the current row.
+     */
+    column: VirtualColumn;
+}
+export interface GridVirtualizerCellBaseProps extends CellProps, PolymorphicProps {
+}
+export interface GridVirtualizerCellProps extends HTMLProps<'div'>, GridVirtualizerCellBaseProps {
+}
+export declare const GridVirtualizerCell: ForwardRefExoticComponent<GridVirtualizerCellProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/virtualizer/grid-virtualizer-cell.js

@@ -0,0 +1,27 @@
+"use client";
+import { ark } from "../factory.js";
+import { createSplitProps } from "../../utils/create-split-props.js";
+import { useGridVirtualizerContext } from "./use-grid-virtualizer-context.js";
+import { useGridVirtualizerRowContext } from "./use-grid-virtualizer-row-context.js";
+import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/virtualizer/grid-virtualizer-cell.tsx
+var splitCellProps = createSplitProps();
+var GridVirtualizerCell = forwardRef((props, ref) => {
+	const [{ column }, localProps] = splitCellProps(props, ["column"]);
+	const virtualizer = useGridVirtualizerContext();
+	const row = useGridVirtualizerRowContext();
+	const mergedProps = mergeProps({
+		...virtualizer.getCellAriaAttrs(row.row, column.column),
+		style: virtualizer.getCellStyleInRow(column)
+	}, localProps);
+	return /* @__PURE__ */ jsx(ark.div, {
+		...mergedProps,
+		"data-index": column.column,
+		ref
+	});
+});
+GridVirtualizerCell.displayName = "GridVirtualizerCell";
+//#endregion
+export { GridVirtualizerCell };

package/dist/components/virtualizer/grid-virtualizer-content.cjs

@@ -0,0 +1,18 @@
+"use client";
+const require_factory = require("../factory.cjs");
+const require_use_grid_virtualizer_context = require("./use-grid-virtualizer-context.cjs");
+let _zag_js_react = require("@zag-js/react");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/virtualizer/grid-virtualizer-content.tsx
+var GridVirtualizerContent = (0, react.forwardRef)((props, ref) => {
+	const virtualizer = require_use_grid_virtualizer_context.useGridVirtualizerContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)({ style: virtualizer.getContentStyle() }, props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
+		...mergedProps,
+		ref
+	});
+});
+GridVirtualizerContent.displayName = "GridVirtualizerContent";
+//#endregion
+exports.GridVirtualizerContent = GridVirtualizerContent;

package/dist/components/virtualizer/grid-virtualizer-content.d.cts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface GridVirtualizerContentBaseProps extends PolymorphicProps {
+}
+export interface GridVirtualizerContentProps extends HTMLProps<'div'>, GridVirtualizerContentBaseProps {
+}
+export declare const GridVirtualizerContent: ForwardRefExoticComponent<GridVirtualizerContentProps & RefAttributes<HTMLDivElement>>;

package/dist/components/virtualizer/grid-virtualizer-content.d.ts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface GridVirtualizerContentBaseProps extends PolymorphicProps {
+}
+export interface GridVirtualizerContentProps extends HTMLProps<'div'>, GridVirtualizerContentBaseProps {
+}
+export declare const GridVirtualizerContent: ForwardRefExoticComponent<GridVirtualizerContentProps & RefAttributes<HTMLDivElement>>;

package/dist/components/virtualizer/grid-virtualizer-content.js

@@ -0,0 +1,18 @@
+"use client";
+import { ark } from "../factory.js";
+import { useGridVirtualizerContext } from "./use-grid-virtualizer-context.js";
+import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/virtualizer/grid-virtualizer-content.tsx
+var GridVirtualizerContent = forwardRef((props, ref) => {
+	const virtualizer = useGridVirtualizerContext();
+	const mergedProps = mergeProps({ style: virtualizer.getContentStyle() }, props);
+	return /* @__PURE__ */ jsx(ark.div, {
+		...mergedProps,
+		ref
+	});
+});
+GridVirtualizerContent.displayName = "GridVirtualizerContent";
+//#endregion
+export { GridVirtualizerContent };

package/dist/components/virtualizer/grid-virtualizer-context.cjs

@@ -0,0 +1,6 @@
+"use client";
+const require_use_grid_virtualizer_context = require("./use-grid-virtualizer-context.cjs");
+//#region src/components/virtualizer/grid-virtualizer-context.tsx
+var GridVirtualizerContext = (props) => props.children(require_use_grid_virtualizer_context.useGridVirtualizerContext());
+//#endregion
+exports.GridVirtualizerContext = GridVirtualizerContext;

package/dist/components/virtualizer/grid-virtualizer-context.d.cts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { UseGridVirtualizerContext } from './use-grid-virtualizer-context.js';
+export interface GridVirtualizerContextProps {
+    children: (context: UseGridVirtualizerContext) => ReactNode;
+}
+export declare const GridVirtualizerContext: (props: GridVirtualizerContextProps) => ReactNode;

package/dist/components/virtualizer/grid-virtualizer-context.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { UseGridVirtualizerContext } from './use-grid-virtualizer-context.js';
+export interface GridVirtualizerContextProps {
+    children: (context: UseGridVirtualizerContext) => ReactNode;
+}
+export declare const GridVirtualizerContext: (props: GridVirtualizerContextProps) => ReactNode;

package/dist/components/virtualizer/grid-virtualizer-context.js

@@ -0,0 +1,6 @@
+"use client";
+import { useGridVirtualizerContext } from "./use-grid-virtualizer-context.js";
+//#region src/components/virtualizer/grid-virtualizer-context.tsx
+var GridVirtualizerContext = (props) => props.children(useGridVirtualizerContext());
+//#endregion
+export { GridVirtualizerContext };

package/dist/components/virtualizer/grid-virtualizer-root.cjs

@@ -0,0 +1,32 @@
+"use client";
+const require_compose_refs = require("../../utils/compose-refs.cjs");
+const require_factory = require("../factory.cjs");
+const require_create_split_props = require("../../utils/create-split-props.cjs");
+const require_use_grid_virtualizer_context = require("./use-grid-virtualizer-context.cjs");
+let _zag_js_react = require("@zag-js/react");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/virtualizer/grid-virtualizer-root.tsx
+var splitRootProps = require_create_split_props.createSplitProps();
+var GridVirtualizerRoot = (0, react.forwardRef)((props, ref) => {
+	const [{ value: virtualizer }, localProps] = splitRootProps(props, ["value"]);
+	const composedRef = require_compose_refs.useComposedRefs(virtualizer.ref, ref);
+	const mergedProps = (0, _zag_js_react.mergeProps)({
+		...virtualizer.getContainerAriaAttrs(),
+		style: virtualizer.getContainerStyle()
+	}, localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_grid_virtualizer_context.GridVirtualizerProvider, {
+		value: virtualizer,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
+			...mergedProps,
+			ref: composedRef,
+			onScroll: (event) => {
+				virtualizer.getScrollHandler()(event);
+				localProps.onScroll?.(event);
+			}
+		})
+	});
+});
+GridVirtualizerRoot.displayName = "GridVirtualizerRoot";
+//#endregion
+exports.GridVirtualizerRoot = GridVirtualizerRoot;

package/dist/components/virtualizer/grid-virtualizer-root.d.cts

@@ -0,0 +1,15 @@
+import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { UseGridVirtualizerReturn } from './use-grid-virtualizer.js';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+interface RootProps {
+    /**
+     * The virtualizer instance returned by `useGridVirtualizer`.
+     */
+    value: UseGridVirtualizerReturn;
+}
+export interface GridVirtualizerRootBaseProps extends RootProps, PolymorphicProps {
+}
+export interface GridVirtualizerRootProps extends HTMLProps<'div'>, GridVirtualizerRootBaseProps {
+}
+export declare const GridVirtualizerRoot: ForwardRefExoticComponent<GridVirtualizerRootProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/virtualizer/grid-virtualizer-root.d.ts

@@ -0,0 +1,15 @@
+import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { UseGridVirtualizerReturn } from './use-grid-virtualizer.js';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+interface RootProps {
+    /**
+     * The virtualizer instance returned by `useGridVirtualizer`.
+     */
+    value: UseGridVirtualizerReturn;
+}
+export interface GridVirtualizerRootBaseProps extends RootProps, PolymorphicProps {
+}
+export interface GridVirtualizerRootProps extends HTMLProps<'div'>, GridVirtualizerRootBaseProps {
+}
+export declare const GridVirtualizerRoot: ForwardRefExoticComponent<GridVirtualizerRootProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/virtualizer/grid-virtualizer-root.js

@@ -0,0 +1,32 @@
+"use client";
+import { useComposedRefs } from "../../utils/compose-refs.js";
+import { ark } from "../factory.js";
+import { createSplitProps } from "../../utils/create-split-props.js";
+import { GridVirtualizerProvider } from "./use-grid-virtualizer-context.js";
+import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/virtualizer/grid-virtualizer-root.tsx
+var splitRootProps = createSplitProps();
+var GridVirtualizerRoot = forwardRef((props, ref) => {
+	const [{ value: virtualizer }, localProps] = splitRootProps(props, ["value"]);
+	const composedRef = useComposedRefs(virtualizer.ref, ref);
+	const mergedProps = mergeProps({
+		...virtualizer.getContainerAriaAttrs(),
+		style: virtualizer.getContainerStyle()
+	}, localProps);
+	return /* @__PURE__ */ jsx(GridVirtualizerProvider, {
+		value: virtualizer,
+		children: /* @__PURE__ */ jsx(ark.div, {
+			...mergedProps,
+			ref: composedRef,
+			onScroll: (event) => {
+				virtualizer.getScrollHandler()(event);
+				localProps.onScroll?.(event);
+			}
+		})
+	});
+});
+GridVirtualizerRoot.displayName = "GridVirtualizerRoot";
+//#endregion
+export { GridVirtualizerRoot };

package/dist/components/virtualizer/grid-virtualizer-row.cjs

@@ -0,0 +1,31 @@
+"use client";
+const require_compose_refs = require("../../utils/compose-refs.cjs");
+const require_factory = require("../factory.cjs");
+const require_create_split_props = require("../../utils/create-split-props.cjs");
+const require_use_grid_virtualizer_context = require("./use-grid-virtualizer-context.cjs");
+const require_use_grid_virtualizer_row_context = require("./use-grid-virtualizer-row-context.cjs");
+let _zag_js_react = require("@zag-js/react");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/virtualizer/grid-virtualizer-row.tsx
+var splitRowProps = require_create_split_props.createSplitProps();
+var GridVirtualizerRow = (0, react.forwardRef)((props, ref) => {
+	const [{ row, measure }, localProps] = splitRowProps(props, ["row", "measure"]);
+	const virtualizer = require_use_grid_virtualizer_context.useGridVirtualizerContext();
+	const composedRef = require_compose_refs.useComposedRefs(measure ? row.measureRow : void 0, ref);
+	const mergedProps = (0, _zag_js_react.mergeProps)({
+		...virtualizer.getRowAriaAttrs(row.row),
+		style: virtualizer.getRowStyle(row)
+	}, localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_grid_virtualizer_row_context.GridVirtualizerRowProvider, {
+		value: row,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
+			...mergedProps,
+			"data-index": row.row,
+			ref: composedRef
+		})
+	});
+});
+GridVirtualizerRow.displayName = "GridVirtualizerRow";
+//#endregion
+exports.GridVirtualizerRow = GridVirtualizerRow;

package/dist/components/virtualizer/grid-virtualizer-row.d.cts

@@ -0,0 +1,20 @@
+import { VirtualRow } from '@zag-js/virtualizer';
+import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+interface RowProps {
+    /**
+     * The virtual row to render.
+     */
+    row: VirtualRow;
+    /**
+     * Whether to measure the rendered height of the row and use it instead of the estimate.
+     * @default false
+     */
+    measure?: boolean | undefined;
+}
+export interface GridVirtualizerRowBaseProps extends RowProps, PolymorphicProps {
+}
+export interface GridVirtualizerRowProps extends HTMLProps<'div'>, GridVirtualizerRowBaseProps {
+}
+export declare const GridVirtualizerRow: ForwardRefExoticComponent<GridVirtualizerRowProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/virtualizer/grid-virtualizer-row.d.ts

@@ -0,0 +1,20 @@
+import { VirtualRow } from '@zag-js/virtualizer';
+import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+interface RowProps {
+    /**
+     * The virtual row to render.
+     */
+    row: VirtualRow;
+    /**
+     * Whether to measure the rendered height of the row and use it instead of the estimate.
+     * @default false
+     */
+    measure?: boolean | undefined;
+}
+export interface GridVirtualizerRowBaseProps extends RowProps, PolymorphicProps {
+}
+export interface GridVirtualizerRowProps extends HTMLProps<'div'>, GridVirtualizerRowBaseProps {
+}
+export declare const GridVirtualizerRow: ForwardRefExoticComponent<GridVirtualizerRowProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/virtualizer/grid-virtualizer-row.js

@@ -0,0 +1,31 @@
+"use client";
+import { useComposedRefs } from "../../utils/compose-refs.js";
+import { ark } from "../factory.js";
+import { createSplitProps } from "../../utils/create-split-props.js";
+import { useGridVirtualizerContext } from "./use-grid-virtualizer-context.js";
+import { GridVirtualizerRowProvider } from "./use-grid-virtualizer-row-context.js";
+import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/virtualizer/grid-virtualizer-row.tsx
+var splitRowProps = createSplitProps();
+var GridVirtualizerRow = forwardRef((props, ref) => {
+	const [{ row, measure }, localProps] = splitRowProps(props, ["row", "measure"]);
+	const virtualizer = useGridVirtualizerContext();
+	const composedRef = useComposedRefs(measure ? row.measureRow : void 0, ref);
+	const mergedProps = mergeProps({
+		...virtualizer.getRowAriaAttrs(row.row),
+		style: virtualizer.getRowStyle(row)
+	}, localProps);
+	return /* @__PURE__ */ jsx(GridVirtualizerRowProvider, {
+		value: row,
+		children: /* @__PURE__ */ jsx(ark.div, {
+			...mergedProps,
+			"data-index": row.row,
+			ref: composedRef
+		})
+	});
+});
+GridVirtualizerRow.displayName = "GridVirtualizerRow";
+//#endregion
+export { GridVirtualizerRow };

package/dist/components/virtualizer/grid-virtualizer.cjs

@@ -0,0 +1,26 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_grid_virtualizer_cell = require("./grid-virtualizer-cell.cjs");
+const require_grid_virtualizer_content = require("./grid-virtualizer-content.cjs");
+const require_grid_virtualizer_context = require("./grid-virtualizer-context.cjs");
+const require_grid_virtualizer_root = require("./grid-virtualizer-root.cjs");
+const require_grid_virtualizer_row = require("./grid-virtualizer-row.cjs");
+//#region src/components/virtualizer/grid-virtualizer.ts
+var grid_virtualizer_exports = /* @__PURE__ */ require_runtime.__exportAll({
+	Cell: () => require_grid_virtualizer_cell.GridVirtualizerCell,
+	Content: () => require_grid_virtualizer_content.GridVirtualizerContent,
+	Context: () => require_grid_virtualizer_context.GridVirtualizerContext,
+	Root: () => require_grid_virtualizer_root.GridVirtualizerRoot,
+	Row: () => require_grid_virtualizer_row.GridVirtualizerRow
+});
+//#endregion
+exports.Cell = require_grid_virtualizer_cell.GridVirtualizerCell;
+exports.Content = require_grid_virtualizer_content.GridVirtualizerContent;
+exports.Context = require_grid_virtualizer_context.GridVirtualizerContext;
+exports.Root = require_grid_virtualizer_root.GridVirtualizerRoot;
+exports.Row = require_grid_virtualizer_row.GridVirtualizerRow;
+Object.defineProperty(exports, "grid_virtualizer_exports", {
+	enumerable: true,
+	get: function() {
+		return grid_virtualizer_exports;
+	}
+});

package/dist/components/virtualizer/grid-virtualizer.d.cts

@@ -0,0 +1,5 @@
+export { GridVirtualizerCell as Cell, type GridVirtualizerCellBaseProps as CellBaseProps, type GridVirtualizerCellProps as CellProps, } from './grid-virtualizer-cell.js';
+export { GridVirtualizerContent as Content, type GridVirtualizerContentBaseProps as ContentBaseProps, type GridVirtualizerContentProps as ContentProps, } from './grid-virtualizer-content.js';
+export { GridVirtualizerContext as Context, type GridVirtualizerContextProps as ContextProps, } from './grid-virtualizer-context.js';
+export { GridVirtualizerRoot as Root, type GridVirtualizerRootBaseProps as RootBaseProps, type GridVirtualizerRootProps as RootProps, } from './grid-virtualizer-root.js';
+export { GridVirtualizerRow as Row, type GridVirtualizerRowBaseProps as RowBaseProps, type GridVirtualizerRowProps as RowProps, } from './grid-virtualizer-row.js';

package/dist/components/virtualizer/grid-virtualizer.d.ts

@@ -0,0 +1,5 @@
+export { GridVirtualizerCell as Cell, type GridVirtualizerCellBaseProps as CellBaseProps, type GridVirtualizerCellProps as CellProps, } from './grid-virtualizer-cell.js';
+export { GridVirtualizerContent as Content, type GridVirtualizerContentBaseProps as ContentBaseProps, type GridVirtualizerContentProps as ContentProps, } from './grid-virtualizer-content.js';
+export { GridVirtualizerContext as Context, type GridVirtualizerContextProps as ContextProps, } from './grid-virtualizer-context.js';
+export { GridVirtualizerRoot as Root, type GridVirtualizerRootBaseProps as RootBaseProps, type GridVirtualizerRootProps as RootProps, } from './grid-virtualizer-root.js';
+export { GridVirtualizerRow as Row, type GridVirtualizerRowBaseProps as RowBaseProps, type GridVirtualizerRowProps as RowProps, } from './grid-virtualizer-row.js';

package/dist/components/virtualizer/grid-virtualizer.js

@@ -0,0 +1,16 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { GridVirtualizerCell } from "./grid-virtualizer-cell.js";
+import { GridVirtualizerContent } from "./grid-virtualizer-content.js";
+import { GridVirtualizerContext } from "./grid-virtualizer-context.js";
+import { GridVirtualizerRoot } from "./grid-virtualizer-root.js";
+import { GridVirtualizerRow } from "./grid-virtualizer-row.js";
+//#region src/components/virtualizer/grid-virtualizer.ts
+var grid_virtualizer_exports = /* @__PURE__ */ __exportAll({
+	Cell: () => GridVirtualizerCell,
+	Content: () => GridVirtualizerContent,
+	Context: () => GridVirtualizerContext,
+	Root: () => GridVirtualizerRoot,
+	Row: () => GridVirtualizerRow
+});
+//#endregion
+export { GridVirtualizerCell as Cell, GridVirtualizerContent as Content, GridVirtualizerContext as Context, GridVirtualizerRoot as Root, GridVirtualizerRow as Row, grid_virtualizer_exports };