@flipdish/ui-library 0.10.0 → 0.11.1

package/dist/components/organisms/Charts/components/radar-chart.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"radar-chart.cjs","sources":["../../../../../src/components/organisms/Charts/components/radar-chart.tsx"],"sourcesContent":[null],"names":["_jsx","cx","ResponsiveContainer","_jsxs","RechartsRadarChart","Legend","ChartLegendContent","PolarGrid","PolarAngleAxis","PolarRadiusAxis","Tooltip","ChartTooltipContent","Radar"],"mappings":"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"}
+{"version":3,"file":"radar-chart.cjs","sources":["../../../../../src/components/organisms/Charts/components/radar-chart.tsx"],"sourcesContent":[null],"names":["_jsx","cx","useResolvedTestId","ResponsiveContainer","_jsxs","RechartsRadarChart","Legend","ChartLegendContent","PolarGrid","PolarAngleAxis","PolarRadiusAxis","Tooltip","ChartTooltipContent","Radar"],"mappings":"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"}

package/dist/components/organisms/Charts/components/radar-chart.d.ts

@@ -45,6 +45,8 @@ export interface RadarChartProps {
     showRadiusAxis?: boolean;
     /** Additional class name for the chart container. */
     className?: string;
+    /** Overrides the `data-testid` on the chart container (defaults to `fd-radar-chart`). */
+    'data-testid'?: string;
 }
-export declare const RadarChart: ({ data, series, subjectKey, domainMax, height, showLegend, showTooltip, showRadiusAxis, className, }: RadarChartProps) => import("react").JSX.Element;
+export declare const RadarChart: ({ data, series, subjectKey, domainMax, height, showLegend, showTooltip, showRadiusAxis, className, "data-testid": dataTestId, }: RadarChartProps) => import("react").JSX.Element;
 //# sourceMappingURL=radar-chart.d.ts.map

package/dist/components/organisms/Charts/components/radar-chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radar-chart.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Charts/components/radar-chart.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,uDAAuD;IACvD,OAAO,EAAE,MAAM,CAAC;IAChB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,gDAAgD;IAChD,IAAI,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACtC,uDAAuD;IACvD,MAAM,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoCD,eAAO,MAAM,UAAU,GAAI,sGAUxB,eAAe,gCAiDjB,CAAC"}
+{"version":3,"file":"radar-chart.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Charts/components/radar-chart.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,gBAAgB;IAC/B,uDAAuD;IACvD,OAAO,EAAE,MAAM,CAAC;IAChB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,gDAAgD;IAChD,IAAI,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACtC,uDAAuD;IACvD,MAAM,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAoCD,eAAO,MAAM,UAAU,GAAI,iIAWxB,eAAe,gCAuDjB,CAAC"}

package/dist/components/organisms/Charts/components/radar-chart.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 import { ResponsiveContainer, RadarChart as RadarChart$1, Legend, PolarGrid, PolarAngleAxis, PolarRadiusAxis, Tooltip, Radar } from 'recharts';
 import { ChartLegendContent, ChartTooltipContent } from './charts-base.js';
 
