@ark-ui/react 5.26.2 → 5.27.1

package/dist/components/anatomy.cjs

@@ -25,6 +25,7 @@ const editable = require('@zag-js/editable');
 const fileUpload = require('@zag-js/file-upload');
 const floatingPanel = require('@zag-js/floating-panel');
 const hoverCard = require('@zag-js/hover-card');
+const marquee = require('@zag-js/marquee');
 const menu = require('@zag-js/menu');
 const numberInput = require('@zag-js/number-input');
 const pagination = require('@zag-js/pagination');
@@ -110,6 +111,10 @@ Object.defineProperty(exports, "hoverCardAnatomy", {
 	enumerable: true,
 	get: () => hoverCard.anatomy
 });
+Object.defineProperty(exports, "marqueeAnatomy", {
+	enumerable: true,
+	get: () => marquee.anatomy
+});
 Object.defineProperty(exports, "menuAnatomy", {
 	enumerable: true,
 	get: () => menu.anatomy

package/dist/components/anatomy.d.cts

@@ -18,6 +18,7 @@ export { fileUploadAnatomy } from './file-upload/file-upload.anatomy';
 export { floatingPanelAnatomy } from './floating-panel/floating-panel.anatomy';
 export { hoverCardAnatomy } from './hover-card/hover-card.anatomy';
 export { listboxAnatomy } from './listbox/listbox.anatomy';
+export { marqueeAnatomy } from './marquee/marquee.anatomy';
 export { menuAnatomy } from './menu/menu.anatomy';
 export { numberInputAnatomy } from './number-input/number-input.anatomy';
 export { paginationAnatomy } from './pagination/pagination.anatomy';

package/dist/components/anatomy.d.ts

@@ -18,6 +18,7 @@ export { fileUploadAnatomy } from './file-upload/file-upload.anatomy';
 export { floatingPanelAnatomy } from './floating-panel/floating-panel.anatomy';
 export { hoverCardAnatomy } from './hover-card/hover-card.anatomy';
 export { listboxAnatomy } from './listbox/listbox.anatomy';
+export { marqueeAnatomy } from './marquee/marquee.anatomy';
 export { menuAnatomy } from './menu/menu.anatomy';
 export { numberInputAnatomy } from './number-input/number-input.anatomy';
 export { paginationAnatomy } from './pagination/pagination.anatomy';

package/dist/components/anatomy.js

@@ -21,6 +21,7 @@ export { anatomy as editableAnatomy } from '@zag-js/editable';
 export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';
 export { anatomy as floatingPanelAnatomy } from '@zag-js/floating-panel';
 export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
+export { anatomy as marqueeAnatomy } from '@zag-js/marquee';
 export { anatomy as menuAnatomy } from '@zag-js/menu';
 export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
 export { anatomy as paginationAnatomy } from '@zag-js/pagination';

package/dist/components/index.cjs

@@ -321,6 +321,16 @@ const useListbox = require('./listbox/use-listbox.cjs');
 const useListboxContext = require('./listbox/use-listbox-context.cjs');
 const useListboxItemContext = require('./listbox/use-listbox-item-context.cjs');
 const listbox = require('./listbox/listbox.cjs');
+const marqueeContent = require('./marquee/marquee-content.cjs');
+const marqueeContext = require('./marquee/marquee-context.cjs');
+const marqueeEdge = require('./marquee/marquee-edge.cjs');
+const marqueeItem = require('./marquee/marquee-item.cjs');
+const marqueeRoot = require('./marquee/marquee-root.cjs');
+const marqueeRootProvider = require('./marquee/marquee-root-provider.cjs');
+const marqueeViewport = require('./marquee/marquee-viewport.cjs');
+const useMarquee = require('./marquee/use-marquee.cjs');
+const useMarqueeContext = require('./marquee/use-marquee-context.cjs');
+const marquee$1 = require('./marquee/marquee.cjs');
 const menuArrow = require('./menu/menu-arrow.cjs');
 const menuArrowTip = require('./menu/menu-arrow-tip.cjs');
 const menuCheckboxItem = require('./menu/menu-checkbox-item.cjs');
@@ -703,6 +713,7 @@ const editable = require('@zag-js/editable');
 const fileUpload = require('@zag-js/file-upload');
 const floatingPanel = require('@zag-js/floating-panel');
 const hoverCard = require('@zag-js/hover-card');
+const marquee = require('@zag-js/marquee');
 const menu = require('@zag-js/menu');
 const numberInput = require('@zag-js/number-input');
 const pagination = require('@zag-js/pagination');
@@ -1057,6 +1068,16 @@ exports.useListbox = useListbox.useListbox;
 exports.useListboxContext = useListboxContext.useListboxContext;
 exports.useListboxItemContext = useListboxItemContext.useListboxItemContext;
 exports.Listbox = listbox;
+exports.MarqueeContent = marqueeContent.MarqueeContent;
+exports.MarqueeContext = marqueeContext.MarqueeContext;
+exports.MarqueeEdge = marqueeEdge.MarqueeEdge;
+exports.MarqueeItem = marqueeItem.MarqueeItem;
+exports.MarqueeRoot = marqueeRoot.MarqueeRoot;
+exports.MarqueeRootProvider = marqueeRootProvider.MarqueeRootProvider;
+exports.MarqueeViewport = marqueeViewport.MarqueeViewport;
+exports.useMarquee = useMarquee.useMarquee;
+exports.useMarqueeContext = useMarqueeContext.useMarqueeContext;
+exports.Marquee = marquee$1;
 exports.MenuArrow = menuArrow.MenuArrow;
 exports.MenuArrowTip = menuArrowTip.MenuArrowTip;
 exports.MenuCheckboxItem = menuCheckboxItem.MenuCheckboxItem;
@@ -1476,6 +1497,10 @@ Object.defineProperty(exports, "hoverCardAnatomy", {
 	enumerable: true,
 	get: () => hoverCard.anatomy
 });
+Object.defineProperty(exports, "marqueeAnatomy", {
+	enumerable: true,
+	get: () => marquee.anatomy
+});
 Object.defineProperty(exports, "menuAnatomy", {
 	enumerable: true,
 	get: () => menu.anatomy

package/dist/components/index.d.cts

@@ -25,6 +25,7 @@ export * from './highlight';
 export * from './hover-card';
 export * from './json-tree-view';
 export * from './listbox';
+export * from './marquee';
 export * from './menu';
 export * from './number-input';
 export * from './pagination';

package/dist/components/index.d.ts

@@ -25,6 +25,7 @@ export * from './highlight';
 export * from './hover-card';
 export * from './json-tree-view';
 export * from './listbox';
+export * from './marquee';
 export * from './menu';
 export * from './number-input';
 export * from './pagination';

package/dist/components/index.js

@@ -338,6 +338,17 @@ export { useListboxContext } from './listbox/use-listbox-context.js';
 export { useListboxItemContext } from './listbox/use-listbox-item-context.js';
 import * as listbox from './listbox/listbox.js';
 export { listbox as Listbox };
+export { MarqueeContent } from './marquee/marquee-content.js';
+export { MarqueeContext } from './marquee/marquee-context.js';
+export { MarqueeEdge } from './marquee/marquee-edge.js';
+export { MarqueeItem } from './marquee/marquee-item.js';
+export { MarqueeRoot } from './marquee/marquee-root.js';
+export { MarqueeRootProvider } from './marquee/marquee-root-provider.js';
+export { MarqueeViewport } from './marquee/marquee-viewport.js';
+export { useMarquee } from './marquee/use-marquee.js';
+export { useMarqueeContext } from './marquee/use-marquee-context.js';
+import * as marquee from './marquee/marquee.js';
+export { marquee as Marquee };
 export { MenuArrow } from './menu/menu-arrow.js';
 export { MenuArrowTip } from './menu/menu-arrow-tip.js';
 export { MenuCheckboxItem } from './menu/menu-checkbox-item.js';
@@ -747,6 +758,7 @@ export { anatomy as editableAnatomy } from '@zag-js/editable';
 export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';
 export { anatomy as floatingPanelAnatomy } from '@zag-js/floating-panel';
 export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
+export { anatomy as marqueeAnatomy } from '@zag-js/marquee';
 export { anatomy as menuAnatomy } from '@zag-js/menu';
 export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
 export { anatomy as paginationAnatomy } from '@zag-js/pagination';

package/dist/components/marquee/index.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const marqueeContent = require('./marquee-content.cjs');
+const marqueeContext = require('./marquee-context.cjs');
+const marqueeEdge = require('./marquee-edge.cjs');
+const marqueeItem = require('./marquee-item.cjs');
+const marqueeRoot = require('./marquee-root.cjs');
+const marqueeRootProvider = require('./marquee-root-provider.cjs');
+const marqueeViewport = require('./marquee-viewport.cjs');
+const useMarquee = require('./use-marquee.cjs');
+const useMarqueeContext = require('./use-marquee-context.cjs');
+const marquee$1 = require('./marquee.cjs');
+const marquee = require('@zag-js/marquee');
+
+
+
+exports.MarqueeContent = marqueeContent.MarqueeContent;
+exports.MarqueeContext = marqueeContext.MarqueeContext;
+exports.MarqueeEdge = marqueeEdge.MarqueeEdge;
+exports.MarqueeItem = marqueeItem.MarqueeItem;
+exports.MarqueeRoot = marqueeRoot.MarqueeRoot;
+exports.MarqueeRootProvider = marqueeRootProvider.MarqueeRootProvider;
+exports.MarqueeViewport = marqueeViewport.MarqueeViewport;
+exports.useMarquee = useMarquee.useMarquee;
+exports.useMarqueeContext = useMarqueeContext.useMarqueeContext;
+exports.Marquee = marquee$1;
+Object.defineProperty(exports, "marqueeAnatomy", {
+  enumerable: true,
+  get: () => marquee.anatomy
+});

package/dist/components/marquee/index.d.cts

@@ -0,0 +1,12 @@
+export type { PauseStatusDetails as MarqueePauseStatusDetails, Side as MarqueeSide } from '@zag-js/marquee';
+export { MarqueeContent, type MarqueeContentBaseProps, type MarqueeContentProps } from './marquee-content';
+export { MarqueeContext, type MarqueeContextProps } from './marquee-context';
+export { MarqueeEdge, type MarqueeEdgeBaseProps, type MarqueeEdgeProps } from './marquee-edge';
+export { MarqueeItem, type MarqueeItemBaseProps, type MarqueeItemProps } from './marquee-item';
+export { MarqueeRoot, type MarqueeRootBaseProps, type MarqueeRootProps } from './marquee-root';
+export { MarqueeRootProvider, type MarqueeRootProviderBaseProps, type MarqueeRootProviderProps, } from './marquee-root-provider';
+export { MarqueeViewport, type MarqueeViewportBaseProps, type MarqueeViewportProps } from './marquee-viewport';
+export { marqueeAnatomy } from './marquee.anatomy';
+export { useMarquee, type UseMarqueeProps, type UseMarqueeReturn } from './use-marquee';
+export { useMarqueeContext, type UseMarqueeContext } from './use-marquee-context';
+export * as Marquee from './marquee';

package/dist/components/marquee/index.d.ts

@@ -0,0 +1,12 @@
+export type { PauseStatusDetails as MarqueePauseStatusDetails, Side as MarqueeSide } from '@zag-js/marquee';
+export { MarqueeContent, type MarqueeContentBaseProps, type MarqueeContentProps } from './marquee-content';
+export { MarqueeContext, type MarqueeContextProps } from './marquee-context';
+export { MarqueeEdge, type MarqueeEdgeBaseProps, type MarqueeEdgeProps } from './marquee-edge';
+export { MarqueeItem, type MarqueeItemBaseProps, type MarqueeItemProps } from './marquee-item';
+export { MarqueeRoot, type MarqueeRootBaseProps, type MarqueeRootProps } from './marquee-root';
+export { MarqueeRootProvider, type MarqueeRootProviderBaseProps, type MarqueeRootProviderProps, } from './marquee-root-provider';
+export { MarqueeViewport, type MarqueeViewportBaseProps, type MarqueeViewportProps } from './marquee-viewport';
+export { marqueeAnatomy } from './marquee.anatomy';
+export { useMarquee, type UseMarqueeProps, type UseMarqueeReturn } from './use-marquee';
+export { useMarqueeContext, type UseMarqueeContext } from './use-marquee-context';
+export * as Marquee from './marquee';

package/dist/components/marquee/index.js

@@ -0,0 +1,12 @@
+export { MarqueeContent } from './marquee-content.js';
+export { MarqueeContext } from './marquee-context.js';
+export { MarqueeEdge } from './marquee-edge.js';
+export { MarqueeItem } from './marquee-item.js';
+export { MarqueeRoot } from './marquee-root.js';
+export { MarqueeRootProvider } from './marquee-root-provider.js';
+export { MarqueeViewport } from './marquee-viewport.js';
+export { useMarquee } from './use-marquee.js';
+export { useMarqueeContext } from './use-marquee-context.js';
+import * as marquee from './marquee.js';
+export { marquee as Marquee };
+export { anatomy as marqueeAnatomy } from '@zag-js/marquee';

package/dist/components/marquee/marquee-content.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 factory = require('../factory.cjs');
+const useMarqueeContext = require('./use-marquee-context.cjs');
+
+const MarqueeContent = react.forwardRef((props, ref) => {
+  const { children, ...localProps } = props;
+  const marquee = useMarqueeContext.useMarqueeContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: Array.from({ length: marquee.contentCount }).map((_, index) => {
+    const mergedProps = react$1.mergeProps(marquee.getContentProps({ index }), localProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref: index === 0 ? ref : void 0, children }, index);
+  }) });
+});
+MarqueeContent.displayName = "MarqueeContent";
+
+exports.MarqueeContent = MarqueeContent;

package/dist/components/marquee/marquee-content.d.cts

@@ -0,0 +1,8 @@
+import { ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLProps, PolymorphicProps } from '../factory';
+export interface MarqueeContentBaseProps extends PolymorphicProps {
+    children: ReactNode;
+}
+export interface MarqueeContentProps extends Omit<HTMLProps<'div'>, 'children'>, MarqueeContentBaseProps {
+}
+export declare const MarqueeContent: ForwardRefExoticComponent<MarqueeContentProps & RefAttributes<HTMLDivElement>>;

package/dist/components/marquee/marquee-content.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLProps, PolymorphicProps } from '../factory';
+export interface MarqueeContentBaseProps extends PolymorphicProps {
+    children: ReactNode;
+}
+export interface MarqueeContentProps extends Omit<HTMLProps<'div'>, 'children'>, MarqueeContentBaseProps {
+}
+export declare const MarqueeContent: ForwardRefExoticComponent<MarqueeContentProps & RefAttributes<HTMLDivElement>>;

