@moduix/react 2.1.0 → 2.2.4

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

@@ -1,326 +1,358 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import { CheckIcon, PipetteIcon } from "../../lib/moduix/icons/ui/Icons.js";
-import { OverlayPortal, OverlayPortalProvider } from "../../lib/moduix/overlayPortal.js";
-import ColorPicker_module_default from "./ColorPicker.module.js";
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ColorPicker, parseColor, useColorPicker, useColorPickerContext } from "@ark-ui/react/color-picker";
 import { clsx } from "clsx";
 import { Children, cloneElement, forwardRef } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { ColorPicker, parseColor, useColorPicker, useColorPickerContext } from "@ark-ui/react/color-picker";
-//#region src/components/color-picker/ColorPicker.tsx
-const ColorPickerRoot = forwardRef(function ColorPickerRoot({ asChild, children, className, portalled, portalRef, ...props }, ref) {
-	return /* @__PURE__ */ jsx(OverlayPortalProvider, {
-		portalled,
-		portalRef,
-		children: /* @__PURE__ */ jsx(ColorPicker.Root, {
-			ref,
-			asChild,
-			"data-slot": "color-picker-root",
-			className: clsx(ColorPicker_module_default.root, normalizeClassName(className)),
-			...props,
-			children: withHiddenInput(children, asChild)
-		})
-	});
+import { CheckIcon, PipetteIcon } from "../../internal/icons/ui/index.js";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
+import ColorPicker_module from "./ColorPicker.module.js";
+const ColorPicker_ColorPickerRoot = /*#__PURE__*/ forwardRef(function({ asChild, children, className, lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(ColorPicker.Root, {
+            ref: ref,
+            asChild: asChild,
+            "data-slot": "color-picker-root",
+            className: clsx(ColorPicker_module.root, normalizeClassName(className)),
+            lazyMount: lazyMount,
+            unmountOnExit: unmountOnExit,
+            ...props,
+            children: withHiddenInput(children, asChild)
+        })
+    });
 });
-const ColorPickerRootProvider = forwardRef(function ColorPickerRootProvider({ asChild, children, className, portalled, portalRef, ...props }, ref) {
-	return /* @__PURE__ */ jsx(OverlayPortalProvider, {
-		portalled,
-		portalRef,
-		children: /* @__PURE__ */ jsx(ColorPicker.RootProvider, {
-			ref,
-			asChild,
-			"data-slot": "color-picker-root-provider",
-			className: clsx(ColorPicker_module_default.root, normalizeClassName(className)),
-			...props,
-			children: withHiddenInput(children, asChild)
-		})
-	});
+const ColorPicker_ColorPickerRootProvider = /*#__PURE__*/ forwardRef(function({ asChild, children, className, lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(ColorPicker.RootProvider, {
+            ref: ref,
+            asChild: asChild,
+            "data-slot": "color-picker-root-provider",
+            className: clsx(ColorPicker_module.root, normalizeClassName(className)),
+            lazyMount: lazyMount,
+            unmountOnExit: unmountOnExit,
+            ...props,
+            children: withHiddenInput(children, asChild)
+        })
+    });
 });
-const ColorPickerLabel = forwardRef(function ColorPickerLabel({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ColorPicker.Label, {
-		ref,
-		"data-slot": "color-picker-label",
-		className: clsx(ColorPicker_module_default.label, normalizeClassName(className)),
-		...props
-	});
+const ColorPicker_ColorPickerLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ColorPicker.Label, {
+        ref: ref,
+        "data-slot": "color-picker-label",
+        className: clsx(ColorPicker_module.label, normalizeClassName(className)),
+        ...props
+    });
 });
-const ColorPickerControl = forwardRef(function ColorPickerControl({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ColorPicker.Control, {
-		ref,
-		"data-slot": "color-picker-control",
-		className: clsx(ColorPicker_module_default.control, normalizeClassName(className)),
-		...props
-	});
+const ColorPicker_ColorPickerControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ColorPicker.Control, {
+        ref: ref,
+        "data-slot": "color-picker-control",
+        className: clsx(ColorPicker_module.control, normalizeClassName(className)),
+        ...props
+    });
 });
