@ark-ui/react 5.18.3 → 5.19.0

package/dist/components/index.cjs

@@ -282,6 +282,11 @@ const hoverCardTrigger = require('./hover-card/hover-card-trigger.cjs');
 const useHoverCard = require('./hover-card/use-hover-card.cjs');
 const useHoverCardContext = require('./hover-card/use-hover-card-context.cjs');
 const hoverCard$1 = require('./hover-card/hover-card.cjs');
+const jsonTreeViewRoot = require('./json-tree-view/json-tree-view-root.cjs');
+const jsonTreeViewRootProvider = require('./json-tree-view/json-tree-view-root-provider.cjs');
+const jsonTreeViewTree = require('./json-tree-view/json-tree-view-tree.cjs');
+const useJsonTreeView = require('./json-tree-view/use-json-tree-view.cjs');
+const jsonTreeView = require('./json-tree-view/json-tree-view.cjs');
 const listboxContent = require('./listbox/listbox-content.cjs');
 const listboxContext = require('./listbox/listbox-context.cjs');
 const listboxInput = require('./listbox/listbox-input.cjs');
@@ -324,11 +329,6 @@ const useMenu = require('./menu/use-menu.cjs');
 const useMenuContext = require('./menu/use-menu-context.cjs');
 const useMenuItemContext = require('./menu/use-menu-item-context.cjs');
 const menu$1 = require('./menu/menu.cjs');
-const jsonTreeViewRoot = require('./json-tree-view/json-tree-view-root.cjs');
-const jsonTreeViewRootProvider = require('./json-tree-view/json-tree-view-root-provider.cjs');
-const jsonTreeViewTree = require('./json-tree-view/json-tree-view-tree.cjs');
-const useJsonTreeView = require('./json-tree-view/use-json-tree-view.cjs');
-const jsonTreeView = require('./json-tree-view/json-tree-view.cjs');
 const numberInputContext = require('./number-input/number-input-context.cjs');
 const numberInputControl = require('./number-input/number-input-control.cjs');
 const numberInputDecrementTrigger = require('./number-input/number-input-decrement-trigger.cjs');
@@ -444,6 +444,17 @@ const useRatingGroup = require('./rating-group/use-rating-group.cjs');
 const useRatingGroupContext = require('./rating-group/use-rating-group-context.cjs');
 const useRatingGroupItemContext = require('./rating-group/use-rating-group-item-context.cjs');
 const ratingGroup = require('./rating-group/rating-group.cjs');
+const scrollAreaContext = require('./scroll-area/scroll-area-context.cjs');
+const scrollAreaContent = require('./scroll-area/scroll-area-content.cjs');
+const scrollAreaCorner = require('./scroll-area/scroll-area-corner.cjs');
+const scrollAreaRoot = require('./scroll-area/scroll-area-root.cjs');
+const scrollAreaRootProvider = require('./scroll-area/scroll-area-root-provider.cjs');
+const scrollAreaScrollbar = require('./scroll-area/scroll-area-scrollbar.cjs');
+const scrollAreaThumb = require('./scroll-area/scroll-area-thumb.cjs');
+const scrollAreaViewport = require('./scroll-area/scroll-area-viewport.cjs');
+const useScrollArea = require('./scroll-area/use-scroll-area.cjs');
+const useScrollAreaContext = require('./scroll-area/use-scroll-area-context.cjs');
+const scrollArea$1 = require('./scroll-area/scroll-area.cjs');
 const segmentGroupContext = require('./segment-group/segment-group-context.cjs');
 const segmentGroupIndicator = require('./segment-group/segment-group-indicator.cjs');
 const segmentGroupItem = require('./segment-group/segment-group-item.cjs');
@@ -702,6 +713,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');
@@ -1007,6 +1019,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;
@@ -1049,11 +1066,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;
@@ -1170,6 +1182,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;
@@ -1500,6 +1523,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/components/index.d.cts