package/dist/components/marquee/marquee-content.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useMarqueeContext } from './use-marquee-context.js';
+
+const MarqueeContent = forwardRef((props, ref) => {
+  const { children, ...localProps } = props;
+  const marquee = useMarqueeContext();
+  return /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: marquee.contentCount }).map((_, index) => {
+    const mergedProps = mergeProps(marquee.getContentProps({ index }), localProps);
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: index === 0 ? ref : void 0, children }, index);
+  }) });
+});
+MarqueeContent.displayName = "MarqueeContent";
+
+export { MarqueeContent };

package/dist/components/marquee/marquee-context.cjs

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

package/dist/components/marquee/marquee-context.d.cts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { UseMarqueeContext } from './use-marquee-context';
+export interface MarqueeContextProps {
+    children: (context: UseMarqueeContext) => ReactNode;
+}
+export declare const MarqueeContext: (props: MarqueeContextProps) => ReactNode;

package/dist/components/marquee/marquee-context.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { UseMarqueeContext } from './use-marquee-context';
+export interface MarqueeContextProps {
+    children: (context: UseMarqueeContext) => ReactNode;
+}
+export declare const MarqueeContext: (props: MarqueeContextProps) => ReactNode;

package/dist/components/marquee/marquee-context.js

@@ -0,0 +1,6 @@
+'use client';
+import { useMarqueeContext } from './use-marquee-context.js';
+
+const MarqueeContext = (props) => props.children(useMarqueeContext());
+
+export { MarqueeContext };