-const ColorPickerTrigger = forwardRef(function ColorPickerTrigger({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ColorPicker.Trigger, {
-		ref,
-		"data-slot": "color-picker-trigger",
-		className: clsx(ColorPicker_module_default.trigger, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ColorPicker.TransparencyGrid, {
-			"data-slot": "color-picker-transparency-grid",
-			className: ColorPicker_module_default.transparencyGrid
-		}), /* @__PURE__ */ jsx(ColorPicker.ValueSwatch, {
-			"data-slot": "color-picker-value-swatch",
-			className: ColorPicker_module_default.valueSwatch
-		})] })
-	});
+const ColorPicker_ColorPickerTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ColorPicker.Trigger, {
+        ref: ref,
+        "data-slot": "color-picker-trigger",
+        className: clsx(ColorPicker_module.trigger, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ jsx(ColorPicker.TransparencyGrid, {
+                    "data-slot": "color-picker-transparency-grid",
+                    className: ColorPicker_module.transparencyGrid
+                }),
+                /*#__PURE__*/ jsx(ColorPicker.ValueSwatch, {
+                    "data-slot": "color-picker-value-swatch",
+                    className: ColorPicker_module.valueSwatch
+                })
+            ]
+        })
+    });
 });
-const ColorPickerPositioner = forwardRef(function ColorPickerPositioner({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(OverlayPortal, { children: /* @__PURE__ */ jsx(ColorPicker.Positioner, {
-		ref,
-		"data-slot": "color-picker-positioner",
-		className: clsx(ColorPicker_module_default.positioner, normalizeClassName(className)),
-		...props
-	}) });
+const ColorPicker_ColorPickerPositioner = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortal, {
+        children: /*#__PURE__*/ jsx(ColorPicker.Positioner, {
+            ref: ref,
+            "data-slot": "color-picker-positioner",
+            className: clsx(ColorPicker_module.positioner, normalizeClassName(className)),
+            ...props
+        })
+    });
 });
-const ColorPickerContent = forwardRef(function ColorPickerContent({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ColorPicker.Content, {
-		ref,
-		"data-slot": "color-picker-content",
-		className: clsx(ColorPicker_module_default.content, normalizeClassName(className)),
-		...props
-	});
+const ColorPicker_ColorPickerContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ColorPicker.Content, {
+        ref: ref,
+        "data-slot": "color-picker-content",
+        className: clsx(ColorPicker_module.content, normalizeClassName(className)),
+        ...props
+    });
 });
-const ColorPickerArea = forwardRef(function ColorPickerArea({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ColorPicker.Area, {
-		ref,
-		"data-slot": "color-picker-area",
-		className: clsx(ColorPicker_module_default.area, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ColorPicker.AreaBackground, {
-			"data-slot": "color-picker-area-background",
-			className: ColorPicker_module_default.areaBackground
-		}), /* @__PURE__ */ jsx(ColorPicker.AreaThumb, {
-			"data-slot": "color-picker-area-thumb",
-			className: ColorPicker_module_default.thumb
-		})] })
-	});
+const ColorPicker_ColorPickerArea = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ColorPicker.Area, {
+        ref: ref,
+        "data-slot": "color-picker-area",
+        className: clsx(ColorPicker_module.area, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ jsx(ColorPicker.AreaBackground, {
+                    "data-slot": "color-picker-area-background",
+                    className: ColorPicker_module.areaBackground
+                }),
+                /*#__PURE__*/ jsx(ColorPicker.AreaThumb, {
+                    "data-slot": "color-picker-area-thumb",
+                    className: ColorPicker_module.thumb
+                })
+            ]
+        })
+    });
 });
