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

package/dist/components/color-picker/color-picker-hidden-input.cjs

@@ -2,8 +2,8 @@
 const require_factory = require("../factory.cjs");
 const require_use_field_context = require("../field/use-field-context.cjs");
 const require_use_color_picker_context = require("./use-color-picker-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/color-picker/color-picker-hidden-input.tsx
 var ColorPickerHiddenInput = (0, react.forwardRef)((props, ref) => {

package/dist/components/color-picker/color-picker-hidden-input.js

@@ -2,8 +2,8 @@
 import { ark } from "../factory.js";
 import { useFieldContext } from "../field/use-field-context.js";
 import { useColorPickerContext } from "./use-color-picker-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/color-picker/color-picker-hidden-input.tsx
 var ColorPickerHiddenInput = forwardRef((props, ref) => {

package/dist/components/color-picker/color-picker-label.cjs

@@ -1,8 +1,8 @@
 "use client";
 const require_factory = require("../factory.cjs");
 const require_use_color_picker_context = require("./use-color-picker-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/color-picker/color-picker-label.tsx
 var ColorPickerLabel = (0, react.forwardRef)((props, ref) => {

package/dist/components/color-picker/color-picker-label.js

@@ -1,8 +1,8 @@
 "use client";
 import { ark } from "../factory.js";
 import { useColorPickerContext } from "./use-color-picker-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/color-picker/color-picker-label.tsx
 var ColorPickerLabel = forwardRef((props, ref) => {

package/dist/components/color-picker/color-picker-positioner.cjs

@@ -2,8 +2,8 @@
 const require_factory = require("../factory.cjs");
 const require_use_presence_context = require("../presence/use-presence-context.cjs");
 const require_use_color_picker_context = require("./use-color-picker-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/color-picker/color-picker-positioner.tsx
 var ColorPickerPositioner = (0, react.forwardRef)((props, ref) => {

package/dist/components/color-picker/color-picker-positioner.js

@@ -2,8 +2,8 @@
 import { ark } from "../factory.js";
 import { usePresenceContext } from "../presence/use-presence-context.js";
 import { useColorPickerContext } from "./use-color-picker-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/color-picker/color-picker-positioner.tsx
 var ColorPickerPositioner = forwardRef((props, ref) => {

package/dist/components/color-picker/color-picker-root-provider.cjs

@@ -1,12 +1,12 @@
 "use client";
-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_split_presence_props = require("../presence/split-presence-props.cjs");
 const require_use_presence = require("../presence/use-presence.cjs");
 const require_use_presence_context = require("../presence/use-presence-context.cjs");
 const require_use_color_picker_context = require("./use-color-picker-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/color-picker/color-picker-root-provider.tsx
 var splitRootProviderProps = require_create_split_props.createSplitProps();
@@ -21,7 +21,8 @@ var ColorPickerRootProvider = (0, react.forwardRef)((props, ref) => {
 			value: presence,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 				...mergedProps,
-				ref
+				ref,
+				state: colorPicker.getRootState()
 			})
 		})
 	});

package/dist/components/color-picker/color-picker-root-provider.d.cts

@@ -1,11 +1,14 @@
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { UsePresenceProps } from '../presence/index.js';
 import { UseColorPickerReturn } from './use-color-picker.js';
+import { RootState } from '@zag-js/color-picker';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 interface RootProviderProps {
     value: UseColorPickerReturn;
 }
-export interface ColorPickerRootProviderBaseProps extends RootProviderProps, UsePresenceProps, PolymorphicProps {
+export interface ColorPickerRootProviderState extends RootState {
+}
+export interface ColorPickerRootProviderBaseProps extends RootProviderProps, UsePresenceProps, PolymorphicProps<ColorPickerRootProviderState> {
 }
 export interface ColorPickerRootProviderProps extends HTMLProps<'div'>, ColorPickerRootProviderBaseProps {
 }

package/dist/components/color-picker/color-picker-root-provider.d.ts

@@ -1,11 +1,14 @@
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { UsePresenceProps } from '../presence/index.js';
 import { UseColorPickerReturn } from './use-color-picker.js';
+import { RootState } from '@zag-js/color-picker';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 interface RootProviderProps {
     value: UseColorPickerReturn;
 }
-export interface ColorPickerRootProviderBaseProps extends RootProviderProps, UsePresenceProps, PolymorphicProps {
+export interface ColorPickerRootProviderState extends RootState {
+}
+export interface ColorPickerRootProviderBaseProps extends RootProviderProps, UsePresenceProps, PolymorphicProps<ColorPickerRootProviderState> {
 }
 export interface ColorPickerRootProviderProps extends HTMLProps<'div'>, ColorPickerRootProviderBaseProps {
 }

package/dist/components/color-picker/color-picker-root-provider.js

@@ -1,12 +1,12 @@
 "use client";
-import { createSplitProps } from "../../utils/create-split-props.js";
 import { ark } from "../factory.js";
+import { createSplitProps } from "../../utils/create-split-props.js";
 import { splitPresenceProps } from "../presence/split-presence-props.js";
 import { usePresence } from "../presence/use-presence.js";
 import { PresenceProvider } from "../presence/use-presence-context.js";
 import { ColorPickerProvider } from "./use-color-picker-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/color-picker/color-picker-root-provider.tsx
 var splitRootProviderProps = createSplitProps();
@@ -21,7 +21,8 @@ var ColorPickerRootProvider = forwardRef((props, ref) => {
 			value: presence,
 			children: /* @__PURE__ */ jsx(ark.div, {
 				...mergedProps,
-				ref
+				ref,
+				state: colorPicker.getRootState()
 			})
 		})
 	});

package/dist/components/color-picker/color-picker-root.cjs

@@ -1,13 +1,13 @@
 "use client";
-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_split_presence_props = require("../presence/split-presence-props.cjs");
 const require_use_presence = require("../presence/use-presence.cjs");
 const require_use_presence_context = require("../presence/use-presence-context.cjs");
 const require_use_color_picker_context = require("./use-color-picker-context.cjs");
 const require_use_color_picker = require("./use-color-picker.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/color-picker/color-picker-root.tsx
 var splitRootProps = require_create_split_props.createSplitProps();
@@ -50,7 +50,8 @@ var ColorPickerRoot = (0, react.forwardRef)((props, ref) => {
 			value: presence,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 				...mergedProps,
-				ref
+				ref,
+				state: colorPicker.getRootState()
 			})
 		})
 	});

package/dist/components/color-picker/color-picker-root.d.cts

@@ -2,8 +2,11 @@ import { Assign } from '../../types.js';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { UsePresenceProps } from '../presence/index.js';
 import { UseColorPickerProps } from './use-color-picker.js';
+import { RootState } from '@zag-js/color-picker';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface ColorPickerRootBaseProps extends UseColorPickerProps, UsePresenceProps, PolymorphicProps {
+export interface ColorPickerRootState extends RootState {
+}
+export interface ColorPickerRootBaseProps extends UseColorPickerProps, UsePresenceProps, PolymorphicProps<ColorPickerRootState> {
 }
 export interface ColorPickerRootProps extends Assign<HTMLProps<'div'>, ColorPickerRootBaseProps> {
 }

package/dist/components/color-picker/color-picker-root.d.ts

@@ -2,8 +2,11 @@ import { Assign } from '../../types.js';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { UsePresenceProps } from '../presence/index.js';
 import { UseColorPickerProps } from './use-color-picker.js';
+import { RootState } from '@zag-js/color-picker';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface ColorPickerRootBaseProps extends UseColorPickerProps, UsePresenceProps, PolymorphicProps {
+export interface ColorPickerRootState extends RootState {
+}
+export interface ColorPickerRootBaseProps extends UseColorPickerProps, UsePresenceProps, PolymorphicProps<ColorPickerRootState> {
 }
 export interface ColorPickerRootProps extends Assign<HTMLProps<'div'>, ColorPickerRootBaseProps> {
 }

package/dist/components/color-picker/color-picker-root.js

@@ -1,13 +1,13 @@
 "use client";
-import { createSplitProps } from "../../utils/create-split-props.js";
 import { ark } from "../factory.js";
+import { createSplitProps } from "../../utils/create-split-props.js";
 import { splitPresenceProps } from "../presence/split-presence-props.js";
 import { usePresence } from "../presence/use-presence.js";
 import { PresenceProvider } from "../presence/use-presence-context.js";
 import { ColorPickerProvider } from "./use-color-picker-context.js";
 import { useColorPicker } from "./use-color-picker.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/color-picker/color-picker-root.tsx
 var splitRootProps = createSplitProps();
@@ -50,7 +50,8 @@ var ColorPickerRoot = forwardRef((props, ref) => {
 			value: presence,
 			children: /* @__PURE__ */ jsx(ark.div, {
 				...mergedProps,
-				ref
+				ref,
+				state: colorPicker.getRootState()
 			})
 		})
 	});

package/dist/components/color-picker/color-picker-swatch-group.cjs

@@ -1,8 +1,8 @@
 "use client";
 const require_factory = require("../factory.cjs");
 const require_use_color_picker_context = require("./use-color-picker-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/color-picker/color-picker-swatch-group.tsx
 var ColorPickerSwatchGroup = (0, react.forwardRef)((props, ref) => {

package/dist/components/color-picker/color-picker-swatch-group.js

@@ -1,8 +1,8 @@
 "use client";
 import { ark } from "../factory.js";
 import { useColorPickerContext } from "./use-color-picker-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/color-picker/color-picker-swatch-group.tsx
 var ColorPickerSwatchGroup = forwardRef((props, ref) => {

package/dist/components/color-picker/color-picker-swatch-indicator.cjs

@@ -2,8 +2,8 @@
 const require_factory = require("../factory.cjs");
 const require_use_color_picker_context = require("./use-color-picker-context.cjs");
 const require_use_color_picker_swatch_props_context = require("./use-color-picker-swatch-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/color-picker/color-picker-swatch-indicator.tsx
 var ColorPickerSwatchIndicator = (0, react.forwardRef)((props, ref) => {

package/dist/components/color-picker/color-picker-swatch-indicator.js

@@ -2,8 +2,8 @@
 import { ark } from "../factory.js";
 import { useColorPickerContext } from "./use-color-picker-context.js";
 import { useColorPickerSwatchPropsContext } from "./use-color-picker-swatch-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/color-picker/color-picker-swatch-indicator.tsx
 var ColorPickerSwatchIndicator = forwardRef((props, ref) => {

package/dist/components/color-picker/color-picker-swatch-trigger.cjs

@@ -1,9 +1,9 @@
 "use client";
-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_color_picker_context = require("./use-color-picker-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/color-picker/color-picker-swatch-trigger.tsx
 var splitSwatchTriggerProps = require_create_split_props.createSplitProps();
@@ -13,7 +13,8 @@ var ColorPickerSwatchTrigger = (0, react.forwardRef)((props, ref) => {
 	const mergedProps = (0, _zag_js_react.mergeProps)(colorPicker.getSwatchTriggerProps(triggerProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
-		ref
+		ref,
+		state: colorPicker.getSwatchTriggerState(triggerProps)
 	});
 });
 ColorPickerSwatchTrigger.displayName = "ColorPickerSwatchTrigger";

package/dist/components/color-picker/color-picker-swatch-trigger.d.cts

@@ -1,8 +1,10 @@
-import { SwatchTriggerProps } from '@zag-js/color-picker';
+import { SwatchTriggerProps, SwatchTriggerState } from '@zag-js/color-picker';
 import { Assign } from '../../types.js';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface ColorPickerSwatchTriggerBaseProps extends SwatchTriggerProps, PolymorphicProps {
+export interface ColorPickerSwatchTriggerState extends SwatchTriggerState {
+}
+export interface ColorPickerSwatchTriggerBaseProps extends SwatchTriggerProps, PolymorphicProps<ColorPickerSwatchTriggerState> {
 }
 export interface ColorPickerSwatchTriggerProps extends Assign<HTMLProps<'button'>, ColorPickerSwatchTriggerBaseProps> {
 }

package/dist/components/color-picker/color-picker-swatch-trigger.d.ts

@@ -1,8 +1,10 @@
-import { SwatchTriggerProps } from '@zag-js/color-picker';
+import { SwatchTriggerProps, SwatchTriggerState } from '@zag-js/color-picker';
 import { Assign } from '../../types.js';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface ColorPickerSwatchTriggerBaseProps extends SwatchTriggerProps, PolymorphicProps {
+export interface ColorPickerSwatchTriggerState extends SwatchTriggerState {
+}
+export interface ColorPickerSwatchTriggerBaseProps extends SwatchTriggerProps, PolymorphicProps<ColorPickerSwatchTriggerState> {
 }
 export interface ColorPickerSwatchTriggerProps extends Assign<HTMLProps<'button'>, ColorPickerSwatchTriggerBaseProps> {
 }

package/dist/components/color-picker/color-picker-swatch-trigger.js

@@ -1,9 +1,9 @@
 "use client";
-import { createSplitProps } from "../../utils/create-split-props.js";
 import { ark } from "../factory.js";
+import { createSplitProps } from "../../utils/create-split-props.js";
 import { useColorPickerContext } from "./use-color-picker-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/color-picker/color-picker-swatch-trigger.tsx
 var splitSwatchTriggerProps = createSplitProps();
@@ -13,7 +13,8 @@ var ColorPickerSwatchTrigger = forwardRef((props, ref) => {
 	const mergedProps = mergeProps(colorPicker.getSwatchTriggerProps(triggerProps), localProps);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
-		ref
+		ref,
+		state: colorPicker.getSwatchTriggerState(triggerProps)
 	});
 });
 ColorPickerSwatchTrigger.displayName = "ColorPickerSwatchTrigger";

package/dist/components/color-picker/color-picker-swatch.cjs

@@ -1,10 +1,10 @@
 "use client";
-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_color_picker_context = require("./use-color-picker-context.cjs");
 const require_use_color_picker_swatch_props_context = require("./use-color-picker-swatch-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/color-picker/color-picker-swatch.tsx
 var splitSwatchProps = require_create_split_props.createSplitProps();

package/dist/components/color-picker/color-picker-swatch.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 { useColorPickerContext } from "./use-color-picker-context.js";
 import { ColorPickerSwatchPropsProvider } from "./use-color-picker-swatch-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/color-picker/color-picker-swatch.tsx
 var splitSwatchProps = createSplitProps();

package/dist/components/color-picker/color-picker-transparency-grid.cjs

@@ -1,9 +1,9 @@
 "use client";
-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_color_picker_context = require("./use-color-picker-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/color-picker/color-picker-transparency-grid.tsx
 var splitTransparencyGridProps = require_create_split_props.createSplitProps();

package/dist/components/color-picker/color-picker-transparency-grid.js

@@ -1,9 +1,9 @@
 "use client";
-import { createSplitProps } from "../../utils/create-split-props.js";
 import { ark } from "../factory.js";
+import { createSplitProps } from "../../utils/create-split-props.js";
 import { useColorPickerContext } from "./use-color-picker-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/color-picker/color-picker-transparency-grid.tsx
 var splitTransparencyGridProps = createSplitProps();

package/dist/components/color-picker/color-picker-trigger.cjs

@@ -1,8 +1,8 @@
 "use client";
 const require_factory = require("../factory.cjs");
 const require_use_color_picker_context = require("./use-color-picker-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/color-picker/color-picker-trigger.tsx
 var ColorPickerTrigger = (0, react.forwardRef)((props, ref) => {
@@ -10,7 +10,8 @@ var ColorPickerTrigger = (0, react.forwardRef)((props, ref) => {
 	const mergedProps = (0, _zag_js_react.mergeProps)(colorPicker.getTriggerProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
-		ref
+		ref,
+		state: colorPicker.getTriggerState()
 	});
 });
 ColorPickerTrigger.displayName = "ColorPickerTrigger";

package/dist/components/color-picker/color-picker-trigger.d.cts

@@ -1,6 +1,9 @@
 import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { TriggerState } from '@zag-js/color-picker';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface ColorPickerTriggerBaseProps extends PolymorphicProps {
+export interface ColorPickerTriggerState extends TriggerState {
+}
+export interface ColorPickerTriggerBaseProps extends PolymorphicProps<ColorPickerTriggerState> {
 }
 export interface ColorPickerTriggerProps extends HTMLProps<'button'>, ColorPickerTriggerBaseProps {
 }

package/dist/components/color-picker/color-picker-trigger.d.ts

@@ -1,6 +1,9 @@
 import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { TriggerState } from '@zag-js/color-picker';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface ColorPickerTriggerBaseProps extends PolymorphicProps {
+export interface ColorPickerTriggerState extends TriggerState {
+}
+export interface ColorPickerTriggerBaseProps extends PolymorphicProps<ColorPickerTriggerState> {
 }
 export interface ColorPickerTriggerProps extends HTMLProps<'button'>, ColorPickerTriggerBaseProps {
 }

package/dist/components/color-picker/color-picker-trigger.js

@@ -1,8 +1,8 @@
 "use client";
 import { ark } from "../factory.js";
 import { useColorPickerContext } from "./use-color-picker-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/color-picker/color-picker-trigger.tsx
 var ColorPickerTrigger = forwardRef((props, ref) => {
@@ -10,7 +10,8 @@ var ColorPickerTrigger = forwardRef((props, ref) => {
 	const mergedProps = mergeProps(colorPicker.getTriggerProps(), props);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
-		ref
+		ref,
+		state: colorPicker.getTriggerState()
 	});
 });
 ColorPickerTrigger.displayName = "ColorPickerTrigger";

package/dist/components/color-picker/color-picker-value-swatch.cjs

@@ -1,10 +1,10 @@
 "use client";
-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_color_picker_context = require("./use-color-picker-context.cjs");
 const require_use_color_picker_swatch_props_context = require("./use-color-picker-swatch-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/color-picker/color-picker-value-swatch.tsx
 var splitValueSwatchProps = require_create_split_props.createSplitProps();

package/dist/components/color-picker/color-picker-value-swatch.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 { useColorPickerContext } from "./use-color-picker-context.js";
 import { ColorPickerSwatchPropsProvider } from "./use-color-picker-swatch-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/color-picker/color-picker-value-swatch.tsx
 var splitValueSwatchProps = createSplitProps();

package/dist/components/color-picker/color-picker-value-text.cjs

@@ -1,8 +1,8 @@
 "use client";
 const require_factory = require("../factory.cjs");
 const require_use_color_picker_context = require("./use-color-picker-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/color-picker/color-picker-value-text.tsx
 var ColorPickerValueText = (0, react.forwardRef)((props, ref) => {

package/dist/components/color-picker/color-picker-value-text.js

@@ -1,8 +1,8 @@
 "use client";
 import { ark } from "../factory.js";
 import { useColorPickerContext } from "./use-color-picker-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/color-picker/color-picker-value-text.tsx
 var ColorPickerValueText = forwardRef((props, ref) => {

package/dist/components/color-picker/color-picker-view.cjs

@@ -1,7 +1,7 @@
 "use client";
 const require_color_picker_anatomy = require("./color-picker.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_color_picker_context = require("./use-color-picker-context.cjs");
 const require_use_color_picker_format_context = require("./use-color-picker-format-context.cjs");
 let react = require("react");

package/dist/components/color-picker/color-picker-view.js

@@ -1,7 +1,7 @@
 "use client";
 import { colorPickerAnatomy } from "./color-picker.anatomy.js";
-import { createSplitProps } from "../../utils/create-split-props.js";
 import { ark } from "../factory.js";
+import { createSplitProps } from "../../utils/create-split-props.js";
 import { useColorPickerContext } from "./use-color-picker-context.js";
 import { ColorPickerFormatPropsProvider } from "./use-color-picker-format-context.js";
 import { forwardRef } from "react";

package/dist/components/color-picker/color-picker.anatomy.d.cts

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const colorPickerAnatomy: AnatomyInstance<"root" | "control" | "label" | "trigger" | "positioner" | "content" | "area" | "areaThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect" | "view">;
+export declare const colorPickerAnatomy: AnatomyInstance<"root" | "control" | "label" | "trigger" | "positioner" | "content" | "area" | "areaThumb" | "gamutOverlay" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect" | "view">;

package/dist/components/color-picker/color-picker.anatomy.d.ts

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const colorPickerAnatomy: AnatomyInstance<"root" | "control" | "label" | "trigger" | "positioner" | "content" | "area" | "areaThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect" | "view">;
+export declare const colorPickerAnatomy: AnatomyInstance<"root" | "control" | "label" | "trigger" | "positioner" | "content" | "area" | "areaThumb" | "gamutOverlay" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect" | "view">;

package/dist/components/color-picker/color-picker.d.cts

@@ -8,7 +8,7 @@ export { ColorPickerChannelSliderLabel as ChannelSliderLabel, type ColorPickerCh
 export { ColorPickerChannelSliderThumb as ChannelSliderThumb, type ColorPickerChannelSliderThumbBaseProps as ChannelSliderThumbBaseProps, type ColorPickerChannelSliderThumbProps as ChannelSliderThumbProps, } from './color-picker-channel-slider-thumb.js';
 export { ColorPickerChannelSliderTrack as ChannelSliderTrack, type ColorPickerChannelSliderTrackBaseProps as ChannelSliderTrackBaseProps, type ColorPickerChannelSliderTrackProps as ChannelSliderTrackProps, } from './color-picker-channel-slider-track.js';
 export { ColorPickerChannelSliderValueText as ChannelSliderValueText, type ColorPickerChannelSliderValueTextBaseProps as ChannelSliderValueTextBaseProps, type ColorPickerChannelSliderValueTextProps as ChannelSliderValueTextProps, } from './color-picker-channel-slider-value-text.js';
-export { ColorPickerContent as Content, type ColorPickerContentBaseProps as ContentBaseProps, type ColorPickerContentProps as ContentProps, } from './color-picker-content.js';
+export { ColorPickerContent as Content, type ColorPickerContentBaseProps as ContentBaseProps, type ColorPickerContentProps as ContentProps, type ColorPickerContentState as ContentState, } from './color-picker-content.js';
 export { ColorPickerContext as Context, type ColorPickerContextProps as ContextProps } from './color-picker-context.js';
 export { ColorPickerControl as Control, type ColorPickerControlBaseProps as ControlBaseProps, type ColorPickerControlProps as ControlProps, } from './color-picker-control.js';
 export { ColorPickerEyeDropperTrigger as EyeDropperTrigger, type ColorPickerEyeDropperTriggerBaseProps as EyeDropperTriggerBaseProps, type ColorPickerEyeDropperTriggerProps as EyeDropperTriggerProps, } from './color-picker-eye-dropper-trigger.js';
@@ -17,14 +17,14 @@ export { ColorPickerFormatTrigger as FormatTrigger, type ColorPickerFormatTrigge
 export { ColorPickerHiddenInput as HiddenInput, type ColorPickerHiddenInputBaseProps as HiddenInputBaseProps, type ColorPickerHiddenInputProps as HiddenInputProps, } from './color-picker-hidden-input.js';
 export { ColorPickerLabel as Label, type ColorPickerLabelBaseProps as LabelBaseProps, type ColorPickerLabelProps as LabelProps, } from './color-picker-label.js';
 export { ColorPickerPositioner as Positioner, type ColorPickerPositionerBaseProps as PositionerBaseProps, type ColorPickerPositionerProps as PositionerProps, } from './color-picker-positioner.js';
-export { ColorPickerRoot as Root, type ColorPickerRootBaseProps as RootBaseProps, type ColorPickerRootProps as RootProps, } from './color-picker-root.js';
-export { ColorPickerRootProvider as RootProvider, type ColorPickerRootProviderBaseProps as RootProviderBaseProps, type ColorPickerRootProviderProps as RootProviderProps, } from './color-picker-root-provider.js';
+export { ColorPickerRoot as Root, type ColorPickerRootBaseProps as RootBaseProps, type ColorPickerRootProps as RootProps, type ColorPickerRootState as RootState, } from './color-picker-root.js';
+export { ColorPickerRootProvider as RootProvider, type ColorPickerRootProviderBaseProps as RootProviderBaseProps, type ColorPickerRootProviderProps as RootProviderProps, type ColorPickerRootProviderState as RootProviderState, } from './color-picker-root-provider.js';
 export { ColorPickerSwatch as Swatch, type ColorPickerSwatchBaseProps as SwatchBaseProps, type ColorPickerSwatchProps as SwatchProps, } from './color-picker-swatch.js';
 export { ColorPickerSwatchGroup as SwatchGroup, type ColorPickerSwatchGroupBaseProps as SwatchGroupBaseProps, type ColorPickerSwatchGroupProps as SwatchGroupProps, } from './color-picker-swatch-group.js';
 export { ColorPickerSwatchIndicator as SwatchIndicator, type ColorPickerSwatchIndicatorBaseProps as SwatchIndicatorBaseProps, type ColorPickerSwatchIndicatorProps as SwatchIndicatorProps, } from './color-picker-swatch-indicator.js';
-export { ColorPickerSwatchTrigger as SwatchTrigger, type ColorPickerSwatchTriggerBaseProps as SwatchTriggerBaseProps, type ColorPickerSwatchTriggerProps as SwatchTriggerProps, } from './color-picker-swatch-trigger.js';
+export { ColorPickerSwatchTrigger as SwatchTrigger, type ColorPickerSwatchTriggerBaseProps as SwatchTriggerBaseProps, type ColorPickerSwatchTriggerProps as SwatchTriggerProps, type ColorPickerSwatchTriggerState as SwatchTriggerState, } from './color-picker-swatch-trigger.js';
 export { ColorPickerTransparencyGrid as TransparencyGrid, type ColorPickerTransparencyGridBaseProps as TransparencyGridBaseProps, type ColorPickerTransparencyGridProps as TransparencyGridProps, } from './color-picker-transparency-grid.js';
-export { ColorPickerTrigger as Trigger, type ColorPickerTriggerBaseProps as TriggerBaseProps, type ColorPickerTriggerProps as TriggerProps, } from './color-picker-trigger.js';
+export { ColorPickerTrigger as Trigger, type ColorPickerTriggerBaseProps as TriggerBaseProps, type ColorPickerTriggerProps as TriggerProps, type ColorPickerTriggerState as TriggerState, } from './color-picker-trigger.js';
 export { ColorPickerValueSwatch as ValueSwatch, type ColorPickerValueSwatchBaseProps as ValueSwatchBaseProps, type ColorPickerValueSwatchProps as ValueSwatchProps, } from './color-picker-value-swatch.js';
 export { ColorPickerValueText as ValueText, type ColorPickerValueTextBaseProps as ValueTextBaseProps, type ColorPickerValueTextProps as ValueTextProps, } from './color-picker-value-text.js';
 export { ColorPickerView as View, type ColorPickerViewBaseProps as ViewBaseProps, type ColorPickerViewProps as ViewProps, } from './color-picker-view.js';