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

package/dist/components/accordion/accordion-item-content.cjs

@@ -1,10 +1,10 @@
 "use client";
 const require_use_accordion_context = require("./use-accordion-context.cjs");
-const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_use_accordion_item_props_context = require("./use-accordion-item-props-context.cjs");
+const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_collapsible_content = require("../collapsible/collapsible-content.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/accordion/accordion-item-content.tsx
 var splitVisibilityProps = require_create_split_props.createSplitProps();

package/dist/components/accordion/accordion-item-content.js

@@ -1,10 +1,10 @@
 "use client";
 import { useAccordionContext } from "./use-accordion-context.js";
-import { createSplitProps } from "../../utils/create-split-props.js";
 import { useAccordionItemPropsContext } from "./use-accordion-item-props-context.js";
+import { createSplitProps } from "../../utils/create-split-props.js";
 import { CollapsibleContent } from "../collapsible/collapsible-content.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/accordion/accordion-item-content.tsx
 var splitVisibilityProps = createSplitProps();

package/dist/components/accordion/accordion-item-header.cjs

@@ -0,0 +1,21 @@
+"use client";
+const require_factory = require("../factory.cjs");
+const require_use_accordion_context = require("./use-accordion-context.cjs");
+const require_use_accordion_item_props_context = require("./use-accordion-item-props-context.cjs");
+let _zag_js_react = require("@zag-js/react");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/accordion/accordion-item-header.tsx
+var AccordionItemHeader = (0, react.forwardRef)((props, ref) => {
+	const accordion = require_use_accordion_context.useAccordionContext();
+	const itemProps = require_use_accordion_item_props_context.useAccordionItemPropsContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(accordion.getItemHeaderProps(itemProps), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.h3, {
+		...mergedProps,
+		ref,
+		state: accordion.getItemState(itemProps)
+	});
+});
+AccordionItemHeader.displayName = "AccordionItemHeader";
+//#endregion
+exports.AccordionItemHeader = AccordionItemHeader;

package/dist/components/accordion/accordion-item-header.d.cts

@@ -0,0 +1,10 @@
+import { ItemState } from '@zag-js/accordion';
+import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface AccordionItemHeaderState extends ItemState {
+}
+export interface AccordionItemHeaderBaseProps extends PolymorphicProps<AccordionItemHeaderState> {
+}
+export interface AccordionItemHeaderProps extends HTMLProps<'h3'>, AccordionItemHeaderBaseProps {
+}
+export declare const AccordionItemHeader: ForwardRefExoticComponent<AccordionItemHeaderProps & RefAttributes<HTMLHeadingElement>>;

package/dist/components/accordion/accordion-item-header.d.ts

@@ -0,0 +1,10 @@
+import { ItemState } from '@zag-js/accordion';
+import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface AccordionItemHeaderState extends ItemState {
+}
+export interface AccordionItemHeaderBaseProps extends PolymorphicProps<AccordionItemHeaderState> {
+}
+export interface AccordionItemHeaderProps extends HTMLProps<'h3'>, AccordionItemHeaderBaseProps {
+}
+export declare const AccordionItemHeader: ForwardRefExoticComponent<AccordionItemHeaderProps & RefAttributes<HTMLHeadingElement>>;

package/dist/components/accordion/accordion-item-header.js

@@ -0,0 +1,21 @@
+"use client";
+import { ark } from "../factory.js";
+import { useAccordionContext } from "./use-accordion-context.js";
+import { useAccordionItemPropsContext } from "./use-accordion-item-props-context.js";
+import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/accordion/accordion-item-header.tsx
+var AccordionItemHeader = forwardRef((props, ref) => {
+	const accordion = useAccordionContext();
+	const itemProps = useAccordionItemPropsContext();
+	const mergedProps = mergeProps(accordion.getItemHeaderProps(itemProps), props);
+	return /* @__PURE__ */ jsx(ark.h3, {
+		...mergedProps,
+		ref,
+		state: accordion.getItemState(itemProps)
+	});
+});
+AccordionItemHeader.displayName = "AccordionItemHeader";
+//#endregion
+export { AccordionItemHeader };

package/dist/components/accordion/accordion-item-indicator.cjs

@@ -1,9 +1,9 @@
 "use client";
+const require_factory = require("../factory.cjs");
 const require_use_accordion_context = require("./use-accordion-context.cjs");
 const require_use_accordion_item_props_context = require("./use-accordion-item-props-context.cjs");
-const require_factory = require("../factory.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/accordion/accordion-item-indicator.tsx
 var AccordionItemIndicator = (0, react.forwardRef)((props, ref) => {

package/dist/components/accordion/accordion-item-indicator.js

@@ -1,9 +1,9 @@
 "use client";
+import { ark } from "../factory.js";
 import { useAccordionContext } from "./use-accordion-context.js";
 import { useAccordionItemPropsContext } from "./use-accordion-item-props-context.js";
-import { ark } from "../factory.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/accordion/accordion-item-indicator.tsx
 var AccordionItemIndicator = forwardRef((props, ref) => {

package/dist/components/accordion/accordion-item-trigger.cjs

@@ -1,10 +1,10 @@
 "use client";
+const require_factory = require("../factory.cjs");
 const require_use_accordion_context = require("./use-accordion-context.cjs");
 const require_use_accordion_item_props_context = require("./use-accordion-item-props-context.cjs");
-const require_factory = require("../factory.cjs");
 const require_use_collapsible_context = require("../collapsible/use-collapsible-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/accordion/accordion-item-trigger.tsx
 var AccordionItemTrigger = (0, react.forwardRef)((props, ref) => {

package/dist/components/accordion/accordion-item-trigger.js

@@ -1,10 +1,10 @@
 "use client";
+import { ark } from "../factory.js";
 import { useAccordionContext } from "./use-accordion-context.js";
 import { useAccordionItemPropsContext } from "./use-accordion-item-props-context.js";
-import { ark } from "../factory.js";
 import { useCollapsibleContext } from "../collapsible/use-collapsible-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/accordion/accordion-item-trigger.tsx
 var AccordionItemTrigger = forwardRef((props, ref) => {

package/dist/components/accordion/accordion-item.cjs

@@ -1,12 +1,12 @@
 "use client";
 const require_use_accordion_context = require("./use-accordion-context.cjs");
+const require_use_accordion_item_props_context = require("./use-accordion-item-props-context.cjs");
 const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_render_strategy = require("../../utils/render-strategy.cjs");
 const require_use_accordion_item_context = require("./use-accordion-item-context.cjs");
-const require_use_accordion_item_props_context = require("./use-accordion-item-props-context.cjs");
 const require_collapsible_root = require("../collapsible/collapsible-root.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/accordion/accordion-item.tsx
 var splitItemProps = require_create_split_props.createSplitProps();
@@ -26,7 +26,8 @@ var AccordionItem = (0, react.forwardRef)((props, ref) => {
 				open: item.expanded,
 				ids: { content: itemContentProps.id },
 				...renderStrategy,
-				...mergedProps
+				...mergedProps,
+				state: item
 			})
 		})
 	});

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

@@ -1,7 +1,9 @@
-import { ItemProps } from '@zag-js/accordion';
+import { ItemProps, ItemState } from '@zag-js/accordion';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface AccordionItemBaseProps extends ItemProps, PolymorphicProps {
+export interface AccordionItemState extends ItemState {
+}
+export interface AccordionItemBaseProps extends ItemProps, PolymorphicProps<AccordionItemState> {
 }
 export interface AccordionItemProps extends HTMLProps<'div'>, AccordionItemBaseProps {
 }

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

@@ -1,7 +1,9 @@
-import { ItemProps } from '@zag-js/accordion';
+import { ItemProps, ItemState } from '@zag-js/accordion';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface AccordionItemBaseProps extends ItemProps, PolymorphicProps {
+export interface AccordionItemState extends ItemState {
+}
+export interface AccordionItemBaseProps extends ItemProps, PolymorphicProps<AccordionItemState> {
 }
 export interface AccordionItemProps extends HTMLProps<'div'>, AccordionItemBaseProps {
 }

package/dist/components/accordion/accordion-item.js

@@ -1,12 +1,12 @@
 "use client";
 import { useAccordionContext } from "./use-accordion-context.js";
+import { AccordionItemPropsProvider } from "./use-accordion-item-props-context.js";
 import { createSplitProps } from "../../utils/create-split-props.js";
 import { useRenderStrategyPropsContext } from "../../utils/render-strategy.js";
 import { AccordionItemProvider } from "./use-accordion-item-context.js";
-import { AccordionItemPropsProvider } from "./use-accordion-item-props-context.js";
 import { CollapsibleRoot } from "../collapsible/collapsible-root.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/accordion/accordion-item.tsx
 var splitItemProps = createSplitProps();
@@ -26,7 +26,8 @@ var AccordionItem = forwardRef((props, ref) => {
 				open: item.expanded,
 				ids: { content: itemContentProps.id },
 				...renderStrategy,
-				...mergedProps
+				...mergedProps,
+				state: item
 			})
 		})
 	});

package/dist/components/accordion/accordion-root-provider.cjs

@@ -1,10 +1,10 @@
 "use client";
+const require_factory = require("../factory.cjs");
 const require_use_accordion_context = require("./use-accordion-context.cjs");
 const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_render_strategy = require("../../utils/render-strategy.cjs");
-const require_factory = require("../factory.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/accordion/accordion-root-provider.tsx
 var splitRootProviderProps = require_create_split_props.createSplitProps();

package/dist/components/accordion/accordion-root-provider.js

@@ -1,10 +1,10 @@
 "use client";
+import { ark } from "../factory.js";
 import { AccordionProvider } from "./use-accordion-context.js";
 import { createSplitProps } from "../../utils/create-split-props.js";
 import { RenderStrategyPropsProvider, splitRenderStrategyProps } from "../../utils/render-strategy.js";
-import { ark } from "../factory.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/accordion/accordion-root-provider.tsx
 var splitRootProviderProps = createSplitProps();

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

@@ -1,11 +1,11 @@
 "use client";
+const require_factory = require("../factory.cjs");
 const require_use_accordion_context = require("./use-accordion-context.cjs");
 const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_render_strategy = require("../../utils/render-strategy.cjs");
-const require_factory = require("../factory.cjs");
 const require_use_accordion = require("./use-accordion.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/accordion/accordion-root.tsx
 var splitRootProps = require_create_split_props.createSplitProps();
@@ -17,6 +17,7 @@ var AccordionRoot = (0, react.forwardRef)((props, ref) => {
 		"disabled",
 		"id",
 		"ids",
+		"loopFocus",
 		"multiple",
 		"onFocusChange",
 		"onValueChange",

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

@@ -1,11 +1,11 @@
 "use client";
+import { ark } from "../factory.js";
 import { AccordionProvider } from "./use-accordion-context.js";
 import { createSplitProps } from "../../utils/create-split-props.js";
 import { RenderStrategyPropsProvider, splitRenderStrategyProps } from "../../utils/render-strategy.js";
-import { ark } from "../factory.js";
 import { useAccordion } from "./use-accordion.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/accordion/accordion-root.tsx
 var splitRootProps = createSplitProps();
@@ -17,6 +17,7 @@ var AccordionRoot = forwardRef((props, ref) => {
 		"disabled",
 		"id",
 		"ids",
+		"loopFocus",
 		"multiple",
 		"onFocusChange",
 		"onValueChange",

package/dist/components/accordion/accordion.cjs

@@ -1,4 +1,5 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_accordion_item_header = require("./accordion-item-header.cjs");
 const require_accordion_context = require("./accordion-context.cjs");
 const require_accordion_item = require("./accordion-item.cjs");
 const require_accordion_item_content = require("./accordion-item-content.cjs");
@@ -13,6 +14,7 @@ var accordion_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	Item: () => require_accordion_item.AccordionItem,
 	ItemContent: () => require_accordion_item_content.AccordionItemContent,
 	ItemContext: () => require_accordion_item_context.AccordionItemContext,
+	ItemHeader: () => require_accordion_item_header.AccordionItemHeader,
 	ItemIndicator: () => require_accordion_item_indicator.AccordionItemIndicator,
 	ItemTrigger: () => require_accordion_item_trigger.AccordionItemTrigger,
 	Root: () => require_accordion_root.AccordionRoot,
@@ -23,6 +25,7 @@ exports.Context = require_accordion_context.AccordionContext;
 exports.Item = require_accordion_item.AccordionItem;
 exports.ItemContent = require_accordion_item_content.AccordionItemContent;
 exports.ItemContext = require_accordion_item_context.AccordionItemContext;
+exports.ItemHeader = require_accordion_item_header.AccordionItemHeader;
 exports.ItemIndicator = require_accordion_item_indicator.AccordionItemIndicator;
 exports.ItemTrigger = require_accordion_item_trigger.AccordionItemTrigger;
 exports.Root = require_accordion_root.AccordionRoot;

package/dist/components/accordion/accordion.d.cts

@@ -1,6 +1,7 @@
 export type { FocusChangeDetails, ValueChangeDetails } from '@zag-js/accordion';
+export { AccordionItemHeader as ItemHeader, type AccordionItemHeaderBaseProps as ItemHeaderBaseProps, type AccordionItemHeaderProps as ItemHeaderProps, type AccordionItemHeaderState as ItemHeaderState, } from './accordion-item-header.js';
 export { AccordionContext as Context, type AccordionContextProps as ContextProps } from './accordion-context.js';
-export { AccordionItem as Item, type AccordionItemBaseProps as ItemBaseProps, type AccordionItemProps as ItemProps, } from './accordion-item.js';
+export { AccordionItem as Item, type AccordionItemBaseProps as ItemBaseProps, type AccordionItemProps as ItemProps, type AccordionItemState as ItemState, } from './accordion-item.js';
 export { AccordionItemContent as ItemContent, type AccordionItemContentBaseProps as ItemContentBaseProps, type AccordionItemContentProps as ItemContentProps, } from './accordion-item-content.js';
 export { AccordionItemContext as ItemContext, type AccordionItemContextProps as ItemContextProps, } from './accordion-item-context.js';
 export { AccordionItemIndicator as ItemIndicator, type AccordionItemIndicatorBaseProps as ItemIndicatorBaseProps, type AccordionItemIndicatorProps as ItemIndicatorProps, } from './accordion-item-indicator.js';

package/dist/components/accordion/accordion.d.ts

@@ -1,6 +1,7 @@
 export type { FocusChangeDetails, ValueChangeDetails } from '@zag-js/accordion';
+export { AccordionItemHeader as ItemHeader, type AccordionItemHeaderBaseProps as ItemHeaderBaseProps, type AccordionItemHeaderProps as ItemHeaderProps, type AccordionItemHeaderState as ItemHeaderState, } from './accordion-item-header.js';
 export { AccordionContext as Context, type AccordionContextProps as ContextProps } from './accordion-context.js';
-export { AccordionItem as Item, type AccordionItemBaseProps as ItemBaseProps, type AccordionItemProps as ItemProps, } from './accordion-item.js';
+export { AccordionItem as Item, type AccordionItemBaseProps as ItemBaseProps, type AccordionItemProps as ItemProps, type AccordionItemState as ItemState, } from './accordion-item.js';
 export { AccordionItemContent as ItemContent, type AccordionItemContentBaseProps as ItemContentBaseProps, type AccordionItemContentProps as ItemContentProps, } from './accordion-item-content.js';
 export { AccordionItemContext as ItemContext, type AccordionItemContextProps as ItemContextProps, } from './accordion-item-context.js';
 export { AccordionItemIndicator as ItemIndicator, type AccordionItemIndicatorBaseProps as ItemIndicatorBaseProps, type AccordionItemIndicatorProps as ItemIndicatorProps, } from './accordion-item-indicator.js';

package/dist/components/accordion/accordion.js

@@ -1,4 +1,5 @@
 import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { AccordionItemHeader } from "./accordion-item-header.js";
 import { AccordionContext } from "./accordion-context.js";
 import { AccordionItem } from "./accordion-item.js";
 import { AccordionItemContent } from "./accordion-item-content.js";
@@ -13,10 +14,11 @@ var accordion_exports = /* @__PURE__ */ __exportAll({
 	Item: () => AccordionItem,
 	ItemContent: () => AccordionItemContent,
 	ItemContext: () => AccordionItemContext,
+	ItemHeader: () => AccordionItemHeader,
 	ItemIndicator: () => AccordionItemIndicator,
 	ItemTrigger: () => AccordionItemTrigger,
 	Root: () => AccordionRoot,
 	RootProvider: () => AccordionRootProvider
 });
 //#endregion
-export { AccordionContext as Context, AccordionItem as Item, AccordionItemContent as ItemContent, AccordionItemContext as ItemContext, AccordionItemIndicator as ItemIndicator, AccordionItemTrigger as ItemTrigger, AccordionRoot as Root, AccordionRootProvider as RootProvider, accordion_exports };
+export { AccordionContext as Context, AccordionItem as Item, AccordionItemContent as ItemContent, AccordionItemContext as ItemContext, AccordionItemHeader as ItemHeader, AccordionItemIndicator as ItemIndicator, AccordionItemTrigger as ItemTrigger, AccordionRoot as Root, AccordionRootProvider as RootProvider, accordion_exports };

package/dist/components/accordion/index.cjs

@@ -1,5 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_use_accordion_context = require("./use-accordion-context.cjs");
+const require_accordion_item_header = require("./accordion-item-header.cjs");
 const require_accordion_context = require("./accordion-context.cjs");
 const require_use_accordion_item_context = require("./use-accordion-item-context.cjs");
 const require_accordion_item = require("./accordion-item.cjs");
@@ -22,6 +23,7 @@ exports.AccordionContext = require_accordion_context.AccordionContext;
 exports.AccordionItem = require_accordion_item.AccordionItem;
 exports.AccordionItemContent = require_accordion_item_content.AccordionItemContent;
 exports.AccordionItemContext = require_accordion_item_context.AccordionItemContext;
+exports.AccordionItemHeader = require_accordion_item_header.AccordionItemHeader;
 exports.AccordionItemIndicator = require_accordion_item_indicator.AccordionItemIndicator;
 exports.AccordionItemTrigger = require_accordion_item_trigger.AccordionItemTrigger;
 exports.AccordionRoot = require_accordion_root.AccordionRoot;

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

@@ -1,6 +1,7 @@
 export type { FocusChangeDetails as AccordionFocusChangeDetails, ValueChangeDetails as AccordionValueChangeDetails, } from '@zag-js/accordion';
+export { AccordionItemHeader, type AccordionItemHeaderBaseProps, type AccordionItemHeaderProps, type AccordionItemHeaderState, } from './accordion-item-header.js';
 export { AccordionContext, type AccordionContextProps } from './accordion-context.js';
-export { AccordionItem, type AccordionItemBaseProps, type AccordionItemProps } from './accordion-item.js';
+export { AccordionItem, type AccordionItemBaseProps, type AccordionItemProps, type AccordionItemState, } from './accordion-item.js';
 export { AccordionItemContent, type AccordionItemContentBaseProps, type AccordionItemContentProps, } from './accordion-item-content.js';
 export { AccordionItemContext, type AccordionItemContextProps } from './accordion-item-context.js';
 export { AccordionItemIndicator, type AccordionItemIndicatorBaseProps, type AccordionItemIndicatorProps, } from './accordion-item-indicator.js';

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

@@ -1,6 +1,7 @@
 export type { FocusChangeDetails as AccordionFocusChangeDetails, ValueChangeDetails as AccordionValueChangeDetails, } from '@zag-js/accordion';
+export { AccordionItemHeader, type AccordionItemHeaderBaseProps, type AccordionItemHeaderProps, type AccordionItemHeaderState, } from './accordion-item-header.js';
 export { AccordionContext, type AccordionContextProps } from './accordion-context.js';
-export { AccordionItem, type AccordionItemBaseProps, type AccordionItemProps } from './accordion-item.js';
+export { AccordionItem, type AccordionItemBaseProps, type AccordionItemProps, type AccordionItemState, } from './accordion-item.js';
 export { AccordionItemContent, type AccordionItemContentBaseProps, type AccordionItemContentProps, } from './accordion-item-content.js';
 export { AccordionItemContext, type AccordionItemContextProps } from './accordion-item-context.js';
 export { AccordionItemIndicator, type AccordionItemIndicatorBaseProps, type AccordionItemIndicatorProps, } from './accordion-item-indicator.js';

package/dist/components/accordion/index.js

@@ -1,5 +1,6 @@
 import { accordionAnatomy } from "./accordion.anatomy.js";
 import { useAccordionContext } from "./use-accordion-context.js";
+import { AccordionItemHeader } from "./accordion-item-header.js";
 import { AccordionContext } from "./accordion-context.js";
 import { useAccordionItemContext } from "./use-accordion-item-context.js";
 import { AccordionItem } from "./accordion-item.js";
@@ -11,4 +12,4 @@ import { useAccordion } from "./use-accordion.js";
 import { AccordionRoot } from "./accordion-root.js";
 import { AccordionRootProvider } from "./accordion-root-provider.js";
 import { accordion_exports } from "./accordion.js";
-export { accordion_exports as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext };
+export { accordion_exports as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemHeader, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext };

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

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

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

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

package/dist/components/anatomy.cjs

@@ -7,7 +7,7 @@ const require_date_picker_anatomy = require("./date-picker/date-picker.anatomy.c
 const require_field_anatomy = require("./field/field.anatomy.cjs");
 const require_fieldset_anatomy = require("./fieldset/fieldset.anatomy.cjs");
 const require_listbox_anatomy = require("./listbox/listbox.anatomy.cjs");
-const require_segment_group_anatomy = require("./segment-group/segment-group.anatomy.cjs");
+const require_select_anatomy = require("./select/select.anatomy.cjs");
 const require_swap_anatomy = require("./swap/swap.anatomy.cjs");
 const require_toggle_anatomy = require("./toggle/toggle.anatomy.cjs");
 const require_tour_anatomy = require("./tour/tour.anatomy.cjs");
@@ -26,6 +26,7 @@ let _zag_js_hover_card = require("@zag-js/hover-card");
 let _zag_js_image_cropper = require("@zag-js/image-cropper");
 let _zag_js_marquee = require("@zag-js/marquee");
 let _zag_js_menu = require("@zag-js/menu");
+let _zag_js_menubar = require("@zag-js/menubar");
 let _zag_js_navigation_menu = require("@zag-js/navigation-menu");
 let _zag_js_number_input = require("@zag-js/number-input");
 let _zag_js_pagination = require("@zag-js/pagination");
@@ -37,7 +38,6 @@ let _zag_js_qr_code = require("@zag-js/qr-code");
 let _zag_js_radio_group = require("@zag-js/radio-group");
 let _zag_js_rating_group = require("@zag-js/rating-group");
 let _zag_js_scroll_area = require("@zag-js/scroll-area");
-let _zag_js_select = require("@zag-js/select");
 let _zag_js_signature_pad = require("@zag-js/signature-pad");
 let _zag_js_slider = require("@zag-js/slider");
 let _zag_js_splitter = require("@zag-js/splitter");
@@ -149,6 +149,12 @@ Object.defineProperty(exports, "menuAnatomy", {
 		return _zag_js_menu.anatomy;
 	}
 });
+Object.defineProperty(exports, "menubarAnatomy", {
+	enumerable: true,
+	get: function() {
+		return _zag_js_menubar.anatomy;
+	}
+});
 Object.defineProperty(exports, "navigationMenuAnatomy", {
 	enumerable: true,
 	get: function() {
@@ -215,13 +221,13 @@ Object.defineProperty(exports, "scrollAreaAnatomy", {
 		return _zag_js_scroll_area.anatomy;
 	}
 });
-exports.segmentGroupAnatomy = require_segment_group_anatomy.segmentGroupAnatomy;
-Object.defineProperty(exports, "selectAnatomy", {
+Object.defineProperty(exports, "segmentGroupAnatomy", {
 	enumerable: true,
 	get: function() {
-		return _zag_js_select.anatomy;
+		return _zag_js_radio_group.anatomy;
 	}
 });
+exports.selectAnatomy = require_select_anatomy.selectAnatomy;
 Object.defineProperty(exports, "signaturePadAnatomy", {
 	enumerable: true,
 	get: function() {

package/dist/components/anatomy.d.cts

@@ -22,6 +22,7 @@ export { imageCropperAnatomy } from './image-cropper/image-cropper.anatomy.js';
 export { listboxAnatomy } from './listbox/listbox.anatomy.js';
 export { marqueeAnatomy } from './marquee/marquee.anatomy.js';
 export { menuAnatomy } from './menu/menu.anatomy.js';
+export { menubarAnatomy } from './menubar/menubar.anatomy.js';
 export { navigationMenuAnatomy } from './navigation-menu/navigation-menu.anatomy.js';
 export { numberInputAnatomy } from './number-input/number-input.anatomy.js';
 export { paginationAnatomy } from './pagination/pagination.anatomy.js';

package/dist/components/anatomy.d.ts

@@ -22,6 +22,7 @@ export { imageCropperAnatomy } from './image-cropper/image-cropper.anatomy.js';
 export { listboxAnatomy } from './listbox/listbox.anatomy.js';
 export { marqueeAnatomy } from './marquee/marquee.anatomy.js';
 export { menuAnatomy } from './menu/menu.anatomy.js';
+export { menubarAnatomy } from './menubar/menubar.anatomy.js';
 export { navigationMenuAnatomy } from './navigation-menu/navigation-menu.anatomy.js';
 export { numberInputAnatomy } from './number-input/number-input.anatomy.js';
 export { paginationAnatomy } from './pagination/pagination.anatomy.js';

package/dist/components/anatomy.js

@@ -21,6 +21,7 @@ import { imageCropperAnatomy } from "./image-cropper/image-cropper.anatomy.js";
 import { listboxAnatomy } from "./listbox/listbox.anatomy.js";
 import { marqueeAnatomy } from "./marquee/marquee.anatomy.js";
 import { menuAnatomy } from "./menu/menu.anatomy.js";
+import { menubarAnatomy } from "./menubar/menubar.anatomy.js";
 import { navigationMenuAnatomy } from "./navigation-menu/navigation-menu.anatomy.js";
 import { numberInputAnatomy } from "./number-input/number-input.anatomy.js";
 import { paginationAnatomy } from "./pagination/pagination.anatomy.js";
@@ -51,4 +52,4 @@ import { tooltipAnatomy } from "./tooltip/tooltip.anatomy.js";
 import { tourAnatomy } from "./tour/tour.anatomy.js";
 import { treeViewAnatomy } from "./tree-view/tree-view.anatomy.js";
 export * from "@zag-js/anatomy";
-export { accordionAnatomy, angleSliderAnatomy, avatarAnatomy, carouselAnatomy, checkboxAnatomy, clipboardAnatomy, collapsibleAnatomy, colorPickerAnatomy, comboboxAnatomy, dateInputAnatomy, datePickerAnatomy, dialogAnatomy, drawerAnatomy, editableAnatomy, fieldAnatomy, fieldsetAnatomy, fileUploadAnatomy, floatingPanelAnatomy, hoverCardAnatomy, imageCropperAnatomy, listboxAnatomy, marqueeAnatomy, menuAnatomy, navigationMenuAnatomy, numberInputAnatomy, paginationAnatomy, passwordInputAnatomy, pinInputAnatomy, popoverAnatomy, progressAnatomy, qrCodeAnatomy, radioGroupAnatomy, ratingGroupAnatomy, scrollAreaAnatomy, segmentGroupAnatomy, selectAnatomy, signaturePadAnatomy, sliderAnatomy, splitterAnatomy, stepsAnatomy, swapAnatomy, switchAnatomy, tabsAnatomy, tagsInputAnatomy, timerAnatomy, toastAnatomy, tocAnatomy, toggleAnatomy, toggleGroupAnatomy, tooltipAnatomy, tourAnatomy, treeViewAnatomy };
+export { accordionAnatomy, angleSliderAnatomy, avatarAnatomy, carouselAnatomy, checkboxAnatomy, clipboardAnatomy, collapsibleAnatomy, colorPickerAnatomy, comboboxAnatomy, dateInputAnatomy, datePickerAnatomy, dialogAnatomy, drawerAnatomy, editableAnatomy, fieldAnatomy, fieldsetAnatomy, fileUploadAnatomy, floatingPanelAnatomy, hoverCardAnatomy, imageCropperAnatomy, listboxAnatomy, marqueeAnatomy, menuAnatomy, menubarAnatomy, navigationMenuAnatomy, numberInputAnatomy, paginationAnatomy, passwordInputAnatomy, pinInputAnatomy, popoverAnatomy, progressAnatomy, qrCodeAnatomy, radioGroupAnatomy, ratingGroupAnatomy, scrollAreaAnatomy, segmentGroupAnatomy, selectAnatomy, signaturePadAnatomy, sliderAnatomy, splitterAnatomy, stepsAnatomy, swapAnatomy, switchAnatomy, tabsAnatomy, tagsInputAnatomy, timerAnatomy, toastAnatomy, tocAnatomy, toggleAnatomy, toggleGroupAnatomy, tooltipAnatomy, tourAnatomy, treeViewAnatomy };

package/dist/components/angle-slider/angle-slider-control.cjs

@@ -1,8 +1,8 @@
 "use client";
 const require_factory = require("../factory.cjs");
 const require_use_angle_slider_context = require("./use-angle-slider-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/angle-slider/angle-slider-control.tsx
 var AngleSliderControl = (0, react.forwardRef)((props, ref) => {

package/dist/components/angle-slider/angle-slider-control.js

@@ -1,8 +1,8 @@
 "use client";
 import { ark } from "../factory.js";
 import { useAngleSliderContext } from "./use-angle-slider-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/angle-slider/angle-slider-control.tsx
 var AngleSliderControl = forwardRef((props, ref) => {

package/dist/components/angle-slider/angle-slider-hidden-input.cjs

@@ -1,8 +1,8 @@
 "use client";
 const require_factory = require("../factory.cjs");
 const require_use_angle_slider_context = require("./use-angle-slider-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/angle-slider/angle-slider-hidden-input.tsx
 var AngleSliderHiddenInput = (0, react.forwardRef)((props, ref) => {

package/dist/components/angle-slider/angle-slider-hidden-input.js

@@ -1,8 +1,8 @@
 "use client";
 import { ark } from "../factory.js";
 import { useAngleSliderContext } from "./use-angle-slider-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/angle-slider/angle-slider-hidden-input.tsx
 var AngleSliderHiddenInput = forwardRef((props, ref) => {

package/dist/components/angle-slider/angle-slider-label.cjs

@@ -1,8 +1,8 @@
 "use client";
 const require_factory = require("../factory.cjs");
 const require_use_angle_slider_context = require("./use-angle-slider-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/angle-slider/angle-slider-label.tsx
 var AngleSliderLabel = (0, react.forwardRef)((props, ref) => {

package/dist/components/angle-slider/angle-slider-label.js

@@ -1,8 +1,8 @@
 "use client";
 import { ark } from "../factory.js";
 import { useAngleSliderContext } from "./use-angle-slider-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/angle-slider/angle-slider-label.tsx
 var AngleSliderLabel = forwardRef((props, ref) => {

package/dist/components/angle-slider/angle-slider-marker-group.cjs

@@ -1,8 +1,8 @@
 "use client";
 const require_factory = require("../factory.cjs");
 const require_use_angle_slider_context = require("./use-angle-slider-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/angle-slider/angle-slider-marker-group.tsx
 var AngleSliderMarkerGroup = (0, react.forwardRef)((props, ref) => {