-const ColorPickerAreaBackground = forwardRef(function ColorPickerAreaBackground({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ColorPicker.AreaBackground, {
-		ref,
-		"data-slot": "color-picker-area-background",
-		className: clsx(ColorPicker_module_default.areaBackground, normalizeClassName(className)),
-		...props
-	});
+const ColorPicker_ColorPickerAreaBackground = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ColorPicker.AreaBackground, {
+        ref: ref,
+        "data-slot": "color-picker-area-background",
+        className: clsx(ColorPicker_module.areaBackground, normalizeClassName(className)),
+        ...props
+    });
 });
-const ColorPickerAreaThumb = forwardRef(function ColorPickerAreaThumb({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ColorPicker.AreaThumb, {
-		ref,
-		"data-slot": "color-picker-area-thumb",
-		className: clsx(ColorPicker_module_default.thumb, normalizeClassName(className)),
-		...props
-	});
+const ColorPicker_ColorPickerAreaThumb = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ColorPicker.AreaThumb, {
+        ref: ref,
+        "data-slot": "color-picker-area-thumb",
+        className: clsx(ColorPicker_module.thumb, normalizeClassName(className)),
+        ...props
+    });
 });
-const ColorPickerChannelSlider = forwardRef(function ColorPickerChannelSlider({ className, children, channel, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ColorPicker.ChannelSlider, {
-		ref,
-		"data-slot": "color-picker-channel-slider",
-		className: clsx(ColorPicker_module_default.channelSlider, normalizeClassName(className)),
-		channel,
-		...props,
-		children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			channel === "alpha" && /* @__PURE__ */ jsx(ColorPicker.TransparencyGrid, {
-				"data-slot": "color-picker-transparency-grid",
-				className: ColorPicker_module_default.transparencyGrid
-			}),
-			/* @__PURE__ */ jsx(ColorPicker.ChannelSliderTrack, {
-				"data-slot": "color-picker-channel-slider-track",
-				className: ColorPicker_module_default.channelSliderTrack
-			}),
-			/* @__PURE__ */ jsx(ColorPicker.ChannelSliderThumb, {
-				"data-slot": "color-picker-channel-slider-thumb",
-				className: ColorPicker_module_default.thumb
-			})
-		] })
-	});
+const ColorPicker_ColorPickerChannelSlider = /*#__PURE__*/ forwardRef(function({ className, children, channel, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ColorPicker.ChannelSlider, {
+        ref: ref,
+        "data-slot": "color-picker-channel-slider",
+        className: clsx(ColorPicker_module.channelSlider, normalizeClassName(className)),
+        channel: channel,
+        ...props,
+        children: children ?? /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                'alpha' === channel && /*#__PURE__*/ jsx(ColorPicker.TransparencyGrid, {
+                    "data-slot": "color-picker-transparency-grid",
+                    className: ColorPicker_module.transparencyGrid
+                }),
+                /*#__PURE__*/ jsx(ColorPicker.ChannelSliderTrack, {
+                    "data-slot": "color-picker-channel-slider-track",
+                    className: ColorPicker_module.channelSliderTrack
+                }),
+                /*#__PURE__*/ jsx(ColorPicker.ChannelSliderThumb, {
+                    "data-slot": "color-picker-channel-slider-thumb",
+                    className: ColorPicker_module.thumb
+                })
+            ]
+        })
+    });
 });
-const ColorPickerSliders = forwardRef(function ColorPickerSliders({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsxs("div", {
-		ref,
-		"data-slot": "color-picker-sliders",
-		className: clsx(ColorPicker_module_default.sliders, normalizeClassName(className)),
-		...props,
-		children: [/* @__PURE__ */ jsx(ColorPickerChannelSlider, { channel: "hue" }), /* @__PURE__ */ jsx(ColorPickerChannelSlider, { channel: "alpha" })]
-	});
+const ColorPicker_ColorPickerSliders = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsxs("div", {
+        ref: ref,
+        "data-slot": "color-picker-sliders",
+        className: clsx(ColorPicker_module.sliders, normalizeClassName(className)),
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(ColorPicker_ColorPickerChannelSlider, {
+                channel: "hue"
+            }),
+            /*#__PURE__*/ jsx(ColorPicker_ColorPickerChannelSlider, {
+                channel: "alpha"
+            })
+        ]
+    });
 });
