@ark-ui/react 4.9.2 → 5.0.0

package/dist/components/color-picker/color-picker-channel-slider-track.cjs

@@ -11,14 +11,16 @@ const useColorPickerChannelPropsContext = require('./use-color-picker-channel-pr
 const useColorPickerContext = require('./use-color-picker-context.cjs');
 const useColorPickerFormatContext = require('./use-color-picker-format-context.cjs');
 
-const ColorPickerChannelSliderTrack = react.forwardRef((props, ref) => {
-  const colorPicker = useColorPickerContext.useColorPickerContext();
-  const channelProps = useColorPickerChannelPropsContext.useColorPickerChannelPropsContext();
-  const formatProps = useColorPickerFormatContext.useColorPickerFormatPropsContext();
-  const channelSliderProps = { ...channelProps, ...formatProps };
-  const mergedProps = react$1.mergeProps(colorPicker.getChannelSliderTrackProps(channelSliderProps), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-});
+const ColorPickerChannelSliderTrack = react.forwardRef(
+  (props, ref) => {
+    const colorPicker = useColorPickerContext.useColorPickerContext();
+    const channelProps = useColorPickerChannelPropsContext.useColorPickerChannelPropsContext();
+    const formatProps = useColorPickerFormatContext.useColorPickerFormatPropsContext();
+    const channelSliderProps = { ...channelProps, ...formatProps };
+    const mergedProps = react$1.mergeProps(colorPicker.getChannelSliderTrackProps(channelSliderProps), props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+  }
+);
 ColorPickerChannelSliderTrack.displayName = "ColorPickerChannelSliderTrack";
 
 exports.ColorPickerChannelSliderTrack = ColorPickerChannelSliderTrack;

package/dist/components/color-picker/color-picker-channel-slider-track.js

@@ -7,14 +7,16 @@ import { useColorPickerChannelPropsContext } from './use-color-picker-channel-pr
 import { useColorPickerContext } from './use-color-picker-context.js';
 import { useColorPickerFormatPropsContext } from './use-color-picker-format-context.js';
 
-const ColorPickerChannelSliderTrack = forwardRef((props, ref) => {
-  const colorPicker = useColorPickerContext();
-  const channelProps = useColorPickerChannelPropsContext();
-  const formatProps = useColorPickerFormatPropsContext();
-  const channelSliderProps = { ...channelProps, ...formatProps };
-  const mergedProps = mergeProps(colorPicker.getChannelSliderTrackProps(channelSliderProps), props);
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-});
+const ColorPickerChannelSliderTrack = forwardRef(
+  (props, ref) => {
+    const colorPicker = useColorPickerContext();
+    const channelProps = useColorPickerChannelPropsContext();
+    const formatProps = useColorPickerFormatPropsContext();
+    const channelSliderProps = { ...channelProps, ...formatProps };
+    const mergedProps = mergeProps(colorPicker.getChannelSliderTrackProps(channelSliderProps), props);
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+  }
+);
 ColorPickerChannelSliderTrack.displayName = "ColorPickerChannelSliderTrack";
 
 export { ColorPickerChannelSliderTrack };

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

@@ -11,13 +11,15 @@ const factory = require('../factory.cjs');
 const useColorPickerChannelPropsContext = require('./use-color-picker-channel-props-context.cjs');
 const useColorPickerContext = require('./use-color-picker-context.cjs');
 
-const ColorPickerChannelSliderValueText = react.forwardRef((props, ref) => {
-  const { locale } = useLocaleContext.useLocaleContext();
-  const colorPicker = useColorPickerContext.useColorPickerContext();
-  const channelProps = useColorPickerChannelPropsContext.useColorPickerChannelPropsContext();
-  const mergedProps = react$1.mergeProps(colorPicker.getChannelSliderValueTextProps(channelProps), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref, children: props.children || colorPicker.getChannelValueText(channelProps.channel, locale) });
-});
+const ColorPickerChannelSliderValueText = react.forwardRef(
+  (props, ref) => {
+    const { locale } = useLocaleContext.useLocaleContext();
+    const colorPicker = useColorPickerContext.useColorPickerContext();
+    const channelProps = useColorPickerChannelPropsContext.useColorPickerChannelPropsContext();
+    const mergedProps = react$1.mergeProps(colorPicker.getChannelSliderValueTextProps(channelProps), props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref, children: props.children || colorPicker.getChannelValueText(channelProps.channel, locale) });
+  }
+);
 ColorPickerChannelSliderValueText.displayName = "ColorPickerChannelSliderValueText";
 
 exports.ColorPickerChannelSliderValueText = ColorPickerChannelSliderValueText;

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

@@ -7,13 +7,15 @@ import { ark } from '../factory.js';
 import { useColorPickerChannelPropsContext } from './use-color-picker-channel-props-context.js';
 import { useColorPickerContext } from './use-color-picker-context.js';
 
-const ColorPickerChannelSliderValueText = forwardRef((props, ref) => {
-  const { locale } = useLocaleContext();
-  const colorPicker = useColorPickerContext();
-  const channelProps = useColorPickerChannelPropsContext();
-  const mergedProps = mergeProps(colorPicker.getChannelSliderValueTextProps(channelProps), props);
-  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref, children: props.children || colorPicker.getChannelValueText(channelProps.channel, locale) });
-});
+const ColorPickerChannelSliderValueText = forwardRef(
+  (props, ref) => {
+    const { locale } = useLocaleContext();
+    const colorPicker = useColorPickerContext();
+    const channelProps = useColorPickerChannelPropsContext();
+    const mergedProps = mergeProps(colorPicker.getChannelSliderValueTextProps(channelProps), props);
+    return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref, children: props.children || colorPicker.getChannelValueText(channelProps.channel, locale) });
+  }
+);
 ColorPickerChannelSliderValueText.displayName = "ColorPickerChannelSliderValueText";
 
 export { ColorPickerChannelSliderValueText };