@@ -22,9 +22,9 @@ export * from './format';
 export * from './frame';
 export * from './highlight';
 export * from './hover-card';
+export * from './json-tree-view';
 export * from './listbox';
 export * from './menu';
-export * from './json-tree-view';
 export * from './number-input';
 export * from './pagination';
 export * from './password-input';
@@ -36,6 +36,7 @@ export * from './progress';
 export * from './qr-code';
 export * from './radio-group';
 export * from './rating-group';
+export * from './scroll-area';
 export * from './segment-group';
 export * from './select';
 export * from './signature-pad';

package/dist/components/index.d.ts

@@ -22,9 +22,9 @@ export * from './format';
 export * from './frame';
 export * from './highlight';
 export * from './hover-card';
+export * from './json-tree-view';
 export * from './listbox';
 export * from './menu';
-export * from './json-tree-view';
 export * from './number-input';
 export * from './pagination';
 export * from './password-input';
@@ -36,6 +36,7 @@ export * from './progress';
 export * from './qr-code';
 export * from './radio-group';
 export * from './rating-group';
+export * from './scroll-area';
 export * from './segment-group';
 export * from './select';
 export * from './signature-pad';

package/dist/components/index.js

@@ -296,6 +296,12 @@ export { useHoverCard } from './hover-card/use-hover-card.js';
 export { useHoverCardContext } from './hover-card/use-hover-card-context.js';
 import * as hoverCard from './hover-card/hover-card.js';
 export { hoverCard as HoverCard };
+export { JsonTreeViewRoot } from './json-tree-view/json-tree-view-root.js';
+export { JsonTreeViewRootProvider } from './json-tree-view/json-tree-view-root-provider.js';
+export { JsonTreeViewTree } from './json-tree-view/json-tree-view-tree.js';
+export { useJsonTreeView } from './json-tree-view/use-json-tree-view.js';
+import * as jsonTreeView from './json-tree-view/json-tree-view.js';
+export { jsonTreeView as JsonTreeView };
 export { ListboxContent } from './listbox/listbox-content.js';
 export { ListboxContext } from './listbox/listbox-context.js';
 export { ListboxInput } from './listbox/listbox-input.js';
@@ -340,12 +346,6 @@ export { useMenuContext } from './menu/use-menu-context.js';
 export { useMenuItemContext } from './menu/use-menu-item-context.js';
 import * as menu from './menu/menu.js';
 export { menu as Menu };
-export { JsonTreeViewRoot } from './json-tree-view/json-tree-view-root.js';
-export { JsonTreeViewRootProvider } from './json-tree-view/json-tree-view-root-provider.js';
-export { JsonTreeViewTree } from './json-tree-view/json-tree-view-tree.js';
-export { useJsonTreeView } from './json-tree-view/use-json-tree-view.js';
-import * as jsonTreeView from './json-tree-view/json-tree-view.js';
-export { jsonTreeView as JsonTreeView };
 export { NumberInputContext } from './number-input/number-input-context.js';
 export { NumberInputControl } from './number-input/number-input-control.js';
 export { NumberInputDecrementTrigger } from './number-input/number-input-decrement-trigger.js';
@@ -470,6 +470,18 @@ export { useRatingGroupContext } from './rating-group/use-rating-group-context.j
 export { useRatingGroupItemContext } from './rating-group/use-rating-group-item-context.js';
 import * as ratingGroup from './rating-group/rating-group.js';
 export { ratingGroup as RatingGroup };