-const ColorPickerChannelSliderTrack = forwardRef(function ColorPickerChannelSliderTrack({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ColorPicker.ChannelSliderTrack, {
-		ref,
-		"data-slot": "color-picker-channel-slider-track",
-		className: clsx(ColorPicker_module_default.channelSliderTrack, normalizeClassName(className)),
-		...props
-	});
+const ColorPicker_ColorPickerChannelSliderTrack = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ColorPicker.ChannelSliderTrack, {
+        ref: ref,
+        "data-slot": "color-picker-channel-slider-track",
+        className: clsx(ColorPicker_module.channelSliderTrack, normalizeClassName(className)),
+        ...props
+    });
 });
-const ColorPickerChannelSliderThumb = forwardRef(function ColorPickerChannelSliderThumb({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ColorPicker.ChannelSliderThumb, {
-		ref,
-		"data-slot": "color-picker-channel-slider-thumb",
-		className: clsx(ColorPicker_module_default.thumb, normalizeClassName(className)),
-		...props
-	});
+const ColorPicker_ColorPickerChannelSliderThumb = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ColorPicker.ChannelSliderThumb, {
+        ref: ref,
+        "data-slot": "color-picker-channel-slider-thumb",
+        className: clsx(ColorPicker_module.thumb, normalizeClassName(className)),
+        ...props
+    });
 });
-const ColorPickerChannelSliderLabel = forwardRef(function ColorPickerChannelSliderLabel({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ColorPicker.ChannelSliderLabel, {
-		ref,
-		"data-slot": "color-picker-channel-slider-label",
-		className: clsx(ColorPicker_module_default.channelSliderLabel, normalizeClassName(className)),
-		...props
-	});
+const ColorPicker_ColorPickerChannelSliderLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ColorPicker.ChannelSliderLabel, {
+        ref: ref,
+        "data-slot": "color-picker-channel-slider-label",
+        className: clsx(ColorPicker_module.channelSliderLabel, normalizeClassName(className)),
+        ...props
+    });
 });
-const ColorPickerChannelSliderValueText = forwardRef(function ColorPickerChannelSliderValueText({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ColorPicker.ChannelSliderValueText, {
-		ref,
-		"data-slot": "color-picker-channel-slider-value-text",
-		className: clsx(ColorPicker_module_default.channelSliderValueText, normalizeClassName(className)),
-		...props
-	});
+const ColorPicker_ColorPickerChannelSliderValueText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ColorPicker.ChannelSliderValueText, {
+        ref: ref,
+        "data-slot": "color-picker-channel-slider-value-text",
+        className: clsx(ColorPicker_module.channelSliderValueText, normalizeClassName(className)),
+        ...props
+    });
 });
-const ColorPickerChannelInput = forwardRef(function ColorPickerChannelInput({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ColorPicker.ChannelInput, {
-		ref,
-		"data-slot": "color-picker-channel-input",
-		className: clsx(ColorPicker_module_default.channelInput, normalizeClassName(className)),
-		...props
-	});
+const ColorPicker_ColorPickerChannelInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ColorPicker.ChannelInput, {
+        ref: ref,
+        "data-slot": "color-picker-channel-input",
+        className: clsx(ColorPicker_module.channelInput, normalizeClassName(className)),
+        ...props
+    });
 });
