@ark-ui/react 5.27.0 → 5.27.1

package/dist/components/index.cjs

@@ -324,6 +324,7 @@ 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');
@@ -1070,6 +1071,7 @@ 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;

package/dist/components/index.js

@@ -341,6 +341,7 @@ 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';

package/dist/components/marquee/index.cjs

@@ -5,6 +5,7 @@ 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');
@@ -18,6 +19,7 @@ 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;

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

@@ -2,6 +2,7 @@ export type { PauseStatusDetails as MarqueePauseStatusDetails, Side as MarqueeSi
 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';

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

@@ -2,6 +2,7 @@ export type { PauseStatusDetails as MarqueePauseStatusDetails, Side as MarqueeSi
 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';

package/dist/components/marquee/index.js

@@ -1,6 +1,7 @@
 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';

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.cjs

@@ -5,6 +5,7 @@ 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');
@@ -14,6 +15,7 @@ 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

@@ -2,6 +2,7 @@ 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

@@ -2,6 +2,7 @@ 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

@@ -1,6 +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/index.cjs

@@ -324,6 +324,7 @@ 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');
@@ -1078,6 +1079,7 @@ 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;

package/dist/index.js

@@ -341,6 +341,7 @@ 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';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/react",
   "type": "module",
-  "version": "5.27.0",
+  "version": "5.27.1",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -150,67 +150,67 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.10.0",
-    "@zag-js/accordion": "1.26.5",
-    "@zag-js/anatomy": "1.26.5",
-    "@zag-js/angle-slider": "1.26.5",
-    "@zag-js/async-list": "1.26.5",
-    "@zag-js/auto-resize": "1.26.5",
-    "@zag-js/avatar": "1.26.5",
-    "@zag-js/bottom-sheet": "1.26.5",
-    "@zag-js/carousel": "1.26.5",
-    "@zag-js/checkbox": "1.26.5",
-    "@zag-js/clipboard": "1.26.5",
-    "@zag-js/collapsible": "1.26.5",
-    "@zag-js/collection": "1.26.5",
-    "@zag-js/color-picker": "1.26.5",
-    "@zag-js/color-utils": "1.26.5",
-    "@zag-js/combobox": "1.26.5",
-    "@zag-js/core": "1.26.5",
-    "@zag-js/date-picker": "1.26.5",
-    "@zag-js/date-utils": "1.26.5",
-    "@zag-js/dialog": "1.26.5",
-    "@zag-js/dom-query": "1.26.5",
-    "@zag-js/editable": "1.26.5",
-    "@zag-js/file-upload": "1.26.5",
-    "@zag-js/file-utils": "1.26.5",
-    "@zag-js/floating-panel": "1.26.5",
-    "@zag-js/focus-trap": "1.26.5",
-    "@zag-js/highlight-word": "1.26.5",
-    "@zag-js/hover-card": "1.26.5",
-    "@zag-js/i18n-utils": "1.26.5",
-    "@zag-js/json-tree-utils": "1.26.5",
-    "@zag-js/listbox": "1.26.5",
-    "@zag-js/marquee": "1.26.5",
-    "@zag-js/menu": "1.26.5",
-    "@zag-js/number-input": "1.26.5",
-    "@zag-js/pagination": "1.26.5",
-    "@zag-js/password-input": "1.26.5",
-    "@zag-js/pin-input": "1.26.5",
-    "@zag-js/popover": "1.26.5",
-    "@zag-js/presence": "1.26.5",
-    "@zag-js/progress": "1.26.5",
-    "@zag-js/qr-code": "1.26.5",
-    "@zag-js/radio-group": "1.26.5",
-    "@zag-js/rating-group": "1.26.5",
-    "@zag-js/react": "1.26.5",
-    "@zag-js/scroll-area": "1.26.5",
-    "@zag-js/select": "1.26.5",
-    "@zag-js/signature-pad": "1.26.5",
-    "@zag-js/slider": "1.26.5",
-    "@zag-js/splitter": "1.26.5",
-    "@zag-js/steps": "1.26.5",
-    "@zag-js/switch": "1.26.5",
-    "@zag-js/tabs": "1.26.5",
-    "@zag-js/tags-input": "1.26.5",
-    "@zag-js/timer": "1.26.5",
-    "@zag-js/toast": "1.26.5",
-    "@zag-js/toggle": "1.26.5",
-    "@zag-js/toggle-group": "1.26.5",
-    "@zag-js/tooltip": "1.26.5",
-    "@zag-js/tour": "1.26.5",
-    "@zag-js/tree-view": "1.26.5",
-    "@zag-js/types": "1.26.5",
-    "@zag-js/utils": "1.26.5"
+    "@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",