@pixpilot/shadcn-ui 0.65.0 → 1.0.0

package/dist/ColorPickerBase/ColorPickerRoot.js

@@ -0,0 +1,51 @@
+'use client';
+
+
+import { Provider } from "./color-picker-context.js";
+import { useColorPickerValueAdapter } from "./hooks/use-color-picker-base-swatch.js";
+import { useColorPickerBaseValue } from "./hooks/use-color-picker-base-value.js";
+import { ColorPicker } from "@pixpilot/shadcn";
+import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ColorPickerBase/ColorPickerRoot.tsx
+const DEFAULT_COLOR = "#000000";
+const ColorPickerRoot = (props) => {
+	const { value: propValue, onChange, onValueChange, format, defaultFormat = "hex", onFormatChange, children,...rest } = props;
+	const { currentValue, handleValueChange } = useColorPickerBaseValue({
+		value: propValue,
+		defaultValue: DEFAULT_COLOR,
+		onChange,
+		onValueChange
+	});
+	const { valueForPicker, handleFormatChange } = useColorPickerValueAdapter({
+		currentValue,
+		format,
+		defaultFormat,
+		onFormatChange,
+		handleValueChange
+	});
+	const [open, setOpen] = useState(false);
+	return /* @__PURE__ */ jsx(Provider, {
+		value: {
+			isPickerOpen: open,
+			color: currentValue,
+			onColorChange: handleValueChange,
+			openPicker: setOpen
+		},
+		children: /* @__PURE__ */ jsx(ColorPicker, {
+			...rest,
+			format,
+			defaultFormat,
+			onFormatChange: handleFormatChange,
+			value: valueForPicker,
+			onValueChange: handleValueChange,
+			onOpenChange: setOpen,
+			children
+		})
+	});
+};
+ColorPickerRoot.displayName = "ColorPickerRoot";
+
+//#endregion
+export { ColorPickerRoot };

package/dist/ColorPickerBase/ColorPickerSwatch.cjs

@@ -0,0 +1,19 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/ColorPickerBase/ColorPickerSwatch.tsx
+const ColorPickerSwatch = (props) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.ColorPickerSwatch, {
+		...props,
+		className: (0, __pixpilot_shadcn.cn)("rounded-sm w-6.5 h-6.5 p-0 -ml-1 cursor-pointer", props.className)
+	});
+};
+ColorPickerSwatch.displayName = "ColorPickerSwatch";
+
+//#endregion
+exports.ColorPickerSwatch = ColorPickerSwatch;

package/dist/ColorPickerBase/ColorPickerSwatch.d.cts

@@ -0,0 +1,8 @@
+import { ColorPickerSwatch } from "@pixpilot/shadcn";
+import React from "react";
+
+//#region src/ColorPickerBase/ColorPickerSwatch.d.ts
+interface ColorPickerSwatchProps extends React.ComponentProps<typeof ColorPickerSwatch> {}
+declare const ColorPickerSwatch$1: React.FC<ColorPickerSwatchProps>;
+//#endregion
+export { ColorPickerSwatch$1 as ColorPickerSwatch };

package/dist/ColorPickerBase/ColorPickerSwatch.d.ts

@@ -0,0 +1,8 @@
+import { ColorPickerSwatch } from "@pixpilot/shadcn";
+import React from "react";
+
+//#region src/ColorPickerBase/ColorPickerSwatch.d.ts
+interface ColorPickerSwatchProps extends React.ComponentProps<typeof ColorPickerSwatch> {}
+declare const ColorPickerSwatch$1: React.FC<ColorPickerSwatchProps>;
+//#endregion
+export { ColorPickerSwatch$1 as ColorPickerSwatch };

package/dist/ColorPickerBase/ColorPickerSwatch.js

@@ -0,0 +1,15 @@
+import { ColorPickerSwatch, cn } from "@pixpilot/shadcn";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ColorPickerBase/ColorPickerSwatch.tsx
+const ColorPickerSwatch$1 = (props) => {
+	return /* @__PURE__ */ jsx(ColorPickerSwatch, {
+		...props,
+		className: cn("rounded-sm w-6.5 h-6.5 p-0 -ml-1 cursor-pointer", props.className)
+	});
+};
+ColorPickerSwatch$1.displayName = "ColorPickerSwatch";
+
+//#endregion
+export { ColorPickerSwatch$1 as ColorPickerSwatch };