-const ColorPickerEyeDropperTrigger = forwardRef(function ColorPickerEyeDropperTrigger({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ColorPicker.EyeDropperTrigger, {
-		ref,
-		"data-slot": "color-picker-eye-dropper-trigger",
-		className: clsx(ColorPicker_module_default.eyeDropperTrigger, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(PipetteIcon, {})
-	});
+const ColorPicker_ColorPickerEyeDropperTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ColorPicker.EyeDropperTrigger, {
+        ref: ref,
+        "data-slot": "color-picker-eye-dropper-trigger",
+        className: clsx(ColorPicker_module.eyeDropperTrigger, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(PipetteIcon, {})
+    });
 });
-const ColorPickerFormatSelect = forwardRef(function ColorPickerFormatSelect({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ColorPicker.FormatSelect, {
-		ref,
-		"data-slot": "color-picker-format-select",
-		className: clsx(ColorPicker_module_default.formatSelect, normalizeClassName(className)),
-		...props
-	});
+const ColorPicker_ColorPickerFormatSelect = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ColorPicker.FormatSelect, {
+        ref: ref,
+        "data-slot": "color-picker-format-select",
+        className: clsx(ColorPicker_module.formatSelect, normalizeClassName(className)),
+        ...props
+    });
 });
-const ColorPickerFormatTrigger = forwardRef(function ColorPickerFormatTrigger({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ColorPicker.FormatTrigger, {
-		ref,
-		"data-slot": "color-picker-format-trigger",
-		className: clsx(ColorPicker_module_default.formatTrigger, normalizeClassName(className)),
-		...props
-	});
+const ColorPicker_ColorPickerFormatTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ColorPicker.FormatTrigger, {
+        ref: ref,
+        "data-slot": "color-picker-format-trigger",
+        className: clsx(ColorPicker_module.formatTrigger, normalizeClassName(className)),
+        ...props
+    });
 });
-const ColorPickerSwatchGroup = forwardRef(function ColorPickerSwatchGroup({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ColorPicker.SwatchGroup, {
-		ref,
-		"data-slot": "color-picker-swatch-group",
-		className: clsx(ColorPicker_module_default.swatchGroup, normalizeClassName(className)),
-		...props
-	});
+const ColorPicker_ColorPickerSwatchGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ColorPicker.SwatchGroup, {
+        ref: ref,
+        "data-slot": "color-picker-swatch-group",
+        className: clsx(ColorPicker_module.swatchGroup, normalizeClassName(className)),
+        ...props
+    });
 });
-const ColorPickerSwatchTrigger = forwardRef(function ColorPickerSwatchTrigger({ className, children, value, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ColorPicker.SwatchTrigger, {
-		ref,
-		"data-slot": "color-picker-swatch-trigger",
-		className: clsx(ColorPicker_module_default.swatchTrigger, normalizeClassName(className)),
-		value,
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(ColorPicker.Swatch, {
-			"data-slot": "color-picker-swatch",
-			className: ColorPicker_module_default.swatch,
-			value,
-			children: /* @__PURE__ */ jsx(ColorPicker.SwatchIndicator, {
-				"data-slot": "color-picker-swatch-indicator",
-				className: ColorPicker_module_default.swatchIndicator,
-				children: /* @__PURE__ */ jsx(CheckIcon, {})
-			})
-		})
-	});
+const ColorPicker_ColorPickerSwatchTrigger = /*#__PURE__*/ forwardRef(function({ className, children, value, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ColorPicker.SwatchTrigger, {
+        ref: ref,
+        "data-slot": "color-picker-swatch-trigger",
+        className: clsx(ColorPicker_module.swatchTrigger, normalizeClassName(className)),
+        value: value,
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(ColorPicker.Swatch, {
+            "data-slot": "color-picker-swatch",
+            className: ColorPicker_module.swatch,
+            value: value,
+            children: /*#__PURE__*/ jsx(ColorPicker.SwatchIndicator, {
+                "data-slot": "color-picker-swatch-indicator",
+                className: ColorPicker_module.swatchIndicator,
+                children: /*#__PURE__*/ jsx(CheckIcon, {})
+            })
+        })
+    });
 });
-const ColorPickerSwatch = forwardRef(function ColorPickerSwatch({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ColorPicker.Swatch, {
-		ref,
-		"data-slot": "color-picker-swatch",
-		className: clsx(ColorPicker_module_default.swatch, normalizeClassName(className)),
-		...props
-	});
+const ColorPicker_ColorPickerSwatch = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ColorPicker.Swatch, {
+        ref: ref,
+        "data-slot": "color-picker-swatch",
+        className: clsx(ColorPicker_module.swatch, normalizeClassName(className)),
+        ...props
+    });
 });
-const ColorPickerSwatchIndicator = forwardRef(function ColorPickerSwatchIndicator({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ColorPicker.SwatchIndicator, {
-		ref,
-		"data-slot": "color-picker-swatch-indicator",
-		className: clsx(ColorPicker_module_default.swatchIndicator, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(CheckIcon, {})
-	});
+const ColorPicker_ColorPickerSwatchIndicator = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ColorPicker.SwatchIndicator, {
+        ref: ref,
+        "data-slot": "color-picker-swatch-indicator",
+        className: clsx(ColorPicker_module.swatchIndicator, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
+    });
 });
-const ColorPickerTransparencyGrid = forwardRef(function ColorPickerTransparencyGrid({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ColorPicker.TransparencyGrid, {
-		ref,
-		"data-slot": "color-picker-transparency-grid",
-		className: clsx(ColorPicker_module_default.transparencyGrid, normalizeClassName(className)),
-		...props
-	});
+const ColorPicker_ColorPickerTransparencyGrid = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ColorPicker.TransparencyGrid, {
+        ref: ref,
+        "data-slot": "color-picker-transparency-grid",
+        className: clsx(ColorPicker_module.transparencyGrid, normalizeClassName(className)),
+        ...props
+    });
 });
-const ColorPickerValueSwatch = forwardRef(function ColorPickerValueSwatch({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ColorPicker.ValueSwatch, {
-		ref,
-		"data-slot": "color-picker-value-swatch",
-		className: clsx(ColorPicker_module_default.valueSwatch, normalizeClassName(className)),
-		...props
-	});
+const ColorPicker_ColorPickerValueSwatch = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ColorPicker.ValueSwatch, {
+        ref: ref,
+        "data-slot": "color-picker-value-swatch",
+        className: clsx(ColorPicker_module.valueSwatch, normalizeClassName(className)),
+        ...props
+    });
 });
