@ark-ui/react 3.4.0-0 → 3.4.0-1

package/dist/components/file-upload/file-upload-item-preview.d.ts

@@ -1,13 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface FileUploadItemPreviewBaseProps {
+export interface FileUploadItemPreviewBaseProps extends PolymorphicProps {
     /**
      * The file type to match against. Matches all file types by default.
      * @default '.*'
      */
     type?: string;
 }
-export interface FileUploadItemPreviewProps extends HTMLArkProps<'div'>, FileUploadItemPreviewBaseProps {
+export interface FileUploadItemPreviewProps extends HTMLProps<'div'>, FileUploadItemPreviewBaseProps {
 }
 export declare const FileUploadItemPreview: ForwardRefExoticComponent<FileUploadItemPreviewProps & RefAttributes<HTMLImageElement>>;

package/dist/components/file-upload/file-upload-item-preview.js

@@ -11,8 +11,7 @@ const FileUploadItemPreview = forwardRef(
     const fileUpload = useFileUploadContext();
     const itemProps = useFileUploadItemPropsContext();
     const mergedProps = mergeProps(fileUpload.getItemPreviewProps(itemProps), props);
-    if (!itemProps.file.type.match(props.type ?? ".*"))
-      return null;
+    if (!itemProps.file.type.match(props.type ?? ".*")) return null;
     return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
   }
 );

package/dist/components/file-upload/file-upload-item-size-text.d.cts

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

package/dist/components/file-upload/file-upload-item-size-text.d.ts

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

package/dist/components/file-upload/file-upload-item.d.cts

@@ -1,10 +1,9 @@
 import { ItemProps } from '@zag-js/file-upload';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface FileUploadItemBaseProps extends ItemProps {
+export interface FileUploadItemBaseProps extends ItemProps, PolymorphicProps {
 }
-export interface FileUploadItemProps extends Assign<HTMLArkProps<'ul'>, FileUploadItemBaseProps> {
+export interface FileUploadItemProps extends HTMLProps<'li'>, FileUploadItemBaseProps {
 }
 export declare const FileUploadItem: ForwardRefExoticComponent<FileUploadItemProps & RefAttributes<HTMLLIElement>>;

package/dist/components/file-upload/file-upload-item.d.ts

@@ -1,10 +1,9 @@
 import { ItemProps } from '@zag-js/file-upload';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface FileUploadItemBaseProps extends ItemProps {
+export interface FileUploadItemBaseProps extends ItemProps, PolymorphicProps {
 }
-export interface FileUploadItemProps extends Assign<HTMLArkProps<'ul'>, FileUploadItemBaseProps> {
+export interface FileUploadItemProps extends HTMLProps<'li'>, FileUploadItemBaseProps {
 }
 export declare const FileUploadItem: ForwardRefExoticComponent<FileUploadItemProps & RefAttributes<HTMLLIElement>>;

package/dist/components/file-upload/file-upload-label.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type FileUploadLabelBaseProps = {};
-export interface FileUploadLabelProps extends HTMLArkProps<'label'>, FileUploadLabelBaseProps {
+export interface FileUploadLabelBaseProps extends PolymorphicProps {
+}
+export interface FileUploadLabelProps extends HTMLProps<'label'>, FileUploadLabelBaseProps {
 }
 export declare const FileUploadLabel: ForwardRefExoticComponent<FileUploadLabelProps & RefAttributes<HTMLLabelElement>>;

package/dist/components/file-upload/file-upload-label.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type FileUploadLabelBaseProps = {};
-export interface FileUploadLabelProps extends HTMLArkProps<'label'>, FileUploadLabelBaseProps {
+export interface FileUploadLabelBaseProps extends PolymorphicProps {
+}
+export interface FileUploadLabelProps extends HTMLProps<'label'>, FileUploadLabelBaseProps {
 }
 export declare const FileUploadLabel: ForwardRefExoticComponent<FileUploadLabelProps & RefAttributes<HTMLLabelElement>>;

package/dist/components/file-upload/file-upload-root-provider.d.cts

@@ -1,13 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseFileUploadReturn } from './use-file-upload';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 interface RootProviderProps {
     value: UseFileUploadReturn;
 }
-export interface FileUploadRootProviderBaseProps extends RootProviderProps {
+export interface FileUploadRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
 }
-export interface FileUploadRootProviderProps extends HTMLArkProps<'div'>, FileUploadRootProviderBaseProps {
+export interface FileUploadRootProviderProps extends HTMLProps<'div'>, FileUploadRootProviderBaseProps {
 }
 export declare const FileUploadRootProvider: ForwardRefExoticComponent<FileUploadRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/file-upload/file-upload-root-provider.d.ts

@@ -1,13 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseFileUploadReturn } from './use-file-upload';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 interface RootProviderProps {
     value: UseFileUploadReturn;
 }
-export interface FileUploadRootProviderBaseProps extends RootProviderProps {
+export interface FileUploadRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
 }
-export interface FileUploadRootProviderProps extends HTMLArkProps<'div'>, FileUploadRootProviderBaseProps {
+export interface FileUploadRootProviderProps extends HTMLProps<'div'>, FileUploadRootProviderBaseProps {
 }
 export declare const FileUploadRootProvider: ForwardRefExoticComponent<FileUploadRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/file-upload/file-upload-root.d.cts

@@ -1,10 +1,9 @@
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseFileUploadProps } from './use-file-upload';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface FileUploadRootBaseProps extends UseFileUploadProps {
+export interface FileUploadRootBaseProps extends UseFileUploadProps, PolymorphicProps {
 }
-export interface FileUploadRootProps extends Assign<HTMLArkProps<'div'>, FileUploadRootBaseProps> {
+export interface FileUploadRootProps extends HTMLProps<'div'>, FileUploadRootBaseProps {
 }
 export declare const FileUploadRoot: ForwardRefExoticComponent<FileUploadRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/file-upload/file-upload-root.d.ts

@@ -1,10 +1,9 @@
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseFileUploadProps } from './use-file-upload';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface FileUploadRootBaseProps extends UseFileUploadProps {
+export interface FileUploadRootBaseProps extends UseFileUploadProps, PolymorphicProps {
 }
-export interface FileUploadRootProps extends Assign<HTMLArkProps<'div'>, FileUploadRootBaseProps> {
+export interface FileUploadRootProps extends HTMLProps<'div'>, FileUploadRootBaseProps {
 }
 export declare const FileUploadRoot: ForwardRefExoticComponent<FileUploadRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/file-upload/file-upload-trigger.d.cts

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

package/dist/components/file-upload/file-upload-trigger.d.ts

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

package/dist/components/hover-card/hover-card-arrow-tip.d.cts

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

package/dist/components/hover-card/hover-card-arrow-tip.d.ts

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

package/dist/components/hover-card/hover-card-arrow.d.cts

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

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

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

package/dist/components/hover-card/hover-card-content.d.cts

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

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

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

package/dist/components/hover-card/hover-card-positioner.d.cts

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

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

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

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

@@ -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/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');
@@ -563,8 +566,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 +587,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;

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';

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.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-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 {};