@ark-ui/react 5.18.4 → 5.19.0

package/dist/components/scroll-area/scroll-area-thumb.cjs

@@ -0,0 +1,21 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const useScrollAreaContext = require('./use-scroll-area-context.cjs');
+const useScrollAreaScrollbarContext = require('./use-scroll-area-scrollbar-context.cjs');
+
+const ScrollAreaThumb = react.forwardRef((props, ref) => {
+  const scrollAreaApi = useScrollAreaContext.useScrollAreaContext();
+  const scrollbarProps = useScrollAreaScrollbarContext.useScrollAreaScrollbarContext();
+  const mergedProps = react$1.mergeProps(scrollAreaApi.getThumbProps(scrollbarProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+ScrollAreaThumb.displayName = "ScrollAreaThumb";
+
+exports.ScrollAreaThumb = ScrollAreaThumb;

package/dist/components/scroll-area/scroll-area-thumb.d.cts

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

package/dist/components/scroll-area/scroll-area-thumb.d.ts

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

package/dist/components/scroll-area/scroll-area-thumb.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useScrollAreaContext } from './use-scroll-area-context.js';
+import { useScrollAreaScrollbarContext } from './use-scroll-area-scrollbar-context.js';
+
+const ScrollAreaThumb = forwardRef((props, ref) => {
+  const scrollAreaApi = useScrollAreaContext();
+  const scrollbarProps = useScrollAreaScrollbarContext();
+  const mergedProps = mergeProps(scrollAreaApi.getThumbProps(scrollbarProps), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+ScrollAreaThumb.displayName = "ScrollAreaThumb";
+
+export { ScrollAreaThumb };

package/dist/components/scroll-area/scroll-area-viewport.cjs

@@ -0,0 +1,19 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const useScrollAreaContext = require('./use-scroll-area-context.cjs');
+
+const ScrollAreaViewport = react.forwardRef((props, ref) => {
+  const scrollArea = useScrollAreaContext.useScrollAreaContext();
+  const mergedProps = react$1.mergeProps(scrollArea.getViewportProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+ScrollAreaViewport.displayName = "ScrollAreaViewport";
+
+exports.ScrollAreaViewport = ScrollAreaViewport;

package/dist/components/scroll-area/scroll-area-viewport.d.cts

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

package/dist/components/scroll-area/scroll-area-viewport.d.ts

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

package/dist/components/scroll-area/scroll-area-viewport.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useScrollAreaContext } from './use-scroll-area-context.js';
+
+const ScrollAreaViewport = forwardRef((props, ref) => {
+  const scrollArea = useScrollAreaContext();
+  const mergedProps = mergeProps(scrollArea.getViewportProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+ScrollAreaViewport.displayName = "ScrollAreaViewport";
+
+export { ScrollAreaViewport };

package/dist/components/scroll-area/scroll-area.anatomy.d.cts

@@ -0,0 +1 @@
+export { anatomy as scrollAreaAnatomy } from '@zag-js/scroll-area';

package/dist/components/scroll-area/scroll-area.anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as scrollAreaAnatomy } from '@zag-js/scroll-area';

package/dist/components/scroll-area/scroll-area.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const scrollAreaContext = require('./scroll-area-context.cjs');
+const scrollAreaContent = require('./scroll-area-content.cjs');
+const scrollAreaCorner = require('./scroll-area-corner.cjs');
+const scrollAreaRoot = require('./scroll-area-root.cjs');
+const scrollAreaRootProvider = require('./scroll-area-root-provider.cjs');
+const scrollAreaScrollbar = require('./scroll-area-scrollbar.cjs');
+const scrollAreaThumb = require('./scroll-area-thumb.cjs');
+const scrollAreaViewport = require('./scroll-area-viewport.cjs');
+
+
+
+exports.Context = scrollAreaContext.ScrollAreaContext;
+exports.Content = scrollAreaContent.ScrollAreaContent;
+exports.Corner = scrollAreaCorner.ScrollAreaCorner;
+exports.Root = scrollAreaRoot.ScrollAreaRoot;
+exports.RootProvider = scrollAreaRootProvider.ScrollAreaRootProvider;
+exports.Scrollbar = scrollAreaScrollbar.ScrollAreaScrollbar;
+exports.Thumb = scrollAreaThumb.ScrollAreaThumb;
+exports.Viewport = scrollAreaViewport.ScrollAreaViewport;

package/dist/components/scroll-area/scroll-area.d.cts

@@ -0,0 +1,9 @@
+export type { ElementIds, ScrollToDetails, ScrollToEdgeDetails } from '@zag-js/scroll-area';
+export { ScrollAreaContext as Context, type ScrollAreaContextProps as ContextProps } from './scroll-area-context';
+export { ScrollAreaContent as Content, type ScrollAreaContentBaseProps as ContentBaseProps, type ScrollAreaContentProps as ContentProps, } from './scroll-area-content';
+export { ScrollAreaCorner as Corner, type ScrollAreaCornerBaseProps as CornerBaseProps, type ScrollAreaCornerProps as CornerProps, } from './scroll-area-corner';
+export { ScrollAreaRoot as Root, type ScrollAreaRootBaseProps as RootBaseProps, type ScrollAreaRootProps as RootProps, } from './scroll-area-root';
+export { ScrollAreaRootProvider as RootProvider, type ScrollAreaRootProviderBaseProps as RootProviderBaseProps, type ScrollAreaRootProviderProps as RootProviderProps, } from './scroll-area-root-provider';
+export { ScrollAreaScrollbar as Scrollbar, type ScrollAreaScrollbarBaseProps as ScrollbarBaseProps, type ScrollAreaScrollbarProps as ScrollbarProps, } from './scroll-area-scrollbar';
+export { ScrollAreaThumb as Thumb, type ScrollAreaThumbBaseProps as ThumbBaseProps, type ScrollAreaThumbProps as ThumbProps, } from './scroll-area-thumb';
+export { ScrollAreaViewport as Viewport, type ScrollAreaViewportBaseProps as ViewportBaseProps, type ScrollAreaViewportProps as ViewportProps, } from './scroll-area-viewport';

package/dist/components/scroll-area/scroll-area.d.ts

@@ -0,0 +1,9 @@
+export type { ElementIds, ScrollToDetails, ScrollToEdgeDetails } from '@zag-js/scroll-area';
+export { ScrollAreaContext as Context, type ScrollAreaContextProps as ContextProps } from './scroll-area-context';
+export { ScrollAreaContent as Content, type ScrollAreaContentBaseProps as ContentBaseProps, type ScrollAreaContentProps as ContentProps, } from './scroll-area-content';
+export { ScrollAreaCorner as Corner, type ScrollAreaCornerBaseProps as CornerBaseProps, type ScrollAreaCornerProps as CornerProps, } from './scroll-area-corner';
+export { ScrollAreaRoot as Root, type ScrollAreaRootBaseProps as RootBaseProps, type ScrollAreaRootProps as RootProps, } from './scroll-area-root';
+export { ScrollAreaRootProvider as RootProvider, type ScrollAreaRootProviderBaseProps as RootProviderBaseProps, type ScrollAreaRootProviderProps as RootProviderProps, } from './scroll-area-root-provider';
+export { ScrollAreaScrollbar as Scrollbar, type ScrollAreaScrollbarBaseProps as ScrollbarBaseProps, type ScrollAreaScrollbarProps as ScrollbarProps, } from './scroll-area-scrollbar';
+export { ScrollAreaThumb as Thumb, type ScrollAreaThumbBaseProps as ThumbBaseProps, type ScrollAreaThumbProps as ThumbProps, } from './scroll-area-thumb';
+export { ScrollAreaViewport as Viewport, type ScrollAreaViewportBaseProps as ViewportBaseProps, type ScrollAreaViewportProps as ViewportProps, } from './scroll-area-viewport';

package/dist/components/scroll-area/scroll-area.js

@@ -0,0 +1,8 @@
+export { ScrollAreaContext as Context } from './scroll-area-context.js';
+export { ScrollAreaContent as Content } from './scroll-area-content.js';
+export { ScrollAreaCorner as Corner } from './scroll-area-corner.js';
+export { ScrollAreaRoot as Root } from './scroll-area-root.js';
+export { ScrollAreaRootProvider as RootProvider } from './scroll-area-root-provider.js';
+export { ScrollAreaScrollbar as Scrollbar } from './scroll-area-scrollbar.js';
+export { ScrollAreaThumb as Thumb } from './scroll-area-thumb.js';
+export { ScrollAreaViewport as Viewport } from './scroll-area-viewport.js';

package/dist/components/scroll-area/use-scroll-area-context.cjs

@@ -0,0 +1,15 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [ScrollAreaProvider, useScrollAreaContext] = createContext.createContext({
+  name: "ScrollAreaContext",
+  hookName: "useScrollAreaContext",
+  providerName: "<ScrollAreaProvider />"
+});
+
+exports.ScrollAreaProvider = ScrollAreaProvider;
+exports.useScrollAreaContext = useScrollAreaContext;

package/dist/components/scroll-area/use-scroll-area-context.d.cts

@@ -0,0 +1,5 @@
+import { UseScrollAreaReturn } from './use-scroll-area';
+import { Provider } from 'react';
+export interface UseScrollAreaContext extends UseScrollAreaReturn {
+}
+export declare const ScrollAreaProvider: Provider<UseScrollAreaContext>, useScrollAreaContext: () => UseScrollAreaContext;

package/dist/components/scroll-area/use-scroll-area-context.d.ts

@@ -0,0 +1,5 @@
+import { UseScrollAreaReturn } from './use-scroll-area';
+import { Provider } from 'react';
+export interface UseScrollAreaContext extends UseScrollAreaReturn {
+}
+export declare const ScrollAreaProvider: Provider<UseScrollAreaContext>, useScrollAreaContext: () => UseScrollAreaContext;

package/dist/components/scroll-area/use-scroll-area-context.js

@@ -0,0 +1,10 @@
+'use client';
+import { createContext } from '../../utils/create-context.js';
+
+const [ScrollAreaProvider, useScrollAreaContext] = createContext({
+  name: "ScrollAreaContext",
+  hookName: "useScrollAreaContext",
+  providerName: "<ScrollAreaProvider />"
+});
+
+export { ScrollAreaProvider, useScrollAreaContext };

package/dist/components/scroll-area/use-scroll-area-scrollbar-context.cjs

@@ -0,0 +1,15 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [ScrollAreaScrollbarProvider, useScrollAreaScrollbarContext] = createContext.createContext({
+  name: "ScrollAreaScrollbarContext",
+  hookName: "useScrollAreaScrollbarContext",
+  providerName: "<ScrollAreaScrollbarProvider />"
+});
+
+exports.ScrollAreaScrollbarProvider = ScrollAreaScrollbarProvider;
+exports.useScrollAreaScrollbarContext = useScrollAreaScrollbarContext;

package/dist/components/scroll-area/use-scroll-area-scrollbar-context.d.cts

@@ -0,0 +1,3 @@
+import { ScrollbarProps } from '@zag-js/scroll-area';
+import { Provider } from 'react';
+export declare const ScrollAreaScrollbarProvider: Provider<ScrollbarProps>, useScrollAreaScrollbarContext: () => ScrollbarProps;

package/dist/components/scroll-area/use-scroll-area-scrollbar-context.d.ts

@@ -0,0 +1,3 @@
+import { ScrollbarProps } from '@zag-js/scroll-area';
+import { Provider } from 'react';
+export declare const ScrollAreaScrollbarProvider: Provider<ScrollbarProps>, useScrollAreaScrollbarContext: () => ScrollbarProps;

package/dist/components/scroll-area/use-scroll-area-scrollbar-context.js

@@ -0,0 +1,10 @@
+'use client';
+import { createContext } from '../../utils/create-context.js';
+
+const [ScrollAreaScrollbarProvider, useScrollAreaScrollbarContext] = createContext({
+  name: "ScrollAreaScrollbarContext",
+  hookName: "useScrollAreaScrollbarContext",
+  providerName: "<ScrollAreaScrollbarProvider />"
+});
+
+export { ScrollAreaScrollbarProvider, useScrollAreaScrollbarContext };

package/dist/components/scroll-area/use-scroll-area.cjs

@@ -0,0 +1,45 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const scrollArea = require('@zag-js/scroll-area');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
+const useLocaleContext = require('../../providers/locale/use-locale-context.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 scrollArea__namespace = /*#__PURE__*/_interopNamespaceDefault(scrollArea);
+
+const useScrollArea = (props) => {
+  const id = react.useId();
+  const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
+  const { dir } = useLocaleContext.useLocaleContext();
+  const context = {
+    id,
+    dir,
+    getRootNode,
+    ...props
+  };
+  const service = react$1.useMachine(scrollArea__namespace.machine, context);
+  return scrollArea__namespace.connect(service, react$1.normalizeProps);
+};
+
+exports.useScrollArea = useScrollArea;

package/dist/components/scroll-area/use-scroll-area.d.cts

@@ -0,0 +1,8 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+import * as scrollArea from '@zag-js/scroll-area';
+export interface UseScrollAreaProps extends Optional<Omit<scrollArea.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseScrollAreaReturn extends scrollArea.Api<PropTypes> {
+}
+export declare const useScrollArea: (props?: UseScrollAreaProps) => UseScrollAreaReturn;

package/dist/components/scroll-area/use-scroll-area.d.ts

@@ -0,0 +1,8 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+import * as scrollArea from '@zag-js/scroll-area';
+export interface UseScrollAreaProps extends Optional<Omit<scrollArea.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseScrollAreaReturn extends scrollArea.Api<PropTypes> {
+}
+export declare const useScrollArea: (props?: UseScrollAreaProps) => UseScrollAreaReturn;

package/dist/components/scroll-area/use-scroll-area.js

@@ -0,0 +1,22 @@
+'use client';
+import * as scrollArea from '@zag-js/scroll-area';
+import { useMachine, normalizeProps } from '@zag-js/react';
+import { useId } from 'react';
+import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
+import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
+
+const useScrollArea = (props) => {
+  const id = useId();
+  const { getRootNode } = useEnvironmentContext();
+  const { dir } = useLocaleContext();
+  const context = {
+    id,
+    dir,
+    getRootNode,
+    ...props
+  };
+  const service = useMachine(scrollArea.machine, context);
+  return scrollArea.connect(service, normalizeProps);
+};
+
+export { useScrollArea };

package/dist/index.cjs

@@ -282,6 +282,11 @@ const hoverCardTrigger = require('./components/hover-card/hover-card-trigger.cjs
 const useHoverCard = require('./components/hover-card/use-hover-card.cjs');
 const useHoverCardContext = require('./components/hover-card/use-hover-card-context.cjs');
 const hoverCard$1 = require('./components/hover-card/hover-card.cjs');
+const jsonTreeViewRoot = require('./components/json-tree-view/json-tree-view-root.cjs');
+const jsonTreeViewRootProvider = require('./components/json-tree-view/json-tree-view-root-provider.cjs');
+const jsonTreeViewTree = require('./components/json-tree-view/json-tree-view-tree.cjs');
+const useJsonTreeView = require('./components/json-tree-view/use-json-tree-view.cjs');
+const jsonTreeView = require('./components/json-tree-view/json-tree-view.cjs');
 const listboxContent = require('./components/listbox/listbox-content.cjs');
 const listboxContext = require('./components/listbox/listbox-context.cjs');
 const listboxInput = require('./components/listbox/listbox-input.cjs');
@@ -324,11 +329,6 @@ const useMenu = require('./components/menu/use-menu.cjs');
 const useMenuContext = require('./components/menu/use-menu-context.cjs');
 const useMenuItemContext = require('./components/menu/use-menu-item-context.cjs');
 const menu$1 = require('./components/menu/menu.cjs');
-const jsonTreeViewRoot = require('./components/json-tree-view/json-tree-view-root.cjs');
-const jsonTreeViewRootProvider = require('./components/json-tree-view/json-tree-view-root-provider.cjs');
-const jsonTreeViewTree = require('./components/json-tree-view/json-tree-view-tree.cjs');
-const useJsonTreeView = require('./components/json-tree-view/use-json-tree-view.cjs');
-const jsonTreeView = require('./components/json-tree-view/json-tree-view.cjs');
 const numberInputContext = require('./components/number-input/number-input-context.cjs');
 const numberInputControl = require('./components/number-input/number-input-control.cjs');
 const numberInputDecrementTrigger = require('./components/number-input/number-input-decrement-trigger.cjs');
@@ -444,6 +444,17 @@ const useRatingGroup = require('./components/rating-group/use-rating-group.cjs')
 const useRatingGroupContext = require('./components/rating-group/use-rating-group-context.cjs');
 const useRatingGroupItemContext = require('./components/rating-group/use-rating-group-item-context.cjs');
 const ratingGroup = require('./components/rating-group/rating-group.cjs');
+const scrollAreaContext = require('./components/scroll-area/scroll-area-context.cjs');
+const scrollAreaContent = require('./components/scroll-area/scroll-area-content.cjs');
+const scrollAreaCorner = require('./components/scroll-area/scroll-area-corner.cjs');
+const scrollAreaRoot = require('./components/scroll-area/scroll-area-root.cjs');
+const scrollAreaRootProvider = require('./components/scroll-area/scroll-area-root-provider.cjs');
+const scrollAreaScrollbar = require('./components/scroll-area/scroll-area-scrollbar.cjs');
+const scrollAreaThumb = require('./components/scroll-area/scroll-area-thumb.cjs');
+const scrollAreaViewport = require('./components/scroll-area/scroll-area-viewport.cjs');
+const useScrollArea = require('./components/scroll-area/use-scroll-area.cjs');
+const useScrollAreaContext = require('./components/scroll-area/use-scroll-area-context.cjs');
+const scrollArea$1 = require('./components/scroll-area/scroll-area.cjs');
 const segmentGroupContext = require('./components/segment-group/segment-group-context.cjs');
 const segmentGroupIndicator = require('./components/segment-group/segment-group-indicator.cjs');
 const segmentGroupItem = require('./components/segment-group/segment-group-item.cjs');
@@ -707,6 +718,7 @@ const progress = require('@zag-js/progress');
 const qrcode = require('@zag-js/qr-code');
 const radio = require('@zag-js/radio-group');
 const rating = require('@zag-js/rating-group');
+const scrollArea = require('@zag-js/scroll-area');
 const select = require('@zag-js/select');
 const signaturePad = require('@zag-js/signature-pad');
 const slider = require('@zag-js/slider');
@@ -1012,6 +1024,11 @@ exports.HoverCardTrigger = hoverCardTrigger.HoverCardTrigger;
 exports.useHoverCard = useHoverCard.useHoverCard;
 exports.useHoverCardContext = useHoverCardContext.useHoverCardContext;
 exports.HoverCard = hoverCard$1;
+exports.JsonTreeViewRoot = jsonTreeViewRoot.JsonTreeViewRoot;
+exports.JsonTreeViewRootProvider = jsonTreeViewRootProvider.JsonTreeViewRootProvider;
+exports.JsonTreeViewTree = jsonTreeViewTree.JsonTreeViewTree;
+exports.useJsonTreeView = useJsonTreeView.useJsonTreeView;
+exports.JsonTreeView = jsonTreeView;
 exports.ListboxContent = listboxContent.ListboxContent;
 exports.ListboxContext = listboxContext.ListboxContext;
 exports.ListboxInput = listboxInput.ListboxInput;
@@ -1054,11 +1071,6 @@ exports.useMenu = useMenu.useMenu;
 exports.useMenuContext = useMenuContext.useMenuContext;
 exports.useMenuItemContext = useMenuItemContext.useMenuItemContext;
 exports.Menu = menu$1;
-exports.JsonTreeViewRoot = jsonTreeViewRoot.JsonTreeViewRoot;
-exports.JsonTreeViewRootProvider = jsonTreeViewRootProvider.JsonTreeViewRootProvider;
-exports.JsonTreeViewTree = jsonTreeViewTree.JsonTreeViewTree;
-exports.useJsonTreeView = useJsonTreeView.useJsonTreeView;
-exports.JsonTreeView = jsonTreeView;
 exports.NumberInputContext = numberInputContext.NumberInputContext;
 exports.NumberInputControl = numberInputControl.NumberInputControl;
 exports.NumberInputDecrementTrigger = numberInputDecrementTrigger.NumberInputDecrementTrigger;
@@ -1175,6 +1187,17 @@ exports.useRatingGroup = useRatingGroup.useRatingGroup;
 exports.useRatingGroupContext = useRatingGroupContext.useRatingGroupContext;
 exports.useRatingGroupItemContext = useRatingGroupItemContext.useRatingGroupItemContext;
 exports.RatingGroup = ratingGroup;
+exports.ScrollAreaContext = scrollAreaContext.ScrollAreaContext;
+exports.ScrollAreaContent = scrollAreaContent.ScrollAreaContent;
+exports.ScrollAreaCorner = scrollAreaCorner.ScrollAreaCorner;
+exports.ScrollAreaRoot = scrollAreaRoot.ScrollAreaRoot;
+exports.ScrollAreaRootProvider = scrollAreaRootProvider.ScrollAreaRootProvider;
+exports.ScrollAreaScrollbar = scrollAreaScrollbar.ScrollAreaScrollbar;
+exports.ScrollAreaThumb = scrollAreaThumb.ScrollAreaThumb;
+exports.ScrollAreaViewport = scrollAreaViewport.ScrollAreaViewport;
+exports.useScrollArea = useScrollArea.useScrollArea;
+exports.useScrollAreaContext = useScrollAreaContext.useScrollAreaContext;
+exports.ScrollArea = scrollArea$1;
 exports.SegmentGroupContext = segmentGroupContext.SegmentGroupContext;
 exports.SegmentGroupIndicator = segmentGroupIndicator.SegmentGroupIndicator;
 exports.SegmentGroupItem = segmentGroupItem.SegmentGroupItem;
@@ -1510,6 +1533,10 @@ Object.defineProperty(exports, "ratingGroupAnatomy", {
 	enumerable: true,
 	get: () => rating.anatomy
 });
+Object.defineProperty(exports, "scrollAreaAnatomy", {
+	enumerable: true,
+	get: () => scrollArea.anatomy
+});
 Object.defineProperty(exports, "selectAnatomy", {
 	enumerable: true,
 	get: () => select.anatomy

package/dist/index.js

@@ -296,6 +296,12 @@ export { useHoverCard } from './components/hover-card/use-hover-card.js';
 export { useHoverCardContext } from './components/hover-card/use-hover-card-context.js';
 import * as hoverCard from './components/hover-card/hover-card.js';
 export { hoverCard as HoverCard };
+export { JsonTreeViewRoot } from './components/json-tree-view/json-tree-view-root.js';
+export { JsonTreeViewRootProvider } from './components/json-tree-view/json-tree-view-root-provider.js';
+export { JsonTreeViewTree } from './components/json-tree-view/json-tree-view-tree.js';
+export { useJsonTreeView } from './components/json-tree-view/use-json-tree-view.js';
+import * as jsonTreeView from './components/json-tree-view/json-tree-view.js';
+export { jsonTreeView as JsonTreeView };
 export { ListboxContent } from './components/listbox/listbox-content.js';
 export { ListboxContext } from './components/listbox/listbox-context.js';
 export { ListboxInput } from './components/listbox/listbox-input.js';
@@ -340,12 +346,6 @@ export { useMenuContext } from './components/menu/use-menu-context.js';
 export { useMenuItemContext } from './components/menu/use-menu-item-context.js';
 import * as menu from './components/menu/menu.js';
 export { menu as Menu };
-export { JsonTreeViewRoot } from './components/json-tree-view/json-tree-view-root.js';
-export { JsonTreeViewRootProvider } from './components/json-tree-view/json-tree-view-root-provider.js';
-export { JsonTreeViewTree } from './components/json-tree-view/json-tree-view-tree.js';
-export { useJsonTreeView } from './components/json-tree-view/use-json-tree-view.js';
-import * as jsonTreeView from './components/json-tree-view/json-tree-view.js';
-export { jsonTreeView as JsonTreeView };
 export { NumberInputContext } from './components/number-input/number-input-context.js';
 export { NumberInputControl } from './components/number-input/number-input-control.js';
 export { NumberInputDecrementTrigger } from './components/number-input/number-input-decrement-trigger.js';
@@ -470,6 +470,18 @@ export { useRatingGroupContext } from './components/rating-group/use-rating-grou
 export { useRatingGroupItemContext } from './components/rating-group/use-rating-group-item-context.js';
 import * as ratingGroup from './components/rating-group/rating-group.js';
 export { ratingGroup as RatingGroup };
+export { ScrollAreaContext } from './components/scroll-area/scroll-area-context.js';
+export { ScrollAreaContent } from './components/scroll-area/scroll-area-content.js';
+export { ScrollAreaCorner } from './components/scroll-area/scroll-area-corner.js';
+export { ScrollAreaRoot } from './components/scroll-area/scroll-area-root.js';
+export { ScrollAreaRootProvider } from './components/scroll-area/scroll-area-root-provider.js';
+export { ScrollAreaScrollbar } from './components/scroll-area/scroll-area-scrollbar.js';
+export { ScrollAreaThumb } from './components/scroll-area/scroll-area-thumb.js';
+export { ScrollAreaViewport } from './components/scroll-area/scroll-area-viewport.js';
+export { useScrollArea } from './components/scroll-area/use-scroll-area.js';
+export { useScrollAreaContext } from './components/scroll-area/use-scroll-area-context.js';
+import * as scrollArea from './components/scroll-area/scroll-area.js';
+export { scrollArea as ScrollArea };
 export { SegmentGroupContext } from './components/segment-group/segment-group-context.js';
 export { SegmentGroupIndicator } from './components/segment-group/segment-group-indicator.js';
 export { SegmentGroupItem } from './components/segment-group/segment-group-item.js';
@@ -750,6 +762,7 @@ export { anatomy as progressAnatomy } from '@zag-js/progress';
 export { anatomy as qrCodeAnatomy } from '@zag-js/qr-code';
 export { anatomy as radioGroupAnatomy } from '@zag-js/radio-group';
 export { anatomy as ratingGroupAnatomy } from '@zag-js/rating-group';
+export { anatomy as scrollAreaAnatomy } from '@zag-js/scroll-area';
 export { anatomy as selectAnatomy } from '@zag-js/select';
 export { anatomy as signaturePadAnatomy } from '@zag-js/signature-pad';
 export { anatomy as sliderAnatomy } from '@zag-js/slider';