-const ColorPickerValueText = forwardRef(function ColorPickerValueText({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ColorPicker.ValueText, {
-		ref,
-		"data-slot": "color-picker-value-text",
-		className: clsx(ColorPicker_module_default.valueText, normalizeClassName(className)),
-		...props
-	});
+const ColorPicker_ColorPickerValueText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ColorPicker.ValueText, {
+        ref: ref,
+        "data-slot": "color-picker-value-text",
+        className: clsx(ColorPicker_module.valueText, normalizeClassName(className)),
+        ...props
+    });
 });
-const ColorPickerView = forwardRef(function ColorPickerView({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ColorPicker.View, {
-		ref,
-		"data-slot": "color-picker-view",
-		className: clsx(ColorPicker_module_default.view, normalizeClassName(className)),
-		...props
-	});
+const ColorPicker_ColorPickerView = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ColorPicker.View, {
+        ref: ref,
+        "data-slot": "color-picker-view",
+        className: clsx(ColorPicker_module.view, normalizeClassName(className)),
+        ...props
+    });
 });
 function withHiddenInput(children, asChild) {
-	const hiddenInput = /* @__PURE__ */ jsx(ColorPicker.HiddenInput, { "data-slot": "color-picker-hidden-input" });
-	if (!asChild) return /* @__PURE__ */ jsxs(Fragment$1, { children: [children, hiddenInput] });
-	const child = Children.only(children);
-	return cloneElement(child, {}, child.props.children, hiddenInput);
+    const hiddenInput = /*#__PURE__*/ jsx(ColorPicker.HiddenInput, {
+        "data-slot": "color-picker-hidden-input"
+    });
+    if (!asChild) return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            children,
+            hiddenInput
+        ]
+    });
+    const child = Children.only(children);
+    return /*#__PURE__*/ cloneElement(child, {}, child.props.children, hiddenInput);
 }