@@ -22,12 +23,13 @@ const activeDot = { className: 'fill-bg-primary stroke-utility-brand-600 stroke-
 const AngleAxisTick = ({ x, y, textAnchor, payload, ...props }) => (jsx("text", { x: x, y: y, textAnchor: textAnchor, ...props, className: cx('recharts-text recharts-polar-angle-axis-tick-value', props.className), children: jsx("tspan", { dy: "0em", className: "fill-utility-neutral-700 text-xs font-medium", children: payload.value }) }));
 // biome-ignore lint/suspicious/noExplicitAny: recharts tick render props are loosely typed.
 const RadiusAxisTick = ({ x, y, textAnchor, payload, ...props }) => (jsx("text", { x: x, y: y, textAnchor: textAnchor, ...props, className: cx('recharts-text', props.className), children: jsx("tspan", { className: "fill-utility-neutral-400 text-xs", children: Number(payload.value).toLocaleString() }) }));
-const RadarChart = ({ data = defaultData, series = defaultSeries, subjectKey = 'subject', domainMax, height = 500, showLegend = true, showTooltip = true, showRadiusAxis = true, className, }) => {
+const RadarChart = ({ data = defaultData, series = defaultSeries, subjectKey = 'subject', domainMax, height = 500, showLegend = true, showTooltip = true, showRadiusAxis = true, className, 'data-testid': dataTestId, }) => {
     const max = domainMax ?? Math.max(0, ...data.flatMap((row) => series.map((s) => Number(row[s.dataKey]) || 0)));
-    return (jsx(ResponsiveContainer, { initialDimension: { width: 1, height: 1 }, height: height, width: "100%", children: jsxs(RadarChart$1, { cx: "50%", cy: "50%", outerRadius: "80%", data: data, className: cx('size-full font-medium text-tertiary [&_.recharts-polar-grid]:text-utility-neutral-100 [&_.recharts-text]:text-sm', className), margin: { left: 0, right: 0, top: 0, bottom: 0 }, children: [showLegend && jsx(Legend, { verticalAlign: "bottom", align: "center", layout: "horizontal", content: jsx(ChartLegendContent, {}) }), jsx(PolarGrid, { stroke: "currentColor", className: "text-utility-neutral-100" }), jsx(PolarAngleAxis, { dataKey: subjectKey, stroke: "currentColor", tick: jsx(AngleAxisTick, {}), tickLine: false, axisLine: false }), jsx(PolarRadiusAxis, { textAnchor: "middle", tick: showRadiusAxis ? jsx(RadiusAxisTick, {}) : false, axisLine: false, angle: 90, domain: [0, max] }), showTooltip && (jsx(Tooltip, { content: jsx(ChartTooltipContent, {}), cursor: {
-                        className: 'stroke-utility-brand-600 stroke-2',
-                        style: { transform: 'translateZ(0)' },
-                    } })), series.map((s) => (jsx(Radar, { isAnimationActive: false, className: s.colorClassName, dataKey: s.dataKey, name: s.name ?? s.dataKey, stroke: "currentColor", strokeWidth: 2, strokeLinejoin: "round", fill: "currentColor", fillOpacity: s.fillOpacity ?? 0.2, activeDot: activeDot }, s.dataKey)))] }) }));
+    const testId = useResolvedTestId({ testId: dataTestId, segment: 'radar-chart', rootName: 'radar-chart' });
+    return (jsx("div", { "data-testid": testId, className: "contents", children: jsx(ResponsiveContainer, { initialDimension: { width: 1, height: 1 }, height: height, width: "100%", children: jsxs(RadarChart$1, { cx: "50%", cy: "50%", outerRadius: "80%", data: data, className: cx('size-full font-medium text-tertiary [&_.recharts-polar-grid]:text-utility-neutral-100 [&_.recharts-text]:text-sm', className), margin: { left: 0, right: 0, top: 0, bottom: 0 }, children: [showLegend && jsx(Legend, { verticalAlign: "bottom", align: "center", layout: "horizontal", content: jsx(ChartLegendContent, {}) }), jsx(PolarGrid, { stroke: "currentColor", className: "text-utility-neutral-100" }), jsx(PolarAngleAxis, { dataKey: subjectKey, stroke: "currentColor", tick: jsx(AngleAxisTick, {}), tickLine: false, axisLine: false }), jsx(PolarRadiusAxis, { textAnchor: "middle", tick: showRadiusAxis ? jsx(RadiusAxisTick, {}) : false, axisLine: false, angle: 90, domain: [0, max] }), showTooltip && (jsx(Tooltip, { content: jsx(ChartTooltipContent, {}), cursor: {
+                            className: 'stroke-utility-brand-600 stroke-2',
+                            style: { transform: 'translateZ(0)' },
+                        } })), series.map((s) => (jsx(Radar, { isAnimationActive: false, className: s.colorClassName, dataKey: s.dataKey, name: s.name ?? s.dataKey, stroke: "currentColor", strokeWidth: 2, strokeLinejoin: "round", fill: "currentColor", fillOpacity: s.fillOpacity ?? 0.2, activeDot: activeDot }, s.dataKey)))] }) }) }));
 };
 
 export { RadarChart };

package/dist/components/organisms/Charts/components/radar-chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"radar-chart.js","sources":["../../../../../src/components/organisms/Charts/components/radar-chart.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","RechartsRadarChart"],"mappings":"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"}
+{"version":3,"file":"radar-chart.js","sources":["../../../../../src/components/organisms/Charts/components/radar-chart.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","RechartsRadarChart"],"mappings":"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"}

package/dist/components/organisms/ColorPicker/components/input-cell.cjs

@@ -4,14 +4,14 @@ var jsxRuntime = require('react/jsx-runtime');
 var cx = require('@flipdish/ui-library/utilities/cx');
 
 /** Wrapper that mirrors InputBase styling with customizable border radius for input groups. */
-const InputCell = ({ position = 'only', className, children, }) => {
+const InputCell = ({ position = 'only', className, children, 'data-testid': dataTestId, }) => {
     const radius = {
         only: 'rounded-lg',
         first: 'rounded-l-lg',
         middle: 'rounded-none',
         last: 'rounded-r-lg',
     }[position];
-    return (jsxRuntime.jsx("div", { className: cx.cx('relative flex place-content-center place-items-center bg-primary ring-1 ring-primary transition-shadow duration-100 ease-linear ring-inset focus-within:z-10 focus-within:ring-2 focus-within:ring-brand', radius, position !== 'only' && position !== 'first' && '-ml-px', className), children: children }));
+    return (jsxRuntime.jsx("div", { "data-testid": dataTestId, className: cx.cx('relative flex place-content-center place-items-center bg-primary ring-1 ring-primary transition-shadow duration-100 ease-linear ring-inset focus-within:z-10 focus-within:ring-2 focus-within:ring-brand', radius, position !== 'only' && position !== 'first' && '-ml-px', className), children: children }));
 };
 
 exports.InputCell = InputCell;

package/dist/components/organisms/ColorPicker/components/input-cell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"input-cell.cjs","sources":["../../../../../src/components/organisms/ColorPicker/components/input-cell.tsx"],"sourcesContent":[null],"names":["_jsx","cx"],"mappings":";;;;;AAGA;AACO,MAAM,SAAS,GAAG,CAAC,EACxB,QAAQ,GAAG,MAAM,EACjB,SAAS,EACT,QAAQ,GAKT,KAAI;AACH,IAAA,MAAM,MAAM,GAAG;AACb,QAAA,IAAI,EAAE,YAAY;AAClB,QAAA,KAAK,EAAE,cAAc;AACrB,QAAA,MAAM,EAAE,cAAc;AACtB,QAAA,IAAI,EAAE,cAAc;KACrB,CAAC,QAAQ,CAAC;IAEX,QACEA,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,KAAE,CACX,0MAA0M,EAC1M,MAAM,EACN,QAAQ,KAAK,MAAM,IAAI,QAAQ,KAAK,OAAO,IAAI,QAAQ,EACvD,SAAS,CACV,EAAA,QAAA,EAEA,QAAQ,EAAA,CACL;AAEV;;;;"}
+{"version":3,"file":"input-cell.cjs","sources":["../../../../../src/components/organisms/ColorPicker/components/input-cell.tsx"],"sourcesContent":[null],"names":["_jsx","cx"],"mappings":";;;;;AAGA;AACO,MAAM,SAAS,GAAG,CAAC,EACxB,QAAQ,GAAG,MAAM,EACjB,SAAS,EACT,QAAQ,EACR,aAAa,EAAE,UAAU,GAM1B,KAAI;AACH,IAAA,MAAM,MAAM,GAAG;AACb,QAAA,IAAI,EAAE,YAAY;AAClB,QAAA,KAAK,EAAE,cAAc;AACrB,QAAA,MAAM,EAAE,cAAc;AACtB,QAAA,IAAI,EAAE,cAAc;KACrB,CAAC,QAAQ,CAAC;AAEX,IAAA,QACEA,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACe,UAAU,EACvB,SAAS,EAAEC,KAAE,CACX,0MAA0M,EAC1M,MAAM,EACN,QAAQ,KAAK,MAAM,IAAI,QAAQ,KAAK,OAAO,IAAI,QAAQ,EACvD,SAAS,CACV,EAAA,QAAA,EAEA,QAAQ,EAAA,CACL;AAEV;;;;"}

package/dist/components/organisms/ColorPicker/components/input-cell.d.ts

@@ -1,8 +1,9 @@
 import type { ReactNode } from 'react';
 /** Wrapper that mirrors InputBase styling with customizable border radius for input groups. */
-export declare const InputCell: ({ position, className, children, }: {
+export declare const InputCell: ({ position, className, children, "data-testid": dataTestId, }: {
     position?: "first" | "middle" | "last" | "only";
     className?: string;
     children: ReactNode;
+    "data-testid"?: string;
 }) => import("react").JSX.Element;
 //# sourceMappingURL=input-cell.d.ts.map

package/dist/components/organisms/ColorPicker/components/input-cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/ColorPicker/components/input-cell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,+FAA+F;AAC/F,eAAO,MAAM,SAAS,GAAI,oCAIvB;IACD,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,gCAoBA,CAAC"}
+{"version":3,"file":"input-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/ColorPicker/components/input-cell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,+FAA+F;AAC/F,eAAO,MAAM,SAAS,GAAI,+DAKvB;IACD,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,gCAqBA,CAAC"}

package/dist/components/organisms/ColorPicker/components/input-cell.js

@@ -2,14 +2,14 @@ import { jsx } from 'react/jsx-runtime';
 import { cx } from '@flipdish/ui-library/utilities/cx';
 
 /** Wrapper that mirrors InputBase styling with customizable border radius for input groups. */
-const InputCell = ({ position = 'only', className, children, }) => {
+const InputCell = ({ position = 'only', className, children, 'data-testid': dataTestId, }) => {
     const radius = {
         only: 'rounded-lg',
         first: 'rounded-l-lg',
         middle: 'rounded-none',
         last: 'rounded-r-lg',
     }[position];
-    return (jsx("div", { className: cx('relative flex place-content-center place-items-center bg-primary ring-1 ring-primary transition-shadow duration-100 ease-linear ring-inset focus-within:z-10 focus-within:ring-2 focus-within:ring-brand', radius, position !== 'only' && position !== 'first' && '-ml-px', className), children: children }));
+    return (jsx("div", { "data-testid": dataTestId, className: cx('relative flex place-content-center place-items-center bg-primary ring-1 ring-primary transition-shadow duration-100 ease-linear ring-inset focus-within:z-10 focus-within:ring-2 focus-within:ring-brand', radius, position !== 'only' && position !== 'first' && '-ml-px', className), children: children }));
 };
 
 export { InputCell };

package/dist/components/organisms/ColorPicker/components/input-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-cell.js","sources":["../../../../../src/components/organisms/ColorPicker/components/input-cell.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAGA;AACO,MAAM,SAAS,GAAG,CAAC,EACxB,QAAQ,GAAG,MAAM,EACjB,SAAS,EACT,QAAQ,GAKT,KAAI;AACH,IAAA,MAAM,MAAM,GAAG;AACb,QAAA,IAAI,EAAE,YAAY;AAClB,QAAA,KAAK,EAAE,cAAc;AACrB,QAAA,MAAM,EAAE,cAAc;AACtB,QAAA,IAAI,EAAE,cAAc;KACrB,CAAC,QAAQ,CAAC;IAEX,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,0MAA0M,EAC1M,MAAM,EACN,QAAQ,KAAK,MAAM,IAAI,QAAQ,KAAK,OAAO,IAAI,QAAQ,EACvD,SAAS,CACV,EAAA,QAAA,EAEA,QAAQ,EAAA,CACL;AAEV;;;;"}
+{"version":3,"file":"input-cell.js","sources":["../../../../../src/components/organisms/ColorPicker/components/input-cell.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAGA;AACO,MAAM,SAAS,GAAG,CAAC,EACxB,QAAQ,GAAG,MAAM,EACjB,SAAS,EACT,QAAQ,EACR,aAAa,EAAE,UAAU,GAM1B,KAAI;AACH,IAAA,MAAM,MAAM,GAAG;AACb,QAAA,IAAI,EAAE,YAAY;AAClB,QAAA,KAAK,EAAE,cAAc;AACrB,QAAA,MAAM,EAAE,cAAc;AACtB,QAAA,IAAI,EAAE,cAAc;KACrB,CAAC,QAAQ,CAAC;AAEX,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACe,UAAU,EACvB,SAAS,EAAE,EAAE,CACX,0MAA0M,EAC1M,MAAM,EACN,QAAQ,KAAK,MAAM,IAAI,QAAQ,KAAK,OAAO,IAAI,QAAQ,EACvD,SAAS,CACV,EAAA,QAAA,EAEA,QAAQ,EAAA,CACL;AAEV;;;;"}

package/dist/components/organisms/ColorPicker/index.cjs

@@ -5,6 +5,7 @@ var uiIcons = require('@flipdish/ui-icons');
 var Button = require('@flipdish/ui-library/components/atoms/Button');
 var Select = require('@flipdish/ui-library/components/molecules/Select');
 var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var colorPicker_utils = require('./colorPicker.utils.cjs');
@@ -19,19 +20,29 @@ const COLOR_FORMAT_ITEMS = [
     { id: 'hsb', label: 'HSB' },
 ];
 const ColorThumb = ({ className, ...props }) => (jsxRuntime.jsx(reactAriaComponents.ColorThumb, { className: (state) => cx.cx('size-5 cursor-grab rounded-full border-[3px] border-fg-white shadow-md outline-0 outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2', state.isDragging && 'cursor-grabbing', typeof className === 'function' ? className(state) : className), ...props }));
-const ColorPickerArea = ({ style, className, ...props }) => (jsxRuntime.jsx(reactAriaComponents.ColorArea, { "aria-label": "Color picker", colorSpace: "hsb", xChannel: "saturation", yChannel: "brightness", ...props, style: ({ defaultStyle }) => ({ ...defaultStyle, borderRadius: 8, ...style }), className: (state) => cx.cx('relative aspect-square w-full shrink-0 rounded-lg ring-[0.5px] ring-alpha-black/10 ring-inset', typeof className === 'function' ? className(state) : className), children: jsxRuntime.jsx(ColorThumb, {}) }));
-const HueSlider = ({ className, ...props }) => (jsxRuntime.jsx(reactAriaComponents.ColorSlider, { "aria-label": "Hue", ...props, channel: "hue", className: (state) => cx.cx('w-full', typeof className === 'function' ? className(state) : className), children: jsxRuntime.jsx(reactAriaComponents.SliderTrack, { style: ({ defaultStyle }) => ({ ...defaultStyle, borderRadius: 9999 }), className: "relative h-3 w-full cursor-pointer rounded-full ring-[0.5px] ring-alpha-black/10 ring-inset", children: jsxRuntime.jsx(ColorThumb, { style: ({ defaultStyle }) => ({ ...defaultStyle, top: '50%' }) }) }) }));
-const AlphaSlider = ({ className, ...props }) => (jsxRuntime.jsx(reactAriaComponents.ColorSlider, { "aria-label": "Alpha", ...props, channel: "alpha", className: (state) => cx.cx('w-full', typeof className === 'function' ? className(state) : className), children: jsxRuntime.jsx(reactAriaComponents.SliderTrack, { style: ({ defaultStyle }) => ({
-            ...defaultStyle,
-            borderRadius: 9999,
-            background: `${defaultStyle.background}, repeating-conic-gradient(#ccc 0% 25%, white 0% 50%) 50% / 8px 8px`,
-        }), className: "relative h-3 w-full cursor-pointer rounded-full ring-[0.5px] ring-alpha-black/10 ring-inset", children: jsxRuntime.jsx(ColorThumb, { style: ({ defaultStyle }) => ({ ...defaultStyle, top: '50%' }) }) }) }));
-const EyeDropperButton = (props) => {
+const ColorPickerArea = ({ style, className, ...props }) => {
+    const prefix = testIdUtils.useTestIdPrefix();
+    return (jsxRuntime.jsx(reactAriaComponents.ColorArea, { "aria-label": "Color picker", colorSpace: "hsb", xChannel: "saturation", yChannel: "brightness", ...props, "data-testid": prefix ? testIdUtils.joinTestId(prefix, 'area') : undefined, style: ({ defaultStyle }) => ({ ...defaultStyle, borderRadius: 8, ...style }), className: (state) => cx.cx('relative aspect-square w-full shrink-0 rounded-lg ring-[0.5px] ring-alpha-black/10 ring-inset', typeof className === 'function' ? className(state) : className), children: jsxRuntime.jsx(ColorThumb, {}) }));
+};
+const HueSlider = ({ className, ...props }) => {
+    const prefix = testIdUtils.useTestIdPrefix();
+    return (jsxRuntime.jsx(reactAriaComponents.ColorSlider, { "aria-label": "Hue", ...props, channel: "hue", "data-testid": prefix ? testIdUtils.joinTestId(prefix, 'hue-slider') : undefined, className: (state) => cx.cx('w-full', typeof className === 'function' ? className(state) : className), children: jsxRuntime.jsx(reactAriaComponents.SliderTrack, { style: ({ defaultStyle }) => ({ ...defaultStyle, borderRadius: 9999 }), className: "relative h-3 w-full cursor-pointer rounded-full ring-[0.5px] ring-alpha-black/10 ring-inset", children: jsxRuntime.jsx(ColorThumb, { style: ({ defaultStyle }) => ({ ...defaultStyle, top: '50%' }) }) }) }));
+};
+const AlphaSlider = ({ className, ...props }) => {
+    const prefix = testIdUtils.useTestIdPrefix();
+    return (jsxRuntime.jsx(reactAriaComponents.ColorSlider, { "aria-label": "Alpha", ...props, channel: "alpha", "data-testid": prefix ? testIdUtils.joinTestId(prefix, 'alpha-slider') : undefined, className: (state) => cx.cx('w-full', typeof className === 'function' ? className(state) : className), children: jsxRuntime.jsx(reactAriaComponents.SliderTrack, { style: ({ defaultStyle }) => ({
+                ...defaultStyle,
+                borderRadius: 9999,
+                background: `${defaultStyle.background}, repeating-conic-gradient(#ccc 0% 25%, white 0% 50%) 50% / 8px 8px`,
+            }), className: "relative h-3 w-full cursor-pointer rounded-full ring-[0.5px] ring-alpha-black/10 ring-inset", children: jsxRuntime.jsx(ColorThumb, { style: ({ defaultStyle }) => ({ ...defaultStyle, top: '50%' }) }) }) }));
+};
+const EyeDropperButton = ({ 'data-testid': dataTestId, ...props }) => {
     const { actions } = colorPickerContext.useColorPicker();
+    const prefix = testIdUtils.useTestIdPrefix();
     const isSupported = typeof window !== 'undefined' && 'EyeDropper' in window;
     if (!isSupported)
         return null;
-    return (jsxRuntime.jsx(Button.Button, { size: "sm", color: "secondary", iconLeading: uiIcons.Dropper, onClick: async () => {
+    return (jsxRuntime.jsx(Button.Button, { size: "sm", color: "secondary", iconLeading: uiIcons.Dropper, "data-testid": dataTestId ?? (prefix ? testIdUtils.joinTestId(prefix, 'eye-dropper') : undefined), onClick: async () => {
             try {
                 // @ts-expect-error EyeDropper API not typed
                 const result = await new EyeDropper().open();
@@ -42,15 +53,21 @@ const EyeDropperButton = (props) => {
             }
         }, ...props }));
 };
-const ColorFormatSelect = ({ className, ...props }) => {
+const ColorFormatSelect = ({ className, 'data-testid': dataTestId, ...props }) => {
     const { state, actions } = colorPickerContext.useColorPicker();
-    return (jsxRuntime.jsx(Select.Select, { size: "sm", "aria-label": "Color format", value: state.colorFormat, onChange: (value) => actions.setColorFormat(value), items: COLOR_FORMAT_ITEMS, className: (state) => cx.cx('w-20 shrink-0', typeof className === 'function' ? className(state) : className), ...props, children: (item) => jsxRuntime.jsx(Select.Select.Item, { id: item.id, children: item.label }) }));
+    const prefix = testIdUtils.useTestIdPrefix();
+    return (jsxRuntime.jsx(Select.Select, { size: "sm", "aria-label": "Color format", value: state.colorFormat, onChange: (value) => actions.setColorFormat(value), items: COLOR_FORMAT_ITEMS, "data-testid": dataTestId ?? (prefix ? testIdUtils.joinTestId(prefix, 'format-select') : undefined), className: (state) => cx.cx('w-20 shrink-0', typeof className === 'function' ? className(state) : className), ...props, children: (item) => jsxRuntime.jsx(Select.Select.Item, { id: item.id, children: item.label }) }));
+};
+const SwatchItem = ({ color, size = 'md', ...props }) => {
+    const prefix = testIdUtils.useTestIdPrefix();
+    const colorString = typeof color === 'string' ? color : color.toString('hex');
+    const swatchTestId = prefix ? testIdUtils.joinTestId(prefix, `swatch-${testIdUtils.slugifyTestId(colorString)}`) : undefined;
+    return (jsxRuntime.jsx(reactAriaComponents.ColorSwatchPickerItem, { ...props, color: color, "data-testid": swatchTestId, style: { '--swatch-color': color }, className: (state) => cx.cx('cursor-pointer rounded-full', size === 'sm' ? 'size-4' : 'size-5', state.isFocusVisible
+            ? 'outline-2 outline-offset-2 outline-focus-ring'
+            : state.isSelected
+                ? 'outline-2 outline-offset-2 outline-(--swatch-color)'
+                : 'outline-0', typeof props.className === 'function' ? props.className(state) : props.className), children: jsxRuntime.jsx(reactAriaComponents.ColorSwatch, { className: "size-full rounded-full ring-1 ring-alpha-black/10 ring-inset", style: ({ defaultStyle }) => defaultStyle }) }));
 };
-const SwatchItem = ({ color, size = 'md', ...props }) => (jsxRuntime.jsx(reactAriaComponents.ColorSwatchPickerItem, { ...props, color: color, style: { '--swatch-color': color }, className: (state) => cx.cx('cursor-pointer rounded-full', size === 'sm' ? 'size-4' : 'size-5', state.isFocusVisible
-        ? 'outline-2 outline-offset-2 outline-focus-ring'
-        : state.isSelected
-            ? 'outline-2 outline-offset-2 outline-(--swatch-color)'
-            : 'outline-0', typeof props.className === 'function' ? props.className(state) : props.className), children: jsxRuntime.jsx(reactAriaComponents.ColorSwatch, { className: "size-full rounded-full ring-1 ring-alpha-black/10 ring-inset", style: ({ defaultStyle }) => defaultStyle }) }));
 const channelInputClass = 'w-full min-w-0 bg-transparent px-2.5 py-2 text-sm text-primary outline-hidden';
 const CHANNEL_CONFIG = {
     rgb: { colorSpace: 'rgb', channels: ['red', 'green', 'blue'] },
@@ -59,15 +76,17 @@ const CHANNEL_CONFIG = {
 };
 const ColorValueInput = () => {
     const { state } = colorPickerContext.useColorPicker();
+    const prefix = testIdUtils.useTestIdPrefix();
+    const valueInputTestId = prefix ? testIdUtils.joinTestId(prefix, 'value-input') : undefined;
     if (state.colorFormat === 'hex')
-        return jsxRuntime.jsx(HexInput, {});
+        return jsxRuntime.jsx(HexInput, { "data-testid": valueInputTestId });
     if (state.colorFormat === 'css')
-        return jsxRuntime.jsx(CssInput, {});
-    return jsxRuntime.jsx(ChannelInput, { format: state.colorFormat });
+        return jsxRuntime.jsx(CssInput, { "data-testid": valueInputTestId });
+    return jsxRuntime.jsx(ChannelInput, { format: state.colorFormat, "data-testid": valueInputTestId });
 };
-const HexInput = () => {
+const HexInput = ({ 'data-testid': dataTestId }) => {
     const { state, actions } = colorPickerContext.useColorPicker();
-    return (jsxRuntime.jsxs("div", { className: "flex flex-1 shadow-xs", children: [jsxRuntime.jsx(inputCell.InputCell, { position: "first", className: "flex-1", children: jsxRuntime.jsxs(reactAriaComponents.ColorField, { "aria-label": "Hex color", value: state.color, onChange: (c) => {
+    return (jsxRuntime.jsxs("div", { "data-testid": dataTestId, className: "flex flex-1 shadow-xs", children: [jsxRuntime.jsx(inputCell.InputCell, { position: "first", className: "flex-1", children: jsxRuntime.jsxs(reactAriaComponents.ColorField, { "aria-label": "Hex color", value: state.color, onChange: (c) => {
                         if (c)
                             actions.setColor(c);
                     }, className: "flex flex-1 items-center gap-2 px-2.5 py-2", children: [jsxRuntime.jsx(reactAriaComponents.ColorSwatch, { className: "size-4 shrink-0 rounded-full ring-1 ring-alpha-black/10 ring-inset", style: ({ defaultStyle }) => defaultStyle }), jsxRuntime.jsx(reactAriaComponents.Input, { onFocus: colorPicker_utils.selectAllOnFocus, className: "w-full min-w-0 bg-transparent text-sm text-primary outline-hidden" })] }) }), jsxRuntime.jsx(inputCell.InputCell, { position: "last", className: "w-14 shrink-0", children: jsxRuntime.jsx(reactAriaComponents.ColorField, { "aria-label": "Alpha", channel: "alpha", value: state.color, onChange: (c) => {
@@ -75,7 +94,7 @@ const HexInput = () => {
                             actions.setColor(c);
                     }, className: "flex w-full items-center", children: jsxRuntime.jsx(reactAriaComponents.Input, { onFocus: colorPicker_utils.selectAllOnFocus, className: "w-full min-w-0 bg-transparent px-2.5 py-2 text-sm text-primary outline-hidden" }) }) })] }));
 };
-const CssInput = () => {
+const CssInput = ({ 'data-testid': dataTestId }) => {
     const { state, actions } = colorPickerContext.useColorPicker();
     const [draft, setDraft] = React.useState(null);
     const inputRef = React.useRef(null);
@@ -83,7 +102,7 @@ const CssInput = () => {
         const rgb = c.toFormat('rgb');
         return `rgba(${Math.round(rgb.getChannelValue('red'))}, ${Math.round(rgb.getChannelValue('green'))}, ${Math.round(rgb.getChannelValue('blue'))}, ${Math.round(rgb.getChannelValue('alpha') * 100) / 100})`;
     };
-    return (jsxRuntime.jsx(inputCell.InputCell, { className: "flex-1 shadow-xs", children: jsxRuntime.jsx("input", { ref: inputRef, value: draft ?? toRgba(state.color), onChange: (e) => setDraft(e.target.value), onFocus: (e) => {
+    return (jsxRuntime.jsx(inputCell.InputCell, { "data-testid": dataTestId, className: "flex-1 shadow-xs", children: jsxRuntime.jsx("input", { ref: inputRef, value: draft ?? toRgba(state.color), onChange: (e) => setDraft(e.target.value), onFocus: (e) => {
                 const val = toRgba(state.color);
                 setDraft(val);
                 requestAnimationFrame(() => {
@@ -104,13 +123,13 @@ const CssInput = () => {
                 }
             }, className: "w-full min-w-0 bg-transparent px-3 py-2 text-sm text-primary outline-hidden" }) }));
 };
-const ChannelInput = ({ format }) => {
+const ChannelInput = ({ format, 'data-testid': dataTestId }) => {
     const { state, actions } = colorPickerContext.useColorPicker();
     const config = CHANNEL_CONFIG[format];
     if (!config)
         return null;
     const converted = state.color.toFormat(config.colorSpace);
-    return (jsxRuntime.jsxs("div", { className: "flex flex-1 shadow-xs", children: [config.channels.map((ch, i) => (jsxRuntime.jsx(inputCell.InputCell, { position: i === 0 ? 'first' : 'middle', className: "flex-1", children: jsxRuntime.jsx(reactAriaComponents.ColorField, { "aria-label": ch.charAt(0).toUpperCase() + ch.slice(1), channel: ch, colorSpace: config.colorSpace, value: converted, onChange: (c) => {
+    return (jsxRuntime.jsxs("div", { "data-testid": dataTestId, className: "flex flex-1 shadow-xs", children: [config.channels.map((ch, i) => (jsxRuntime.jsx(inputCell.InputCell, { position: i === 0 ? 'first' : 'middle', className: "flex-1", children: jsxRuntime.jsx(reactAriaComponents.ColorField, { "aria-label": ch.charAt(0).toUpperCase() + ch.slice(1), channel: ch, colorSpace: config.colorSpace, value: converted, onChange: (c) => {
                         if (c)
                             actions.setColor(c);
                     }, className: "flex w-full", children: jsxRuntime.jsx(reactAriaComponents.Input, { onFocus: colorPicker_utils.selectAllOnFocus, className: channelInputClass }) }) }, ch))), jsxRuntime.jsx(inputCell.InputCell, { position: "last", className: "w-14 shrink-0", children: jsxRuntime.jsx(reactAriaComponents.ColorField, { "aria-label": "Alpha", channel: "alpha", value: converted, onChange: (c) => {
@@ -137,7 +156,11 @@ const SavedColors = ({ label = 'Saved', colors, onAdd, onSelect }) => {
 /** All-in-one solid color picker layout */
 const ColorPickerSolid = () => (jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [jsxRuntime.jsx(ColorPickerArea, {}), jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [jsxRuntime.jsx(EyeDropperButton, {}), jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col gap-3", children: [jsxRuntime.jsx(HueSlider, {}), jsxRuntime.jsx(AlphaSlider, {})] })] }), jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [jsxRuntime.jsx(ColorFormatSelect, {}), jsxRuntime.jsx(ColorValueInput, {})] })] })] }));
 /** Card container for the color picker. */
-const ColorPickerDialog = ({ className, children }) => (jsxRuntime.jsx("div", { className: cx.cx('relative flex w-80 flex-col overflow-clip rounded-2xl bg-primary shadow-xl ring-1 ring-secondary_alt', className), children: children }));
+const ColorPickerDialog = ({ className, children, 'data-testid': dataTestId, }) => {
+    const ambientPrefix = testIdUtils.useTestIdPrefix();
+    const dialogTestId = dataTestId ?? ambientPrefix ?? testIdUtils.rootTestId('color-picker');
+    return (jsxRuntime.jsx(testIdUtils.TestIdProvider, { value: dialogTestId, children: jsxRuntime.jsx("div", { "data-testid": dialogTestId, className: cx.cx('relative flex w-80 flex-col overflow-clip rounded-2xl bg-primary shadow-xl ring-1 ring-secondary_alt', className), children: children }) }));
+};
 /** Compound export */
 const ColorPicker = Object.assign(ColorPickerSolid, {
     Dialog: ColorPickerDialog,

package/dist/components/organisms/ColorPicker/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/ColorPicker/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaColorThumb","cx","AriaColorArea","AriaColorSlider","AriaSliderTrack","useColorPicker","Button","Dropper","parseColor","Select","AriaColorSwatchPickerItem","AriaColorSwatch","_jsxs","InputCell","AriaColorField","AriaInput","selectAllOnFocus","useState","useRef","Plus","AriaColorSwatchPicker","Provider"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/ColorPicker/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaColorThumb","cx","useTestIdPrefix","AriaColorArea","joinTestId","AriaColorSlider","AriaSliderTrack","useColorPicker","Button","Dropper","parseColor","Select","slugifyTestId","AriaColorSwatchPickerItem","AriaColorSwatch","_jsxs","InputCell","AriaColorField","AriaInput","selectAllOnFocus","useState","useRef","Plus","AriaColorSwatchPicker","rootTestId","TestIdProvider","Provider"],"mappings":";;;;;;;;;;;;;;AAkCA,MAAM,kBAAkB,GAAG;AACzB,IAAA,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;AAC3B,IAAA,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;AAC3B,IAAA,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;AAC3B,IAAA,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;AAC3B,IAAA,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;CAC5B;AAED,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAuB,MAC9DA,cAAA,CAACC,8BAAc,EAAA,EACb,SAAS,EAAE,CAAC,KAAK,KACfC,KAAE,CACA,4JAA4J,EAC5J,KAAK,CAAC,UAAU,IAAI,iBAAiB,EACrC,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAC/D,EAAA,GAEC,KAAK,EAAA,CACT,CACH;AAED,MAAM,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAsB,KAAI;AAC7E,IAAA,MAAM,MAAM,GAAGC,2BAAe,EAAE;AAEhC,IAAA,QACEH,cAAA,CAACI,6BAAa,kBACD,cAAc,EACzB,UAAU,EAAC,KAAK,EAChB,QAAQ,EAAC,YAAY,EACrB,QAAQ,EAAC,YAAY,EAAA,GACjB,KAAK,EAAA,aAAA,EACI,MAAM,GAAGC,sBAAU,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,EAC5D,KAAK,EAAE,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,YAAY,EAAE,YAAY,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC,EAC7E,SAAS,EAAE,CAAC,KAAK,KACfH,KAAE,CACA,+FAA+F,EAC/F,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAC/D,EAAA,QAAA,EAGHF,cAAA,CAAC,UAAU,EAAA,EAAA,CAAG,EAAA,CACA;AAEpB,CAAC;AAED,MAAM,SAAS,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyC,KAAI;AACnF,IAAA,MAAM,MAAM,GAAGG,2BAAe,EAAE;IAEhC,QACEH,cAAA,CAACM,+BAAe,EAAA,EAAA,YAAA,EACH,KAAK,KACZ,KAAK,EACT,OAAO,EAAC,KAAK,EAAA,aAAA,EACA,MAAM,GAAGD,sBAAU,CAAC,MAAM,EAAE,YAAY,CAAC,GAAG,SAAS,EAClE,SAAS,EAAE,CAAC,KAAK,KAAKH,KAAE,CAAC,QAAQ,EAAE,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,YAElGF,cAAA,CAACO,+BAAe,EAAA,EACd,KAAK,EAAE,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,YAAY,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,EACtE,SAAS,EAAC,6FAA6F,EAAA,QAAA,EAEvGP,eAAC,UAAU,EAAA,EAAC,KAAK,EAAE,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,YAAY,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAA,CAAI,EAAA,CAC9D,EAAA,CACF;AAEtB,CAAC;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyC,KAAI;AACrF,IAAA,MAAM,MAAM,GAAGG,2BAAe,EAAE;AAEhC,IAAA,QACEH,cAAA,CAACM,+BAAe,EAAA,EAAA,YAAA,EACH,OAAO,EAAA,GACd,KAAK,EACT,OAAO,EAAC,OAAO,EAAA,aAAA,EACF,MAAM,GAAGD,sBAAU,CAAC,MAAM,EAAE,cAAc,CAAC,GAAG,SAAS,EACpE,SAAS,EAAE,CAAC,KAAK,KAAKH,KAAE,CAAC,QAAQ,EAAE,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,EAAA,QAAA,EAElGF,cAAA,CAACO,+BAAe,IACd,KAAK,EAAE,CAAC,EAAE,YAAY,EAAE,MAAM;AAC5B,gBAAA,GAAG,YAAY;AACf,gBAAA,YAAY,EAAE,IAAI;AAClB,gBAAA,UAAU,EAAE,CAAA,EAAG,YAAY,CAAC,UAAU,CAAA,mEAAA,CAAqE;AAC5G,aAAA,CAAC,EACF,SAAS,EAAC,6FAA6F,EAAA,QAAA,EAEvGP,cAAA,CAAC,UAAU,EAAA,EAAC,KAAK,EAAE,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,YAAY,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAA,CAAI,EAAA,CAC9D,EAAA,CACF;AAEtB,CAAC;AAED,MAAM,gBAAgB,GAAG,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAAe,KAAI;AAChF,IAAA,MAAM,EAAE,OAAO,EAAE,GAAGQ,iCAAc,EAAE;AACpC,IAAA,MAAM,MAAM,GAAGL,2BAAe,EAAE;IAEhC,MAAM,WAAW,GAAG,OAAO,MAAM,KAAK,WAAW,IAAI,YAAY,IAAI,MAAM;AAC3E,IAAA,IAAI,CAAC,WAAW;AAAE,QAAA,OAAO,IAAI;AAE7B,IAAA,QACEH,cAAA,CAACS,aAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,WAAW,EACjB,WAAW,EAAEC,eAAO,EAAA,aAAA,EACP,UAAU,KAAK,MAAM,GAAGL,sBAAU,CAAC,MAAM,EAAE,aAAa,CAAC,GAAG,SAAS,CAAC,EACnF,OAAO,EAAE,YAAW;AAClB,YAAA,IAAI;;gBAEF,MAAM,MAAM,GAAG,MAAM,IAAI,UAAU,EAAE,CAAC,IAAI,EAAE;gBAC5C,OAAO,CAAC,QAAQ,CAACM,8BAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YAC9C;AAAE,YAAA,MAAM;;YAER;AACF,QAAA,CAAC,EAAA,GACG,KAAK,EAAA,CACT;AAEN,CAAC;AAED,MAAM,iBAAiB,GAAG,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAAiC,KAAI;IAC9G,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAGH,iCAAc,EAAE;AAC3C,IAAA,MAAM,MAAM,GAAGL,2BAAe,EAAE;IAEhC,QACEH,eAACY,aAAM,EAAA,EACL,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,cAAc,EACzB,KAAK,EAAE,KAAK,CAAC,WAAW,EACxB,QAAQ,EAAE,CAAC,KAAK,KAAK,OAAO,CAAC,cAAc,CAAC,KAA2B,CAAC,EACxE,KAAK,EAAE,kBAAkB,EAAA,aAAA,EACZ,UAAU,KAAK,MAAM,GAAGP,sBAAU,CAAC,MAAM,EAAE,eAAe,CAAC,GAAG,SAAS,CAAC,EACrF,SAAS,EAAE,CAAC,KAAK,KAAKH,KAAE,CAAC,eAAe,EAAE,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,EAAA,GACrG,KAAK,EAAA,QAAA,EAER,CAAC,IAAI,KAAKF,cAAA,CAACY,aAAM,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAA,QAAA,EAAG,IAAI,CAAC,KAAK,EAAA,CAAe,EAAA,CACxD;AAEb,CAAC;AAMM,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,EAAoB,KAAI;AAC/E,IAAA,MAAM,MAAM,GAAGT,2BAAe,EAAE;AAChC,IAAA,MAAM,WAAW,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;IAC7E,MAAM,YAAY,GAAG,MAAM,GAAGE,sBAAU,CAAC,MAAM,EAAE,UAAUQ,yBAAa,CAAC,WAAW,CAAC,CAAA,CAAE,CAAC,GAAG,SAAS;IAEpG,QACEb,eAACc,yCAAyB,EAAA,EAAA,GACpB,KAAK,EACT,KAAK,EAAE,KAAK,EAAA,aAAA,EACC,YAAY,EACzB,KAAK,EAAE,EAAE,gBAAgB,EAAE,KAAK,EAAmB,EACnD,SAAS,EAAE,CAAC,KAAK,KACfZ,KAAE,CACA,6BAA6B,EAC7B,IAAI,KAAK,IAAI,GAAG,QAAQ,GAAG,QAAQ,EACnC,KAAK,CAAC;AACJ,cAAE;cACA,KAAK,CAAC;AACN,kBAAE;kBACA,WAAW,EACjB,OAAO,KAAK,CAAC,SAAS,KAAK,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,SAAS,CACjF,EAAA,QAAA,EAGHF,eAACe,+BAAe,EAAA,EAAC,SAAS,EAAC,8DAA8D,EAAC,KAAK,EAAE,CAAC,EAAE,YAAY,EAAE,KAAK,YAAY,EAAA,CAAI,EAAA,CAC7G;AAEhC;AAEA,MAAM,iBAAiB,GAAG,+EAA+E;AAEzG,MAAM,cAAc,GAAG;AACrB,IAAA,GAAG,EAAE,EAAE,UAAU,EAAE,KAAmB,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAU,EAAE;AACrF,IAAA,GAAG,EAAE,EAAE,UAAU,EAAE,KAAmB,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,WAAW,CAAU,EAAE;AAC/F,IAAA,GAAG,EAAE,EAAE,UAAU,EAAE,KAAmB,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,YAAY,CAAU,EAAE;CACjG;AAED,MAAM,eAAe,GAAG,MAAK;AAC3B,IAAA,MAAM,EAAE,KAAK,EAAE,GAAGP,iCAAc,EAAE;AAClC,IAAA,MAAM,MAAM,GAAGL,2BAAe,EAAE;AAChC,IAAA,MAAM,gBAAgB,GAAG,MAAM,GAAGE,sBAAU,CAAC,MAAM,EAAE,aAAa,CAAC,GAAG,SAAS;AAE/E,IAAA,IAAI,KAAK,CAAC,WAAW,KAAK,KAAK;AAAE,QAAA,OAAOL,cAAA,CAAC,QAAQ,EAAA,EAAA,aAAA,EAAc,gBAAgB,GAAI;AACnF,IAAA,IAAI,KAAK,CAAC,WAAW,KAAK,KAAK;AAAE,QAAA,OAAOA,cAAA,CAAC,QAAQ,EAAA,EAAA,aAAA,EAAc,gBAAgB,GAAI;IACnF,OAAOA,cAAA,CAAC,YAAY,EAAA,EAAC,MAAM,EAAE,KAAK,CAAC,WAAW,EAAA,aAAA,EAAe,gBAAgB,EAAA,CAAI;AACnF,CAAC;AAED,MAAM,QAAQ,GAAG,CAAC,EAAE,aAAa,EAAE,UAAU,EAA8B,KAAI;IAC7E,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAGQ,iCAAc,EAAE;AAC3C,IAAA,QACEQ,eAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAkB,UAAU,EAAE,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,CAC7DhB,cAAA,CAACiB,mBAAS,EAAA,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAA,QAAA,EAC5CD,gBAACE,8BAAc,EAAA,EAAA,YAAA,EACF,WAAW,EACtB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAC,KAAI;AACd,wBAAA,IAAI,CAAC;AAAE,4BAAA,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC5B,oBAAA,CAAC,EACD,SAAS,EAAC,4CAA4C,aAEtDlB,cAAA,CAACe,+BAAe,EAAA,EACd,SAAS,EAAC,oEAAoE,EAC9E,KAAK,EAAE,CAAC,EAAE,YAAY,EAAE,KAAK,YAAY,GACzC,EACFf,cAAA,CAACmB,yBAAS,EAAA,EAAC,OAAO,EAAEC,kCAAgB,EAAE,SAAS,EAAC,mEAAmE,EAAA,CAAG,CAAA,EAAA,CACvG,EAAA,CACP,EACZpB,cAAA,CAACiB,mBAAS,IAAC,QAAQ,EAAC,MAAM,EAAC,SAAS,EAAC,eAAe,EAAA,QAAA,EAClDjB,eAACkB,8BAAc,EAAA,EAAA,YAAA,EACF,OAAO,EAClB,OAAO,EAAC,OAAO,EACf,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAC,KAAI;AACd,wBAAA,IAAI,CAAC;AAAE,4BAAA,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;oBAC5B,CAAC,EACD,SAAS,EAAC,0BAA0B,YAEpClB,cAAA,CAACmB,yBAAS,IAAC,OAAO,EAAEC,kCAAgB,EAAE,SAAS,EAAC,+EAA+E,EAAA,CAAG,GACnH,EAAA,CACP,CAAA,EAAA,CACR;AAEV,CAAC;AAED,MAAM,QAAQ,GAAG,CAAC,EAAE,aAAa,EAAE,UAAU,EAA8B,KAAI;IAC7E,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAGZ,iCAAc,EAAE;IAC3C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGa,cAAQ,CAAgB,IAAI,CAAC;AACvD,IAAA,MAAM,QAAQ,GAAGC,YAAM,CAAmB,IAAI,CAAC;AAE/C,IAAA,MAAM,MAAM,GAAG,CAAC,CAAQ,KAAI;QAC1B,MAAM,GAAG,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;QAC7B,OAAO,CAAA,KAAA,EAAQ,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAA,EAAA,EAAK,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAA,EAAA,EAAK,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAA,CAAA,CAAG;AAC5M,IAAA,CAAC;IAED,QACEtB,eAACiB,mBAAS,EAAA,EAAA,aAAA,EAAc,UAAU,EAAE,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAC9DjB,0BACE,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EACnC,QAAQ,EAAE,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,OAAO,EAAE,CAAC,CAAC,KAAI;gBACb,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC;gBAC/B,QAAQ,CAAC,GAAG,CAAC;gBACb,qBAAqB,CAAC,MAAK;oBACzB,MAAM,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC;oBAC9B,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC;AAC5B,oBAAA,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC;wBAAE,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,EAAE,GAAG,CAAC;AAC1D,gBAAA,CAAC,CAAC;AACJ,YAAA,CAAC,EACD,MAAM,EAAE,MAAK;AACX,gBAAA,IAAI,KAAK,KAAK,IAAI,EAAE;AAClB,oBAAA,IAAI;wBACF,OAAO,CAAC,QAAQ,CAACW,8BAAU,CAAC,KAAK,CAAC,CAAC;oBACrC;AAAE,oBAAA,MAAM;;oBAER;oBACA,QAAQ,CAAC,IAAI,CAAC;gBAChB;AACF,YAAA,CAAC,EACD,SAAS,EAAC,6EAA6E,EAAA,CACvF,EAAA,CACQ;AAEhB,CAAC;AAED,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAA0D,KAAI;IACrH,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAGH,iCAAc,EAAE;AAC3C,IAAA,MAAM,MAAM,GAAG,cAAc,CAAC,MAAqC,CAAC;AACpE,IAAA,IAAI,CAAC,MAAM;AAAE,QAAA,OAAO,IAAI;AACxB,IAAA,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC;AAEzD,IAAA,QACEQ,eAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAkB,UAAU,EAAE,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,CAC5D,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,MACzBhB,cAAA,CAACiB,mBAAS,IAAU,QAAQ,EAAE,CAAC,KAAK,CAAC,GAAG,OAAO,GAAG,QAAQ,EAAE,SAAS,EAAC,QAAQ,EAAA,QAAA,EAC5EjB,eAACkB,8BAAc,EAAA,EAAA,YAAA,EACD,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EACpD,OAAO,EAAE,EAAE,EACX,UAAU,EAAE,MAAM,CAAC,UAAU,EAC7B,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,CAAC,CAAC,KAAI;AACd,wBAAA,IAAI,CAAC;AAAE,4BAAA,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;oBAC5B,CAAC,EACD,SAAS,EAAC,aAAa,EAAA,QAAA,EAEvBlB,eAACmB,yBAAS,EAAA,EAAC,OAAO,EAAEC,kCAAgB,EAAE,SAAS,EAAE,iBAAiB,EAAA,CAAI,EAAA,CACvD,EAAA,EAZH,EAAE,CAaN,CACb,CAAC,EACFpB,cAAA,CAACiB,mBAAS,EAAA,EAAC,QAAQ,EAAC,MAAM,EAAC,SAAS,EAAC,eAAe,YAClDjB,cAAA,CAACkB,8BAAc,EAAA,EAAA,YAAA,EACF,OAAO,EAClB,OAAO,EAAC,OAAO,EACf,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,CAAC,CAAC,KAAI;AACd,wBAAA,IAAI,CAAC;AAAE,4BAAA,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;oBAC5B,CAAC,EACD,SAAS,EAAC,aAAa,YAEvBlB,cAAA,CAACmB,yBAAS,IAAC,OAAO,EAAEC,kCAAgB,EAAE,SAAS,EAAE,iBAAiB,EAAA,CAAI,GACvD,EAAA,CACP,CAAA,EAAA,CACR;AAEV,CAAC;AAaD,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,GAAG,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAoB,KAAI;;AAErF,IAAA,MAAM,OAAO,GACX,MAAM,CAAC,MAAM,GAAG,CAAC;AACjB,QAAA,CAAC,MAAK;AACJ,YAAA,IAAI;AACF,gBAAAT,8BAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACrB,gBAAA,OAAO,IAAI;YACb;AAAE,YAAA,MAAM;AACN,gBAAA,OAAO,KAAK;YACd;QACF,CAAC,GAAG;AAEN,IAAA,QACEK,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,EAAA,QAAA,EAAA,CAClCA,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACtChB,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,6CAA6C,EAAA,QAAA,EAAE,KAAK,EAAA,CAAK,EACrE,KAAK,KACJA,cAAA,CAACS,aAAM,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,WAAW,EAAC,WAAW,EAAEc,YAAI,EAAE,OAAO,EAAE,KAAK,EAAA,QAAA,EAAA,KAAA,EAAA,CAE5D,CACV,CAAA,EAAA,CACG,EACL,OAAO,IACNvB,cAAA,CAACwB,qCAAqB,EAAA,EAAA,YAAA,EAAa,KAAK,EAAE,SAAS,EAAC,sBAAsB,EAAC,QAAQ,EAAE,CAAC,KAAK,KAAK,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAA,QAAA,EAC9H,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,MACZxB,cAAA,CAAC,UAAU,EAAA,EAAS,KAAK,EAAE,CAAC,IAAX,CAAC,CAAc,CACjC,CAAC,GACoB,KAExBA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sBAAsB,YAClC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,MACfA,cAAA,CAAA,QAAA,EAAA,EAKE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,QAAQ,GAAG,CAAC,CAAC,EAC5B,SAAS,EAAC,sNAAsN,EAChO,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,EAAA,YAAA,EACb,iBAAiB,EAAA,EARvB,CAAA,EAAG,CAAC,CAAA,CAAA;;gBAEP,CACF,CAAA,CAAE,CAMF,CACH,CAAC,GACE,CACP,CAAA,EAAA,CACG;AAEV,CAAC;AAED;AACA,MAAM,gBAAgB,GAAG,OACvBgB,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,EAAA,QAAA,EAAA,CAClChB,cAAA,CAAC,eAAe,EAAA,EAAA,CAAG,EACnBgB,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,EAAA,QAAA,EAAA,CAClCA,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wBAAwB,EAAA,QAAA,EAAA,CACrChB,cAAA,CAAC,gBAAgB,EAAA,EAAA,CAAG,EACpBgB,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4BAA4B,EAAA,QAAA,EAAA,CACzChB,cAAA,CAAC,SAAS,EAAA,EAAA,CAAG,EACbA,cAAA,CAAC,WAAW,EAAA,EAAA,CAAG,CAAA,EAAA,CACX,CAAA,EAAA,CACF,EACNgB,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACtChB,cAAA,CAAC,iBAAiB,EAAA,EAAA,CAAG,EACrBA,cAAA,CAAC,eAAe,EAAA,EAAA,CAAG,CAAA,EAAA,CACf,CAAA,EAAA,CACF,CAAA,EAAA,CACF,CACP;AAED;AACA,MAAM,iBAAiB,GAAG,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,aAAa,EAAE,UAAU,GAS1B,KAAI;AACH,IAAA,MAAM,aAAa,GAAGG,2BAAe,EAAE;IACvC,MAAM,YAAY,GAAG,UAAU,IAAI,aAAa,IAAIsB,sBAAU,CAAC,cAAc,CAAC;IAE9E,QACEzB,cAAA,CAAC0B,0BAAc,EAAA,EAAC,KAAK,EAAE,YAAY,EAAA,QAAA,EACjC1B,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACe,YAAY,EACzB,SAAS,EAAEE,KAAE,CAAC,sGAAsG,EAAE,SAAS,CAAC,YAE/H,QAAQ,EAAA,CACL,EAAA,CACS;AAErB,CAAC;AAED;MACa,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAgB,EAAE;AACzD,IAAA,MAAM,EAAE,iBAAiB;cACzByB,2BAAQ;AACR,IAAA,IAAI,EAAE,eAAe;IACrB,SAAS;IACT,WAAW;AACX,IAAA,UAAU,EAAE,gBAAgB;IAC5B,iBAAiB;IACjB,eAAe;IACf,WAAW;IACX,UAAU;AACX,CAAA;;;;;"}

package/dist/components/organisms/ColorPicker/index.d.ts

@@ -18,16 +18,21 @@ export interface SavedColorsProps {
 }
 /** Compound export */
 export declare const ColorPicker: (() => import("react").JSX.Element) & {
-    Dialog: ({ className, children }: {
+    Dialog: ({ className, children, "data-testid": dataTestId, }: {
         className?: string;
         children?: ReactNode;
+        /**
+         * Overrides the `data-testid` prefix used by every descendant control. Defaults to
+         * `fd-color-picker` when standalone, or to the ambient prefix from an ancestor when nested.
+         */
+        "data-testid"?: string;
     }) => import("react").JSX.Element;
-    Provider: ({ defaultValue, value, defaultColorFormat, onChange, children }: import("./providers/color-picker-context").ProviderProps) => import("react").JSX.Element;
+    Provider: ({ defaultValue, value, defaultColorFormat, onChange, children, "data-testid": dataTestId, }: import("./providers/color-picker-context").ProviderProps) => import("react").JSX.Element;
     Area: ({ style, className, ...props }: AriaColorAreaProps) => import("react").JSX.Element;
     HueSlider: ({ className, ...props }: Omit<AriaColorSliderProps, "channel">) => import("react").JSX.Element;
     AlphaSlider: ({ className, ...props }: Omit<AriaColorSliderProps, "channel">) => import("react").JSX.Element;
-    EyeDropper: (props: ButtonProps) => import("react").JSX.Element | null;
-    ColorFormatSelect: ({ className, ...props }: Omit<SelectProps, "children">) => import("react").JSX.Element;
+    EyeDropper: ({ "data-testid": dataTestId, ...props }: ButtonProps) => import("react").JSX.Element | null;
+    ColorFormatSelect: ({ className, "data-testid": dataTestId, ...props }: Omit<SelectProps, "children">) => import("react").JSX.Element;
     ColorValueInput: () => import("react").JSX.Element;
     SavedColors: ({ label, colors, onAdd, onSelect }: SavedColorsProps) => import("react").JSX.Element;
     SwatchItem: ({ color, size, ...props }: SwatchItemsProps) => import("react").JSX.Element;

package/dist/components/organisms/ColorPicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ColorPicker/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAE5F,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EACV,cAAc,IAAI,kBAAkB,EACpC,gBAAgB,IAAI,oBAAoB,EACxC,0BAA0B,IAAI,8BAA8B,EAI7D,MAAM,uBAAuB,CAAC;AAyI/B,MAAM,WAAW,gBAAiB,SAAQ,8BAA8B;IACtE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,GAAI,2BAAkC,gBAAgB,gCAoB5E,CAAC;AAwIF,MAAM,WAAW,gBAAgB;IAC/B,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AA+ED,sBAAsB;AACtB,eAAO,MAAM,WAAW;sCAP4B;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;KAAE;;2CApVvC,kBAAkB;yCAmB/B,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;2CAgBnC,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;wBAoBlD,WAAW;iDAyBQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;;sDA6Ld,gBAAgB;4CAvKtB,gBAAgB;CAgQ3E,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ColorPicker/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAG5F,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EACV,cAAc,IAAI,kBAAkB,EACpC,gBAAgB,IAAI,oBAAoB,EACxC,0BAA0B,IAAI,8BAA8B,EAI7D,MAAM,uBAAuB,CAAC;AA4J/B,MAAM,WAAW,gBAAiB,SAAQ,8BAA8B;IACtE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,GAAI,2BAAkC,gBAAgB,gCA2B5E,CAAC;AA2IF,MAAM,WAAW,gBAAgB;IAC/B,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAqGD,sBAAsB;AACtB,eAAO,MAAM,WAAW;kEAzBrB;QACD,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;QACrB;;;WAGG;QACH,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB;;2CA7XwD,kBAAkB;yCAwB/B,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;2CAqBnC,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;0DAyBhB,WAAW;4EA2BC,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;;sDAyMzC,gBAAgB;4CAjLtB,gBAAgB;CAgS3E,CAAC"}

package/dist/components/organisms/ColorPicker/index.js

@@ -3,6 +3,7 @@ import { Plus, Dropper } from '@flipdish/ui-icons';
 import { Button } from '@flipdish/ui-library/components/atoms/Button';
 import { Select } from '@flipdish/ui-library/components/molecules/Select';
 import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useTestIdPrefix, joinTestId, slugifyTestId, rootTestId, TestIdProvider } from '@flipdish/ui-library/utilities/testIdUtils';
 import { useState, useRef } from 'react';
 import { ColorSwatchPickerItem, ColorSwatch, parseColor, ColorSwatchPicker, ColorSlider, SliderTrack, ColorArea, ColorField, Input, ColorThumb as ColorThumb$1 } from 'react-aria-components';
 import { selectAllOnFocus } from './colorPicker.utils.js';
@@ -17,19 +18,29 @@ const COLOR_FORMAT_ITEMS = [
     { id: 'hsb', label: 'HSB' },
 ];
 const ColorThumb = ({ className, ...props }) => (jsx(ColorThumb$1, { className: (state) => cx('size-5 cursor-grab rounded-full border-[3px] border-fg-white shadow-md outline-0 outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2', state.isDragging && 'cursor-grabbing', typeof className === 'function' ? className(state) : className), ...props }));
-const ColorPickerArea = ({ style, className, ...props }) => (jsx(ColorArea, { "aria-label": "Color picker", colorSpace: "hsb", xChannel: "saturation", yChannel: "brightness", ...props, style: ({ defaultStyle }) => ({ ...defaultStyle, borderRadius: 8, ...style }), className: (state) => cx('relative aspect-square w-full shrink-0 rounded-lg ring-[0.5px] ring-alpha-black/10 ring-inset', typeof className === 'function' ? className(state) : className), children: jsx(ColorThumb, {}) }));
-const HueSlider = ({ className, ...props }) => (jsx(ColorSlider, { "aria-label": "Hue", ...props, channel: "hue", className: (state) => cx('w-full', typeof className === 'function' ? className(state) : className), children: jsx(SliderTrack, { style: ({ defaultStyle }) => ({ ...defaultStyle, borderRadius: 9999 }), className: "relative h-3 w-full cursor-pointer rounded-full ring-[0.5px] ring-alpha-black/10 ring-inset", children: jsx(ColorThumb, { style: ({ defaultStyle }) => ({ ...defaultStyle, top: '50%' }) }) }) }));
-const AlphaSlider = ({ className, ...props }) => (jsx(ColorSlider, { "aria-label": "Alpha", ...props, channel: "alpha", className: (state) => cx('w-full', typeof className === 'function' ? className(state) : className), children: jsx(SliderTrack, { style: ({ defaultStyle }) => ({
-            ...defaultStyle,
-            borderRadius: 9999,
-            background: `${defaultStyle.background}, repeating-conic-gradient(#ccc 0% 25%, white 0% 50%) 50% / 8px 8px`,
-        }), className: "relative h-3 w-full cursor-pointer rounded-full ring-[0.5px] ring-alpha-black/10 ring-inset", children: jsx(ColorThumb, { style: ({ defaultStyle }) => ({ ...defaultStyle, top: '50%' }) }) }) }));
-const EyeDropperButton = (props) => {
+const ColorPickerArea = ({ style, className, ...props }) => {
+    const prefix = useTestIdPrefix();
+    return (jsx(ColorArea, { "aria-label": "Color picker", colorSpace: "hsb", xChannel: "saturation", yChannel: "brightness", ...props, "data-testid": prefix ? joinTestId(prefix, 'area') : undefined, style: ({ defaultStyle }) => ({ ...defaultStyle, borderRadius: 8, ...style }), className: (state) => cx('relative aspect-square w-full shrink-0 rounded-lg ring-[0.5px] ring-alpha-black/10 ring-inset', typeof className === 'function' ? className(state) : className), children: jsx(ColorThumb, {}) }));
+};
+const HueSlider = ({ className, ...props }) => {
+    const prefix = useTestIdPrefix();
+    return (jsx(ColorSlider, { "aria-label": "Hue", ...props, channel: "hue", "data-testid": prefix ? joinTestId(prefix, 'hue-slider') : undefined, className: (state) => cx('w-full', typeof className === 'function' ? className(state) : className), children: jsx(SliderTrack, { style: ({ defaultStyle }) => ({ ...defaultStyle, borderRadius: 9999 }), className: "relative h-3 w-full cursor-pointer rounded-full ring-[0.5px] ring-alpha-black/10 ring-inset", children: jsx(ColorThumb, { style: ({ defaultStyle }) => ({ ...defaultStyle, top: '50%' }) }) }) }));
+};
+const AlphaSlider = ({ className, ...props }) => {
+    const prefix = useTestIdPrefix();
+    return (jsx(ColorSlider, { "aria-label": "Alpha", ...props, channel: "alpha", "data-testid": prefix ? joinTestId(prefix, 'alpha-slider') : undefined, className: (state) => cx('w-full', typeof className === 'function' ? className(state) : className), children: jsx(SliderTrack, { style: ({ defaultStyle }) => ({
+                ...defaultStyle,
+                borderRadius: 9999,
+                background: `${defaultStyle.background}, repeating-conic-gradient(#ccc 0% 25%, white 0% 50%) 50% / 8px 8px`,
+            }), className: "relative h-3 w-full cursor-pointer rounded-full ring-[0.5px] ring-alpha-black/10 ring-inset", children: jsx(ColorThumb, { style: ({ defaultStyle }) => ({ ...defaultStyle, top: '50%' }) }) }) }));
+};
+const EyeDropperButton = ({ 'data-testid': dataTestId, ...props }) => {
     const { actions } = useColorPicker();
+    const prefix = useTestIdPrefix();
     const isSupported = typeof window !== 'undefined' && 'EyeDropper' in window;
     if (!isSupported)
         return null;
-    return (jsx(Button, { size: "sm", color: "secondary", iconLeading: Dropper, onClick: async () => {
+    return (jsx(Button, { size: "sm", color: "secondary", iconLeading: Dropper, "data-testid": dataTestId ?? (prefix ? joinTestId(prefix, 'eye-dropper') : undefined), onClick: async () => {
             try {
                 // @ts-expect-error EyeDropper API not typed
                 const result = await new EyeDropper().open();
@@ -40,15 +51,21 @@ const EyeDropperButton = (props) => {
             }
         }, ...props }));
 };
-const ColorFormatSelect = ({ className, ...props }) => {
+const ColorFormatSelect = ({ className, 'data-testid': dataTestId, ...props }) => {
     const { state, actions } = useColorPicker();
-    return (jsx(Select, { size: "sm", "aria-label": "Color format", value: state.colorFormat, onChange: (value) => actions.setColorFormat(value), items: COLOR_FORMAT_ITEMS, className: (state) => cx('w-20 shrink-0', typeof className === 'function' ? className(state) : className), ...props, children: (item) => jsx(Select.Item, { id: item.id, children: item.label }) }));
+    const prefix = useTestIdPrefix();
+    return (jsx(Select, { size: "sm", "aria-label": "Color format", value: state.colorFormat, onChange: (value) => actions.setColorFormat(value), items: COLOR_FORMAT_ITEMS, "data-testid": dataTestId ?? (prefix ? joinTestId(prefix, 'format-select') : undefined), className: (state) => cx('w-20 shrink-0', typeof className === 'function' ? className(state) : className), ...props, children: (item) => jsx(Select.Item, { id: item.id, children: item.label }) }));
+};
+const SwatchItem = ({ color, size = 'md', ...props }) => {
+    const prefix = useTestIdPrefix();
+    const colorString = typeof color === 'string' ? color : color.toString('hex');
+    const swatchTestId = prefix ? joinTestId(prefix, `swatch-${slugifyTestId(colorString)}`) : undefined;
+    return (jsx(ColorSwatchPickerItem, { ...props, color: color, "data-testid": swatchTestId, style: { '--swatch-color': color }, className: (state) => cx('cursor-pointer rounded-full', size === 'sm' ? 'size-4' : 'size-5', state.isFocusVisible
+            ? 'outline-2 outline-offset-2 outline-focus-ring'
+            : state.isSelected
+                ? 'outline-2 outline-offset-2 outline-(--swatch-color)'
+                : 'outline-0', typeof props.className === 'function' ? props.className(state) : props.className), children: jsx(ColorSwatch, { className: "size-full rounded-full ring-1 ring-alpha-black/10 ring-inset", style: ({ defaultStyle }) => defaultStyle }) }));
 };
-const SwatchItem = ({ color, size = 'md', ...props }) => (jsx(ColorSwatchPickerItem, { ...props, color: color, style: { '--swatch-color': color }, className: (state) => cx('cursor-pointer rounded-full', size === 'sm' ? 'size-4' : 'size-5', state.isFocusVisible
-        ? 'outline-2 outline-offset-2 outline-focus-ring'
-        : state.isSelected
-            ? 'outline-2 outline-offset-2 outline-(--swatch-color)'
-            : 'outline-0', typeof props.className === 'function' ? props.className(state) : props.className), children: jsx(ColorSwatch, { className: "size-full rounded-full ring-1 ring-alpha-black/10 ring-inset", style: ({ defaultStyle }) => defaultStyle }) }));
 const channelInputClass = 'w-full min-w-0 bg-transparent px-2.5 py-2 text-sm text-primary outline-hidden';
 const CHANNEL_CONFIG = {
     rgb: { colorSpace: 'rgb', channels: ['red', 'green', 'blue'] },
@@ -57,15 +74,17 @@ const CHANNEL_CONFIG = {
 };
 const ColorValueInput = () => {
     const { state } = useColorPicker();
+    const prefix = useTestIdPrefix();
+    const valueInputTestId = prefix ? joinTestId(prefix, 'value-input') : undefined;
     if (state.colorFormat === 'hex')
-        return jsx(HexInput, {});
+        return jsx(HexInput, { "data-testid": valueInputTestId });
     if (state.colorFormat === 'css')
-        return jsx(CssInput, {});
-    return jsx(ChannelInput, { format: state.colorFormat });
+        return jsx(CssInput, { "data-testid": valueInputTestId });
+    return jsx(ChannelInput, { format: state.colorFormat, "data-testid": valueInputTestId });
 };
-const HexInput = () => {
+const HexInput = ({ 'data-testid': dataTestId }) => {
     const { state, actions } = useColorPicker();
-    return (jsxs("div", { className: "flex flex-1 shadow-xs", children: [jsx(InputCell, { position: "first", className: "flex-1", children: jsxs(ColorField, { "aria-label": "Hex color", value: state.color, onChange: (c) => {
+    return (jsxs("div", { "data-testid": dataTestId, className: "flex flex-1 shadow-xs", children: [jsx(InputCell, { position: "first", className: "flex-1", children: jsxs(ColorField, { "aria-label": "Hex color", value: state.color, onChange: (c) => {
                         if (c)
                             actions.setColor(c);
                     }, className: "flex flex-1 items-center gap-2 px-2.5 py-2", children: [jsx(ColorSwatch, { className: "size-4 shrink-0 rounded-full ring-1 ring-alpha-black/10 ring-inset", style: ({ defaultStyle }) => defaultStyle }), jsx(Input, { onFocus: selectAllOnFocus, className: "w-full min-w-0 bg-transparent text-sm text-primary outline-hidden" })] }) }), jsx(InputCell, { position: "last", className: "w-14 shrink-0", children: jsx(ColorField, { "aria-label": "Alpha", channel: "alpha", value: state.color, onChange: (c) => {
@@ -73,7 +92,7 @@ const HexInput = () => {
                             actions.setColor(c);
                     }, className: "flex w-full items-center", children: jsx(Input, { onFocus: selectAllOnFocus, className: "w-full min-w-0 bg-transparent px-2.5 py-2 text-sm text-primary outline-hidden" }) }) })] }));
 };
-const CssInput = () => {
+const CssInput = ({ 'data-testid': dataTestId }) => {
     const { state, actions } = useColorPicker();
     const [draft, setDraft] = useState(null);
     const inputRef = useRef(null);
@@ -81,7 +100,7 @@ const CssInput = () => {
         const rgb = c.toFormat('rgb');
         return `rgba(${Math.round(rgb.getChannelValue('red'))}, ${Math.round(rgb.getChannelValue('green'))}, ${Math.round(rgb.getChannelValue('blue'))}, ${Math.round(rgb.getChannelValue('alpha') * 100) / 100})`;
     };
-    return (jsx(InputCell, { className: "flex-1 shadow-xs", children: jsx("input", { ref: inputRef, value: draft ?? toRgba(state.color), onChange: (e) => setDraft(e.target.value), onFocus: (e) => {
+    return (jsx(InputCell, { "data-testid": dataTestId, className: "flex-1 shadow-xs", children: jsx("input", { ref: inputRef, value: draft ?? toRgba(state.color), onChange: (e) => setDraft(e.target.value), onFocus: (e) => {
                 const val = toRgba(state.color);
                 setDraft(val);
                 requestAnimationFrame(() => {
@@ -102,13 +121,13 @@ const CssInput = () => {
                 }
             }, className: "w-full min-w-0 bg-transparent px-3 py-2 text-sm text-primary outline-hidden" }) }));
 };
-const ChannelInput = ({ format }) => {
+const ChannelInput = ({ format, 'data-testid': dataTestId }) => {
     const { state, actions } = useColorPicker();
     const config = CHANNEL_CONFIG[format];
     if (!config)
         return null;
     const converted = state.color.toFormat(config.colorSpace);
-    return (jsxs("div", { className: "flex flex-1 shadow-xs", children: [config.channels.map((ch, i) => (jsx(InputCell, { position: i === 0 ? 'first' : 'middle', className: "flex-1", children: jsx(ColorField, { "aria-label": ch.charAt(0).toUpperCase() + ch.slice(1), channel: ch, colorSpace: config.colorSpace, value: converted, onChange: (c) => {
+    return (jsxs("div", { "data-testid": dataTestId, className: "flex flex-1 shadow-xs", children: [config.channels.map((ch, i) => (jsx(InputCell, { position: i === 0 ? 'first' : 'middle', className: "flex-1", children: jsx(ColorField, { "aria-label": ch.charAt(0).toUpperCase() + ch.slice(1), channel: ch, colorSpace: config.colorSpace, value: converted, onChange: (c) => {
                         if (c)
                             actions.setColor(c);
                     }, className: "flex w-full", children: jsx(Input, { onFocus: selectAllOnFocus, className: channelInputClass }) }) }, ch))), jsx(InputCell, { position: "last", className: "w-14 shrink-0", children: jsx(ColorField, { "aria-label": "Alpha", channel: "alpha", value: converted, onChange: (c) => {
@@ -135,7 +154,11 @@ const SavedColors = ({ label = 'Saved', colors, onAdd, onSelect }) => {
 /** All-in-one solid color picker layout */
 const ColorPickerSolid = () => (jsxs("div", { className: "flex flex-col gap-4", children: [jsx(ColorPickerArea, {}), jsxs("div", { className: "flex flex-col gap-4", children: [jsxs("div", { className: "flex items-start gap-3", children: [jsx(EyeDropperButton, {}), jsxs("div", { className: "flex flex-1 flex-col gap-3", children: [jsx(HueSlider, {}), jsx(AlphaSlider, {})] })] }), jsxs("div", { className: "flex items-center gap-3", children: [jsx(ColorFormatSelect, {}), jsx(ColorValueInput, {})] })] })] }));
 /** Card container for the color picker. */
-const ColorPickerDialog = ({ className, children }) => (jsx("div", { className: cx('relative flex w-80 flex-col overflow-clip rounded-2xl bg-primary shadow-xl ring-1 ring-secondary_alt', className), children: children }));
+const ColorPickerDialog = ({ className, children, 'data-testid': dataTestId, }) => {
+    const ambientPrefix = useTestIdPrefix();
+    const dialogTestId = dataTestId ?? ambientPrefix ?? rootTestId('color-picker');
+    return (jsx(TestIdProvider, { value: dialogTestId, children: jsx("div", { "data-testid": dialogTestId, className: cx('relative flex w-80 flex-col overflow-clip rounded-2xl bg-primary shadow-xl ring-1 ring-secondary_alt', className), children: children }) }));
+};
 /** Compound export */
 const ColorPicker = Object.assign(ColorPickerSolid, {
     Dialog: ColorPickerDialog,