package/dist/ColorPickerBase/color-palette/ColorPickerColorPalette.cjs

@@ -0,0 +1,101 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_PaletteButton = require('../PaletteButton.cjs');
+const require_PaletteSwatch = require('./PaletteSwatch.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
+let lucide_react = require("lucide-react");
+lucide_react = require_rolldown_runtime.__toESM(lucide_react);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/ColorPickerBase/color-palette/ColorPickerColorPalette.tsx
+const COMMON_COLORS = [
+	{
+		label: "Transparent",
+		value: "#00000000"
+	},
+	{
+		label: "Black",
+		value: "#000000"
+	},
+	{
+		label: "White",
+		value: "#FFFFFF"
+	},
+	{
+		label: "Gray",
+		value: "#808080"
+	},
+	{
+		label: "Red",
+		value: "#FF0000"
+	},
+	{
+		label: "Orange",
+		value: "#FFA500"
+	},
+	{
+		label: "Yellow",
+		value: "#FFFF00"
+	},
+	{
+		label: "Lime",
+		value: "#84CC16"
+	},
+	{
+		label: "Green",
+		value: "#22C55E"
+	},
+	{
+		label: "Teal",
+		value: "#14B8A6"
+	},
+	{
+		label: "Cyan",
+		value: "#00FFFF"
+	},
+	{
+		label: "Blue",
+		value: "#3B82F6"
+	},
+	{
+		label: "Indigo",
+		value: "#6366F1"
+	},
+	{
+		label: "Purple",
+		value: "#A855F7"
+	},
+	{
+		label: "Pink",
+		value: "#EC4899"
+	},
+	{
+		label: "Brown",
+		value: "#A52A2A"
+	}
+];
+const ColorPickerColorPalette = (props) => {
+	const { presetColors = COMMON_COLORS, onChange, selectedColor, onMoreColor,...rest } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		...rest,
+		className: (0, __pixpilot_shadcn.cn)("gap-2 flex flex-wrap", rest.className),
+		children: [presetColors.map((color) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PaletteSwatch.PaletteSwatch, {
+			color,
+			onSelect: onChange,
+			selectedValue: selectedColor
+		}, color.value)), onMoreColor && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PaletteButton.PaletteButton, {
+			onClick: onMoreColor,
+			"aria-label": "Toggle full color picker",
+			className: "flex items-center justify-center border-input bg-input hover:bg-accent hover:text-accent-foreground",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Droplet, { className: "h-4 w-4" })
+		})]
+	});
+};
+ColorPickerColorPalette.displayName = "ColorPickerColorPalette";
+
+//#endregion
+exports.COMMON_COLORS = COMMON_COLORS;
+exports.ColorPickerColorPalette = ColorPickerColorPalette;

package/dist/ColorPickerBase/color-palette/ColorPickerColorPalette.d.cts

@@ -0,0 +1,14 @@
+import { PresetColor } from "../types.cjs";
+import React from "react";
+
+//#region src/ColorPickerBase/color-palette/ColorPickerColorPalette.d.ts
+declare const COMMON_COLORS: PresetColor[];
+interface ColorPickerColorPaletteProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+  presetColors?: PresetColor[];
+  onChange?: (color: string) => void;
+  selectedColor?: string;
+  onMoreColor?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}
+declare const ColorPickerColorPalette: React.FC<ColorPickerColorPaletteProps>;
+//#endregion
+export { COMMON_COLORS, ColorPickerColorPalette, ColorPickerColorPaletteProps };

package/dist/ColorPickerBase/color-palette/ColorPickerColorPalette.d.ts