-const ColorPicker$1 = Object.assign(ColorPickerRoot, {
-	Root: ColorPickerRoot,
-	RootProvider: ColorPickerRootProvider,
-	Label: ColorPickerLabel,
-	Control: ColorPickerControl,
-	Trigger: ColorPickerTrigger,
-	Positioner: ColorPickerPositioner,
-	Content: ColorPickerContent,
-	Area: ColorPickerArea,
-	AreaBackground: ColorPickerAreaBackground,
-	AreaThumb: ColorPickerAreaThumb,
-	ChannelSlider: ColorPickerChannelSlider,
-	Sliders: ColorPickerSliders,
-	ChannelSliderTrack: ColorPickerChannelSliderTrack,
-	ChannelSliderThumb: ColorPickerChannelSliderThumb,
-	ChannelSliderLabel: ColorPickerChannelSliderLabel,
-	ChannelSliderValueText: ColorPickerChannelSliderValueText,
-	ChannelInput: ColorPickerChannelInput,
-	EyeDropperTrigger: ColorPickerEyeDropperTrigger,
-	FormatSelect: ColorPickerFormatSelect,
-	FormatTrigger: ColorPickerFormatTrigger,
-	SwatchGroup: ColorPickerSwatchGroup,
-	SwatchTrigger: ColorPickerSwatchTrigger,
-	Swatch: ColorPickerSwatch,
-	SwatchIndicator: ColorPickerSwatchIndicator,
-	TransparencyGrid: ColorPickerTransparencyGrid,
-	ValueSwatch: ColorPickerValueSwatch,
-	ValueText: ColorPickerValueText,
-	View: ColorPickerView
+const ColorPicker_ColorPicker = Object.assign(ColorPicker_ColorPickerRoot, {
+    Root: ColorPicker_ColorPickerRoot,
+    RootProvider: ColorPicker_ColorPickerRootProvider,
+    Context: ColorPicker.Context,
+    Label: ColorPicker_ColorPickerLabel,
+    Control: ColorPicker_ColorPickerControl,
+    Trigger: ColorPicker_ColorPickerTrigger,
+    Positioner: ColorPicker_ColorPickerPositioner,
+    Content: ColorPicker_ColorPickerContent,
+    Area: ColorPicker_ColorPickerArea,
+    AreaBackground: ColorPicker_ColorPickerAreaBackground,
+    AreaThumb: ColorPicker_ColorPickerAreaThumb,
+    ChannelSlider: ColorPicker_ColorPickerChannelSlider,
+    Sliders: ColorPicker_ColorPickerSliders,
+    ChannelSliderTrack: ColorPicker_ColorPickerChannelSliderTrack,
+    ChannelSliderThumb: ColorPicker_ColorPickerChannelSliderThumb,
+    ChannelSliderLabel: ColorPicker_ColorPickerChannelSliderLabel,
+    ChannelSliderValueText: ColorPicker_ColorPickerChannelSliderValueText,
+    ChannelInput: ColorPicker_ColorPickerChannelInput,
+    EyeDropperTrigger: ColorPicker_ColorPickerEyeDropperTrigger,
+    FormatSelect: ColorPicker_ColorPickerFormatSelect,
+    FormatTrigger: ColorPicker_ColorPickerFormatTrigger,
+    SwatchGroup: ColorPicker_ColorPickerSwatchGroup,
+    SwatchTrigger: ColorPicker_ColorPickerSwatchTrigger,
+    Swatch: ColorPicker_ColorPickerSwatch,
+    SwatchIndicator: ColorPicker_ColorPickerSwatchIndicator,
+    TransparencyGrid: ColorPicker_ColorPickerTransparencyGrid,
+    ValueSwatch: ColorPicker_ColorPickerValueSwatch,
+    ValueText: ColorPicker_ColorPickerValueText,
+    View: ColorPicker_ColorPickerView
 });
-//#endregion
-export { ColorPicker$1 as ColorPicker, parseColor, useColorPicker, useColorPickerContext };
+export { ColorPicker_ColorPicker as ColorPicker, parseColor, useColorPicker, useColorPickerContext };