@ark-ui/react 3.4.0-0 → 3.4.0

package/dist/components/hover-card/hover-card-trigger.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type HoverCardTriggerBaseProps = {};
-export interface HoverCardTriggerProps extends HTMLArkProps<'button'>, HoverCardTriggerBaseProps {
+export interface HoverCardTriggerBaseProps extends PolymorphicProps {
+}
+export interface HoverCardTriggerProps extends HTMLProps<'button'>, HoverCardTriggerBaseProps {
 }
 export declare const HoverCardTrigger: ForwardRefExoticComponent<HoverCardTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/index.cjs

@@ -73,8 +73,10 @@ const colorPickerAreaBackground = require('./color-picker/color-picker-area-back
 const colorPickerAreaThumb = require('./color-picker/color-picker-area-thumb.cjs');
 const colorPickerChannelInput = require('./color-picker/color-picker-channel-input.cjs');
 const colorPickerChannelSlider = require('./color-picker/color-picker-channel-slider.cjs');
+const colorPickerChannelSliderLabel = require('./color-picker/color-picker-channel-slider-label.cjs');
 const colorPickerChannelSliderThumb = require('./color-picker/color-picker-channel-slider-thumb.cjs');
 const colorPickerChannelSliderTrack = require('./color-picker/color-picker-channel-slider-track.cjs');
+const colorPickerChannelSliderValueText = require('./color-picker/color-picker-channel-slider-value-text.cjs');
 const colorPickerContent = require('./color-picker/color-picker-content.cjs');
 const colorPickerContext = require('./color-picker/color-picker-context.cjs');
 const colorPickerControl = require('./color-picker/color-picker-control.cjs');
@@ -92,6 +94,7 @@ const colorPickerSwatchIndicator = require('./color-picker/color-picker-swatch-i
 const colorPickerSwatchTrigger = require('./color-picker/color-picker-swatch-trigger.cjs');
 const colorPickerTransparencyGrid = require('./color-picker/color-picker-transparency-grid.cjs');
 const colorPickerTrigger = require('./color-picker/color-picker-trigger.cjs');
+const colorPickerValueSwatch = require('./color-picker/color-picker-value-swatch.cjs');
 const colorPickerValueText = require('./color-picker/color-picker-value-text.cjs');
 const colorPickerView = require('./color-picker/color-picker-view.cjs');
 const useColorPicker = require('./color-picker/use-color-picker.cjs');
@@ -175,6 +178,17 @@ const useEditable = require('./editable/use-editable.cjs');
 const useEditableContext = require('./editable/use-editable-context.cjs');
 const editable = require('./editable/editable.cjs');
 const factory = require('./factory.cjs');
+const fieldContext = require('./field/field-context.cjs');
+const fieldErrorText = require('./field/field-error-text.cjs');
+const fieldHelperText = require('./field/field-helper-text.cjs');
+const fieldInput = require('./field/field-input.cjs');
+const fieldLabel = require('./field/field-label.cjs');
+const fieldSelect = require('./field/field-select.cjs');
+const fieldRoot = require('./field/field-root.cjs');
+const fieldRootProvider = require('./field/field-root-provider.cjs');
+const fieldTextarea = require('./field/field-textarea.cjs');
+const useFieldContext = require('./field/use-field-context.cjs');
+const field = require('./field/field.cjs');
 const fileUploadContext = require('./file-upload/file-upload-context.cjs');
 const fileUploadDropzone = require('./file-upload/file-upload-dropzone.cjs');
 const fileUploadHiddenInput = require('./file-upload/file-upload-hidden-input.cjs');
@@ -375,6 +389,7 @@ const signaturePadContext = require('./signature-pad/signature-pad-context.cjs')
 const signaturePadControl = require('./signature-pad/signature-pad-control.cjs');
 const signaturePadGuide = require('./signature-pad/signature-pad-guide.cjs');
 const signaturePadLabel = require('./signature-pad/signature-pad-label.cjs');
+const signaturePadHiddenInput = require('./signature-pad/signature-pad-hidden-input.cjs');
 const signaturePadRoot = require('./signature-pad/signature-pad-root.cjs');
 const signaturePadRootProvider = require('./signature-pad/signature-pad-root-provider.cjs');
 const signaturePadSegment = require('./signature-pad/signature-pad-segment.cjs');
@@ -563,8 +578,10 @@ exports.ColorPickerAreaBackground = colorPickerAreaBackground.ColorPickerAreaBac
 exports.ColorPickerAreaThumb = colorPickerAreaThumb.ColorPickerAreaThumb;
 exports.ColorPickerChannelInput = colorPickerChannelInput.ColorPickerChannelInput;
 exports.ColorPickerChannelSlider = colorPickerChannelSlider.ColorPickerChannelSlider;
+exports.ColorPickerChannelSliderLabel = colorPickerChannelSliderLabel.ColorPickerChannelSliderLabel;
 exports.ColorPickerChannelSliderThumb = colorPickerChannelSliderThumb.ColorPickerChannelSliderThumb;
 exports.ColorPickerChannelSliderTrack = colorPickerChannelSliderTrack.ColorPickerChannelSliderTrack;
+exports.ColorPickerChannelSliderValueText = colorPickerChannelSliderValueText.ColorPickerChannelSliderValueText;
 exports.ColorPickerContent = colorPickerContent.ColorPickerContent;
 exports.ColorPickerContext = colorPickerContext.ColorPickerContext;
 exports.ColorPickerControl = colorPickerControl.ColorPickerControl;
@@ -582,6 +599,7 @@ exports.ColorPickerSwatchIndicator = colorPickerSwatchIndicator.ColorPickerSwatc
 exports.ColorPickerSwatchTrigger = colorPickerSwatchTrigger.ColorPickerSwatchTrigger;
 exports.ColorPickerTransparencyGrid = colorPickerTransparencyGrid.ColorPickerTransparencyGrid;
 exports.ColorPickerTrigger = colorPickerTrigger.ColorPickerTrigger;
+exports.ColorPickerValueSwatch = colorPickerValueSwatch.ColorPickerValueSwatch;
 exports.ColorPickerValueText = colorPickerValueText.ColorPickerValueText;
 exports.ColorPickerView = colorPickerView.ColorPickerView;
 exports.useColorPicker = useColorPicker.useColorPicker;
@@ -666,6 +684,17 @@ exports.useEditableContext = useEditableContext.useEditableContext;
 exports.Editable = editable;
 exports.ark = factory.ark;
 exports.jsxFactory = factory.jsxFactory;
+exports.FieldContext = fieldContext.FieldContext;
+exports.FieldErrorText = fieldErrorText.FieldErrorText;
+exports.FieldHelperText = fieldHelperText.FieldHelperText;
+exports.FieldInput = fieldInput.FieldInput;
+exports.FieldLabel = fieldLabel.FieldLabel;
+exports.FieldSelect = fieldSelect.FieldSelect;
+exports.FieldRoot = fieldRoot.FieldRoot;
+exports.FieldRootProvider = fieldRootProvider.FieldRootProvider;
+exports.FieldTextarea = fieldTextarea.FieldTextarea;
+exports.useFieldContext = useFieldContext.useFieldContext;
+exports.Field = field;
 exports.FileUploadContext = fileUploadContext.FileUploadContext;
 exports.FileUploadDropzone = fileUploadDropzone.FileUploadDropzone;
 exports.FileUploadHiddenInput = fileUploadHiddenInput.FileUploadHiddenInput;
@@ -867,6 +896,7 @@ exports.SignaturePadContext = signaturePadContext.SignaturePadContext;
 exports.SignaturePadControl = signaturePadControl.SignaturePadControl;
 exports.SignaturePadGuide = signaturePadGuide.SignaturePadGuide;
 exports.SignaturePadLabel = signaturePadLabel.SignaturePadLabel;
+exports.SignaturePadHiddenInput = signaturePadHiddenInput.SignaturePadHiddenInput;
 exports.SignaturePadRoot = signaturePadRoot.SignaturePadRoot;
 exports.SignaturePadRootProvider = signaturePadRootProvider.SignaturePadRootProvider;
 exports.SignaturePadSegment = signaturePadSegment.SignaturePadSegment;

package/dist/components/index.d.cts

@@ -10,6 +10,7 @@ export * from './date-picker';
 export * from './dialog';
 export * from './editable';
 export * from './factory';
+export * from './field';
 export * from './file-upload';
 export * from './format';
 export * from './hover-card';

package/dist/components/index.d.ts

@@ -10,6 +10,7 @@ export * from './date-picker';
 export * from './dialog';
 export * from './editable';
 export * from './factory';
+export * from './field';
 export * from './file-upload';
 export * from './format';
 export * from './hover-card';

package/dist/components/index.js

@@ -75,8 +75,10 @@ export { ColorPickerAreaBackground } from './color-picker/color-picker-area-back
 export { ColorPickerAreaThumb } from './color-picker/color-picker-area-thumb.js';
 export { ColorPickerChannelInput } from './color-picker/color-picker-channel-input.js';
 export { ColorPickerChannelSlider } from './color-picker/color-picker-channel-slider.js';
+export { ColorPickerChannelSliderLabel } from './color-picker/color-picker-channel-slider-label.js';
 export { ColorPickerChannelSliderThumb } from './color-picker/color-picker-channel-slider-thumb.js';
 export { ColorPickerChannelSliderTrack } from './color-picker/color-picker-channel-slider-track.js';
+export { ColorPickerChannelSliderValueText } from './color-picker/color-picker-channel-slider-value-text.js';
 export { ColorPickerContent } from './color-picker/color-picker-content.js';
 export { ColorPickerContext } from './color-picker/color-picker-context.js';
 export { ColorPickerControl } from './color-picker/color-picker-control.js';
@@ -94,6 +96,7 @@ export { ColorPickerSwatchIndicator } from './color-picker/color-picker-swatch-i
 export { ColorPickerSwatchTrigger } from './color-picker/color-picker-swatch-trigger.js';
 export { ColorPickerTransparencyGrid } from './color-picker/color-picker-transparency-grid.js';
 export { ColorPickerTrigger } from './color-picker/color-picker-trigger.js';
+export { ColorPickerValueSwatch } from './color-picker/color-picker-value-swatch.js';
 export { ColorPickerValueText } from './color-picker/color-picker-value-text.js';
 export { ColorPickerView } from './color-picker/color-picker-view.js';
 export { useColorPicker } from './color-picker/use-color-picker.js';
@@ -182,6 +185,18 @@ export { useEditableContext } from './editable/use-editable-context.js';
 import * as editable from './editable/editable.js';
 export { editable as Editable };
 export { ark, jsxFactory } from './factory.js';
+export { FieldContext } from './field/field-context.js';
+export { FieldErrorText } from './field/field-error-text.js';
+export { FieldHelperText } from './field/field-helper-text.js';
+export { FieldInput } from './field/field-input.js';
+export { FieldLabel } from './field/field-label.js';
+export { FieldSelect } from './field/field-select.js';
+export { FieldRoot } from './field/field-root.js';
+export { FieldRootProvider } from './field/field-root-provider.js';
+export { FieldTextarea } from './field/field-textarea.js';
+export { useFieldContext } from './field/use-field-context.js';
+import * as field from './field/field.js';
+export { field as Field };
 export { FileUploadContext } from './file-upload/file-upload-context.js';
 export { FileUploadDropzone } from './file-upload/file-upload-dropzone.js';
 export { FileUploadHiddenInput } from './file-upload/file-upload-hidden-input.js';
@@ -396,6 +411,7 @@ export { SignaturePadContext } from './signature-pad/signature-pad-context.js';
 export { SignaturePadControl } from './signature-pad/signature-pad-control.js';
 export { SignaturePadGuide } from './signature-pad/signature-pad-guide.js';
 export { SignaturePadLabel } from './signature-pad/signature-pad-label.js';
+export { SignaturePadHiddenInput } from './signature-pad/signature-pad-hidden-input.js';
 export { SignaturePadRoot } from './signature-pad/signature-pad-root.js';
 export { SignaturePadRootProvider } from './signature-pad/signature-pad-root-provider.js';
 export { SignaturePadSegment } from './signature-pad/signature-pad-segment.js';

package/dist/components/menu/menu-arrow-tip.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type MenuArrowTipBaseProps = {};
-export interface MenuArrowTipProps extends HTMLArkProps<'div'>, MenuArrowTipBaseProps {
+export interface MenuArrowTipBaseProps extends PolymorphicProps {
+}
+export interface MenuArrowTipProps extends HTMLProps<'div'>, MenuArrowTipBaseProps {
 }
 export declare const MenuArrowTip: ForwardRefExoticComponent<MenuArrowTipProps & RefAttributes<HTMLDivElement>>;

package/dist/components/menu/menu-arrow-tip.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type MenuArrowTipBaseProps = {};
-export interface MenuArrowTipProps extends HTMLArkProps<'div'>, MenuArrowTipBaseProps {
+export interface MenuArrowTipBaseProps extends PolymorphicProps {
+}
+export interface MenuArrowTipProps extends HTMLProps<'div'>, MenuArrowTipBaseProps {
 }
 export declare const MenuArrowTip: ForwardRefExoticComponent<MenuArrowTipProps & RefAttributes<HTMLDivElement>>;

package/dist/components/menu/menu-arrow.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type MenuArrowBaseProps = {};
-export interface MenuArrowProps extends HTMLArkProps<'div'>, MenuArrowBaseProps {
+export interface MenuArrowBaseProps extends PolymorphicProps {
+}
+export interface MenuArrowProps extends HTMLProps<'div'>, MenuArrowBaseProps {
 }
 export declare const MenuArrow: ForwardRefExoticComponent<MenuArrowProps & RefAttributes<HTMLDivElement>>;

package/dist/components/menu/menu-arrow.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type MenuArrowBaseProps = {};
-export interface MenuArrowProps extends HTMLArkProps<'div'>, MenuArrowBaseProps {
+export interface MenuArrowBaseProps extends PolymorphicProps {
+}
+export interface MenuArrowProps extends HTMLProps<'div'>, MenuArrowBaseProps {
 }
 export declare const MenuArrow: ForwardRefExoticComponent<MenuArrowProps & RefAttributes<HTMLDivElement>>;

package/dist/components/menu/menu-checkbox-item.cjs

@@ -26,9 +26,9 @@ const MenuCheckboxItem = react.forwardRef((props, ref) => {
     type: "checkbox"
   };
   const menu = useMenuContext.useMenuContext();
-  const item = menu.getOptionItemState(optionItemProps);
   const mergedProps = react$1.mergeProps(menu.getOptionItemProps(optionItemProps), localProps);
-  return /* @__PURE__ */ jsxRuntime.jsx(useMenuOptionItemPropsContext.MenuOptionItemPropsProvider, { value: optionItemProps, children: /* @__PURE__ */ jsxRuntime.jsx(useMenuItemContext.MenuItemProvider, { value: item, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) }) });
+  const optionItemState = menu.getOptionItemState(optionItemProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useMenuOptionItemPropsContext.MenuOptionItemPropsProvider, { value: optionItemProps, children: /* @__PURE__ */ jsxRuntime.jsx(useMenuItemContext.MenuItemProvider, { value: optionItemState, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) }) });
 });
 MenuCheckboxItem.displayName = "MenuCheckboxItem";
 

package/dist/components/menu/menu-checkbox-item.d.cts

@@ -1,12 +1,11 @@
 import { OptionItemProps } from '@zag-js/menu';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 type PartialOptionItemProps = Omit<OptionItemProps, 'type'>;
-export interface MenuCheckboxItemBaseProps extends PartialOptionItemProps {
+export interface MenuCheckboxItemBaseProps extends PartialOptionItemProps, PolymorphicProps {
 }
-export interface MenuCheckboxItemProps extends Assign<HTMLArkProps<'div'>, MenuCheckboxItemBaseProps> {
+export interface MenuCheckboxItemProps extends HTMLProps<'div'>, MenuCheckboxItemBaseProps {
 }
 export declare const MenuCheckboxItem: ForwardRefExoticComponent<MenuCheckboxItemProps & RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/menu/menu-checkbox-item.d.ts

@@ -1,12 +1,11 @@
 import { OptionItemProps } from '@zag-js/menu';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 type PartialOptionItemProps = Omit<OptionItemProps, 'type'>;
-export interface MenuCheckboxItemBaseProps extends PartialOptionItemProps {
+export interface MenuCheckboxItemBaseProps extends PartialOptionItemProps, PolymorphicProps {
 }
-export interface MenuCheckboxItemProps extends Assign<HTMLArkProps<'div'>, MenuCheckboxItemBaseProps> {
+export interface MenuCheckboxItemProps extends HTMLProps<'div'>, MenuCheckboxItemBaseProps {
 }
 export declare const MenuCheckboxItem: ForwardRefExoticComponent<MenuCheckboxItemProps & RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/menu/menu-checkbox-item.js

@@ -22,9 +22,9 @@ const MenuCheckboxItem = forwardRef((props, ref) => {
     type: "checkbox"
   };
   const menu = useMenuContext();
-  const item = menu.getOptionItemState(optionItemProps);
   const mergedProps = mergeProps(menu.getOptionItemProps(optionItemProps), localProps);
-  return /* @__PURE__ */ jsx(MenuOptionItemPropsProvider, { value: optionItemProps, children: /* @__PURE__ */ jsx(MenuItemProvider, { value: item, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });
+  const optionItemState = menu.getOptionItemState(optionItemProps);
+  return /* @__PURE__ */ jsx(MenuOptionItemPropsProvider, { value: optionItemProps, children: /* @__PURE__ */ jsx(MenuItemProvider, { value: optionItemState, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });
 });
 MenuCheckboxItem.displayName = "MenuCheckboxItem";
 

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type MenuContentBaseProps = {};
-export interface MenuContentProps extends HTMLArkProps<'div'>, MenuContentBaseProps {
+export interface MenuContentBaseProps extends PolymorphicProps {
+}
+export interface MenuContentProps extends HTMLProps<'div'>, MenuContentBaseProps {
 }
 export declare const MenuContent: ForwardRefExoticComponent<MenuContentProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type MenuContentBaseProps = {};
-export interface MenuContentProps extends HTMLArkProps<'div'>, MenuContentBaseProps {
+export interface MenuContentBaseProps extends PolymorphicProps {
+}
+export interface MenuContentProps extends HTMLProps<'div'>, MenuContentBaseProps {
 }
 export declare const MenuContent: ForwardRefExoticComponent<MenuContentProps & RefAttributes<HTMLDivElement>>;

package/dist/components/menu/menu-context-trigger.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type MenuContextTriggerBaseProps = {};
-export interface MenuContextTriggerProps extends HTMLArkProps<'button'>, MenuContextTriggerBaseProps {
+export interface MenuContextTriggerBaseProps extends PolymorphicProps {
+}
+export interface MenuContextTriggerProps extends HTMLProps<'button'>, MenuContextTriggerBaseProps {
 }
 export declare const MenuContextTrigger: ForwardRefExoticComponent<MenuContextTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/menu/menu-context-trigger.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type MenuContextTriggerBaseProps = {};
-export interface MenuContextTriggerProps extends HTMLArkProps<'button'>, MenuContextTriggerBaseProps {
+export interface MenuContextTriggerBaseProps extends PolymorphicProps {
+}
+export interface MenuContextTriggerProps extends HTMLProps<'button'>, MenuContextTriggerBaseProps {
 }
 export declare const MenuContextTrigger: ForwardRefExoticComponent<MenuContextTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/menu/menu-indicator.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type MenuIndicatorBaseProps = {};
-export interface MenuIndicatorProps extends HTMLArkProps<'div'>, MenuIndicatorBaseProps {
+export interface MenuIndicatorBaseProps extends PolymorphicProps {
+}
+export interface MenuIndicatorProps extends HTMLProps<'div'>, MenuIndicatorBaseProps {
 }
 export declare const MenuIndicator: ForwardRefExoticComponent<MenuIndicatorProps & RefAttributes<HTMLDivElement>>;

package/dist/components/menu/menu-indicator.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type MenuIndicatorBaseProps = {};
-export interface MenuIndicatorProps extends HTMLArkProps<'div'>, MenuIndicatorBaseProps {
+export interface MenuIndicatorBaseProps extends PolymorphicProps {
+}
+export interface MenuIndicatorProps extends HTMLProps<'div'>, MenuIndicatorBaseProps {
 }
 export declare const MenuIndicator: ForwardRefExoticComponent<MenuIndicatorProps & RefAttributes<HTMLDivElement>>;

package/dist/components/menu/menu-item-group-label.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type MenuItemGroupLabelBaseProps = {};
-export interface MenuItemGroupLabelProps extends HTMLArkProps<'div'>, MenuItemGroupLabelBaseProps {
+export interface MenuItemGroupLabelBaseProps extends PolymorphicProps {
+}
+export interface MenuItemGroupLabelProps extends HTMLProps<'div'>, MenuItemGroupLabelBaseProps {
 }
 export declare const MenuItemGroupLabel: ForwardRefExoticComponent<MenuItemGroupLabelProps & RefAttributes<HTMLDivElement>>;

package/dist/components/menu/menu-item-group-label.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type MenuItemGroupLabelBaseProps = {};
-export interface MenuItemGroupLabelProps extends HTMLArkProps<'div'>, MenuItemGroupLabelBaseProps {
+export interface MenuItemGroupLabelBaseProps extends PolymorphicProps {
+}
+export interface MenuItemGroupLabelProps extends HTMLProps<'div'>, MenuItemGroupLabelBaseProps {
 }
 export declare const MenuItemGroupLabel: ForwardRefExoticComponent<MenuItemGroupLabelProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,12 +1,12 @@
 import { ItemGroupProps } from '@zag-js/menu';
-import { Assign, Optional } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { Optional } from '../../types';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 type OptionalItemGroupProps = Optional<ItemGroupProps, 'id'>;
-export interface MenuItemGroupBaseProps extends OptionalItemGroupProps {
+export interface MenuItemGroupBaseProps extends OptionalItemGroupProps, PolymorphicProps {
 }
-export interface MenuItemGroupProps extends Assign<HTMLArkProps<'div'>, MenuItemGroupBaseProps> {
+export interface MenuItemGroupProps extends HTMLProps<'div'>, MenuItemGroupBaseProps {
 }
 export declare const MenuItemGroup: ForwardRefExoticComponent<MenuItemGroupProps & RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -1,12 +1,12 @@
 import { ItemGroupProps } from '@zag-js/menu';
-import { Assign, Optional } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { Optional } from '../../types';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 type OptionalItemGroupProps = Optional<ItemGroupProps, 'id'>;
-export interface MenuItemGroupBaseProps extends OptionalItemGroupProps {
+export interface MenuItemGroupBaseProps extends OptionalItemGroupProps, PolymorphicProps {
 }
-export interface MenuItemGroupProps extends Assign<HTMLArkProps<'div'>, MenuItemGroupBaseProps> {
+export interface MenuItemGroupProps extends HTMLProps<'div'>, MenuItemGroupBaseProps {
 }
 export declare const MenuItemGroup: ForwardRefExoticComponent<MenuItemGroupProps & RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/menu/menu-item-indicator.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type MenuItemIndicatorBaseProps = {};
-export interface MenuItemIndicatorProps extends HTMLArkProps<'div'>, MenuItemIndicatorBaseProps {
+export interface MenuItemIndicatorBaseProps extends PolymorphicProps {
+}
+export interface MenuItemIndicatorProps extends HTMLProps<'div'>, MenuItemIndicatorBaseProps {
 }
 export declare const MenuItemIndicator: ForwardRefExoticComponent<MenuItemIndicatorProps & RefAttributes<HTMLDivElement>>;

package/dist/components/menu/menu-item-indicator.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type MenuItemIndicatorBaseProps = {};
-export interface MenuItemIndicatorProps extends HTMLArkProps<'div'>, MenuItemIndicatorBaseProps {
+export interface MenuItemIndicatorBaseProps extends PolymorphicProps {
+}
+export interface MenuItemIndicatorProps extends HTMLProps<'div'>, MenuItemIndicatorBaseProps {
 }
 export declare const MenuItemIndicator: ForwardRefExoticComponent<MenuItemIndicatorProps & RefAttributes<HTMLDivElement>>;

package/dist/components/menu/menu-item-text.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type MenuItemTextBaseProps = {};
-export interface MenuItemTextProps extends HTMLArkProps<'div'>, MenuItemTextBaseProps {
+export interface MenuItemTextBaseProps extends PolymorphicProps {
+}
+export interface MenuItemTextProps extends HTMLProps<'div'>, MenuItemTextBaseProps {
 }
 export declare const MenuItemText: ForwardRefExoticComponent<MenuItemTextProps & RefAttributes<HTMLDivElement>>;

package/dist/components/menu/menu-item-text.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type MenuItemTextBaseProps = {};
-export interface MenuItemTextProps extends HTMLArkProps<'div'>, MenuItemTextBaseProps {
+export interface MenuItemTextBaseProps extends PolymorphicProps {
+}
+export interface MenuItemTextProps extends HTMLProps<'div'>, MenuItemTextBaseProps {
 }
 export declare const MenuItemText: ForwardRefExoticComponent<MenuItemTextProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,10 +1,9 @@
 import { ItemProps } from '@zag-js/menu';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface MenuItemBaseProps extends ItemProps {
+export interface MenuItemBaseProps extends ItemProps, PolymorphicProps {
 }
-export interface MenuItemProps extends Assign<HTMLArkProps<'div'>, MenuItemBaseProps> {
+export interface MenuItemProps extends HTMLProps<'div'>, MenuItemBaseProps {
 }
 export declare const MenuItem: ForwardRefExoticComponent<MenuItemProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,10 +1,9 @@
 import { ItemProps } from '@zag-js/menu';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface MenuItemBaseProps extends ItemProps {
+export interface MenuItemBaseProps extends ItemProps, PolymorphicProps {
 }
-export interface MenuItemProps extends Assign<HTMLArkProps<'div'>, MenuItemBaseProps> {
+export interface MenuItemProps extends HTMLProps<'div'>, MenuItemBaseProps {
 }
 export declare const MenuItem: ForwardRefExoticComponent<MenuItemProps & RefAttributes<HTMLDivElement>>;

package/dist/components/menu/menu-positioner.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type MenuPositionerBaseProps = {};
-export interface MenuPositionerProps extends HTMLArkProps<'div'>, MenuPositionerBaseProps {
+export interface MenuPositionerBaseProps extends PolymorphicProps {
+}
+export interface MenuPositionerProps extends HTMLProps<'div'>, MenuPositionerBaseProps {
 }
 export declare const MenuPositioner: ForwardRefExoticComponent<MenuPositionerProps & RefAttributes<HTMLDivElement>>;

package/dist/components/menu/menu-positioner.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type MenuPositionerBaseProps = {};
-export interface MenuPositionerProps extends HTMLArkProps<'div'>, MenuPositionerBaseProps {
+export interface MenuPositionerBaseProps extends PolymorphicProps {
+}
+export interface MenuPositionerProps extends HTMLProps<'div'>, MenuPositionerBaseProps {
 }
 export declare const MenuPositioner: ForwardRefExoticComponent<MenuPositionerProps & RefAttributes<HTMLDivElement>>;

package/dist/components/menu/menu-radio-item-group.d.cts

@@ -1,12 +1,12 @@
-import { Assign, Optional } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { Optional } from '../../types';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseMenuItemGroupContext } from './use-menu-item-group-context';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 type OptionalUseMenuItemGroupContext = Optional<UseMenuItemGroupContext, 'id'>;
-export interface MenuRadioItemGroupBaseProps extends OptionalUseMenuItemGroupContext {
+export interface MenuRadioItemGroupBaseProps extends OptionalUseMenuItemGroupContext, PolymorphicProps {
 }
-export interface MenuRadioItemGroupProps extends Assign<HTMLArkProps<'div'>, MenuRadioItemGroupBaseProps> {
+export interface MenuRadioItemGroupProps extends HTMLProps<'div'>, MenuRadioItemGroupBaseProps {
 }
 export declare const MenuRadioItemGroup: ForwardRefExoticComponent<MenuRadioItemGroupProps & RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/menu/menu-radio-item-group.d.ts

@@ -1,12 +1,12 @@
-import { Assign, Optional } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { Optional } from '../../types';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseMenuItemGroupContext } from './use-menu-item-group-context';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 type OptionalUseMenuItemGroupContext = Optional<UseMenuItemGroupContext, 'id'>;
-export interface MenuRadioItemGroupBaseProps extends OptionalUseMenuItemGroupContext {
+export interface MenuRadioItemGroupBaseProps extends OptionalUseMenuItemGroupContext, PolymorphicProps {
 }
-export interface MenuRadioItemGroupProps extends Assign<HTMLArkProps<'div'>, MenuRadioItemGroupBaseProps> {
+export interface MenuRadioItemGroupProps extends HTMLProps<'div'>, MenuRadioItemGroupBaseProps {
 }
 export declare const MenuRadioItemGroup: ForwardRefExoticComponent<MenuRadioItemGroupProps & RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/menu/menu-radio-item.cjs

@@ -29,8 +29,8 @@ const MenuRadioItem = react.forwardRef((props, ref) => {
     onCheckedChange: () => itemGroup.onValueChange?.({ value: partialItemProps.value })
   };
   const mergedProps = react$1.mergeProps(menu.getOptionItemProps(optionItemProps), localProps);
-  const itemState = menu.getItemState(optionItemProps);
-  return /* @__PURE__ */ jsxRuntime.jsx(useMenuOptionItemPropsContext.MenuOptionItemPropsProvider, { value: optionItemProps, children: /* @__PURE__ */ jsxRuntime.jsx(useMenuItemContext.MenuItemProvider, { value: itemState, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) }) });
+  const optionItemState = menu.getOptionItemState(optionItemProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useMenuOptionItemPropsContext.MenuOptionItemPropsProvider, { value: optionItemProps, children: /* @__PURE__ */ jsxRuntime.jsx(useMenuItemContext.MenuItemProvider, { value: optionItemState, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) }) });
 });
 MenuRadioItem.displayName = "MenuRadioItem";
 

package/dist/components/menu/menu-radio-item.d.cts

@@ -1,12 +1,11 @@
 import { OptionItemProps } from '@zag-js/menu';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 type PartialOptionItemProps = Omit<OptionItemProps, 'type' | 'checked' | 'onCheckedChange'>;
-export interface MenuRadioItemBaseProps extends PartialOptionItemProps {
+export interface MenuRadioItemBaseProps extends PartialOptionItemProps, PolymorphicProps {
 }
-export interface MenuRadioItemProps extends Assign<HTMLArkProps<'div'>, MenuRadioItemBaseProps> {
+export interface MenuRadioItemProps extends HTMLProps<'div'>, MenuRadioItemBaseProps {
 }
 export declare const MenuRadioItem: ForwardRefExoticComponent<MenuRadioItemProps & RefAttributes<HTMLDivElement>>;
 export {};