package/dist/components/marquee/marquee-edge.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 createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useMarqueeContext = require('./use-marquee-context.cjs');
+
+const MarqueeEdge = react.forwardRef((props, ref) => {
+  const [edgeProps, localProps] = createSplitProps.createSplitProps()(props, ["side"]);
+  const marquee = useMarqueeContext.useMarqueeContext();
+  const mergedProps = react$1.mergeProps(marquee.getEdgeProps(edgeProps), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+MarqueeEdge.displayName = "MarqueeEdge";
+
+exports.MarqueeEdge = MarqueeEdge;

package/dist/components/marquee/marquee-edge.d.cts

@@ -0,0 +1,8 @@
+import { EdgeProps } from '@zag-js/marquee';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface MarqueeEdgeBaseProps extends EdgeProps, PolymorphicProps {
+}
+export interface MarqueeEdgeProps extends HTMLProps<'div'>, MarqueeEdgeBaseProps {
+}
+export declare const MarqueeEdge: ForwardRefExoticComponent<MarqueeEdgeProps & RefAttributes<HTMLDivElement>>;

package/dist/components/marquee/marquee-edge.d.ts

@@ -0,0 +1,8 @@
+import { EdgeProps } from '@zag-js/marquee';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface MarqueeEdgeBaseProps extends EdgeProps, PolymorphicProps {
+}
+export interface MarqueeEdgeProps extends HTMLProps<'div'>, MarqueeEdgeBaseProps {
+}
+export declare const MarqueeEdge: ForwardRefExoticComponent<MarqueeEdgeProps & RefAttributes<HTMLDivElement>>;

package/dist/components/marquee/marquee-edge.js

@@ -0,0 +1,17 @@
+'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 { useMarqueeContext } from './use-marquee-context.js';
+
+const MarqueeEdge = forwardRef((props, ref) => {
+  const [edgeProps, localProps] = createSplitProps()(props, ["side"]);
+  const marquee = useMarqueeContext();
+  const mergedProps = mergeProps(marquee.getEdgeProps(edgeProps), localProps);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+MarqueeEdge.displayName = "MarqueeEdge";
+
+export { MarqueeEdge };

package/dist/components/marquee/marquee-item.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 useMarqueeContext = require('./use-marquee-context.cjs');
+
+const MarqueeItem = react.forwardRef((props, ref) => {
+  const marquee = useMarqueeContext.useMarqueeContext();
+  const mergedProps = react$1.mergeProps(marquee.getItemProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+MarqueeItem.displayName = "MarqueeItem";
+
+exports.MarqueeItem = MarqueeItem;

package/dist/components/marquee/marquee-item.d.cts

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

package/dist/components/marquee/marquee-item.d.ts

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

package/dist/components/marquee/marquee-item.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 { useMarqueeContext } from './use-marquee-context.js';
+
+const MarqueeItem = forwardRef((props, ref) => {
+  const marquee = useMarqueeContext();
+  const mergedProps = mergeProps(marquee.getItemProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+MarqueeItem.displayName = "MarqueeItem";
+
+export { MarqueeItem };

package/dist/components/marquee/marquee-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 useMarqueeContext = require('./use-marquee-context.cjs');
+
+const MarqueeRootProvider = react.forwardRef((props, ref) => {
+  const [{ value: marquee }, localProps] = createSplitProps.createSplitProps()(props, ["value"]);
+  const mergedProps = react$1.mergeProps(marquee.getRootProps(), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useMarqueeContext.MarqueeProvider, { value: marquee, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+});
+MarqueeRootProvider.displayName = "MarqueeRootProvider";
+
+exports.MarqueeRootProvider = MarqueeRootProvider;

package/dist/components/marquee/marquee-root-provider.d.cts

@@ -0,0 +1,12 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseMarqueeReturn } from './use-marquee';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+interface RootProviderProps {
+    value: UseMarqueeReturn;
+}
+export interface MarqueeRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface MarqueeRootProviderProps extends HTMLProps<'div'>, MarqueeRootProviderBaseProps {
+}
+export declare const MarqueeRootProvider: ForwardRefExoticComponent<MarqueeRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/marquee/marquee-root-provider.d.ts

@@ -0,0 +1,12 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseMarqueeReturn } from './use-marquee';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+interface RootProviderProps {
+    value: UseMarqueeReturn;
+}
+export interface MarqueeRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface MarqueeRootProviderProps extends HTMLProps<'div'>, MarqueeRootProviderBaseProps {
+}
+export declare const MarqueeRootProvider: ForwardRefExoticComponent<MarqueeRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/marquee/marquee-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 { MarqueeProvider } from './use-marquee-context.js';
+
+const MarqueeRootProvider = forwardRef((props, ref) => {
+  const [{ value: marquee }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps(marquee.getRootProps(), localProps);
+  return /* @__PURE__ */ jsx(MarqueeProvider, { value: marquee, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+});
+MarqueeRootProvider.displayName = "MarqueeRootProvider";
+
+export { MarqueeRootProvider };

package/dist/components/marquee/marquee-root.cjs

@@ -0,0 +1,39 @@
+'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 useMarquee = require('./use-marquee.cjs');
+const useMarqueeContext = require('./use-marquee-context.cjs');
+
+const MarqueeRoot = react.forwardRef((props, ref) => {
+  const [useMarqueeProps, localProps] = createSplitProps.createSplitProps()(props, [
+    "autoFill",
+    "defaultPaused",
+    "delay",
+    "id",
+    "ids",
+    "loopCount",
+    "onComplete",
+    "onLoopComplete",
+    "onPauseChange",
+    "paused",
+    "pauseOnInteraction",
+    "reverse",
+    "side",
+    "spacing",
+    "speed",
+    "translations"
+  ]);
+  const marqueeApi = useMarquee.useMarquee(useMarqueeProps);
+  const mergedProps = react$1.mergeProps(marqueeApi.getRootProps(), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useMarqueeContext.MarqueeProvider, { value: marqueeApi, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+});
+MarqueeRoot.displayName = "MarqueeRoot";
+
+exports.MarqueeRoot = MarqueeRoot;

package/dist/components/marquee/marquee-root.d.cts

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseMarqueeProps } from './use-marquee';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface MarqueeRootBaseProps extends UseMarqueeProps, PolymorphicProps {
+}
+export interface MarqueeRootProps extends HTMLProps<'div'>, MarqueeRootBaseProps {
+}
+export declare const MarqueeRoot: ForwardRefExoticComponent<MarqueeRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/marquee/marquee-root.d.ts

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseMarqueeProps } from './use-marquee';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface MarqueeRootBaseProps extends UseMarqueeProps, PolymorphicProps {
+}
+export interface MarqueeRootProps extends HTMLProps<'div'>, MarqueeRootBaseProps {
+}
+export declare const MarqueeRoot: ForwardRefExoticComponent<MarqueeRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/marquee/marquee-root.js

@@ -0,0 +1,35 @@
+'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 { useMarquee } from './use-marquee.js';
+import { MarqueeProvider } from './use-marquee-context.js';
+
+const MarqueeRoot = forwardRef((props, ref) => {
+  const [useMarqueeProps, localProps] = createSplitProps()(props, [
+    "autoFill",
+    "defaultPaused",
+    "delay",
+    "id",
+    "ids",
+    "loopCount",
+    "onComplete",
+    "onLoopComplete",
+    "onPauseChange",
+    "paused",
+    "pauseOnInteraction",
+    "reverse",
+    "side",
+    "spacing",
+    "speed",
+    "translations"
+  ]);
+  const marqueeApi = useMarquee(useMarqueeProps);
+  const mergedProps = mergeProps(marqueeApi.getRootProps(), localProps);
+  return /* @__PURE__ */ jsx(MarqueeProvider, { value: marqueeApi, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+});
+MarqueeRoot.displayName = "MarqueeRoot";
+
+export { MarqueeRoot };

package/dist/components/marquee/marquee-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 useMarqueeContext = require('./use-marquee-context.cjs');
+
+const MarqueeViewport = react.forwardRef((props, ref) => {
+  const marquee = useMarqueeContext.useMarqueeContext();
+  const mergedProps = react$1.mergeProps(marquee.getViewportProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+MarqueeViewport.displayName = "MarqueeViewport";
+
+exports.MarqueeViewport = MarqueeViewport;

package/dist/components/marquee/marquee-viewport.d.cts

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

package/dist/components/marquee/marquee-viewport.d.ts

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

package/dist/components/marquee/marquee-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 { useMarqueeContext } from './use-marquee-context.js';
+
+const MarqueeViewport = forwardRef((props, ref) => {
+  const marquee = useMarqueeContext();
+  const mergedProps = mergeProps(marquee.getViewportProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+MarqueeViewport.displayName = "MarqueeViewport";
+
+export { MarqueeViewport };

package/dist/components/marquee/marquee.anatomy.d.cts

@@ -0,0 +1 @@
+export { anatomy as marqueeAnatomy } from '@zag-js/marquee';

package/dist/components/marquee/marquee.anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as marqueeAnatomy } from '@zag-js/marquee';

package/dist/components/marquee/marquee.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const marqueeContent = require('./marquee-content.cjs');
+const marqueeContext = require('./marquee-context.cjs');
+const marqueeEdge = require('./marquee-edge.cjs');
+const marqueeItem = require('./marquee-item.cjs');
+const marqueeRoot = require('./marquee-root.cjs');
+const marqueeRootProvider = require('./marquee-root-provider.cjs');
+const marqueeViewport = require('./marquee-viewport.cjs');
+
+
+
+exports.Content = marqueeContent.MarqueeContent;
+exports.Context = marqueeContext.MarqueeContext;
+exports.Edge = marqueeEdge.MarqueeEdge;
+exports.Item = marqueeItem.MarqueeItem;
+exports.Root = marqueeRoot.MarqueeRoot;
+exports.RootProvider = marqueeRootProvider.MarqueeRootProvider;
+exports.Viewport = marqueeViewport.MarqueeViewport;

package/dist/components/marquee/marquee.d.cts

@@ -0,0 +1,8 @@
+export type { PauseStatusDetails, Side } from '@zag-js/marquee';
+export { MarqueeContent as Content, type MarqueeContentBaseProps as ContentBaseProps, type MarqueeContentProps as ContentProps, } from './marquee-content';
+export { MarqueeContext as Context, type MarqueeContextProps as ContextProps } from './marquee-context';
+export { MarqueeEdge as Edge, type MarqueeEdgeBaseProps as EdgeBaseProps, type MarqueeEdgeProps as EdgeProps, } from './marquee-edge';
+export { MarqueeItem as Item, type MarqueeItemBaseProps as ItemBaseProps, type MarqueeItemProps as ItemProps, } from './marquee-item';
+export { MarqueeRoot as Root, type MarqueeRootBaseProps as RootBaseProps, type MarqueeRootProps as RootProps, } from './marquee-root';
+export { MarqueeRootProvider as RootProvider, type MarqueeRootProviderBaseProps as RootProviderBaseProps, type MarqueeRootProviderProps as RootProviderProps, } from './marquee-root-provider';
+export { MarqueeViewport as Viewport, type MarqueeViewportBaseProps as ViewportBaseProps, type MarqueeViewportProps as ViewportProps, } from './marquee-viewport';

package/dist/components/marquee/marquee.d.ts

@@ -0,0 +1,8 @@
+export type { PauseStatusDetails, Side } from '@zag-js/marquee';
+export { MarqueeContent as Content, type MarqueeContentBaseProps as ContentBaseProps, type MarqueeContentProps as ContentProps, } from './marquee-content';
+export { MarqueeContext as Context, type MarqueeContextProps as ContextProps } from './marquee-context';
+export { MarqueeEdge as Edge, type MarqueeEdgeBaseProps as EdgeBaseProps, type MarqueeEdgeProps as EdgeProps, } from './marquee-edge';
+export { MarqueeItem as Item, type MarqueeItemBaseProps as ItemBaseProps, type MarqueeItemProps as ItemProps, } from './marquee-item';
+export { MarqueeRoot as Root, type MarqueeRootBaseProps as RootBaseProps, type MarqueeRootProps as RootProps, } from './marquee-root';
+export { MarqueeRootProvider as RootProvider, type MarqueeRootProviderBaseProps as RootProviderBaseProps, type MarqueeRootProviderProps as RootProviderProps, } from './marquee-root-provider';
+export { MarqueeViewport as Viewport, type MarqueeViewportBaseProps as ViewportBaseProps, type MarqueeViewportProps as ViewportProps, } from './marquee-viewport';

package/dist/components/marquee/marquee.js

@@ -0,0 +1,7 @@
+export { MarqueeContent as Content } from './marquee-content.js';
+export { MarqueeContext as Context } from './marquee-context.js';
+export { MarqueeEdge as Edge } from './marquee-edge.js';
+export { MarqueeItem as Item } from './marquee-item.js';
+export { MarqueeRoot as Root } from './marquee-root.js';
+export { MarqueeRootProvider as RootProvider } from './marquee-root-provider.js';
+export { MarqueeViewport as Viewport } from './marquee-viewport.js';

package/dist/components/marquee/use-marquee-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 [MarqueeProvider, useMarqueeContext] = createContext.createContext({
+  name: "MarqueeContext",
+  hookName: "useMarqueeContext",
+  providerName: "<MarqueeProvider />"
+});
+
+exports.MarqueeProvider = MarqueeProvider;
+exports.useMarqueeContext = useMarqueeContext;

package/dist/components/marquee/use-marquee-context.d.cts

@@ -0,0 +1,5 @@
+import { UseMarqueeReturn } from './use-marquee';
+import { Provider } from 'react';
+export interface UseMarqueeContext extends UseMarqueeReturn {
+}
+export declare const MarqueeProvider: Provider<UseMarqueeContext>, useMarqueeContext: () => UseMarqueeContext;

package/dist/components/marquee/use-marquee-context.d.ts

@@ -0,0 +1,5 @@
+import { UseMarqueeReturn } from './use-marquee';
+import { Provider } from 'react';
+export interface UseMarqueeContext extends UseMarqueeReturn {
+}
+export declare const MarqueeProvider: Provider<UseMarqueeContext>, useMarqueeContext: () => UseMarqueeContext;

package/dist/components/marquee/use-marquee-context.js

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

package/dist/components/marquee/use-marquee.cjs

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

package/dist/components/marquee/use-marquee.d.cts

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

package/dist/components/marquee/use-marquee.d.ts

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

package/dist/components/marquee/use-marquee.js

@@ -0,0 +1,22 @@
+'use client';
+import * as marquee from '@zag-js/marquee';
+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 useMarquee = (props) => {
+  const id = useId();
+  const { getRootNode } = useEnvironmentContext();
+  const { dir } = useLocaleContext();
+  const context = {
+    id,
+    dir,
+    getRootNode,
+    ...props
+  };
+  const service = useMachine(marquee.machine, context);
+  return marquee.connect(service, normalizeProps);
+};
+
+export { useMarquee };

package/dist/index.cjs

@@ -321,6 +321,16 @@ const useListbox = require('./components/listbox/use-listbox.cjs');
 const useListboxContext = require('./components/listbox/use-listbox-context.cjs');
 const useListboxItemContext = require('./components/listbox/use-listbox-item-context.cjs');
 const listbox = require('./components/listbox/listbox.cjs');
+const marqueeContent = require('./components/marquee/marquee-content.cjs');
+const marqueeContext = require('./components/marquee/marquee-context.cjs');
+const marqueeEdge = require('./components/marquee/marquee-edge.cjs');
+const marqueeItem = require('./components/marquee/marquee-item.cjs');
+const marqueeRoot = require('./components/marquee/marquee-root.cjs');
+const marqueeRootProvider = require('./components/marquee/marquee-root-provider.cjs');
+const marqueeViewport = require('./components/marquee/marquee-viewport.cjs');
+const useMarquee = require('./components/marquee/use-marquee.cjs');
+const useMarqueeContext = require('./components/marquee/use-marquee-context.cjs');
+const marquee$1 = require('./components/marquee/marquee.cjs');
 const menuArrow = require('./components/menu/menu-arrow.cjs');
 const menuArrowTip = require('./components/menu/menu-arrow-tip.cjs');
 const menuCheckboxItem = require('./components/menu/menu-checkbox-item.cjs');
@@ -711,6 +721,7 @@ const editable = require('@zag-js/editable');
 const fileUpload = require('@zag-js/file-upload');
 const floatingPanel = require('@zag-js/floating-panel');
 const hoverCard = require('@zag-js/hover-card');
+const marquee = require('@zag-js/marquee');
 const menu = require('@zag-js/menu');
 const numberInput = require('@zag-js/number-input');
 const pagination = require('@zag-js/pagination');
@@ -1065,6 +1076,16 @@ exports.useListbox = useListbox.useListbox;
 exports.useListboxContext = useListboxContext.useListboxContext;
 exports.useListboxItemContext = useListboxItemContext.useListboxItemContext;
 exports.Listbox = listbox;
+exports.MarqueeContent = marqueeContent.MarqueeContent;
+exports.MarqueeContext = marqueeContext.MarqueeContext;
+exports.MarqueeEdge = marqueeEdge.MarqueeEdge;
+exports.MarqueeItem = marqueeItem.MarqueeItem;
+exports.MarqueeRoot = marqueeRoot.MarqueeRoot;
+exports.MarqueeRootProvider = marqueeRootProvider.MarqueeRootProvider;
+exports.MarqueeViewport = marqueeViewport.MarqueeViewport;
+exports.useMarquee = useMarquee.useMarquee;
+exports.useMarqueeContext = useMarqueeContext.useMarqueeContext;
+exports.Marquee = marquee$1;
 exports.MenuArrow = menuArrow.MenuArrow;
 exports.MenuArrowTip = menuArrowTip.MenuArrowTip;
 exports.MenuCheckboxItem = menuCheckboxItem.MenuCheckboxItem;
@@ -1495,6 +1516,10 @@ Object.defineProperty(exports, "hoverCardAnatomy", {
 	enumerable: true,
 	get: () => hoverCard.anatomy
 });
+Object.defineProperty(exports, "marqueeAnatomy", {
+	enumerable: true,
+	get: () => marquee.anatomy
+});
 Object.defineProperty(exports, "menuAnatomy", {
 	enumerable: true,
 	get: () => menu.anatomy

package/dist/index.js

@@ -338,6 +338,17 @@ export { useListboxContext } from './components/listbox/use-listbox-context.js';
 export { useListboxItemContext } from './components/listbox/use-listbox-item-context.js';
 import * as listbox from './components/listbox/listbox.js';
 export { listbox as Listbox };
+export { MarqueeContent } from './components/marquee/marquee-content.js';
+export { MarqueeContext } from './components/marquee/marquee-context.js';
+export { MarqueeEdge } from './components/marquee/marquee-edge.js';
+export { MarqueeItem } from './components/marquee/marquee-item.js';
+export { MarqueeRoot } from './components/marquee/marquee-root.js';
+export { MarqueeRootProvider } from './components/marquee/marquee-root-provider.js';
+export { MarqueeViewport } from './components/marquee/marquee-viewport.js';
+export { useMarquee } from './components/marquee/use-marquee.js';
+export { useMarqueeContext } from './components/marquee/use-marquee-context.js';
+import * as marquee from './components/marquee/marquee.js';
+export { marquee as Marquee };
 export { MenuArrow } from './components/menu/menu-arrow.js';
 export { MenuArrowTip } from './components/menu/menu-arrow-tip.js';
 export { MenuCheckboxItem } from './components/menu/menu-checkbox-item.js';
@@ -755,6 +766,7 @@ export { anatomy as editableAnatomy } from '@zag-js/editable';
 export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';
 export { anatomy as floatingPanelAnatomy } from '@zag-js/floating-panel';
 export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
+export { anatomy as marqueeAnatomy } from '@zag-js/marquee';
 export { anatomy as menuAnatomy } from '@zag-js/menu';
 export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
 export { anatomy as paginationAnatomy } from '@zag-js/pagination';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/react",
   "type": "module",
-  "version": "5.26.2",
+  "version": "5.27.1",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -150,72 +150,73 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.10.0",
-    "@zag-js/accordion": "1.26.3",
-    "@zag-js/anatomy": "1.26.3",
-    "@zag-js/angle-slider": "1.26.3",
-    "@zag-js/async-list": "1.26.3",
-    "@zag-js/auto-resize": "1.26.3",
-    "@zag-js/avatar": "1.26.3",
-    "@zag-js/bottom-sheet": "1.26.3",
-    "@zag-js/carousel": "1.26.3",
-    "@zag-js/checkbox": "1.26.3",
-    "@zag-js/clipboard": "1.26.3",
-    "@zag-js/collapsible": "1.26.3",
-    "@zag-js/collection": "1.26.3",
-    "@zag-js/color-picker": "1.26.3",
-    "@zag-js/color-utils": "1.26.3",
-    "@zag-js/combobox": "1.26.3",
-    "@zag-js/core": "1.26.3",
-    "@zag-js/date-picker": "1.26.3",
-    "@zag-js/date-utils": "1.26.3",
-    "@zag-js/dialog": "1.26.3",
-    "@zag-js/dom-query": "1.26.3",
-    "@zag-js/editable": "1.26.3",
-    "@zag-js/file-upload": "1.26.3",
-    "@zag-js/file-utils": "1.26.3",
-    "@zag-js/floating-panel": "1.26.3",
-    "@zag-js/focus-trap": "1.26.3",
-    "@zag-js/highlight-word": "1.26.3",
-    "@zag-js/hover-card": "1.26.3",
-    "@zag-js/i18n-utils": "1.26.3",
-    "@zag-js/json-tree-utils": "1.26.3",
-    "@zag-js/listbox": "1.26.3",
-    "@zag-js/menu": "1.26.3",
-    "@zag-js/number-input": "1.26.3",
-    "@zag-js/pagination": "1.26.3",
-    "@zag-js/password-input": "1.26.3",
-    "@zag-js/pin-input": "1.26.3",
-    "@zag-js/popover": "1.26.3",
-    "@zag-js/presence": "1.26.3",
-    "@zag-js/progress": "1.26.3",
-    "@zag-js/qr-code": "1.26.3",
-    "@zag-js/radio-group": "1.26.3",
-    "@zag-js/rating-group": "1.26.3",
-    "@zag-js/react": "1.26.3",
-    "@zag-js/scroll-area": "1.26.3",
-    "@zag-js/select": "1.26.3",
-    "@zag-js/signature-pad": "1.26.3",
-    "@zag-js/slider": "1.26.3",
-    "@zag-js/splitter": "1.26.3",
-    "@zag-js/steps": "1.26.3",
-    "@zag-js/switch": "1.26.3",
-    "@zag-js/tabs": "1.26.3",
-    "@zag-js/tags-input": "1.26.3",
-    "@zag-js/timer": "1.26.3",
-    "@zag-js/toast": "1.26.3",
-    "@zag-js/toggle": "1.26.3",
-    "@zag-js/toggle-group": "1.26.3",
-    "@zag-js/tooltip": "1.26.3",
-    "@zag-js/tour": "1.26.3",
-    "@zag-js/tree-view": "1.26.3",
-    "@zag-js/types": "1.26.3",
-    "@zag-js/utils": "1.26.3"
+    "@zag-js/accordion": "1.27.0",
+    "@zag-js/anatomy": "1.27.0",
+    "@zag-js/angle-slider": "1.27.0",
+    "@zag-js/async-list": "1.27.0",
+    "@zag-js/auto-resize": "1.27.0",
+    "@zag-js/avatar": "1.27.0",
+    "@zag-js/bottom-sheet": "1.27.0",
+    "@zag-js/carousel": "1.27.0",
+    "@zag-js/checkbox": "1.27.0",
+    "@zag-js/clipboard": "1.27.0",
+    "@zag-js/collapsible": "1.27.0",
+    "@zag-js/collection": "1.27.0",
+    "@zag-js/color-picker": "1.27.0",
+    "@zag-js/color-utils": "1.27.0",
+    "@zag-js/combobox": "1.27.0",
+    "@zag-js/core": "1.27.0",
+    "@zag-js/date-picker": "1.27.0",
+    "@zag-js/date-utils": "1.27.0",
+    "@zag-js/dialog": "1.27.0",
+    "@zag-js/dom-query": "1.27.0",
+    "@zag-js/editable": "1.27.0",
+    "@zag-js/file-upload": "1.27.0",
+    "@zag-js/file-utils": "1.27.0",
+    "@zag-js/floating-panel": "1.27.0",
+    "@zag-js/focus-trap": "1.27.0",
+    "@zag-js/highlight-word": "1.27.0",
+    "@zag-js/hover-card": "1.27.0",
+    "@zag-js/i18n-utils": "1.27.0",
+    "@zag-js/json-tree-utils": "1.27.0",
+    "@zag-js/listbox": "1.27.0",
+    "@zag-js/marquee": "1.27.0",
+    "@zag-js/menu": "1.27.0",
+    "@zag-js/number-input": "1.27.0",
+    "@zag-js/pagination": "1.27.0",
+    "@zag-js/password-input": "1.27.0",
+    "@zag-js/pin-input": "1.27.0",
+    "@zag-js/popover": "1.27.0",
+    "@zag-js/presence": "1.27.0",
+    "@zag-js/progress": "1.27.0",
+    "@zag-js/qr-code": "1.27.0",
+    "@zag-js/radio-group": "1.27.0",
+    "@zag-js/rating-group": "1.27.0",
+    "@zag-js/react": "1.27.0",
+    "@zag-js/scroll-area": "1.27.0",
+    "@zag-js/select": "1.27.0",
+    "@zag-js/signature-pad": "1.27.0",
+    "@zag-js/slider": "1.27.0",
+    "@zag-js/splitter": "1.27.0",
+    "@zag-js/steps": "1.27.0",
+    "@zag-js/switch": "1.27.0",
+    "@zag-js/tabs": "1.27.0",
+    "@zag-js/tags-input": "1.27.0",
+    "@zag-js/timer": "1.27.0",
+    "@zag-js/toast": "1.27.0",
+    "@zag-js/toggle": "1.27.0",
+    "@zag-js/toggle-group": "1.27.0",
+    "@zag-js/tooltip": "1.27.0",
+    "@zag-js/tour": "1.27.0",
+    "@zag-js/tree-view": "1.27.0",
+    "@zag-js/types": "1.27.0",
+    "@zag-js/utils": "1.27.0"
   },
   "devDependencies": {
     "check-password-strength": "3.0.0",
-    "@biomejs/biome": "2.2.6",
-    "@storybook/addon-a11y": "9.1.10",
-    "@storybook/react-vite": "9.1.10",
+    "@biomejs/biome": "2.3.1",
+    "@storybook/addon-a11y": "9.1.15",
+    "@storybook/react-vite": "9.1.15",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.0",
@@ -223,12 +224,12 @@
     "@types/jsdom": "21.1.7",
     "@types/react": "19.2.2",
     "@types/react-dom": "19.2.2",
-    "@vitejs/plugin-react": "5.0.4",
+    "@vitejs/plugin-react": "5.1.0",
     "clean-package": "2.2.0",
     "image-conversion": "2.1.1",
     "globby": "15.0.0",
-    "happy-dom": "20.0.2",
-    "lucide-react": "0.545.0",
+    "happy-dom": "20.0.8",
+    "lucide-react": "0.548.0",
     "react": "19.2.0",
     "react-dom": "19.2.0",
     "react-shadow": "20.6.0",
@@ -236,9 +237,9 @@
     "react-frame-component": "5.2.7",
     "react-hook-form": "7.65.0",
     "resize-observer-polyfill": "1.5.1",
-    "storybook": "9.1.10",
+    "storybook": "9.1.15",
     "typescript": "5.9.3",
-    "vite": "7.1.9",
+    "vite": "7.1.12",
     "vite-plugin-dts": "4.5.4",
     "vitest": "3.2.4",
     "@vitest/coverage-v8": "3.2.4",