@sprawlify/primitives 0.0.62 → 0.0.63

package/dist/machines/checkbox/index.d.mts

@@ -1,9 +1,9 @@
-import { n as AnatomyInstance } from "../../create-anatomy-DHVOqZET.mjs";
-import { p as Machine, u as EventObject, y as Service } from "../../types-DL5AIQk5.mjs";
-import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BuUzJjaP.mjs";
+import { n as AnatomyInstance } from "../../create-anatomy-UNZ__hxH.mjs";
+import { p as Machine, u as EventObject, y as Service } from "../../types-BM4oVvZZ.mjs";
+import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-CafmAesU.mjs";
 
 //#region src/machines/checkbox/checkbox.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "control" | "indicator" | "label">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "indicator">;
 //#endregion
 //#region src/machines/checkbox/checkbox.types.d.ts
 type CheckedState = boolean | "indeterminate";

package/dist/machines/checkbox/index.mjs

@@ -1,9 +1,9 @@
-import { t as createAnatomy } from "../../create-anatomy-CArN8dVu.mjs";
-import { T as trackPress, a as visuallyHiddenStyle, at as setElementChecked, pt as getEventTarget, rt as dispatchInputCheckedEvent, st as trackFormControl, yn as dataAttr } from "../../dom-query-CUb85Z22.mjs";
-import { u as createSplitProps } from "../../utils-DSBXwmDm.mjs";
-import { a as createMachine, i as createGuards } from "../../core-CujC6Y2H.mjs";
-import { a as trackFocusVisible, n as isFocusVisible } from "../../focus-visible-Bm2uoacD.mjs";
-import { t as createProps } from "../../create-props-SRSjdUTq.mjs";
+import { t as createAnatomy } from "../../create-anatomy-BVqM_FJ6.mjs";
+import { T as trackPress, a as visuallyHiddenStyle, at as setElementChecked, pt as getEventTarget, rt as dispatchInputCheckedEvent, st as trackFormControl, yn as dataAttr } from "../../dom-query-CQFBCdpo.mjs";
+import { u as createSplitProps } from "../../utils-Vs04rt8f.mjs";
+import { a as createMachine, i as createGuards } from "../../core-owywCQ2e.mjs";
+import { a as trackFocusVisible, n as isFocusVisible } from "../../focus-visible-DjGDsaLn.mjs";
+import { t as createProps } from "../../create-props-Dtoa4OUk.mjs";
 
 //#region src/machines/checkbox/checkbox.anatomy.ts
 const anatomy = createAnatomy("checkbox").parts("root", "label", "control", "indicator");
