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

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

@@ -1,10 +1,13 @@
 import { Orientation } from '@zag-js/types';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { ScrollbarState } from '@zag-js/scroll-area';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 interface ScrollbarProps {
     orientation?: Orientation;
 }
-export interface ScrollAreaScrollbarBaseProps extends ScrollbarProps, PolymorphicProps {
+export interface ScrollAreaScrollbarState extends ScrollbarState {
+}
+export interface ScrollAreaScrollbarBaseProps extends ScrollbarProps, PolymorphicProps<ScrollAreaScrollbarState> {
 }
 export interface ScrollAreaScrollbarProps extends HTMLProps<'div'>, ScrollAreaScrollbarBaseProps {
 }

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

@@ -1,10 +1,10 @@
 "use client";
-import { createSplitProps } from "../../utils/create-split-props.js";
 import { ark } from "../factory.js";
+import { createSplitProps } from "../../utils/create-split-props.js";
 import { useScrollAreaContext } from "./use-scroll-area-context.js";
 import { ScrollAreaScrollbarProvider } from "./use-scroll-area-scrollbar-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/scroll-area/scroll-area-scrollbar.tsx
 var splitScrollbarProps = createSplitProps();
@@ -16,7 +16,8 @@ var ScrollAreaScrollbar = forwardRef((props, ref) => {
 		value: scrollbarProps,
 		children: /* @__PURE__ */ jsx(ark.div, {
 			...mergedProps,
-			ref
+			ref,
+			state: scrollAreaApi.getScrollbarState(scrollbarProps)
 		})
 	});
 });

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