+export { ScrollAreaContext } from './scroll-area/scroll-area-context.js';
+export { ScrollAreaContent } from './scroll-area/scroll-area-content.js';
+export { ScrollAreaCorner } from './scroll-area/scroll-area-corner.js';
+export { ScrollAreaRoot } from './scroll-area/scroll-area-root.js';
+export { ScrollAreaRootProvider } from './scroll-area/scroll-area-root-provider.js';
+export { ScrollAreaScrollbar } from './scroll-area/scroll-area-scrollbar.js';
+export { ScrollAreaThumb } from './scroll-area/scroll-area-thumb.js';
+export { ScrollAreaViewport } from './scroll-area/scroll-area-viewport.js';
+export { useScrollArea } from './scroll-area/use-scroll-area.js';
+export { useScrollAreaContext } from './scroll-area/use-scroll-area-context.js';
+import * as scrollArea from './scroll-area/scroll-area.js';
+export { scrollArea as ScrollArea };
 export { SegmentGroupContext } from './segment-group/segment-group-context.js';
 export { SegmentGroupIndicator } from './segment-group/segment-group-indicator.js';
 export { SegmentGroupItem } from './segment-group/segment-group-item.js';
@@ -745,6 +757,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';

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

@@ -0,0 +1,34 @@
+'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');
+const useScrollArea = require('./use-scroll-area.cjs');
+const useScrollAreaContext = require('./use-scroll-area-context.cjs');
+const scrollArea$1 = require('./scroll-area.cjs');
+const scrollArea = require('@zag-js/scroll-area');
+
+
+
+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;
+Object.defineProperty(exports, "scrollAreaAnatomy", {
+  enumerable: true,
+  get: () => scrollArea.anatomy
+});

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

@@ -0,0 +1,13 @@
+export type { ElementIds as ScrollAreaElementIds, ScrollToEdge as ScrollAreaScrollToEdge, ScrollbarState as ScrollAreaScrollbarState, ScrollToDetails as ScrollAreaScrollToDetails, ScrollToEdgeDetails as ScrollAreaScrollToEdgeDetails, } from '@zag-js/scroll-area';
+export { ScrollAreaContext, type ScrollAreaContextProps } from './scroll-area-context';
+export { ScrollAreaContent, type ScrollAreaContentBaseProps, type ScrollAreaContentProps } from './scroll-area-content';
+export { ScrollAreaCorner, type ScrollAreaCornerBaseProps, type ScrollAreaCornerProps } from './scroll-area-corner';
+export { ScrollAreaRoot, type ScrollAreaRootBaseProps, type ScrollAreaRootProps } from './scroll-area-root';
+export { ScrollAreaRootProvider, type ScrollAreaRootProviderBaseProps, type ScrollAreaRootProviderProps, } from './scroll-area-root-provider';
+export { ScrollAreaScrollbar, type ScrollAreaScrollbarBaseProps, type ScrollAreaScrollbarProps, } from './scroll-area-scrollbar';
+export { ScrollAreaThumb, type ScrollAreaThumbBaseProps, type ScrollAreaThumbProps } from './scroll-area-thumb';
+export { ScrollAreaViewport, type ScrollAreaViewportBaseProps, type ScrollAreaViewportProps, } from './scroll-area-viewport';
+export { scrollAreaAnatomy } from './scroll-area.anatomy';
+export { useScrollArea, type UseScrollAreaProps, type UseScrollAreaReturn } from './use-scroll-area';
+export { useScrollAreaContext, type UseScrollAreaContext } from './use-scroll-area-context';
+export * as ScrollArea from './scroll-area';

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