@@ -0,0 +1,14 @@
+import { PresetColor } from "../types.js";
+import React from "react";
+
+//#region src/ColorPickerBase/color-palette/ColorPickerColorPalette.d.ts
+declare const COMMON_COLORS: PresetColor[];
+interface ColorPickerColorPaletteProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+  presetColors?: PresetColor[];
+  onChange?: (color: string) => void;
+  selectedColor?: string;
+  onMoreColor?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}
+declare const ColorPickerColorPalette: React.FC<ColorPickerColorPaletteProps>;
+//#endregion
+export { COMMON_COLORS, ColorPickerColorPalette, ColorPickerColorPaletteProps };

package/dist/ColorPickerBase/color-palette/ColorPickerColorPalette.js

@@ -0,0 +1,95 @@
+import { PaletteButton } from "../PaletteButton.js";
+import { PaletteSwatch } from "./PaletteSwatch.js";
+import { cn } from "@pixpilot/shadcn";
+import { Droplet } from "lucide-react";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/ColorPickerBase/color-palette/ColorPickerColorPalette.tsx
+const COMMON_COLORS = [
+	{
+		label: "Transparent",
+		value: "#00000000"
+	},
+	{
+		label: "Black",
+		value: "#000000"
+	},
+	{
+		label: "White",
+		value: "#FFFFFF"
+	},
+	{
+		label: "Gray",
+		value: "#808080"
+	},
+	{
+		label: "Red",
+		value: "#FF0000"
+	},
+	{
+		label: "Orange",
+		value: "#FFA500"
+	},
+	{
+		label: "Yellow",
+		value: "#FFFF00"
+	},
+	{
+		label: "Lime",
+		value: "#84CC16"
+	},
+	{
+		label: "Green",
+		value: "#22C55E"
+	},
+	{
+		label: "Teal",
+		value: "#14B8A6"
+	},
+	{
+		label: "Cyan",
+		value: "#00FFFF"
+	},
+	{
+		label: "Blue",
+		value: "#3B82F6"
+	},
+	{
+		label: "Indigo",
+		value: "#6366F1"
+	},
+	{
+		label: "Purple",
+		value: "#A855F7"
+	},
+	{
+		label: "Pink",
+		value: "#EC4899"
+	},
+	{
+		label: "Brown",
+		value: "#A52A2A"
+	}
+];
+const ColorPickerColorPalette = (props) => {
+	const { presetColors = COMMON_COLORS, onChange, selectedColor, onMoreColor,...rest } = props;
+	return /* @__PURE__ */ jsxs("div", {
+		...rest,
+		className: cn("gap-2 flex flex-wrap", rest.className),
+		children: [presetColors.map((color) => /* @__PURE__ */ jsx(PaletteSwatch, {
+			color,
+			onSelect: onChange,
+			selectedValue: selectedColor
+		}, color.value)), onMoreColor && /* @__PURE__ */ jsx(PaletteButton, {
+			onClick: onMoreColor,
+			"aria-label": "Toggle full color picker",
+			className: "flex items-center justify-center border-input bg-input hover:bg-accent hover:text-accent-foreground",
+			children: /* @__PURE__ */ jsx(Droplet, { className: "h-4 w-4" })
+		})]
+	});
+};
+ColorPickerColorPalette.displayName = "ColorPickerColorPalette";
+
+//#endregion
+export { COMMON_COLORS, ColorPickerColorPalette };

package/dist/ColorPickerBase/{PaletteSwatch.cjs → color-palette/PaletteSwatch.cjs}

@@ -1,5 +1,5 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_PaletteButton = require('./PaletteButton.cjs');
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_PaletteButton = require('../PaletteButton.cjs');
 let __pixpilot_shadcn = require("@pixpilot/shadcn");
 __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 let react = require("react");