@@ -2,8 +2,8 @@
 const require_factory = require("../factory.cjs");
 const require_use_scroll_area_context = require("./use-scroll-area-context.cjs");
 const require_use_scroll_area_scrollbar_context = require("./use-scroll-area-scrollbar-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/scroll-area/scroll-area-thumb.tsx
 var ScrollAreaThumb = (0, react.forwardRef)((props, ref) => {

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

@@ -2,8 +2,8 @@
 import { ark } from "../factory.js";
 import { useScrollAreaContext } from "./use-scroll-area-context.js";
 import { useScrollAreaScrollbarContext } from "./use-scroll-area-scrollbar-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/scroll-area/scroll-area-thumb.tsx
 var ScrollAreaThumb = forwardRef((props, ref) => {

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

@@ -1,8 +1,8 @@
 "use client";
 const require_factory = require("../factory.cjs");
 const require_use_scroll_area_context = require("./use-scroll-area-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/scroll-area/scroll-area-viewport.tsx
 var ScrollAreaViewport = (0, react.forwardRef)((props, ref) => {

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

@@ -1,8 +1,8 @@
 "use client";
 import { ark } from "../factory.js";
 import { useScrollAreaContext } from "./use-scroll-area-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/scroll-area/scroll-area-viewport.tsx
 var ScrollAreaViewport = forwardRef((props, ref) => {

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

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

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

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

package/dist/components/scroll-area/use-scroll-area.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_scroll_area = require("@zag-js/scroll-area");
 _zag_js_scroll_area = require_runtime.__toESM(_zag_js_scroll_area, 1);
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 //#region src/components/scroll-area/use-scroll-area.ts
 var useScrollArea = (props) => {
 	const id = (0, react.useId)();

package/dist/components/scroll-area/use-scroll-area.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 scrollArea from "@zag-js/scroll-area";
-import { useId } from "react";
 import { normalizeProps, useMachine } from "@zag-js/react";
+import { useId } from "react";
 //#region src/components/scroll-area/use-scroll-area.ts
 var useScrollArea = (props) => {
 	const id = useId();

package/dist/components/segment-group/index.cjs

@@ -1,5 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_segment_group_anatomy = require("./segment-group.anatomy.cjs");
 const require_use_segment_group_context = require("./use-segment-group-context.cjs");
 const require_segment_group_context = require("./segment-group-context.cjs");
 const require_segment_group_indicator = require("./segment-group-indicator.cjs");
@@ -14,6 +13,7 @@ const require_use_segment_group = require("./use-segment-group.cjs");
 const require_segment_group_root = require("./segment-group-root.cjs");
 const require_segment_group_root_provider = require("./segment-group-root-provider.cjs");
 const require_segment_group = require("./segment-group.cjs");
+let _zag_js_radio_group = require("@zag-js/radio-group");
 Object.defineProperty(exports, "SegmentGroup", {
 	enumerable: true,
 	get: function() {
@@ -30,7 +30,12 @@ exports.SegmentGroupItemText = require_segment_group_item_text.SegmentGroupItemT
 exports.SegmentGroupLabel = require_segment_group_label.SegmentGroupLabel;
 exports.SegmentGroupRoot = require_segment_group_root.SegmentGroupRoot;
 exports.SegmentGroupRootProvider = require_segment_group_root_provider.SegmentGroupRootProvider;
-exports.segmentGroupAnatomy = require_segment_group_anatomy.segmentGroupAnatomy;
+Object.defineProperty(exports, "segmentGroupAnatomy", {
+	enumerable: true,
+	get: function() {
+		return _zag_js_radio_group.anatomy;
+	}
+});
 exports.useSegmentGroup = require_use_segment_group.useSegmentGroup;
 exports.useSegmentGroupContext = require_use_segment_group_context.useSegmentGroupContext;
 exports.useSegmentGroupItemContext = require_use_segment_group_item_context.useSegmentGroupItemContext;

package/dist/components/segment-group/index.d.cts

@@ -1,14 +1,14 @@
 export type { ValueChangeDetails as SegmentGroupValueChangeDetails } from '@zag-js/radio-group';
 export { SegmentGroupContext, type SegmentGroupContextProps } from './segment-group-context.js';
 export { SegmentGroupIndicator, type SegmentGroupIndicatorBaseProps, type SegmentGroupIndicatorProps, } from './segment-group-indicator.js';
-export { SegmentGroupItem, type SegmentGroupItemBaseProps, type SegmentGroupItemProps } from './segment-group-item.js';
+export { SegmentGroupItem, type SegmentGroupItemBaseProps, type SegmentGroupItemProps, type SegmentGroupItemState, } from './segment-group-item.js';
 export { SegmentGroupItemContext, type SegmentGroupItemContextProps } from './segment-group-item-context.js';
 export { SegmentGroupItemControl, type SegmentGroupItemControlBaseProps, type SegmentGroupItemControlProps, } from './segment-group-item-control.js';
 export { SegmentGroupItemHiddenInput, type SegmentGroupItemHiddenInputBaseProps, type SegmentGroupItemHiddenInputProps, } from './segment-group-item-hidden-input.js';
 export { SegmentGroupItemText, type SegmentGroupItemTextBaseProps, type SegmentGroupItemTextProps, } from './segment-group-item-text.js';
 export { SegmentGroupLabel, type SegmentGroupLabelBaseProps, type SegmentGroupLabelProps, } from './segment-group-label.js';
-export { SegmentGroupRoot, type SegmentGroupRootBaseProps, type SegmentGroupRootProps } from './segment-group-root.js';
-export { SegmentGroupRootProvider, type SegmentGroupRootProviderBaseProps, type SegmentGroupRootProviderProps, } from './segment-group-root-provider.js';
+export { SegmentGroupRoot, type SegmentGroupRootBaseProps, type SegmentGroupRootProps, type SegmentGroupRootState, } from './segment-group-root.js';
+export { SegmentGroupRootProvider, type SegmentGroupRootProviderBaseProps, type SegmentGroupRootProviderProps, type SegmentGroupRootProviderState, } from './segment-group-root-provider.js';
 export { segmentGroupAnatomy } from './segment-group.anatomy.js';
 export { useSegmentGroup, type UseSegmentGroupProps, type UseSegmentGroupReturn } from './use-segment-group.js';
 export { useSegmentGroupContext, type UseSegmentGroupContext } from './use-segment-group-context.js';

package/dist/components/segment-group/index.d.ts

@@ -1,14 +1,14 @@
 export type { ValueChangeDetails as SegmentGroupValueChangeDetails } from '@zag-js/radio-group';
 export { SegmentGroupContext, type SegmentGroupContextProps } from './segment-group-context.js';
 export { SegmentGroupIndicator, type SegmentGroupIndicatorBaseProps, type SegmentGroupIndicatorProps, } from './segment-group-indicator.js';
-export { SegmentGroupItem, type SegmentGroupItemBaseProps, type SegmentGroupItemProps } from './segment-group-item.js';
+export { SegmentGroupItem, type SegmentGroupItemBaseProps, type SegmentGroupItemProps, type SegmentGroupItemState, } from './segment-group-item.js';
 export { SegmentGroupItemContext, type SegmentGroupItemContextProps } from './segment-group-item-context.js';
 export { SegmentGroupItemControl, type SegmentGroupItemControlBaseProps, type SegmentGroupItemControlProps, } from './segment-group-item-control.js';
 export { SegmentGroupItemHiddenInput, type SegmentGroupItemHiddenInputBaseProps, type SegmentGroupItemHiddenInputProps, } from './segment-group-item-hidden-input.js';
 export { SegmentGroupItemText, type SegmentGroupItemTextBaseProps, type SegmentGroupItemTextProps, } from './segment-group-item-text.js';
 export { SegmentGroupLabel, type SegmentGroupLabelBaseProps, type SegmentGroupLabelProps, } from './segment-group-label.js';
-export { SegmentGroupRoot, type SegmentGroupRootBaseProps, type SegmentGroupRootProps } from './segment-group-root.js';
-export { SegmentGroupRootProvider, type SegmentGroupRootProviderBaseProps, type SegmentGroupRootProviderProps, } from './segment-group-root-provider.js';
+export { SegmentGroupRoot, type SegmentGroupRootBaseProps, type SegmentGroupRootProps, type SegmentGroupRootState, } from './segment-group-root.js';
+export { SegmentGroupRootProvider, type SegmentGroupRootProviderBaseProps, type SegmentGroupRootProviderProps, type SegmentGroupRootProviderState, } from './segment-group-root-provider.js';
 export { segmentGroupAnatomy } from './segment-group.anatomy.js';
 export { useSegmentGroup, type UseSegmentGroupProps, type UseSegmentGroupReturn } from './use-segment-group.js';
 export { useSegmentGroupContext, type UseSegmentGroupContext } from './use-segment-group-context.js';

package/dist/components/segment-group/segment-group-indicator.cjs

@@ -1,14 +1,13 @@
 "use client";
-const require_segment_group_anatomy = require("./segment-group.anatomy.cjs");
 const require_factory = require("../factory.cjs");
 const require_use_segment_group_context = require("./use-segment-group-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/segment-group/segment-group-indicator.tsx
 var SegmentGroupIndicator = (0, react.forwardRef)((props, ref) => {
 	const segmentGroup = require_use_segment_group_context.useSegmentGroupContext();
-	const mergedProps = (0, _zag_js_react.mergeProps)(segmentGroup.getIndicatorProps(), require_segment_group_anatomy.parts.indicator.attrs, props);
+	const mergedProps = (0, _zag_js_react.mergeProps)(segmentGroup.getIndicatorProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/segment-group/segment-group-indicator.js

@@ -1,14 +1,13 @@
 "use client";
-import { parts } from "./segment-group.anatomy.js";
 import { ark } from "../factory.js";
 import { useSegmentGroupContext } from "./use-segment-group-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/segment-group/segment-group-indicator.tsx
 var SegmentGroupIndicator = forwardRef((props, ref) => {
 	const segmentGroup = useSegmentGroupContext();
-	const mergedProps = mergeProps(segmentGroup.getIndicatorProps(), parts.indicator.attrs, props);
+	const mergedProps = mergeProps(segmentGroup.getIndicatorProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/segment-group/segment-group-item-control.cjs

@@ -1,16 +1,15 @@
 "use client";
-const require_segment_group_anatomy = require("./segment-group.anatomy.cjs");
 const require_factory = require("../factory.cjs");
 const require_use_segment_group_context = require("./use-segment-group-context.cjs");
 const require_use_segment_group_item_props_context = require("./use-segment-group-item-props-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/segment-group/segment-group-item-control.tsx
 var SegmentGroupItemControl = (0, react.forwardRef)((props, ref) => {
 	const segmentGroup = require_use_segment_group_context.useSegmentGroupContext();
 	const itemProps = require_use_segment_group_item_props_context.useSegmentGroupItemPropsContext();
-	const mergedProps = (0, _zag_js_react.mergeProps)(segmentGroup.getItemControlProps(itemProps), require_segment_group_anatomy.parts.itemControl.attrs, props);
+	const mergedProps = (0, _zag_js_react.mergeProps)(segmentGroup.getItemControlProps(itemProps), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/segment-group/segment-group-item-control.js

@@ -1,16 +1,15 @@
 "use client";
-import { parts } from "./segment-group.anatomy.js";
 import { ark } from "../factory.js";
 import { useSegmentGroupContext } from "./use-segment-group-context.js";
 import { useSegmentGroupItemPropsContext } from "./use-segment-group-item-props-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/segment-group/segment-group-item-control.tsx
 var SegmentGroupItemControl = forwardRef((props, ref) => {
 	const segmentGroup = useSegmentGroupContext();
 	const itemProps = useSegmentGroupItemPropsContext();
-	const mergedProps = mergeProps(segmentGroup.getItemControlProps(itemProps), parts.itemControl.attrs, props);
+	const mergedProps = mergeProps(segmentGroup.getItemControlProps(itemProps), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/segment-group/segment-group-item-hidden-input.cjs

@@ -2,8 +2,8 @@
 const require_factory = require("../factory.cjs");
 const require_use_segment_group_context = require("./use-segment-group-context.cjs");
 const require_use_segment_group_item_props_context = require("./use-segment-group-item-props-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/segment-group/segment-group-item-hidden-input.tsx
 var SegmentGroupItemHiddenInput = (0, react.forwardRef)((props, ref) => {

package/dist/components/segment-group/segment-group-item-hidden-input.js

@@ -2,8 +2,8 @@
 import { ark } from "../factory.js";
 import { useSegmentGroupContext } from "./use-segment-group-context.js";
 import { useSegmentGroupItemPropsContext } from "./use-segment-group-item-props-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/segment-group/segment-group-item-hidden-input.tsx
 var SegmentGroupItemHiddenInput = forwardRef((props, ref) => {

package/dist/components/segment-group/segment-group-item-text.cjs

@@ -1,16 +1,15 @@
 "use client";
-const require_segment_group_anatomy = require("./segment-group.anatomy.cjs");
 const require_factory = require("../factory.cjs");
 const require_use_segment_group_context = require("./use-segment-group-context.cjs");
 const require_use_segment_group_item_props_context = require("./use-segment-group-item-props-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/segment-group/segment-group-item-text.tsx
 var SegmentGroupItemText = (0, react.forwardRef)((props, ref) => {
 	const segmentGroup = require_use_segment_group_context.useSegmentGroupContext();
 	const itemProps = require_use_segment_group_item_props_context.useSegmentGroupItemPropsContext();
-	const mergedProps = (0, _zag_js_react.mergeProps)(segmentGroup.getItemTextProps(itemProps), require_segment_group_anatomy.parts.itemText.attrs, props);
+	const mergedProps = (0, _zag_js_react.mergeProps)(segmentGroup.getItemTextProps(itemProps), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.span, {
 		...mergedProps,
 		ref

package/dist/components/segment-group/segment-group-item-text.js

@@ -1,16 +1,15 @@
 "use client";
-import { parts } from "./segment-group.anatomy.js";
 import { ark } from "../factory.js";
 import { useSegmentGroupContext } from "./use-segment-group-context.js";
 import { useSegmentGroupItemPropsContext } from "./use-segment-group-item-props-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/segment-group/segment-group-item-text.tsx
 var SegmentGroupItemText = forwardRef((props, ref) => {
 	const segmentGroup = useSegmentGroupContext();
 	const itemProps = useSegmentGroupItemPropsContext();
-	const mergedProps = mergeProps(segmentGroup.getItemTextProps(itemProps), parts.itemText.attrs, props);
+	const mergedProps = mergeProps(segmentGroup.getItemTextProps(itemProps), props);
 	return /* @__PURE__ */ jsx(ark.span, {
 		...mergedProps,
 		ref

package/dist/components/segment-group/segment-group-item.cjs

@@ -1,12 +1,11 @@
 "use client";
-const require_segment_group_anatomy = require("./segment-group.anatomy.cjs");
-const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_factory = require("../factory.cjs");
+const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_use_segment_group_context = require("./use-segment-group-context.cjs");
 const require_use_segment_group_item_context = require("./use-segment-group-item-context.cjs");
 const require_use_segment_group_item_props_context = require("./use-segment-group-item-props-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/segment-group/segment-group-item.tsx
 var splitItemProps = require_create_split_props.createSplitProps();
@@ -17,7 +16,7 @@ var SegmentGroupItem = (0, react.forwardRef)((props, ref) => {
 		"invalid"
 	]);
 	const segmentGroup = require_use_segment_group_context.useSegmentGroupContext();
-	const mergedProps = (0, _zag_js_react.mergeProps)(segmentGroup.getItemProps(itemProps), require_segment_group_anatomy.parts.item.attrs, localProps);
+	const mergedProps = (0, _zag_js_react.mergeProps)(segmentGroup.getItemProps(itemProps), localProps);
 	const itemState = segmentGroup.getItemState(itemProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_segment_group_item_props_context.SegmentGroupItemPropsProvider, {
 		value: itemProps,
@@ -25,7 +24,8 @@ var SegmentGroupItem = (0, react.forwardRef)((props, ref) => {
 			value: itemState,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.label, {
 				...mergedProps,
-				ref
+				ref,
+				state: itemState
 			})
 		})
 	});

package/dist/components/segment-group/segment-group-item.d.cts

@@ -1,7 +1,9 @@
-import { ItemProps } from '@zag-js/radio-group';
+import { ItemProps, ItemState } from '@zag-js/radio-group';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface SegmentGroupItemBaseProps extends ItemProps, PolymorphicProps {
+export interface SegmentGroupItemState extends ItemState {
+}
+export interface SegmentGroupItemBaseProps extends ItemProps, PolymorphicProps<SegmentGroupItemState> {
 }
 export interface SegmentGroupItemProps extends HTMLProps<'label'>, SegmentGroupItemBaseProps {
 }

package/dist/components/segment-group/segment-group-item.d.ts

@@ -1,7 +1,9 @@
-import { ItemProps } from '@zag-js/radio-group';
+import { ItemProps, ItemState } from '@zag-js/radio-group';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface SegmentGroupItemBaseProps extends ItemProps, PolymorphicProps {
+export interface SegmentGroupItemState extends ItemState {
+}
+export interface SegmentGroupItemBaseProps extends ItemProps, PolymorphicProps<SegmentGroupItemState> {
 }
 export interface SegmentGroupItemProps extends HTMLProps<'label'>, SegmentGroupItemBaseProps {
 }

package/dist/components/segment-group/segment-group-item.js

@@ -1,12 +1,11 @@
 "use client";
-import { parts } from "./segment-group.anatomy.js";
-import { createSplitProps } from "../../utils/create-split-props.js";
 import { ark } from "../factory.js";
+import { createSplitProps } from "../../utils/create-split-props.js";
 import { useSegmentGroupContext } from "./use-segment-group-context.js";
 import { SegmentGroupItemProvider } from "./use-segment-group-item-context.js";
 import { SegmentGroupItemPropsProvider } from "./use-segment-group-item-props-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/segment-group/segment-group-item.tsx
 var splitItemProps = createSplitProps();
@@ -17,7 +16,7 @@ var SegmentGroupItem = forwardRef((props, ref) => {
 		"invalid"
 	]);
 	const segmentGroup = useSegmentGroupContext();
-	const mergedProps = mergeProps(segmentGroup.getItemProps(itemProps), parts.item.attrs, localProps);
+	const mergedProps = mergeProps(segmentGroup.getItemProps(itemProps), localProps);
 	const itemState = segmentGroup.getItemState(itemProps);
 	return /* @__PURE__ */ jsx(SegmentGroupItemPropsProvider, {
 		value: itemProps,
@@ -25,7 +24,8 @@ var SegmentGroupItem = forwardRef((props, ref) => {
 			value: itemState,
 			children: /* @__PURE__ */ jsx(ark.label, {
 				...mergedProps,
-				ref
+				ref,
+				state: itemState
 			})
 		})
 	});

package/dist/components/segment-group/segment-group-label.cjs

@@ -1,14 +1,13 @@
 "use client";
-const require_segment_group_anatomy = require("./segment-group.anatomy.cjs");
 const require_factory = require("../factory.cjs");
 const require_use_segment_group_context = require("./use-segment-group-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/segment-group/segment-group-label.tsx
 var SegmentGroupLabel = (0, react.forwardRef)((props, ref) => {
 	const segmentGroup = require_use_segment_group_context.useSegmentGroupContext();
-	const mergedProps = (0, _zag_js_react.mergeProps)(segmentGroup.getLabelProps(), require_segment_group_anatomy.parts.label.attrs, props);
+	const mergedProps = (0, _zag_js_react.mergeProps)(segmentGroup.getLabelProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.span, {
 		...mergedProps,
 		ref

package/dist/components/segment-group/segment-group-label.js

@@ -1,14 +1,13 @@
 "use client";
-import { parts } from "./segment-group.anatomy.js";
 import { ark } from "../factory.js";
 import { useSegmentGroupContext } from "./use-segment-group-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/segment-group/segment-group-label.tsx
 var SegmentGroupLabel = forwardRef((props, ref) => {
 	const segmentGroup = useSegmentGroupContext();
-	const mergedProps = mergeProps(segmentGroup.getLabelProps(), parts.label.attrs, props);
+	const mergedProps = mergeProps(segmentGroup.getLabelProps(), props);
 	return /* @__PURE__ */ jsx(ark.span, {
 		...mergedProps,
 		ref

package/dist/components/segment-group/segment-group-root-provider.cjs

@@ -1,21 +1,21 @@
 "use client";
-const require_segment_group_anatomy = require("./segment-group.anatomy.cjs");
-const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_factory = require("../factory.cjs");
+const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_use_segment_group_context = require("./use-segment-group-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/segment-group/segment-group-root-provider.tsx
 var splitRootProviderProps = require_create_split_props.createSplitProps();
 var SegmentGroupRootProvider = (0, react.forwardRef)((props, ref) => {
 	const [{ value: segmentGroup }, localProps] = splitRootProviderProps(props, ["value"]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(segmentGroup.getRootProps(), require_segment_group_anatomy.parts.root.attrs, localProps);
+	const mergedProps = (0, _zag_js_react.mergeProps)(segmentGroup.getRootProps(), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_segment_group_context.SegmentGroupProvider, {
 		value: segmentGroup,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 			...mergedProps,
-			ref
+			ref,
+			state: segmentGroup.getRootState()
 		})
 	});
 });

package/dist/components/segment-group/segment-group-root-provider.d.cts

@@ -1,10 +1,13 @@
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { UseSegmentGroupReturn } from './use-segment-group.js';
+import { RootState } from '@zag-js/radio-group';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 interface RootProviderProps {
     value: UseSegmentGroupReturn;
 }
-export interface SegmentGroupRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+export interface SegmentGroupRootProviderState extends RootState {
+}
+export interface SegmentGroupRootProviderBaseProps extends RootProviderProps, PolymorphicProps<SegmentGroupRootProviderState> {
 }
 export interface SegmentGroupRootProviderProps extends HTMLProps<'div'>, SegmentGroupRootProviderBaseProps {
 }

package/dist/components/segment-group/segment-group-root-provider.d.ts

@@ -1,10 +1,13 @@
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { UseSegmentGroupReturn } from './use-segment-group.js';
+import { RootState } from '@zag-js/radio-group';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 interface RootProviderProps {
     value: UseSegmentGroupReturn;
 }
-export interface SegmentGroupRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+export interface SegmentGroupRootProviderState extends RootState {
+}
+export interface SegmentGroupRootProviderBaseProps extends RootProviderProps, PolymorphicProps<SegmentGroupRootProviderState> {
 }
 export interface SegmentGroupRootProviderProps extends HTMLProps<'div'>, SegmentGroupRootProviderBaseProps {
 }

package/dist/components/segment-group/segment-group-root-provider.js

@@ -1,21 +1,21 @@
 "use client";
-import { parts } from "./segment-group.anatomy.js";
-import { createSplitProps } from "../../utils/create-split-props.js";
 import { ark } from "../factory.js";
+import { createSplitProps } from "../../utils/create-split-props.js";
 import { SegmentGroupProvider } from "./use-segment-group-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/segment-group/segment-group-root-provider.tsx
 var splitRootProviderProps = createSplitProps();
 var SegmentGroupRootProvider = forwardRef((props, ref) => {
 	const [{ value: segmentGroup }, localProps] = splitRootProviderProps(props, ["value"]);
-	const mergedProps = mergeProps(segmentGroup.getRootProps(), parts.root.attrs, localProps);
+	const mergedProps = mergeProps(segmentGroup.getRootProps(), localProps);
 	return /* @__PURE__ */ jsx(SegmentGroupProvider, {
 		value: segmentGroup,
 		children: /* @__PURE__ */ jsx(ark.div, {
 			...mergedProps,
-			ref
+			ref,
+			state: segmentGroup.getRootState()
 		})
 	});
 });

package/dist/components/segment-group/segment-group-root.cjs

@@ -1,11 +1,10 @@
 "use client";
-const require_segment_group_anatomy = require("./segment-group.anatomy.cjs");
-const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_factory = require("../factory.cjs");
+const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_use_segment_group_context = require("./use-segment-group-context.cjs");
 const require_use_segment_group = require("./use-segment-group.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/segment-group/segment-group-root.tsx
 var splitRootProps = require_create_split_props.createSplitProps();
@@ -25,12 +24,13 @@ var SegmentGroupRoot = (0, react.forwardRef)((props, ref) => {
 		"value"
 	]);
 	const segmentGroup = require_use_segment_group.useSegmentGroup(useSegmentGroupProps);
-	const mergedProps = (0, _zag_js_react.mergeProps)(segmentGroup.getRootProps(), require_segment_group_anatomy.parts.root.attrs, localProps);
+	const mergedProps = (0, _zag_js_react.mergeProps)(segmentGroup.getRootProps(), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_segment_group_context.SegmentGroupProvider, {
 		value: segmentGroup,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 			...mergedProps,
-			ref
+			ref,
+			state: segmentGroup.getRootState()
 		})
 	});
 });

package/dist/components/segment-group/segment-group-root.d.cts

@@ -1,8 +1,11 @@
 import { Assign } from '../../types.js';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { UseSegmentGroupProps } from './use-segment-group.js';
+import { RootState } from '@zag-js/radio-group';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface SegmentGroupRootBaseProps extends UseSegmentGroupProps, PolymorphicProps {
+export interface SegmentGroupRootState extends RootState {
+}
+export interface SegmentGroupRootBaseProps extends UseSegmentGroupProps, PolymorphicProps<SegmentGroupRootState> {
 }
 export interface SegmentGroupRootProps extends Assign<HTMLProps<'div'>, SegmentGroupRootBaseProps> {
 }

package/dist/components/segment-group/segment-group-root.d.ts

@@ -1,8 +1,11 @@
 import { Assign } from '../../types.js';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { UseSegmentGroupProps } from './use-segment-group.js';
+import { RootState } from '@zag-js/radio-group';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface SegmentGroupRootBaseProps extends UseSegmentGroupProps, PolymorphicProps {
+export interface SegmentGroupRootState extends RootState {
+}
+export interface SegmentGroupRootBaseProps extends UseSegmentGroupProps, PolymorphicProps<SegmentGroupRootState> {
 }
 export interface SegmentGroupRootProps extends Assign<HTMLProps<'div'>, SegmentGroupRootBaseProps> {
 }