@@ -49,10 +49,10 @@ function connect(service, normalize) {
 		indeterminate,
 		focused,
 		checkedState,
-		setChecked(checked$1) {
+		setChecked(checked) {
 			send({
 				type: "CHECKED.SET",
-				checked: checked$1,
+				checked,
 				isTrusted: false
 			});
 		},
@@ -154,10 +154,10 @@ function connect(service, normalize) {
 						event.preventDefault();
 						return;
 					}
-					const checked$1 = event.currentTarget.checked;
+					const checked = event.currentTarget.checked;
 					send({
 						type: "CHECKED.SET",
-						checked: checked$1,
+						checked,
 						isTrusted: true
 					});
 				}
@@ -170,11 +170,11 @@ function connect(service, normalize) {
 //#region src/machines/checkbox/checkbox.machine.ts
 const { not } = createGuards();
 const machine = createMachine({
-	props({ props: props$1 }) {
+	props({ props }) {
 		return {
 			value: "on",
-			...props$1,
-			defaultChecked: props$1.defaultChecked ?? false
+			...props,
+			defaultChecked: props.defaultChecked ?? false
 		};
 	},
 	initialState() {

package/dist/machines/clipboard/index.cjs

@@ -1,7 +1,7 @@
 const require_create_anatomy = require('../../create-anatomy-CDsIFUXg.cjs');
-const require_dom_query = require('../../dom-query-xZuxOsD4.cjs');
-const require_utils = require('../../utils-B4_qn2dt.cjs');
-const require_core = require('../../core-CsVTCpQ_.cjs');
+const require_dom_query = require('../../dom-query-CAFhX43H.cjs');
+const require_utils = require('../../utils-CJsQZljH.cjs');
+const require_core = require('../../core-CHsDFMV3.cjs');
 const require_create_props = require('../../create-props-l5q5b8Wo.cjs');
 
 //#region src/machines/clipboard/clipboard.anatomy.ts
@@ -114,10 +114,10 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getIndicatorProps(props$1) {
+		getIndicatorProps(props) {
 			return normalize.element({
 				...parts.indicator.attrs,
-				hidden: props$1.copied !== copied
+				hidden: props.copied !== copied
 			});
 		}
 	};
@@ -126,11 +126,11 @@ function connect(service, normalize) {
 //#endregion
 //#region src/machines/clipboard/clipboard.machine.ts
 const machine = require_core.createMachine({
-	props({ props: props$1 }) {
+	props({ props }) {
 		return {
 			timeout: 3e3,
 			defaultValue: "",
-			...props$1
+			...props
 		};
 	},
 	initialState() {

package/dist/machines/clipboard/index.d.cts

@@ -1,9 +1,9 @@
-import { n as AnatomyInstance } from "../../create-anatomy-smWrirg1.cjs";
-import { p as Machine, y as Service } from "../../types-DejIu60O.cjs";
-import { b as NormalizeProps, g as RequiredBy, t as CommonProperties, x as PropTypes } from "../../index-Bqw3r34-.cjs";
+import { n as AnatomyInstance } from "../../create-anatomy-9eFQs7lO.cjs";
+import { p as Machine, y as Service } from "../../types-fB7F7BBP.cjs";
+import { b as NormalizeProps, g as RequiredBy, t as CommonProperties, x as PropTypes } from "../../index-D1U_WMQ9.cjs";
 
 //#region src/machines/clipboard/clipboard.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "control" | "trigger" | "input" | "indicator" | "label">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "input" | "trigger" | "indicator">;
 //#endregion
 //#region src/machines/clipboard/clipboard.types.d.ts
 interface CopyStatusDetails {

package/dist/machines/clipboard/index.d.mts

@@ -1,9 +1,9 @@
-import { n as AnatomyInstance } from "../../create-anatomy-DHVOqZET.mjs";
-import { p as Machine, y as Service } from "../../types-DL5AIQk5.mjs";
-import { b as NormalizeProps, g as RequiredBy, t as CommonProperties, x as PropTypes } from "../../index-BuUzJjaP.mjs";
+import { n as AnatomyInstance } from "../../create-anatomy-UNZ__hxH.mjs";
+import { p as Machine, y as Service } from "../../types-BM4oVvZZ.mjs";
+import { b as NormalizeProps, g as RequiredBy, t as CommonProperties, x as PropTypes } from "../../index-CafmAesU.mjs";
 
 //#region src/machines/clipboard/clipboard.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "control" | "trigger" | "input" | "indicator" | "label">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "input" | "trigger" | "indicator">;
 //#endregion
 //#region src/machines/clipboard/clipboard.types.d.ts
 interface CopyStatusDetails {

package/dist/machines/clipboard/index.mjs

@@ -1,8 +1,8 @@
-import { t as createAnatomy } from "../../create-anatomy-CArN8dVu.mjs";
-import { in as getWindow, ot as setElementValue, yn as dataAttr } from "../../dom-query-CUb85Z22.mjs";
-import { s as setRafTimeout, u as createSplitProps } from "../../utils-DSBXwmDm.mjs";
-import { a as createMachine } from "../../core-CujC6Y2H.mjs";
-import { t as createProps } from "../../create-props-SRSjdUTq.mjs";
+import { t as createAnatomy } from "../../create-anatomy-BVqM_FJ6.mjs";
+import { in as getWindow, ot as setElementValue, yn as dataAttr } from "../../dom-query-CQFBCdpo.mjs";
+import { s as setRafTimeout, u as createSplitProps } from "../../utils-Vs04rt8f.mjs";
+import { a as createMachine } from "../../core-owywCQ2e.mjs";
+import { t as createProps } from "../../create-props-Dtoa4OUk.mjs";
 
 //#region src/machines/clipboard/clipboard.anatomy.ts
 const anatomy = createAnatomy("clipboard").parts("root", "control", "trigger", "indicator", "input", "label");
@@ -114,10 +114,10 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getIndicatorProps(props$1) {
+		getIndicatorProps(props) {
 			return normalize.element({
 				...parts.indicator.attrs,
-				hidden: props$1.copied !== copied
+				hidden: props.copied !== copied
 			});
 		}
 	};
@@ -126,11 +126,11 @@ function connect(service, normalize) {
 //#endregion
 //#region src/machines/clipboard/clipboard.machine.ts
 const machine = createMachine({
-	props({ props: props$1 }) {
+	props({ props }) {
 		return {
 			timeout: 3e3,
 			defaultValue: "",
-			...props$1
+			...props
 		};
 	},
 	initialState() {

package/dist/machines/collapsible/index.cjs

@@ -1,7 +1,7 @@
 const require_create_anatomy = require('../../create-anatomy-CDsIFUXg.cjs');
-const require_dom_query = require('../../dom-query-xZuxOsD4.cjs');
-const require_utils = require('../../utils-B4_qn2dt.cjs');
-const require_core = require('../../core-CsVTCpQ_.cjs');
+const require_dom_query = require('../../dom-query-CAFhX43H.cjs');
+const require_utils = require('../../utils-CJsQZljH.cjs');
+const require_core = require('../../core-CHsDFMV3.cjs');
 const require_create_props = require('../../create-props-l5q5b8Wo.cjs');
 
 //#region src/machines/collapsible/collapsible.anatomy.ts

package/dist/machines/collapsible/index.d.cts

@@ -1,6 +1,6 @@
-import { n as AnatomyInstance } from "../../create-anatomy-smWrirg1.cjs";
-import { p as Machine, y as Service } from "../../types-DejIu60O.cjs";
-import { b as NormalizeProps, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-Bqw3r34-.cjs";
+import { n as AnatomyInstance } from "../../create-anatomy-9eFQs7lO.cjs";
+import { p as Machine, y as Service } from "../../types-fB7F7BBP.cjs";
+import { b as NormalizeProps, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-D1U_WMQ9.cjs";
 
 //#region src/machines/collapsible/collapsible.anatomy.d.ts
 declare const anatomy: AnatomyInstance<"root" | "trigger" | "content" | "indicator">;

package/dist/machines/collapsible/index.d.mts

@@ -1,6 +1,6 @@
-import { n as AnatomyInstance } from "../../create-anatomy-DHVOqZET.mjs";
-import { p as Machine, y as Service } from "../../types-DL5AIQk5.mjs";
-import { b as NormalizeProps, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BuUzJjaP.mjs";
+import { n as AnatomyInstance } from "../../create-anatomy-UNZ__hxH.mjs";
+import { p as Machine, y as Service } from "../../types-BM4oVvZZ.mjs";
+import { b as NormalizeProps, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-CafmAesU.mjs";
 
 //#region src/machines/collapsible/collapsible.anatomy.d.ts
 declare const anatomy: AnatomyInstance<"root" | "trigger" | "content" | "indicator">;

package/dist/machines/collapsible/index.mjs

@@ -1,8 +1,8 @@
-import { t as createAnatomy } from "../../create-anatomy-CArN8dVu.mjs";
-import { B as observeChildren, H as nextTick, W as raf, Xt as getComputedStyle, c as setAttribute, et as getTabbables, pt as getEventTarget, u as setStyle, yn as dataAttr } from "../../dom-query-CUb85Z22.mjs";
-import { H as toPx, u as createSplitProps } from "../../utils-DSBXwmDm.mjs";
-import { a as createMachine } from "../../core-CujC6Y2H.mjs";
-import { t as createProps } from "../../create-props-SRSjdUTq.mjs";
+import { t as createAnatomy } from "../../create-anatomy-BVqM_FJ6.mjs";
+import { B as observeChildren, H as nextTick, W as raf, Xt as getComputedStyle, c as setAttribute, et as getTabbables, pt as getEventTarget, u as setStyle, yn as dataAttr } from "../../dom-query-CQFBCdpo.mjs";
+import { H as toPx, u as createSplitProps } from "../../utils-Vs04rt8f.mjs";
+import { a as createMachine } from "../../core-owywCQ2e.mjs";
+import { t as createProps } from "../../create-props-Dtoa4OUk.mjs";
 
 //#region src/machines/collapsible/collapsible.anatomy.ts
 const anatomy = createAnatomy("collapsible").parts("root", "trigger", "content", "indicator");

package/dist/machines/color-picker/index.cjs

@@ -1,11 +1,11 @@
 const require_create_anatomy = require('../../create-anatomy-CDsIFUXg.cjs');
-const require_dom_query = require('../../dom-query-xZuxOsD4.cjs');
-const require_utils = require('../../utils-B4_qn2dt.cjs');
-const require_color_utils = require('../../color-utils-BVq_rh8L.cjs');
-const require_core = require('../../core-CsVTCpQ_.cjs');
-require('../../interact-outside-xGMuVVaa.cjs');
-const require_dismissable = require('../../dismissable-D9NEAGMU.cjs');
-const require_popper = require('../../popper-TNUpC0Kp.cjs');
+const require_dom_query = require('../../dom-query-CAFhX43H.cjs');
+const require_utils = require('../../utils-CJsQZljH.cjs');
+const require_color_utils = require('../../color-utils-eUlz6Gq4.cjs');
+const require_core = require('../../core-CHsDFMV3.cjs');
+require('../../interact-outside-Dk2otQqs.cjs');
+const require_dismissable = require('../../dismissable-DSFGuAU6.cjs');
+const require_popper = require('../../popper-CY3ptPbm.cjs');
 const require_create_props = require('../../create-props-l5q5b8Wo.cjs');
 
 //#region src/machines/color-picker/color-picker.anatomy.ts
@@ -155,8 +155,8 @@ function getSliderBackgroundDirection(orientation, dir) {
 	else if (dir === "ltr") return "right";
 	else return "left";
 }
-const getSliderBackground = (props$1) => {
-	const { channel, value, dir, orientation } = props$1;
+const getSliderBackground = (props) => {
+	const { channel, value, dir, orientation } = props;
 	const bgDirection = getSliderBackgroundDirection(orientation, dir);
 	const { minValue, maxValue } = value.getChannelRange(channel);
 	switch (channel) {
@@ -188,11 +188,11 @@ function connect(service, normalize) {
 	const dragging = state.hasTag("dragging");
 	const open = state.hasTag("open");
 	const focused = state.hasTag("focused");
-	const getAreaChannels = (props$1) => {
+	const getAreaChannels = (props) => {
 		const channels = areaValue.getChannels();
 		return {
-			xChannel: props$1.xChannel ?? channels[1],
-			yChannel: props$1.yChannel ?? channels[2]
+			xChannel: props.xChannel ?? channels[1],
+			yChannel: props.yChannel ?? channels[2]
 		};
 	};
 	const currentPlacement = context.get("currentPlacement");
@@ -200,13 +200,13 @@ function connect(service, normalize) {
 		...prop("positioning"),
 		placement: currentPlacement
 	});
-	function getSwatchTriggerState(props$1) {
-		const color = require_color_utils.normalizeColor(props$1.value).toFormat(context.get("format"));
+	function getSwatchTriggerState(props) {
+		const color = require_color_utils.normalizeColor(props.value).toFormat(context.get("format"));
 		return {
 			value: color,
 			valueAsString: color.toString("hex"),
 			checked: color.isEqual(value),
-			disabled: props$1.disabled || !interactive
+			disabled: props.disabled || !interactive
 		};
 	}
 	return {
@@ -220,10 +220,10 @@ function connect(service, normalize) {
 			if (state.hasTag("open") === nextOpen) return;
 			send({ type: nextOpen ? "OPEN" : "CLOSE" });
 		},
-		setValue(value$1) {
+		setValue(value) {
 			send({
 				type: "VALUE.SET",
-				value: require_color_utils.normalizeColor(value$1),
+				value: require_color_utils.normalizeColor(value),
 				src: "set-color"
 			});
 		},
@@ -241,10 +241,10 @@ function connect(service, normalize) {
 			});
 		},
 		format: context.get("format"),
-		setFormat(format$1) {
+		setFormat(format) {
 			send({
 				type: "VALUE.SET",
-				value: value.toFormat(format$1),
+				value: value.toFormat(format),
 				src: "set-format"
 			});
 		},
@@ -353,8 +353,8 @@ function connect(service, normalize) {
 				"data-focus": require_dom_query.dataAttr(focused)
 			});
 		},
-		getAreaProps(props$1 = {}) {
-			const { xChannel, yChannel } = getAreaChannels(props$1);
+		getAreaProps(props = {}) {
+			const { xChannel, yChannel } = getAreaChannels(props);
 			const { areaStyles } = require_color_utils.getColorAreaGradient(areaValue, {
 				xChannel,
 				yChannel,
@@ -390,8 +390,8 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getAreaBackgroundProps(props$1 = {}) {
-			const { xChannel, yChannel } = getAreaChannels(props$1);
+		getAreaBackgroundProps(props = {}) {
+			const { xChannel, yChannel } = getAreaChannels(props);
 			const { areaGradientStyles } = require_color_utils.getColorAreaGradient(areaValue, {
 				xChannel,
 				yChannel,
@@ -411,8 +411,8 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getAreaThumbProps(props$1 = {}) {
-			const { xChannel, yChannel } = getAreaChannels(props$1);
+		getAreaThumbProps(props = {}) {
+			const { xChannel, yChannel } = getAreaChannels(props);
 			const channel = {
 				xChannel,
 				yChannel
@@ -503,8 +503,8 @@ function connect(service, normalize) {
 								step
 							});
 						},
-						Escape(event$1) {
-							event$1.stopPropagation();
+						Escape(event) {
+							event.stopPropagation();
 						}
 					}[require_dom_query.getEventKey(event, { dir: prop("dir") })];
 					if (exec) {
@@ -514,8 +514,8 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getTransparencyGridProps(props$1 = {}) {
-			const { size = "12px" } = props$1;
+		getTransparencyGridProps(props = {}) {
+			const { size = "12px" } = props;
 			return normalize.element({
 				...parts.transparencyGrid.attrs,
 				style: {
@@ -532,8 +532,8 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getChannelSliderProps(props$1) {
-			const { orientation = "horizontal", channel, format: format$1 } = props$1;
+		getChannelSliderProps(props) {
+			const { orientation = "horizontal", channel, format } = props;
 			return normalize.element({
 				...parts.channelSlider.attrs,
 				"data-channel": channel,
@@ -546,7 +546,7 @@ function connect(service, normalize) {
 					send({
 						type: "CHANNEL_SLIDER.POINTER_DOWN",
 						channel,
-						format: format$1,
+						format,
 						point: require_dom_query.getEventPoint(event),
 						id: channel,
 						orientation
@@ -559,9 +559,9 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getChannelSliderTrackProps(props$1) {
-			const { orientation = "horizontal", channel, format: format$1 } = props$1;
-			const normalizedValue = format$1 ? value.toFormat(format$1) : areaValue;
+		getChannelSliderTrackProps(props) {
+			const { orientation = "horizontal", channel, format } = props;
+			const normalizedValue = format ? value.toFormat(format) : areaValue;
 			return normalize.element({
 				...parts.channelSliderTrack.attrs,
 				id: getChannelSliderTrackId(scope, channel),
@@ -580,8 +580,8 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getChannelSliderLabelProps(props$1) {
-			const { channel } = props$1;
+		getChannelSliderLabelProps(props) {
+			const { channel } = props;
 			return normalize.element({
 				...parts.channelSliderLabel.attrs,
 				"data-channel": channel,
@@ -597,15 +597,15 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getChannelSliderValueTextProps(props$1) {
+		getChannelSliderValueTextProps(props) {
 			return normalize.element({
 				...parts.channelSliderValueText.attrs,
-				"data-channel": props$1.channel
+				"data-channel": props.channel
 			});
 		},
-		getChannelSliderThumbProps(props$1) {
-			const { orientation = "horizontal", channel, format: format$1 } = props$1;
-			const normalizedValue = format$1 ? value.toFormat(format$1) : areaValue;
+		getChannelSliderThumbProps(props) {
+			const { orientation = "horizontal", channel, format } = props;
+			const normalizedValue = format ? value.toFormat(format) : areaValue;
 			const channelRange = normalizedValue.getChannelRange(channel);
 			const channelValue = normalizedValue.getChannelValue(channel);
 			const offset = (channelValue - channelRange.minValue) / (channelRange.maxValue - channelRange.minValue);
@@ -703,8 +703,8 @@ function connect(service, normalize) {
 								channel
 							});
 						},
-						Escape(event$1) {
-							event$1.stopPropagation();
+						Escape(event) {
+							event.stopPropagation();
 						}
 					}[require_dom_query.getEventKey(event, { dir: prop("dir") })];
 					if (exec) {
@@ -714,8 +714,8 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getChannelInputProps(props$1) {
-			const { channel } = props$1;
+		getChannelInputProps(props) {
+			const { channel } = props;
 			const isTextField = channel === "hex" || channel === "css";
 			const channelRange = getChannelRange(value, channel);
 			return normalize.input({
@@ -812,8 +812,8 @@ function connect(service, normalize) {
 			});
 		},
 		getSwatchTriggerState,
-		getSwatchTriggerProps(props$1) {
-			const swatchState = getSwatchTriggerState(props$1);
+		getSwatchTriggerProps(props) {
+			const swatchState = getSwatchTriggerState(props);
 			return normalize.button({
 				...parts.swatchTrigger.attrs,
 				disabled: swatchState.disabled,
@@ -836,17 +836,17 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getSwatchIndicatorProps(props$1) {
-			const swatchState = getSwatchTriggerState(props$1);
+		getSwatchIndicatorProps(props) {
+			const swatchState = getSwatchTriggerState(props);
 			return normalize.element({
 				...parts.swatchIndicator.attrs,
 				dir: prop("dir"),
 				hidden: !swatchState.checked
 			});
 		},
-		getSwatchProps(props$1) {
-			const { respectAlpha = true } = props$1;
-			const swatchState = getSwatchTriggerState(props$1);
+		getSwatchProps(props) {
+			const { respectAlpha = true } = props;
+			const swatchState = getSwatchTriggerState(props);
 			const color = swatchState.value.toString(respectAlpha ? "css" : "hex");
 			return normalize.element({
 				...parts.swatch.attrs,
@@ -899,7 +899,7 @@ const formats = [
 	"hsla",
 	"rgba"
 ];
-const formatRegex = /* @__PURE__ */ new RegExp(`^(${formats.join("|")})$`);
+const formatRegex = new RegExp(`^(${formats.join("|")})$`);
 function getNextFormat(format) {
 	return formats[formats.indexOf(format) + 1] ?? formats[0];
 }
@@ -936,16 +936,16 @@ const hashObject = (obj) => {
 };
 const DEFAULT_COLOR = parse("#000000");
 const machine = require_core.createMachine({
-	props({ props: props$1 }) {
+	props({ props }) {
 		return {
 			dir: "ltr",
 			defaultValue: DEFAULT_COLOR,
-			defaultFormat: (props$1.value ?? props$1.defaultValue ?? DEFAULT_COLOR).getFormat(),
+			defaultFormat: (props.value ?? props.defaultValue ?? DEFAULT_COLOR).getFormat(),
 			openAutoFocus: true,
-			...props$1,
+			...props,
 			positioning: {
 				placement: "bottom",
-				...props$1.positioning
+				...props.positioning
 			}
 		};
 	},

package/dist/machines/color-picker/index.d.cts

@@ -1,12 +1,12 @@
-import { t as Anatomy } from "../../create-anatomy-smWrirg1.cjs";
-import { a as ColorFormat, n as ColorAxes, r as ColorChannel, s as ColorType, t as Color } from "../../color-Bj20c2qw.cjs";
-import { p as Machine, u as EventObject, y as Service } from "../../types-DejIu60O.cjs";
-import { b as NormalizeProps, d as Orientation, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-Bqw3r34-.cjs";
-import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-C9-feK5c.cjs";
-import { d as PositioningOptions } from "../../types-D5ziaMrd.cjs";
+import { t as Anatomy } from "../../create-anatomy-9eFQs7lO.cjs";
+import { a as ColorFormat, n as ColorAxes, r as ColorChannel, s as ColorType, t as Color } from "../../color-BhaNI8oR.cjs";
+import { p as Machine, u as EventObject, y as Service } from "../../types-fB7F7BBP.cjs";
+import { b as NormalizeProps, d as Orientation, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-D1U_WMQ9.cjs";
+import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-Cf0hysnI.cjs";
+import { d as PositioningOptions } from "../../types-B--gFZVP.cjs";
 
 //#region src/machines/color-picker/color-picker.anatomy.d.ts
-declare const anatomy: Anatomy<"root" | "area" | "control" | "trigger" | "positioner" | "content" | "label" | "valueText" | "areaThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect">;
+declare const anatomy: Anatomy<"root" | "label" | "valueText" | "control" | "area" | "trigger" | "content" | "positioner" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;
 //#endregion
 //#region src/machines/color-picker/color-picker.types.d.ts
 type ExtendedColorChannel = ColorChannel | "hex" | "css";

package/dist/machines/color-picker/index.d.mts

@@ -1,12 +1,12 @@
-import { t as Anatomy } from "../../create-anatomy-DHVOqZET.mjs";
-import { a as ColorFormat, n as ColorAxes, r as ColorChannel, s as ColorType, t as Color } from "../../color-Bcy-SLQ1.mjs";
-import { p as Machine, u as EventObject, y as Service } from "../../types-DL5AIQk5.mjs";
-import { b as NormalizeProps, d as Orientation, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BuUzJjaP.mjs";
-import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-Bvn6ocEE.mjs";
-import { p as PositioningOptions } from "../../index-BTi1wETB.mjs";
+import { t as Anatomy } from "../../create-anatomy-UNZ__hxH.mjs";
+import { a as ColorFormat, n as ColorAxes, r as ColorChannel, s as ColorType, t as Color } from "../../color-B3sgFAa6.mjs";
+import { p as Machine, u as EventObject, y as Service } from "../../types-BM4oVvZZ.mjs";
+import { b as NormalizeProps, d as Orientation, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-CafmAesU.mjs";
+import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-CXu0elLS.mjs";
+import { p as PositioningOptions } from "../../index-DJ1MHM3z.mjs";
 
 //#region src/machines/color-picker/color-picker.anatomy.d.ts
-declare const anatomy: Anatomy<"root" | "area" | "control" | "trigger" | "positioner" | "content" | "label" | "valueText" | "areaThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect">;
+declare const anatomy: Anatomy<"root" | "label" | "valueText" | "control" | "area" | "trigger" | "content" | "positioner" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;
 //#endregion
 //#region src/machines/color-picker/color-picker.types.d.ts
 type ExtendedColorChannel = ColorChannel | "hex" | "css";