package/dist/components/color-picker/color-picker-channel-slider.cjs

@@ -12,22 +12,14 @@ const useColorPickerChannelPropsContext = require('./use-color-picker-channel-pr
 const useColorPickerContext = require('./use-color-picker-context.cjs');
 const useColorPickerFormatContext = require('./use-color-picker-format-context.cjs');
 
-const ColorPickerChannelSlider = react.forwardRef(
-  (props, ref) => {
-    const [channelProps, localProps] = createSplitProps.createSplitProps()(props, [
-      "channel",
-      "orientation"
-    ]);
-    const colorPicker = useColorPickerContext.useColorPickerContext();
-    const formatProps = useColorPickerFormatContext.useColorPickerFormatPropsContext();
-    const channelSliderProps = { ...channelProps, ...formatProps };
-    const mergedProps = react$1.mergeProps(
-      colorPicker.getChannelSliderProps(channelSliderProps),
-      localProps
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(useColorPickerChannelPropsContext.ColorPickerChannelPropsProvider, { value: channelProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
-  }
-);
+const ColorPickerChannelSlider = react.forwardRef((props, ref) => {
+  const [channelProps, localProps] = createSplitProps.createSplitProps()(props, ["channel", "orientation"]);
+  const colorPicker = useColorPickerContext.useColorPickerContext();
+  const formatProps = useColorPickerFormatContext.useColorPickerFormatPropsContext();
+  const channelSliderProps = { ...channelProps, ...formatProps };
+  const mergedProps = react$1.mergeProps(colorPicker.getChannelSliderProps(channelSliderProps), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useColorPickerChannelPropsContext.ColorPickerChannelPropsProvider, { value: channelProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+});
 ColorPickerChannelSlider.displayName = "ColorPickerChannelSlider";
 
 exports.ColorPickerChannelSlider = ColorPickerChannelSlider;

package/dist/components/color-picker/color-picker-channel-slider.js

@@ -8,22 +8,14 @@ import { ColorPickerChannelPropsProvider } from './use-color-picker-channel-prop
 import { useColorPickerContext } from './use-color-picker-context.js';
 import { useColorPickerFormatPropsContext } from './use-color-picker-format-context.js';
 
-const ColorPickerChannelSlider = forwardRef(
-  (props, ref) => {
-    const [channelProps, localProps] = createSplitProps()(props, [
-      "channel",
-      "orientation"
-    ]);
-    const colorPicker = useColorPickerContext();
-    const formatProps = useColorPickerFormatPropsContext();
-    const channelSliderProps = { ...channelProps, ...formatProps };
-    const mergedProps = mergeProps(
-      colorPicker.getChannelSliderProps(channelSliderProps),
-      localProps
-    );
-    return /* @__PURE__ */ jsx(ColorPickerChannelPropsProvider, { value: channelProps, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
-  }
-);
+const ColorPickerChannelSlider = forwardRef((props, ref) => {
+  const [channelProps, localProps] = createSplitProps()(props, ["channel", "orientation"]);
+  const colorPicker = useColorPickerContext();
+  const formatProps = useColorPickerFormatPropsContext();
+  const channelSliderProps = { ...channelProps, ...formatProps };
+  const mergedProps = mergeProps(colorPicker.getChannelSliderProps(channelSliderProps), localProps);
+  return /* @__PURE__ */ jsx(ColorPickerChannelPropsProvider, { value: channelProps, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+});
 ColorPickerChannelSlider.displayName = "ColorPickerChannelSlider";
 
 export { ColorPickerChannelSlider };

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

@@ -11,21 +11,15 @@ const factory = require('../factory.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useColorPickerContext = require('./use-color-picker-context.cjs');
 
-const ColorPickerContent = react.forwardRef(
-  (props, ref) => {
-    const colorPicker = useColorPickerContext.useColorPickerContext();
-    const presence = usePresenceContext.usePresenceContext();
-    const mergedProps = react$1.mergeProps(
-      colorPicker.getContentProps(),
-      presence.getPresenceProps(),
-      props
-    );
-    if (presence.unmounted) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref: composeRefs.composeRefs(presence.ref, ref) });
+const ColorPickerContent = react.forwardRef((props, ref) => {
+  const colorPicker = useColorPickerContext.useColorPickerContext();
+  const presence = usePresenceContext.usePresenceContext();
+  const mergedProps = react$1.mergeProps(colorPicker.getContentProps(), presence.getPresenceProps(), props);
+  if (presence.unmounted) {
+    return null;
   }
-);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref: composeRefs.composeRefs(presence.ref, ref) });
+});
 ColorPickerContent.displayName = "ColorPickerContent";
 
 exports.ColorPickerContent = ColorPickerContent;

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

@@ -7,21 +7,15 @@ import { ark } from '../factory.js';
 import { usePresenceContext } from '../presence/use-presence-context.js';
 import { useColorPickerContext } from './use-color-picker-context.js';
 
-const ColorPickerContent = forwardRef(
-  (props, ref) => {
-    const colorPicker = useColorPickerContext();
-    const presence = usePresenceContext();
-    const mergedProps = mergeProps(
-      colorPicker.getContentProps(),
-      presence.getPresenceProps(),
-      props
-    );
-    if (presence.unmounted) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });
+const ColorPickerContent = forwardRef((props, ref) => {
+  const colorPicker = useColorPickerContext();
+  const presence = usePresenceContext();
+  const mergedProps = mergeProps(colorPicker.getContentProps(), presence.getPresenceProps(), props);
+  if (presence.unmounted) {
+    return null;
   }
-);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });
+});
 ColorPickerContent.displayName = "ColorPickerContent";
 
 export { ColorPickerContent };

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

@@ -9,13 +9,11 @@ const react = require('react');
 const factory = require('../factory.cjs');
 const useColorPickerContext = require('./use-color-picker-context.cjs');
 
-const ColorPickerControl = react.forwardRef(
-  (props, ref) => {
-    const colorPicker = useColorPickerContext.useColorPickerContext();
-    const mergedProps = react$1.mergeProps(colorPicker.getControlProps(), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-  }
-);
+const ColorPickerControl = react.forwardRef((props, ref) => {
+  const colorPicker = useColorPickerContext.useColorPickerContext();
+  const mergedProps = react$1.mergeProps(colorPicker.getControlProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
 ColorPickerControl.displayName = "ColorPickerControl";
 
 exports.ColorPickerControl = ColorPickerControl;

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

@@ -5,13 +5,11 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useColorPickerContext } from './use-color-picker-context.js';
 
-const ColorPickerControl = forwardRef(
-  (props, ref) => {
-    const colorPicker = useColorPickerContext();
-    const mergedProps = mergeProps(colorPicker.getControlProps(), props);
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-  }
-);
+const ColorPickerControl = forwardRef((props, ref) => {
+  const colorPicker = useColorPickerContext();
+  const mergedProps = mergeProps(colorPicker.getControlProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
 ColorPickerControl.displayName = "ColorPickerControl";
 
 export { ColorPickerControl };

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

@@ -9,11 +9,13 @@ const react = require('react');
 const factory = require('../factory.cjs');
 const useColorPickerContext = require('./use-color-picker-context.cjs');
 
-const ColorPickerEyeDropperTrigger = react.forwardRef((props, ref) => {
-  const colorPicker = useColorPickerContext.useColorPickerContext();
-  const mergedProps = react$1.mergeProps(colorPicker.getEyeDropperTriggerProps(), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
-});
+const ColorPickerEyeDropperTrigger = react.forwardRef(
+  (props, ref) => {
+    const colorPicker = useColorPickerContext.useColorPickerContext();
+    const mergedProps = react$1.mergeProps(colorPicker.getEyeDropperTriggerProps(), props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+  }
+);
 ColorPickerEyeDropperTrigger.displayName = "ColorPickerEyeDropperTrigger";
 
 exports.ColorPickerEyeDropperTrigger = ColorPickerEyeDropperTrigger;

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

@@ -5,11 +5,13 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useColorPickerContext } from './use-color-picker-context.js';
 
-const ColorPickerEyeDropperTrigger = forwardRef((props, ref) => {
-  const colorPicker = useColorPickerContext();
-  const mergedProps = mergeProps(colorPicker.getEyeDropperTriggerProps(), props);
-  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
-});
+const ColorPickerEyeDropperTrigger = forwardRef(
+  (props, ref) => {
+    const colorPicker = useColorPickerContext();
+    const mergedProps = mergeProps(colorPicker.getEyeDropperTriggerProps(), props);
+    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+  }
+);
 ColorPickerEyeDropperTrigger.displayName = "ColorPickerEyeDropperTrigger";
 
 export { ColorPickerEyeDropperTrigger };

package/dist/components/color-picker/color-picker-format-select.cjs

@@ -9,13 +9,11 @@ const react = require('react');
 const factory = require('../factory.cjs');
 const useColorPickerContext = require('./use-color-picker-context.cjs');
 
-const ColorPickerFormatSelect = react.forwardRef(
-  (props, ref) => {
-    const colorPicker = useColorPickerContext.useColorPickerContext();
-    const mergedProps = react$1.mergeProps(colorPicker.getFormatSelectProps(), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.select, { ...mergedProps, ref, children: ["rgba", "hsla", "hsba"].map((format) => /* @__PURE__ */ jsxRuntime.jsx(factory.ark.option, { value: format, children: format }, format)) });
-  }
-);
+const ColorPickerFormatSelect = react.forwardRef((props, ref) => {
+  const colorPicker = useColorPickerContext.useColorPickerContext();
+  const mergedProps = react$1.mergeProps(colorPicker.getFormatSelectProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.select, { ...mergedProps, ref, children: ["rgba", "hsla", "hsba"].map((format) => /* @__PURE__ */ jsxRuntime.jsx(factory.ark.option, { value: format, children: format }, format)) });
+});
 ColorPickerFormatSelect.displayName = "ColorPickerFormatSelect";
 
 exports.ColorPickerFormatSelect = ColorPickerFormatSelect;

package/dist/components/color-picker/color-picker-format-select.js

@@ -5,13 +5,11 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useColorPickerContext } from './use-color-picker-context.js';
 
-const ColorPickerFormatSelect = forwardRef(
-  (props, ref) => {
-    const colorPicker = useColorPickerContext();
-    const mergedProps = mergeProps(colorPicker.getFormatSelectProps(), props);
-    return /* @__PURE__ */ jsx(ark.select, { ...mergedProps, ref, children: ["rgba", "hsla", "hsba"].map((format) => /* @__PURE__ */ jsx(ark.option, { value: format, children: format }, format)) });
-  }
-);
+const ColorPickerFormatSelect = forwardRef((props, ref) => {
+  const colorPicker = useColorPickerContext();
+  const mergedProps = mergeProps(colorPicker.getFormatSelectProps(), props);
+  return /* @__PURE__ */ jsx(ark.select, { ...mergedProps, ref, children: ["rgba", "hsla", "hsba"].map((format) => /* @__PURE__ */ jsx(ark.option, { value: format, children: format }, format)) });
+});
 ColorPickerFormatSelect.displayName = "ColorPickerFormatSelect";
 
 export { ColorPickerFormatSelect };

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

@@ -10,14 +10,12 @@ const factory = require('../factory.cjs');
 const useFieldContext = require('../field/use-field-context.cjs');
 const useColorPickerContext = require('./use-color-picker-context.cjs');
 
-const ColorPickerHiddenInput = react.forwardRef(
-  (props, ref) => {
-    const colorPicker = useColorPickerContext.useColorPickerContext();
-    const mergedProps = react$1.mergeProps(colorPicker.getHiddenInputProps(), props);
-    const field = useFieldContext.useFieldContext();
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
-  }
-);
+const ColorPickerHiddenInput = react.forwardRef((props, ref) => {
+  const colorPicker = useColorPickerContext.useColorPickerContext();
+  const mergedProps = react$1.mergeProps(colorPicker.getHiddenInputProps(), props);
+  const field = useFieldContext.useFieldContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
+});
 ColorPickerHiddenInput.displayName = "ColorPickerHiddenInput";
 
 exports.ColorPickerHiddenInput = ColorPickerHiddenInput;

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

@@ -6,14 +6,12 @@ import { ark } from '../factory.js';
 import { useFieldContext } from '../field/use-field-context.js';
 import { useColorPickerContext } from './use-color-picker-context.js';
 
-const ColorPickerHiddenInput = forwardRef(
-  (props, ref) => {
-    const colorPicker = useColorPickerContext();
-    const mergedProps = mergeProps(colorPicker.getHiddenInputProps(), props);
-    const field = useFieldContext();
-    return /* @__PURE__ */ jsx(ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
-  }
-);
+const ColorPickerHiddenInput = forwardRef((props, ref) => {
+  const colorPicker = useColorPickerContext();
+  const mergedProps = mergeProps(colorPicker.getHiddenInputProps(), props);
+  const field = useFieldContext();
+  return /* @__PURE__ */ jsx(ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
+});
 ColorPickerHiddenInput.displayName = "ColorPickerHiddenInput";
 
 export { ColorPickerHiddenInput };

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

@@ -9,13 +9,11 @@ const react = require('react');
 const factory = require('../factory.cjs');
 const useColorPickerContext = require('./use-color-picker-context.cjs');
 
-const ColorPickerLabel = react.forwardRef(
-  (props, ref) => {
-    const colorPicker = useColorPickerContext.useColorPickerContext();
-    const mergedProps = react$1.mergeProps(colorPicker.getLabelProps(), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
-  }
-);
+const ColorPickerLabel = react.forwardRef((props, ref) => {
+  const colorPicker = useColorPickerContext.useColorPickerContext();
+  const mergedProps = react$1.mergeProps(colorPicker.getLabelProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
+});
 ColorPickerLabel.displayName = "ColorPickerLabel";
 
 exports.ColorPickerLabel = ColorPickerLabel;

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

@@ -5,13 +5,11 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useColorPickerContext } from './use-color-picker-context.js';
 
-const ColorPickerLabel = forwardRef(
-  (props, ref) => {
-    const colorPicker = useColorPickerContext();
-    const mergedProps = mergeProps(colorPicker.getLabelProps(), props);
-    return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
-  }
-);
+const ColorPickerLabel = forwardRef((props, ref) => {
+  const colorPicker = useColorPickerContext();
+  const mergedProps = mergeProps(colorPicker.getLabelProps(), props);
+  return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
+});
 ColorPickerLabel.displayName = "ColorPickerLabel";
 
 export { ColorPickerLabel };

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

@@ -10,17 +10,15 @@ const factory = require('../factory.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useColorPickerContext = require('./use-color-picker-context.cjs');
 
-const ColorPickerPositioner = react.forwardRef(
-  (props, ref) => {
-    const colorPicker = useColorPickerContext.useColorPickerContext();
-    const mergedProps = react$1.mergeProps(colorPicker.getPositionerProps(), props);
-    const presence = usePresenceContext.usePresenceContext();
-    if (presence.unmounted) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+const ColorPickerPositioner = react.forwardRef((props, ref) => {
+  const colorPicker = useColorPickerContext.useColorPickerContext();
+  const mergedProps = react$1.mergeProps(colorPicker.getPositionerProps(), props);
+  const presence = usePresenceContext.usePresenceContext();
+  if (presence.unmounted) {
+    return null;
   }
-);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
 ColorPickerPositioner.displayName = "ColorPickerPositioner";
 
 exports.ColorPickerPositioner = ColorPickerPositioner;

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

@@ -6,17 +6,15 @@ import { ark } from '../factory.js';
 import { usePresenceContext } from '../presence/use-presence-context.js';
 import { useColorPickerContext } from './use-color-picker-context.js';
 
-const ColorPickerPositioner = forwardRef(
-  (props, ref) => {
-    const colorPicker = useColorPickerContext();
-    const mergedProps = mergeProps(colorPicker.getPositionerProps(), props);
-    const presence = usePresenceContext();
-    if (presence.unmounted) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+const ColorPickerPositioner = forwardRef((props, ref) => {
+  const colorPicker = useColorPickerContext();
+  const mergedProps = mergeProps(colorPicker.getPositionerProps(), props);
+  const presence = usePresenceContext();
+  if (presence.unmounted) {
+    return null;
   }
-);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
 ColorPickerPositioner.displayName = "ColorPickerPositioner";
 
 export { ColorPickerPositioner };

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

@@ -13,18 +13,13 @@ const usePresence = require('../presence/use-presence.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useColorPickerContext = require('./use-color-picker-context.cjs');
 
-const ColorPickerRootProvider = react.forwardRef(
-  (props, ref) => {
-    const [presenceProps, colorPickerProps] = splitPresenceProps.splitPresenceProps(props);
-    const [{ value: colorPicker }, localProps] = createSplitProps.createSplitProps()(
-      colorPickerProps,
-      ["value"]
-    );
-    const presence = usePresence.usePresence(react$1.mergeProps({ present: colorPicker.open }, presenceProps));
-    const mergedProps = react$1.mergeProps(colorPicker.getRootProps(), localProps);
-    return /* @__PURE__ */ jsxRuntime.jsx(useColorPickerContext.ColorPickerProvider, { value: colorPicker, children: /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) }) });
-  }
-);
+const ColorPickerRootProvider = react.forwardRef((props, ref) => {
+  const [presenceProps, colorPickerProps] = splitPresenceProps.splitPresenceProps(props);
+  const [{ value: colorPicker }, localProps] = createSplitProps.createSplitProps()(colorPickerProps, ["value"]);
+  const presence = usePresence.usePresence(react$1.mergeProps({ present: colorPicker.open }, presenceProps));
+  const mergedProps = react$1.mergeProps(colorPicker.getRootProps(), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useColorPickerContext.ColorPickerProvider, { value: colorPicker, children: /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) }) });
+});
 ColorPickerRootProvider.displayName = "ColorPickerRootProvider";
 
 exports.ColorPickerRootProvider = ColorPickerRootProvider;

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

@@ -9,18 +9,13 @@ import { usePresence } from '../presence/use-presence.js';
 import { PresenceProvider } from '../presence/use-presence-context.js';
 import { ColorPickerProvider } from './use-color-picker-context.js';
 
-const ColorPickerRootProvider = forwardRef(
-  (props, ref) => {
-    const [presenceProps, colorPickerProps] = splitPresenceProps(props);
-    const [{ value: colorPicker }, localProps] = createSplitProps()(
-      colorPickerProps,
-      ["value"]
-    );
-    const presence = usePresence(mergeProps({ present: colorPicker.open }, presenceProps));
-    const mergedProps = mergeProps(colorPicker.getRootProps(), localProps);
-    return /* @__PURE__ */ jsx(ColorPickerProvider, { value: colorPicker, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });
-  }
-);
+const ColorPickerRootProvider = forwardRef((props, ref) => {
+  const [presenceProps, colorPickerProps] = splitPresenceProps(props);
+  const [{ value: colorPicker }, localProps] = createSplitProps()(colorPickerProps, ["value"]);
+  const presence = usePresence(mergeProps({ present: colorPicker.open }, presenceProps));
+  const mergedProps = mergeProps(colorPicker.getRootProps(), localProps);
+  return /* @__PURE__ */ jsx(ColorPickerProvider, { value: colorPicker, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });
+});
 ColorPickerRootProvider.displayName = "ColorPickerRootProvider";
 
 export { ColorPickerRootProvider };

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

@@ -16,35 +16,33 @@ const useColorPickerContext = require('./use-color-picker-context.cjs');
 
 const ColorPickerRoot = react.forwardRef((props, ref) => {
   const [presenceProps, colorPickerProps] = splitPresenceProps.splitPresenceProps(props);
-  const [useColorPickerProps, localProps] = createSplitProps.createSplitProps()(
-    colorPickerProps,
-    [
-      "closeOnSelect",
-      "defaultOpen",
-      "defaultValue",
-      "disabled",
-      "format",
-      "id",
-      "ids",
-      "initialFocusEl",
-      "invalid",
-      "name",
-      "name",
-      "onFocusOutside",
-      "onFormatChange",
-      "onInteractOutside",
-      "onOpenChange",
-      "onPointerDownOutside",
-      "onValueChange",
-      "onValueChangeEnd",
-      "open",
-      "openAutoFocus",
-      "positioning",
-      "readOnly",
-      "required",
-      "value"
-    ]
-  );
+  const [useColorPickerProps, localProps] = createSplitProps.createSplitProps()(colorPickerProps, [
+    "closeOnSelect",
+    "defaultOpen",
+    "defaultValue",
+    "defaultFormat",
+    "disabled",
+    "format",
+    "id",
+    "ids",
+    "initialFocusEl",
+    "invalid",
+    "name",
+    "name",
+    "onFocusOutside",
+    "onFormatChange",
+    "onInteractOutside",
+    "onOpenChange",
+    "onPointerDownOutside",
+    "onValueChange",
+    "onValueChangeEnd",
+    "open",
+    "openAutoFocus",
+    "positioning",
+    "readOnly",
+    "required",
+    "value"
+  ]);
   const colorPicker = useColorPicker.useColorPicker(useColorPickerProps);
   const presence = usePresence.usePresence(react$1.mergeProps({ present: colorPicker.open }, presenceProps));
   const mergedProps = react$1.mergeProps(colorPicker.getRootProps(), localProps);