@@ -7,7 +7,7 @@ react = require_rolldown_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
-//#region src/ColorPickerBase/PaletteSwatch.tsx
+//#region src/ColorPickerBase/color-palette/PaletteSwatch.tsx
 const PaletteSwatch = ({ color, onSelect, className, selectedValue }) => {
 	const colorValue = color?.value ?? "rgb(0,0,0,0)";
 	const colorLabel = color?.label;

package/dist/ColorPickerBase/{PaletteSwatch.js → color-palette/PaletteSwatch.js}

@@ -1,9 +1,9 @@
-import { PaletteButton } from "./PaletteButton.js";
+import { PaletteButton } from "../PaletteButton.js";
 import { Tooltip, TooltipContent, TooltipTrigger, cn, colorUtils } from "@pixpilot/shadcn";
 import { useCallback } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/ColorPickerBase/PaletteSwatch.tsx
+//#region src/ColorPickerBase/color-palette/PaletteSwatch.tsx
 const PaletteSwatch = ({ color, onSelect, className, selectedValue }) => {
 	const colorValue = color?.value ?? "rgb(0,0,0,0)";
 	const colorLabel = color?.label;

package/dist/ColorPickerBase/color-palette/index.cjs

@@ -0,0 +1 @@
+const require_ColorPickerColorPalette = require('./ColorPickerColorPalette.cjs');

package/dist/ColorPickerBase/color-palette/index.d.cts

@@ -0,0 +1 @@
+import { COMMON_COLORS, ColorPickerColorPalette, ColorPickerColorPaletteProps } from "./ColorPickerColorPalette.cjs";

package/dist/ColorPickerBase/color-palette/index.d.ts

@@ -0,0 +1 @@
+import { COMMON_COLORS, ColorPickerColorPalette, ColorPickerColorPaletteProps } from "./ColorPickerColorPalette.js";

package/dist/ColorPickerBase/color-palette/index.js

@@ -0,0 +1 @@
+import { COMMON_COLORS, ColorPickerColorPalette } from "./ColorPickerColorPalette.js";

package/dist/ColorPickerBase/color-picker-context.cjs

@@ -0,0 +1,16 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region src/ColorPickerBase/color-picker-context.ts
+const ColorPickerContext = react.default.createContext({});
+const { Provider, Consumer } = ColorPickerContext;
+function useColorPickerContext() {
+	return react.default.use(ColorPickerContext);
+}
+
+//#endregion
+exports.ColorPickerContext = ColorPickerContext;
+exports.Consumer = Consumer;
+exports.Provider = Provider;
+exports.useColorPickerContext = useColorPickerContext;

package/dist/ColorPickerBase/color-picker-context.d.cts

@@ -0,0 +1,14 @@
+import React from "react";
+
+//#region src/ColorPickerBase/color-picker-context.d.ts
+interface ColorPickerContextStates {
+  isPickerOpen: boolean;
+  color: string;
+  onColorChange: (value: string) => void;
+  openPicker: (open: boolean) => void;
+}
+declare const ColorPickerContext: React.Context<ColorPickerContextStates>;
+declare const Provider: React.Provider<ColorPickerContextStates>, Consumer: React.Consumer<ColorPickerContextStates>;
+declare function useColorPickerContext(): ColorPickerContextStates;
+//#endregion
+export { ColorPickerContext, ColorPickerContextStates, Consumer, Provider, useColorPickerContext };

package/dist/ColorPickerBase/color-picker-context.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+
+//#region src/ColorPickerBase/color-picker-context.d.ts
+interface ColorPickerContextStates {
+  isPickerOpen: boolean;
+  color: string;
+  onColorChange: (value: string) => void;
+  openPicker: (open: boolean) => void;
+}
+declare const ColorPickerContext: React.Context<ColorPickerContextStates>;
+declare const Provider: React.Provider<ColorPickerContextStates>, Consumer: React.Consumer<ColorPickerContextStates>;
+declare function useColorPickerContext(): ColorPickerContextStates;
+//#endregion
+export { ColorPickerContext, ColorPickerContextStates, Consumer, Provider, useColorPickerContext };

package/dist/ColorPickerBase/color-picker-context.js

@@ -0,0 +1,11 @@
+import React from "react";
+
+//#region src/ColorPickerBase/color-picker-context.ts
+const ColorPickerContext = React.createContext({});
+const { Provider, Consumer } = ColorPickerContext;
+function useColorPickerContext() {
+	return React.use(ColorPickerContext);
+}
+
+//#endregion
+export { ColorPickerContext, Consumer, Provider, useColorPickerContext };

package/dist/ColorPickerBase/constants.cjs

@@ -0,0 +1,13 @@
+
+//#region src/ColorPickerBase/constants.ts
+const DEFAULT_COLOR = "#000000";
+const DEFAULT_SECTIONS = [
+	"swatch",
+	"picker",
+	"format-select",
+	"input"
+];
+
+//#endregion
+exports.DEFAULT_COLOR = DEFAULT_COLOR;
+exports.DEFAULT_SECTIONS = DEFAULT_SECTIONS;

package/dist/ColorPickerBase/constants.js

@@ -0,0 +1,11 @@
+//#region src/ColorPickerBase/constants.ts
+const DEFAULT_COLOR = "#000000";
+const DEFAULT_SECTIONS = [
+	"swatch",
+	"picker",
+	"format-select",
+	"input"
+];
+
+//#endregion
+export { DEFAULT_COLOR, DEFAULT_SECTIONS };

package/dist/ColorPickerBase/hooks/use-color-picker-base-swatch.cjs

@@ -4,7 +4,7 @@ let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
 
 //#region src/ColorPickerBase/hooks/use-color-picker-base-swatch.ts
-function useColorPickerBaseSwatch(params) {
+function useColorPickerValueAdapter(params) {
 	const { currentValue, format, defaultFormat, onFormatChange, handleValueChange } = params;
 	const currentFormatRef = (0, react.useRef)(format ?? defaultFormat);
 	if (format !== void 0) currentFormatRef.current = format;
@@ -13,7 +13,7 @@ function useColorPickerBaseSwatch(params) {
 		currentFormatRef.current = nextFormat;
 		onFormatChange?.(nextFormat);
 	}, [onFormatChange]);
-	const handleSwatchSelect = (0, react.useCallback)((value) => {
+	const handlePresetChange = (0, react.useCallback)((value) => {
 		const desiredFormat = currentFormatRef.current;
 		const result = require_color_picker_base_utils.getSwatchSelectionResult({
 			swatchValue: value,
@@ -33,9 +33,9 @@ function useColorPickerBaseSwatch(params) {
 			forceOpaqueHex
 		}),
 		handleFormatChange,
-		handleSwatchSelect
+		handlePresetChange
 	};
 }
 
 //#endregion
-exports.useColorPickerBaseSwatch = useColorPickerBaseSwatch;
+exports.useColorPickerValueAdapter = useColorPickerValueAdapter;

package/dist/ColorPickerBase/hooks/use-color-picker-base-swatch.js

@@ -2,7 +2,7 @@ import { getSwatchSelectionResult, toPickerValue } from "../utils/color-picker-b
 import { useCallback, useLayoutEffect, useRef, useState } from "react";
 
 //#region src/ColorPickerBase/hooks/use-color-picker-base-swatch.ts
-function useColorPickerBaseSwatch(params) {
+function useColorPickerValueAdapter(params) {
 	const { currentValue, format, defaultFormat, onFormatChange, handleValueChange } = params;
 	const currentFormatRef = useRef(format ?? defaultFormat);
 	if (format !== void 0) currentFormatRef.current = format;
@@ -11,7 +11,7 @@ function useColorPickerBaseSwatch(params) {
 		currentFormatRef.current = nextFormat;
 		onFormatChange?.(nextFormat);
 	}, [onFormatChange]);
-	const handleSwatchSelect = useCallback((value) => {
+	const handlePresetChange = useCallback((value) => {
 		const desiredFormat = currentFormatRef.current;
 		const result = getSwatchSelectionResult({
 			swatchValue: value,
@@ -31,9 +31,9 @@ function useColorPickerBaseSwatch(params) {
 			forceOpaqueHex
 		}),
 		handleFormatChange,
-		handleSwatchSelect
+		handlePresetChange
 	};
 }
 
 //#endregion
-export { useColorPickerBaseSwatch };
+export { useColorPickerValueAdapter };

package/dist/ColorPickerBase/index.cjs

@@ -1 +1,15 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_ColorPickerColorPalette = require('./color-palette/ColorPickerColorPalette.cjs');
+require('./color-palette/index.cjs');
+const require_color_picker_context = require('./color-picker-context.cjs');
+const require_ColorPickerControls = require('./ColorPickerControls.cjs');
+const require_ColorPickerFormatInput = require('./ColorPickerFormatInput.cjs');
+const require_ColorPickerFormatControls = require('./ColorPickerFormatControls.cjs');
+const require_ColorPickerCompactControls = require('./ColorPickerCompactControls.cjs');
+const require_ColorPickerFullControls = require('./ColorPickerFullControls.cjs');
+const require_ColorPickerRoot = require('./ColorPickerRoot.cjs');
 const require_ColorPickerBase = require('./ColorPickerBase.cjs');
+const require_ColorPickerButton = require('./ColorPickerButton.cjs');
+const require_ColorPickerInput = require('./ColorPickerInput.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);

package/dist/ColorPickerBase/index.d.cts

@@ -0,0 +1,13 @@
+import { ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerRootProps, PresetColor } from "./types.cjs";
+import { COMMON_COLORS, ColorPickerColorPalette, ColorPickerColorPaletteProps } from "./color-palette/ColorPickerColorPalette.cjs";
+import "./color-palette/index.cjs";
+import { ColorPickerContext, ColorPickerContextStates, Consumer, Provider, useColorPickerContext } from "./color-picker-context.cjs";
+import { ColorPickerBase } from "./ColorPickerBase.cjs";
+import { ColorPickerButton, ColorPickerButtonProps } from "./ColorPickerButton.cjs";
+import { ColorPickerCompactControls, ColorPickerCompactControlsProps } from "./ColorPickerCompactControls.cjs";
+import { ColorPickerAlphaSlider, ColorPickerArea, ColorPickerControls, ColorPickerControlsProps, ColorPickerEyeDropper, ColorPickerHueSlider } from "./ColorPickerControls.cjs";
+import { ColorPickerFormatInput, ColorPickerFormatInputProps } from "./ColorPickerFormatInput.cjs";
+import { ColorPickerFormatControls, ColorPickerFormatControlsProps, ColorPickerFormatSelect } from "./ColorPickerFormatControls.cjs";
+import { ColorPickerFullControls, ColorPickerFullControlsProps } from "./ColorPickerFullControls.cjs";
+import { ColorPickerInput, ColorPickerInputProps } from "./ColorPickerInput.cjs";
+import { ColorPickerRoot } from "./ColorPickerRoot.cjs";

package/dist/ColorPickerBase/index.d.ts

@@ -1,2 +1,13 @@
-import { ColorPickerBaseProps, ColorPickerBaseSection, PresetColor } from "./types.js";
-import { ColorPickerBase } from "./ColorPickerBase.js";
+import { ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerRootProps, PresetColor } from "./types.js";
+import { COMMON_COLORS, ColorPickerColorPalette, ColorPickerColorPaletteProps } from "./color-palette/ColorPickerColorPalette.js";
+import "./color-palette/index.js";
+import { ColorPickerContext, ColorPickerContextStates, Consumer, Provider, useColorPickerContext } from "./color-picker-context.js";
+import { ColorPickerBase } from "./ColorPickerBase.js";
+import { ColorPickerButton, ColorPickerButtonProps } from "./ColorPickerButton.js";
+import { ColorPickerCompactControls, ColorPickerCompactControlsProps } from "./ColorPickerCompactControls.js";
+import { ColorPickerAlphaSlider, ColorPickerArea, ColorPickerControls, ColorPickerControlsProps, ColorPickerEyeDropper, ColorPickerHueSlider } from "./ColorPickerControls.js";
+import { ColorPickerFormatInput, ColorPickerFormatInputProps } from "./ColorPickerFormatInput.js";
+import { ColorPickerFormatControls, ColorPickerFormatControlsProps, ColorPickerFormatSelect } from "./ColorPickerFormatControls.js";
+import { ColorPickerFullControls, ColorPickerFullControlsProps } from "./ColorPickerFullControls.js";
+import { ColorPickerInput, ColorPickerInputProps } from "./ColorPickerInput.js";
+import { ColorPickerRoot } from "./ColorPickerRoot.js";

package/dist/ColorPickerBase/index.js

@@ -1 +1,12 @@
+import { COMMON_COLORS, ColorPickerColorPalette } from "./color-palette/ColorPickerColorPalette.js";
+import "./color-palette/index.js";
+import { ColorPickerContext, Consumer, Provider, useColorPickerContext } from "./color-picker-context.js";
+import { ColorPickerAlphaSlider, ColorPickerArea, ColorPickerControls, ColorPickerEyeDropper, ColorPickerHueSlider } from "./ColorPickerControls.js";
+import { ColorPickerFormatInput } from "./ColorPickerFormatInput.js";
+import { ColorPickerFormatControls, ColorPickerFormatSelect } from "./ColorPickerFormatControls.js";
+import { ColorPickerCompactControls } from "./ColorPickerCompactControls.js";
+import { ColorPickerFullControls } from "./ColorPickerFullControls.js";
+import { ColorPickerRoot } from "./ColorPickerRoot.js";
 import { ColorPickerBase } from "./ColorPickerBase.js";
+import { ColorPickerButton } from "./ColorPickerButton.js";
+import { ColorPickerInput } from "./ColorPickerInput.js";

package/dist/ColorPickerBase/types.d.cts

@@ -10,6 +10,14 @@ type ColorPickerBaseSections = ReadonlyArray<ColorPickerBaseSection>;
 interface ColorPickerContentWrapperProps extends React.ComponentProps<typeof ColorPickerContent> {
   width?: number | string;
 }
+type ColorPickerContentProps = Required<Pick<ColorPickerBaseProps, 'onValueChange' | 'presetColors' | 'sections'>> & {
+  currentValue: string;
+  contentProps?: Partial<ColorPickerContentWrapperProps>;
+};
+interface ColorPickerRootProps extends Omit<ColorPickerProps, 'onChange'> {
+  value?: string;
+  onChange?: (value: string) => void;
+}
 interface ColorPickerBaseProps extends Omit<ColorPickerProps, 'onChange' | 'children'> {
   value?: string;
   onChange?: (value: string) => void;
@@ -21,11 +29,11 @@ interface ColorPickerBaseProps extends Omit<ColorPickerProps, 'onChange' | 'chil
    */
   sections?: ColorPickerBaseSections;
   contentProps?: Partial<ColorPickerContentWrapperProps>;
-  children: (props: {
+  children: React.ReactNode | ((props: {
     value?: string;
     onValueChange: (value: string) => void;
     isPickerOpen: boolean;
-  }) => React.ReactNode;
+  }) => React.ReactNode);
 }
 //#endregion
-export { ColorPickerBaseProps, ColorPickerBaseSection, PresetColor };
+export { ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerContentProps, ColorPickerRootProps, PresetColor };

package/dist/ColorPickerBase/types.d.ts

@@ -10,6 +10,14 @@ type ColorPickerBaseSections = ReadonlyArray<ColorPickerBaseSection>;
 interface ColorPickerContentWrapperProps extends React.ComponentProps<typeof ColorPickerContent> {
   width?: number | string;
 }
+type ColorPickerContentProps = Required<Pick<ColorPickerBaseProps, 'onValueChange' | 'presetColors' | 'sections'>> & {
+  currentValue: string;
+  contentProps?: Partial<ColorPickerContentWrapperProps>;
+};
+interface ColorPickerRootProps extends Omit<ColorPickerProps, 'onChange'> {
+  value?: string;
+  onChange?: (value: string) => void;
+}
 interface ColorPickerBaseProps extends Omit<ColorPickerProps, 'onChange' | 'children'> {
   value?: string;
   onChange?: (value: string) => void;
@@ -21,11 +29,11 @@ interface ColorPickerBaseProps extends Omit<ColorPickerProps, 'onChange' | 'chil
    */
   sections?: ColorPickerBaseSections;
   contentProps?: Partial<ColorPickerContentWrapperProps>;
-  children: (props: {
+  children: React.ReactNode | ((props: {
     value?: string;
     onValueChange: (value: string) => void;
     isPickerOpen: boolean;
-  }) => React.ReactNode;
+  }) => React.ReactNode);
 }
 //#endregion
-export { ColorPickerBaseProps, ColorPickerBaseSection, PresetColor };
+export { ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerContentProps, ColorPickerRootProps, PresetColor };