@@ -0,0 +1,13 @@
+export type { ElementIds as ScrollAreaElementIds, ScrollToEdge as ScrollAreaScrollToEdge, ScrollbarState as ScrollAreaScrollbarState, ScrollToDetails as ScrollAreaScrollToDetails, ScrollToEdgeDetails as ScrollAreaScrollToEdgeDetails, } from '@zag-js/scroll-area';
+export { ScrollAreaContext, type ScrollAreaContextProps } from './scroll-area-context';
+export { ScrollAreaContent, type ScrollAreaContentBaseProps, type ScrollAreaContentProps } from './scroll-area-content';
+export { ScrollAreaCorner, type ScrollAreaCornerBaseProps, type ScrollAreaCornerProps } from './scroll-area-corner';
+export { ScrollAreaRoot, type ScrollAreaRootBaseProps, type ScrollAreaRootProps } from './scroll-area-root';
+export { ScrollAreaRootProvider, type ScrollAreaRootProviderBaseProps, type ScrollAreaRootProviderProps, } from './scroll-area-root-provider';
+export { ScrollAreaScrollbar, type ScrollAreaScrollbarBaseProps, type ScrollAreaScrollbarProps, } from './scroll-area-scrollbar';
+export { ScrollAreaThumb, type ScrollAreaThumbBaseProps, type ScrollAreaThumbProps } from './scroll-area-thumb';
+export { ScrollAreaViewport, type ScrollAreaViewportBaseProps, type ScrollAreaViewportProps, } from './scroll-area-viewport';
+export { scrollAreaAnatomy } from './scroll-area.anatomy';
+export { useScrollArea, type UseScrollAreaProps, type UseScrollAreaReturn } from './use-scroll-area';
+export { useScrollAreaContext, type UseScrollAreaContext } from './use-scroll-area-context';
+export * as ScrollArea from './scroll-area';

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

@@ -0,0 +1,13 @@
+export { ScrollAreaContext } from './scroll-area-context.js';
+export { ScrollAreaContent } from './scroll-area-content.js';
+export { ScrollAreaCorner } from './scroll-area-corner.js';
+export { ScrollAreaRoot } from './scroll-area-root.js';
+export { ScrollAreaRootProvider } from './scroll-area-root-provider.js';
+export { ScrollAreaScrollbar } from './scroll-area-scrollbar.js';
+export { ScrollAreaThumb } from './scroll-area-thumb.js';
+export { ScrollAreaViewport } from './scroll-area-viewport.js';
+export { useScrollArea } from './use-scroll-area.js';
+export { useScrollAreaContext } from './use-scroll-area-context.js';
+import * as scrollArea from './scroll-area.js';
+export { scrollArea as ScrollArea };
+export { anatomy as scrollAreaAnatomy } from '@zag-js/scroll-area';

package/dist/components/scroll-area/scroll-area-content.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 ScrollAreaContent = react.forwardRef((props, ref) => {
+  const scrollArea = useScrollAreaContext.useScrollAreaContext();
+  const mergedProps = react$1.mergeProps(scrollArea.getContentProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+ScrollAreaContent.displayName = "ScrollAreaContent";
+
+exports.ScrollAreaContent = ScrollAreaContent;

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

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

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

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

package/dist/components/scroll-area/scroll-area-content.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 ScrollAreaContent = forwardRef((props, ref) => {
+  const scrollArea = useScrollAreaContext();
+  const mergedProps = mergeProps(scrollArea.getContentProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+ScrollAreaContent.displayName = "ScrollAreaContent";
+
+export { ScrollAreaContent };

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

@@ -0,0 +1,10 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const useScrollAreaContext = require('./use-scroll-area-context.cjs');
+
+const ScrollAreaContext = (props) => props.children(useScrollAreaContext.useScrollAreaContext());
+
+exports.ScrollAreaContext = ScrollAreaContext;

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { UseScrollAreaContext } from './use-scroll-area-context';
+export interface ScrollAreaContextProps {
+    children: (context: UseScrollAreaContext) => ReactNode;
+}
+export declare const ScrollAreaContext: (props: ScrollAreaContextProps) => ReactNode;

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { UseScrollAreaContext } from './use-scroll-area-context';
+export interface ScrollAreaContextProps {
+    children: (context: UseScrollAreaContext) => ReactNode;
+}
+export declare const ScrollAreaContext: (props: ScrollAreaContextProps) => ReactNode;

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

@@ -0,0 +1,6 @@
+'use client';
+import { useScrollAreaContext } from './use-scroll-area-context.js';
+
+const ScrollAreaContext = (props) => props.children(useScrollAreaContext());
+
+export { ScrollAreaContext };

package/dist/components/scroll-area/scroll-area-corner.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 ScrollAreaCorner = react.forwardRef((props, ref) => {
+  const scrollArea = useScrollAreaContext.useScrollAreaContext();
+  const mergedProps = react$1.mergeProps(scrollArea.getCornerProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+ScrollAreaCorner.displayName = "ScrollAreaCorner";
+
+exports.ScrollAreaCorner = ScrollAreaCorner;

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

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

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

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

package/dist/components/scroll-area/scroll-area-corner.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 ScrollAreaCorner = forwardRef((props, ref) => {
+  const scrollArea = useScrollAreaContext();
+  const mergedProps = mergeProps(scrollArea.getCornerProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+ScrollAreaCorner.displayName = "ScrollAreaCorner";
+
+export { ScrollAreaCorner };

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

@@ -0,0 +1,20 @@
+'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 createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useScrollAreaContext = require('./use-scroll-area-context.cjs');
+
+const ScrollAreaRootProvider = react.forwardRef((props, ref) => {
+  const [{ value: scrollArea }, localProps] = createSplitProps.createSplitProps()(props, ["value"]);
+  const mergedProps = react$1.mergeProps(scrollArea.getRootProps(), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useScrollAreaContext.ScrollAreaProvider, { value: scrollArea, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+});
+ScrollAreaRootProvider.displayName = "ScrollAreaRootProvider";
+
+exports.ScrollAreaRootProvider = ScrollAreaRootProvider;

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

@@ -0,0 +1,12 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseScrollAreaReturn } from './use-scroll-area';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+interface RootProviderProps {
+    value: UseScrollAreaReturn;
+}
+export interface ScrollAreaRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface ScrollAreaRootProviderProps extends HTMLProps<'div'>, ScrollAreaRootProviderBaseProps {
+}
+export declare const ScrollAreaRootProvider: ForwardRefExoticComponent<ScrollAreaRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,12 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseScrollAreaReturn } from './use-scroll-area';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+interface RootProviderProps {
+    value: UseScrollAreaReturn;
+}
+export interface ScrollAreaRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface ScrollAreaRootProviderProps extends HTMLProps<'div'>, ScrollAreaRootProviderBaseProps {
+}
+export declare const ScrollAreaRootProvider: ForwardRefExoticComponent<ScrollAreaRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,16 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { ScrollAreaProvider } from './use-scroll-area-context.js';
+
+const ScrollAreaRootProvider = forwardRef((props, ref) => {
+  const [{ value: scrollArea }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps(scrollArea.getRootProps(), localProps);
+  return /* @__PURE__ */ jsx(ScrollAreaProvider, { value: scrollArea, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+});
+ScrollAreaRootProvider.displayName = "ScrollAreaRootProvider";
+
+export { ScrollAreaRootProvider };

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

@@ -0,0 +1,22 @@
+'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 createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useScrollArea = require('./use-scroll-area.cjs');
+const useScrollAreaContext = require('./use-scroll-area-context.cjs');
+
+const ScrollAreaRoot = react.forwardRef((props, ref) => {
+  const [useScrollAreaProps, localProps] = createSplitProps.createSplitProps()(props, ["id", "ids"]);
+  const scrollArea = useScrollArea.useScrollArea(useScrollAreaProps);
+  const mergedProps = react$1.mergeProps(scrollArea.getRootProps(), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useScrollAreaContext.ScrollAreaProvider, { value: scrollArea, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+});
+ScrollAreaRoot.displayName = "ScrollAreaRoot";
+
+exports.ScrollAreaRoot = ScrollAreaRoot;

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

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseScrollAreaProps } from './use-scroll-area';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface ScrollAreaRootBaseProps extends UseScrollAreaProps, PolymorphicProps {
+}
+export interface ScrollAreaRootProps extends HTMLProps<'div'>, ScrollAreaRootBaseProps {
+}
+export declare const ScrollAreaRoot: ForwardRefExoticComponent<ScrollAreaRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseScrollAreaProps } from './use-scroll-area';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface ScrollAreaRootBaseProps extends UseScrollAreaProps, PolymorphicProps {
+}
+export interface ScrollAreaRootProps extends HTMLProps<'div'>, ScrollAreaRootBaseProps {
+}
+export declare const ScrollAreaRoot: ForwardRefExoticComponent<ScrollAreaRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,18 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { useScrollArea } from './use-scroll-area.js';
+import { ScrollAreaProvider } from './use-scroll-area-context.js';
+
+const ScrollAreaRoot = forwardRef((props, ref) => {
+  const [useScrollAreaProps, localProps] = createSplitProps()(props, ["id", "ids"]);
+  const scrollArea = useScrollArea(useScrollAreaProps);
+  const mergedProps = mergeProps(scrollArea.getRootProps(), localProps);
+  return /* @__PURE__ */ jsx(ScrollAreaProvider, { value: scrollArea, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+});
+ScrollAreaRoot.displayName = "ScrollAreaRoot";
+
+export { ScrollAreaRoot };

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

@@ -0,0 +1,22 @@
+'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 createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useScrollAreaContext = require('./use-scroll-area-context.cjs');
+const useScrollAreaScrollbarContext = require('./use-scroll-area-scrollbar-context.cjs');
+
+const ScrollAreaScrollbar = react.forwardRef((props, ref) => {
+  const [scrollbarProps, localProps] = createSplitProps.createSplitProps()(props, ["orientation"]);
+  const scrollAreaApi = useScrollAreaContext.useScrollAreaContext();
+  const mergedProps = react$1.mergeProps(scrollAreaApi.getScrollbarProps(scrollbarProps), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useScrollAreaScrollbarContext.ScrollAreaScrollbarProvider, { value: scrollbarProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+});
+ScrollAreaScrollbar.displayName = "ScrollAreaScrollbar";
+
+exports.ScrollAreaScrollbar = ScrollAreaScrollbar;

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

@@ -0,0 +1,12 @@
+import { Orientation } from '@zag-js/types';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+interface ScrollbarProps {
+    orientation?: Orientation;
+}
+export interface ScrollAreaScrollbarBaseProps extends ScrollbarProps, PolymorphicProps {
+}
+export interface ScrollAreaScrollbarProps extends HTMLProps<'div'>, ScrollAreaScrollbarBaseProps {
+}
+export declare const ScrollAreaScrollbar: ForwardRefExoticComponent<ScrollAreaScrollbarProps & RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,12 @@
+import { Orientation } from '@zag-js/types';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+interface ScrollbarProps {
+    orientation?: Orientation;
+}
+export interface ScrollAreaScrollbarBaseProps extends ScrollbarProps, PolymorphicProps {
+}
+export interface ScrollAreaScrollbarProps extends HTMLProps<'div'>, ScrollAreaScrollbarBaseProps {
+}
+export declare const ScrollAreaScrollbar: ForwardRefExoticComponent<ScrollAreaScrollbarProps & RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,18 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { useScrollAreaContext } from './use-scroll-area-context.js';
+import { ScrollAreaScrollbarProvider } from './use-scroll-area-scrollbar-context.js';
+
+const ScrollAreaScrollbar = forwardRef((props, ref) => {
+  const [scrollbarProps, localProps] = createSplitProps()(props, ["orientation"]);
+  const scrollAreaApi = useScrollAreaContext();
+  const mergedProps = mergeProps(scrollAreaApi.getScrollbarProps(scrollbarProps), localProps);
+  return /* @__PURE__ */ jsx(ScrollAreaScrollbarProvider, { value: scrollbarProps, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+});
+ScrollAreaScrollbar.displayName = "ScrollAreaScrollbar";
+
+export { ScrollAreaScrollbar };