@flipdish/ui-library 0.31.0 → 0.31.1

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/FilterBar/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","_jsx","TestIdProvider","cx","useTestIdPrefix","joinTestId","_jsxs","AriaButton","XClose"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/FilterBar/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","_jsx","TestIdProvider","cx","useTestIdPrefix","joinTestId","_jsxs","AriaButton","XClose"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import type { ComponentPropsWithRef, FC, ReactNode } from 'react';
-export type { FilterRow } from './components/filter-dropdown-menu';
-export { FilterDropdown } from './components/filter-dropdown-menu';
+export type { FilterRow } from './components/FilterDropdownMenu';
+export { FilterDropdown } from './components/FilterDropdownMenu';
 interface FilterBarRootProps extends ComponentPropsWithRef<'div'> {
     /** Content and actions for the filter bar */
     children: ReactNode;
@@ -37,6 +37,12 @@ interface FilterIconButtonProps {
     /** Additional class names */
     className?: string;
 }
+/**
+ * Arranges filter controls, advanced filter rows and icon actions into a responsive horizontal
+ * bar. Compose `FilterBar.Content` and `FilterBar.Actions` inside `FilterBar.Root`.
+ *
+ * @summary responsive bar of filter controls and actions
+ */
 export declare const FilterBar: {
     Root: ({ children, className, "data-testid": dataTestId, ...props }: FilterBarRootProps) => import("react").JSX.Element;
     Content: ({ children, className, ...props }: FilterBarContentProps) => import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/FilterBar/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlE,YAAY,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAEnE,UAAU,kBAAmB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IAC/D,6CAA6C;IAC7C,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAeD,UAAU,qBAAsB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IAClE,4CAA4C;IAC5C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAcD,UAAU,qBAAsB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IAClE,0DAA0D;IAC1D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAcD,UAAU,cAAe,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IAC3D,+CAA+C;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAqBD,UAAU,qBAAqB;IAC7B,+BAA+B;IAC/B,IAAI,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjC,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsBD,eAAO,MAAM,SAAS;yEAvG+D,kBAAkB;iDAkB1C,qBAAqB;iDAiBrB,qBAAqB;6DAmBlB,cAAc;kEA8BT,qBAAqB;CAyBzF,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/FilterBar/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlE,YAAY,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE,UAAU,kBAAmB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IAC/D,6CAA6C;IAC7C,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAeD,UAAU,qBAAsB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IAClE,4CAA4C;IAC5C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAcD,UAAU,qBAAsB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IAClE,0DAA0D;IAC1D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAcD,UAAU,cAAe,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IAC3D,+CAA+C;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAqBD,UAAU,qBAAqB;IAC7B,+BAA+B;IAC/B,IAAI,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjC,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsBD;;;;;GAKG;AACH,eAAO,MAAM,SAAS;yEA7G+D,kBAAkB;iDAkB1C,qBAAqB;iDAiBrB,qBAAqB;6DAmBlB,cAAc;kEA8BT,qBAAqB;CA+BzF,CAAC"}

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

@@ -3,7 +3,7 @@ import { XClose } from '@flipdish/ui-icons';
 import { cx } from '@flipdish/ui-library/utilities/cx';
 import { useTestIdPrefix, joinTestId, useResolvedTestId, TestIdProvider } from '@flipdish/ui-library/utilities/testIdUtils';
 import { Button } from 'react-aria-components';
-export { FilterDropdown } from './components/filter-dropdown-menu.js';
+export { FilterDropdown } from './components/FilterDropdownMenu.js';
 
 /** Root layout container for the filter bar. Arranges content and actions horizontally with wrapping. */
 const FilterBarRoot = ({ children, className, 'data-testid': dataTestId, ...props }) => {
@@ -34,6 +34,12 @@ const FilterIconButton = ({ icon: Icon, label, onPress, className }) => {
     const buttonTestId = prefix ? joinTestId(prefix, 'filter-button') : undefined;
     return (jsx(Button, { "aria-label": label, onPress: onPress, "data-testid": buttonTestId, className: cx('flex size-9 cursor-pointer items-center justify-center rounded-lg border border-primary bg-primary shadow-xs transition duration-100 ease-linear hover:bg-primary_hover', className), children: jsx(Icon, { className: "size-5 text-fg-quaternary" }) }));
 };
+/**
+ * Arranges filter controls, advanced filter rows and icon actions into a responsive horizontal
+ * bar. Compose `FilterBar.Content` and `FilterBar.Actions` inside `FilterBar.Root`.
+ *
+ * @summary responsive bar of filter controls and actions
+ */
 const FilterBar = {
     Root: FilterBarRoot,
     Content: FilterBarContent,

package/dist/components/organisms/FilterBar/index.js.map

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

package/dist/components/organisms/GradientPicker/components/GradientArea.cjs

@@ -0,0 +1,157 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
+var React = require('react');
+var gradientPicker_utils = require('../gradientPicker.utils.cjs');
+var GradientPicker_provider = require('../providers/GradientPicker.provider.cjs');
+
+/**
+ * Interactive 2D gradient area with draggable stop thumbs.
+ *
+ * The gradient is defined by an explicit 2D line (`state.gradientLine`) extended to
+ * the area edges. Stop positions (0–100%) map to points along this line via `lerp`.
+ *
+ * Endpoint drag — moves the thumb freely in 2D. The line through both endpoints
+ * is extended to the area edges via `extendLineToEdges`, and both endpoint positions
+ * are re-projected onto it. The other endpoint's 2D position is snapshotted on
+ * pointerdown so it never drifts. Inner stop positions stay unchanged.
+ *
+ * Inner stop drag — slides the stop along the current gradient line by projecting
+ * the pointer onto it.
+ */
+const GradientArea = () => {
+    const { state, actions } = GradientPicker_provider.useGradientColorPicker();
+    const { gradientStops: stops, gradientType: type, gradientLine: line } = state;
+    const areaRef = React.useRef(null);
+    const prefix = testIdUtils.useTestIdPrefix();
+    const areaTestId = prefix ? testIdUtils.joinTestId(prefix, 'area') : undefined;
+    const sorted = [...stops].sort((a, b) => a.position - b.position);
+    const firstStop = sorted[0];
+    const lastStop = sorted[sorted.length - 1];
+    /** Map a stop's position (0–100%) to a 2D point on the gradient line. */
+    const stopPt = (position) => gradientPicker_utils.lerp(line.start, line.end, position / 100);
+    const startPt = stopPt(firstStop?.position ?? 0);
+    const endPt = stopPt(lastStop?.position ?? 100);
+    /** Drag state stored in a ref to avoid re-renders during pointer moves. */
+    const dragRef = React.useRef(null);
+    /** Start dragging an endpoint (first or last sorted stop). */
+    const handleEndpointDown = React.useCallback((e, which) => {
+        if (!areaRef.current)
+            return;
+        e.preventDefault();
+        e.stopPropagation();
+        const el = e.target;
+        el.setPointerCapture(e.pointerId);
+        el.focus();
+        const draggedStop = which === 'start' ? firstStop : lastStop;
+        const fixedStop = which === 'start' ? lastStop : firstStop;
+        if (draggedStop)
+            actions.selectStop(draggedStop.id);
+        const raw = gradientPicker_utils.pointerPt(e, areaRef.current);
+        const thumbPt = stopPt(draggedStop?.position ?? (which === 'start' ? 0 : 100));
+        const fixedPt = stopPt(fixedStop?.position ?? (which === 'start' ? 100 : 0));
+        const boundaryPos = which === 'start' ? (sorted[1]?.position ?? 100) : (sorted[sorted.length - 2]?.position ?? 0);
+        dragRef.current = {
+            kind: 'endpoint',
+            which,
+            offset: { x: raw.x - thumbPt.x, y: raw.y - thumbPt.y },
+            draggedStopId: draggedStop?.id ?? '',
+            fixedStopId: fixedStop?.id ?? '',
+            fixedPt,
+            boundaryPos,
+        };
+    }, 
+    // biome-ignore lint/correctness/useExhaustiveDependencies: stopPt is not a dependency of the callback
+    [actions, firstStop, lastStop, sorted, stopPt]);
+    /** Start dragging an inner (non-endpoint) stop along the gradient line. */
+    const handleInnerDown = React.useCallback((e, stopId) => {
+        if (!areaRef.current)
+            return;
+        e.preventDefault();
+        e.stopPropagation();
+        const el = e.target;
+        el.setPointerCapture(e.pointerId);
+        el.focus();
+        actions.selectStop(stopId);
+        const raw = gradientPicker_utils.pointerPt(e, areaRef.current);
+        const t = gradientPicker_utils.projectOntoLine(raw, line.start, line.end);
+        const rawPos = gradientPicker_utils.clamp(t * 100, 0, 100);
+        const stop = stops.find((s) => s.id === stopId);
+        dragRef.current = { kind: 'inner', stopId, offset: rawPos - (stop?.position ?? 50) };
+    }, [actions, stops, line]);
+    /** Handle pointer move for both endpoint and inner stop drags. */
+    const handlePointerMove = React.useCallback((e) => {
+        if (!areaRef.current || !dragRef.current)
+            return;
+        const raw = gradientPicker_utils.pointerPt(e, areaRef.current);
+        const drag = dragRef.current;
+        if (drag.kind === 'endpoint') {
+            let pt = gradientPicker_utils.clampPt({ x: raw.x - drag.offset.x, y: raw.y - drag.offset.y });
+            // Keep a minimum distance between endpoints to prevent a zero-length line
+            if (gradientPicker_utils.dist(pt, drag.fixedPt) < 5) {
+                const dx = pt.x - drag.fixedPt.x;
+                const dy = pt.y - drag.fixedPt.y;
+                const d = gradientPicker_utils.dist(pt, drag.fixedPt) || 1;
+                pt = { x: drag.fixedPt.x + (dx / d) * 5, y: drag.fixedPt.y + (dy / d) * 5 };
+            }
+            // Edge-extended line through dragged + fixed points — both lie on it, so projection is lossless.
+            const dirStart = drag.which === 'start' ? pt : drag.fixedPt;
+            const dirEnd = drag.which === 'start' ? drag.fixedPt : pt;
+            const edgeLine = gradientPicker_utils.extendLineToEdges(dirStart, dirEnd);
+            let draggedPos = gradientPicker_utils.clamp(gradientPicker_utils.projectOntoLine(pt, edgeLine.start, edgeLine.end) * 100, 0, 100);
+            const fixedPos = gradientPicker_utils.clamp(gradientPicker_utils.projectOntoLine(drag.fixedPt, edgeLine.start, edgeLine.end) * 100, 0, 100);
+            // Prevent the endpoint from crossing past the nearest inner stop
+            if (drag.which === 'start' && draggedPos > drag.boundaryPos) {
+                draggedPos = drag.boundaryPos;
+                pt = gradientPicker_utils.lerp(edgeLine.start, edgeLine.end, draggedPos / 100);
+            }
+            else if (drag.which === 'end' && draggedPos < drag.boundaryPos) {
+                draggedPos = drag.boundaryPos;
+                pt = gradientPicker_utils.lerp(edgeLine.start, edgeLine.end, draggedPos / 100);
+            }
+            actions.setLineEndpoint(edgeLine, [
+                { id: drag.draggedStopId, position: draggedPos },
+                { id: drag.fixedStopId, position: fixedPos },
+            ]);
+        }
+        else {
+            // Project the pointer onto the gradient line and update the stop's position
+            const t = gradientPicker_utils.projectOntoLine(raw, line.start, line.end);
+            const pos = Math.round(gradientPicker_utils.clamp(t * 100 - drag.offset, 0, 100));
+            actions.moveStop(drag.stopId, pos);
+        }
+    }, [actions, line]);
+    const handlePointerUp = React.useCallback(() => {
+        dragRef.current = null;
+    }, []);
+    /** CSS gradient background remapped to align with the (possibly off-center) gradient line. */
+    const bgCSS = gradientPicker_utils.toGradientCSSFromLine(stops, type, line.start, line.end);
+    return (
+    // biome-ignore lint/a11y/useSemanticElements: this is a div that is not interactive
+    jsxRuntime.jsxs("div", { ref: areaRef, role: "group", "aria-label": "Gradient direction and stops", "data-testid": areaTestId, className: "relative aspect-square w-full rounded-lg", onPointerMove: handlePointerMove, onPointerUp: handlePointerUp, onPointerCancel: handlePointerUp, children: [jsxRuntime.jsx("div", { className: "absolute inset-0 overflow-hidden rounded-lg ring-[0.5px] ring-alpha-black/10 ring-inset", style: { background: bgCSS } }), jsxRuntime.jsx("svg", { className: "pointer-events-none absolute inset-0 size-full overflow-visible", "aria-hidden": true, children: jsxRuntime.jsx("line", { x1: `${startPt.x}%`, y1: `${startPt.y}%`, x2: `${endPt.x}%`, y2: `${endPt.y}%`, stroke: "rgba(255,255,255,0.5)", strokeWidth: "2", strokeDasharray: "3 5", strokeLinecap: "round" }) }), sorted.map((stop) => {
+                const isFirst = stop.id === firstStop?.id;
+                const isLast = stop.id === lastStop?.id && !isFirst;
+                const isEndpoint = isFirst || isLast;
+                const pt = stopPt(stop.position);
+                const which = isFirst ? 'start' : 'end';
+                return (jsxRuntime.jsx("button", { type: "button", tabIndex: 0, onPointerDown: isEndpoint ? (e) => handleEndpointDown(e, which) : (e) => handleInnerDown(e, stop.id), onFocus: () => actions.selectStop(stop.id), onKeyDown: (e) => {
+                        if (e.key === 'ArrowRight' || e.key === 'ArrowUp') {
+                            e.preventDefault();
+                            actions.moveStop(stop.id, Math.min(100, stop.position + 1));
+                        }
+                        else if (e.key === 'ArrowLeft' || e.key === 'ArrowDown') {
+                            e.preventDefault();
+                            actions.moveStop(stop.id, Math.max(0, stop.position - 1));
+                        }
+                        else if ((e.key === 'Delete' || e.key === 'Backspace') && stops.length > 2) {
+                            e.preventDefault();
+                            actions.removeStop(stop.id);
+                        }
+                    }, className: cx.cx('absolute z-10 -translate-x-1/2 -translate-y-1/2 cursor-grab rounded-full border-[3px] border-white shadow-md outline-0 outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2 active:cursor-grabbing', isEndpoint ? 'size-5' : 'size-4'), style: { left: `${pt.x}%`, top: `${pt.y}%`, background: stop.color }, "data-testid": prefix ? testIdUtils.joinTestId(prefix, `stop-${stop.id}-thumb`) : undefined, "aria-label": `Gradient stop at ${Math.round(stop.position)}%`, role: "slider", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": Math.round(stop.position) }, stop.id));
+            })] }));
+};
+
+exports.GradientArea = GradientArea;
+//# sourceMappingURL=GradientArea.cjs.map

package/dist/components/organisms/GradientPicker/components/GradientArea.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientArea.cjs","sources":["../../../../../src/components/organisms/GradientPicker/components/GradientArea.tsx"],"sourcesContent":[null],"names":["useGradientColorPicker","useRef","useTestIdPrefix","joinTestId","lerp","useCallback","pointerPt","projectOntoLine","clamp","clampPt","dist","extendLineToEdges","toGradientCSSFromLine","_jsxs","_jsx","cx"],"mappings":"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"}

package/dist/components/organisms/GradientPicker/components/GradientArea.d.ts

@@ -0,0 +1,17 @@
+import type React from 'react';
+/**
+ * Interactive 2D gradient area with draggable stop thumbs.
+ *
+ * The gradient is defined by an explicit 2D line (`state.gradientLine`) extended to
+ * the area edges. Stop positions (0–100%) map to points along this line via `lerp`.
+ *
+ * Endpoint drag — moves the thumb freely in 2D. The line through both endpoints
+ * is extended to the area edges via `extendLineToEdges`, and both endpoint positions
+ * are re-projected onto it. The other endpoint's 2D position is snapshotted on
+ * pointerdown so it never drifts. Inner stop positions stay unchanged.
+ *
+ * Inner stop drag — slides the stop along the current gradient line by projecting
+ * the pointer onto it.
+ */
+export declare const GradientArea: () => React.JSX.Element;
+//# sourceMappingURL=GradientArea.d.ts.map

package/dist/components/organisms/GradientPicker/components/GradientArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/GradientPicker/components/GradientArea.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,YAAY,yBA0NxB,CAAC"}

package/dist/components/organisms/GradientPicker/components/GradientArea.js

@@ -0,0 +1,155 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useTestIdPrefix, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
+import { useRef, useCallback } from 'react';
+import { pointerPt, projectOntoLine, clampPt, dist, extendLineToEdges, clamp, lerp, toGradientCSSFromLine } from '../gradientPicker.utils.js';
+import { useGradientColorPicker } from '../providers/GradientPicker.provider.js';
+
+/**
+ * Interactive 2D gradient area with draggable stop thumbs.
+ *
+ * The gradient is defined by an explicit 2D line (`state.gradientLine`) extended to
+ * the area edges. Stop positions (0–100%) map to points along this line via `lerp`.
+ *
+ * Endpoint drag — moves the thumb freely in 2D. The line through both endpoints
+ * is extended to the area edges via `extendLineToEdges`, and both endpoint positions
+ * are re-projected onto it. The other endpoint's 2D position is snapshotted on
+ * pointerdown so it never drifts. Inner stop positions stay unchanged.
+ *
+ * Inner stop drag — slides the stop along the current gradient line by projecting
+ * the pointer onto it.
+ */
+const GradientArea = () => {
+    const { state, actions } = useGradientColorPicker();
+    const { gradientStops: stops, gradientType: type, gradientLine: line } = state;
+    const areaRef = useRef(null);
+    const prefix = useTestIdPrefix();
+    const areaTestId = prefix ? joinTestId(prefix, 'area') : undefined;
+    const sorted = [...stops].sort((a, b) => a.position - b.position);
+    const firstStop = sorted[0];
+    const lastStop = sorted[sorted.length - 1];
+    /** Map a stop's position (0–100%) to a 2D point on the gradient line. */
+    const stopPt = (position) => lerp(line.start, line.end, position / 100);
+    const startPt = stopPt(firstStop?.position ?? 0);
+    const endPt = stopPt(lastStop?.position ?? 100);
+    /** Drag state stored in a ref to avoid re-renders during pointer moves. */
+    const dragRef = useRef(null);
+    /** Start dragging an endpoint (first or last sorted stop). */
+    const handleEndpointDown = useCallback((e, which) => {
+        if (!areaRef.current)
+            return;
+        e.preventDefault();
+        e.stopPropagation();
+        const el = e.target;
+        el.setPointerCapture(e.pointerId);
+        el.focus();
+        const draggedStop = which === 'start' ? firstStop : lastStop;
+        const fixedStop = which === 'start' ? lastStop : firstStop;
+        if (draggedStop)
+            actions.selectStop(draggedStop.id);
+        const raw = pointerPt(e, areaRef.current);
+        const thumbPt = stopPt(draggedStop?.position ?? (which === 'start' ? 0 : 100));
+        const fixedPt = stopPt(fixedStop?.position ?? (which === 'start' ? 100 : 0));
+        const boundaryPos = which === 'start' ? (sorted[1]?.position ?? 100) : (sorted[sorted.length - 2]?.position ?? 0);
+        dragRef.current = {
+            kind: 'endpoint',
+            which,
+            offset: { x: raw.x - thumbPt.x, y: raw.y - thumbPt.y },
+            draggedStopId: draggedStop?.id ?? '',
+            fixedStopId: fixedStop?.id ?? '',
+            fixedPt,
+            boundaryPos,
+        };
+    }, 
+    // biome-ignore lint/correctness/useExhaustiveDependencies: stopPt is not a dependency of the callback
+    [actions, firstStop, lastStop, sorted, stopPt]);
+    /** Start dragging an inner (non-endpoint) stop along the gradient line. */
+    const handleInnerDown = useCallback((e, stopId) => {
+        if (!areaRef.current)
+            return;
+        e.preventDefault();
+        e.stopPropagation();
+        const el = e.target;
+        el.setPointerCapture(e.pointerId);
+        el.focus();
+        actions.selectStop(stopId);
+        const raw = pointerPt(e, areaRef.current);
+        const t = projectOntoLine(raw, line.start, line.end);
+        const rawPos = clamp(t * 100, 0, 100);
+        const stop = stops.find((s) => s.id === stopId);
+        dragRef.current = { kind: 'inner', stopId, offset: rawPos - (stop?.position ?? 50) };
+    }, [actions, stops, line]);
+    /** Handle pointer move for both endpoint and inner stop drags. */
+    const handlePointerMove = useCallback((e) => {
+        if (!areaRef.current || !dragRef.current)
+            return;
+        const raw = pointerPt(e, areaRef.current);
+        const drag = dragRef.current;
+        if (drag.kind === 'endpoint') {
+            let pt = clampPt({ x: raw.x - drag.offset.x, y: raw.y - drag.offset.y });
+            // Keep a minimum distance between endpoints to prevent a zero-length line
+            if (dist(pt, drag.fixedPt) < 5) {
+                const dx = pt.x - drag.fixedPt.x;
+                const dy = pt.y - drag.fixedPt.y;
+                const d = dist(pt, drag.fixedPt) || 1;
+                pt = { x: drag.fixedPt.x + (dx / d) * 5, y: drag.fixedPt.y + (dy / d) * 5 };
+            }
+            // Edge-extended line through dragged + fixed points — both lie on it, so projection is lossless.
+            const dirStart = drag.which === 'start' ? pt : drag.fixedPt;
+            const dirEnd = drag.which === 'start' ? drag.fixedPt : pt;
+            const edgeLine = extendLineToEdges(dirStart, dirEnd);
+            let draggedPos = clamp(projectOntoLine(pt, edgeLine.start, edgeLine.end) * 100, 0, 100);
+            const fixedPos = clamp(projectOntoLine(drag.fixedPt, edgeLine.start, edgeLine.end) * 100, 0, 100);
+            // Prevent the endpoint from crossing past the nearest inner stop
+            if (drag.which === 'start' && draggedPos > drag.boundaryPos) {
+                draggedPos = drag.boundaryPos;
+                pt = lerp(edgeLine.start, edgeLine.end, draggedPos / 100);
+            }
+            else if (drag.which === 'end' && draggedPos < drag.boundaryPos) {
+                draggedPos = drag.boundaryPos;
+                pt = lerp(edgeLine.start, edgeLine.end, draggedPos / 100);
+            }
+            actions.setLineEndpoint(edgeLine, [
+                { id: drag.draggedStopId, position: draggedPos },
+                { id: drag.fixedStopId, position: fixedPos },
+            ]);
+        }
+        else {
+            // Project the pointer onto the gradient line and update the stop's position
+            const t = projectOntoLine(raw, line.start, line.end);
+            const pos = Math.round(clamp(t * 100 - drag.offset, 0, 100));
+            actions.moveStop(drag.stopId, pos);
+        }
+    }, [actions, line]);
+    const handlePointerUp = useCallback(() => {
+        dragRef.current = null;
+    }, []);
+    /** CSS gradient background remapped to align with the (possibly off-center) gradient line. */
+    const bgCSS = toGradientCSSFromLine(stops, type, line.start, line.end);
+    return (
+    // biome-ignore lint/a11y/useSemanticElements: this is a div that is not interactive
+    jsxs("div", { ref: areaRef, role: "group", "aria-label": "Gradient direction and stops", "data-testid": areaTestId, className: "relative aspect-square w-full rounded-lg", onPointerMove: handlePointerMove, onPointerUp: handlePointerUp, onPointerCancel: handlePointerUp, children: [jsx("div", { className: "absolute inset-0 overflow-hidden rounded-lg ring-[0.5px] ring-alpha-black/10 ring-inset", style: { background: bgCSS } }), jsx("svg", { className: "pointer-events-none absolute inset-0 size-full overflow-visible", "aria-hidden": true, children: jsx("line", { x1: `${startPt.x}%`, y1: `${startPt.y}%`, x2: `${endPt.x}%`, y2: `${endPt.y}%`, stroke: "rgba(255,255,255,0.5)", strokeWidth: "2", strokeDasharray: "3 5", strokeLinecap: "round" }) }), sorted.map((stop) => {
+                const isFirst = stop.id === firstStop?.id;
+                const isLast = stop.id === lastStop?.id && !isFirst;
+                const isEndpoint = isFirst || isLast;
+                const pt = stopPt(stop.position);
+                const which = isFirst ? 'start' : 'end';
+                return (jsx("button", { type: "button", tabIndex: 0, onPointerDown: isEndpoint ? (e) => handleEndpointDown(e, which) : (e) => handleInnerDown(e, stop.id), onFocus: () => actions.selectStop(stop.id), onKeyDown: (e) => {
+                        if (e.key === 'ArrowRight' || e.key === 'ArrowUp') {
+                            e.preventDefault();
+                            actions.moveStop(stop.id, Math.min(100, stop.position + 1));
+                        }
+                        else if (e.key === 'ArrowLeft' || e.key === 'ArrowDown') {
+                            e.preventDefault();
+                            actions.moveStop(stop.id, Math.max(0, stop.position - 1));
+                        }
+                        else if ((e.key === 'Delete' || e.key === 'Backspace') && stops.length > 2) {
+                            e.preventDefault();
+                            actions.removeStop(stop.id);
+                        }
+                    }, className: cx('absolute z-10 -translate-x-1/2 -translate-y-1/2 cursor-grab rounded-full border-[3px] border-white shadow-md outline-0 outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2 active:cursor-grabbing', isEndpoint ? 'size-5' : 'size-4'), style: { left: `${pt.x}%`, top: `${pt.y}%`, background: stop.color }, "data-testid": prefix ? joinTestId(prefix, `stop-${stop.id}-thumb`) : undefined, "aria-label": `Gradient stop at ${Math.round(stop.position)}%`, role: "slider", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": Math.round(stop.position) }, stop.id));
+            })] }));
+};
+
+export { GradientArea };
+//# sourceMappingURL=GradientArea.js.map

package/dist/components/organisms/GradientPicker/components/GradientArea.js.map

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

package/dist/components/organisms/GradientPicker/components/GradientReverseButton.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var UtilityButton = require('@flipdish/ui-library/components/atoms/UtilityButton');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
+var GradientPicker_provider = require('../providers/GradientPicker.provider.cjs');
+
+/** Button to reverse the gradient by mirroring all stop colors. */
+const GradientReverseButton = () => {
+    const { actions } = GradientPicker_provider.useGradientColorPicker();
+    const prefix = testIdUtils.useTestIdPrefix();
+    return (jsxRuntime.jsx(UtilityButton.ButtonUtility, { icon: uiIcons.SwitchHorizontal01, size: "sm", color: "tertiary", tooltip: "Reverse gradient", "data-testid": prefix ? testIdUtils.joinTestId(prefix, 'reverse') : undefined, onClick: () => actions.reverseGradient() }));
+};
+
+exports.GradientReverseButton = GradientReverseButton;
+//# sourceMappingURL=GradientReverseButton.cjs.map

package/dist/components/organisms/GradientPicker/components/GradientReverseButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientReverseButton.cjs","sources":["../../../../../src/components/organisms/GradientPicker/components/GradientReverseButton.tsx"],"sourcesContent":[null],"names":["useGradientColorPicker","useTestIdPrefix","_jsx","ButtonUtility","SwitchHorizontal01","joinTestId"],"mappings":";;;;;;;;AAOA;AACO,MAAM,qBAAqB,GAAG,MAAK;AACxC,IAAA,MAAM,EAAE,OAAO,EAAE,GAAGA,8CAAsB,EAAE;AAC5C,IAAA,MAAM,MAAM,GAAGC,2BAAe,EAAE;IAChC,QACEC,eAACC,2BAAa,EAAA,EACZ,IAAI,EAAEC,0BAAkB,EACxB,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,UAAU,EAChB,OAAO,EAAC,kBAAkB,EAAA,aAAA,EACb,MAAM,GAAGC,sBAAU,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,SAAS,EAC/D,OAAO,EAAE,MAAM,OAAO,CAAC,eAAe,EAAE,EAAA,CACxC;AAEN;;;;"}

package/dist/components/organisms/GradientPicker/components/GradientReverseButton.d.ts

@@ -0,0 +1,3 @@
+/** Button to reverse the gradient by mirroring all stop colors. */
+export declare const GradientReverseButton: () => import("react").JSX.Element;
+//# sourceMappingURL=GradientReverseButton.d.ts.map

package/dist/components/organisms/GradientPicker/components/GradientReverseButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientReverseButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/GradientPicker/components/GradientReverseButton.tsx"],"names":[],"mappings":"AAOA,mEAAmE;AACnE,eAAO,MAAM,qBAAqB,mCAajC,CAAC"}

package/dist/components/organisms/GradientPicker/components/GradientReverseButton.js

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import { SwitchHorizontal01 } from '@flipdish/ui-icons';
+import { ButtonUtility } from '@flipdish/ui-library/components/atoms/UtilityButton';
+import { useTestIdPrefix, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
+import { useGradientColorPicker } from '../providers/GradientPicker.provider.js';
+
+/** Button to reverse the gradient by mirroring all stop colors. */
+const GradientReverseButton = () => {
+    const { actions } = useGradientColorPicker();
+    const prefix = useTestIdPrefix();
+    return (jsx(ButtonUtility, { icon: SwitchHorizontal01, size: "sm", color: "tertiary", tooltip: "Reverse gradient", "data-testid": prefix ? joinTestId(prefix, 'reverse') : undefined, onClick: () => actions.reverseGradient() }));
+};
+
+export { GradientReverseButton };
+//# sourceMappingURL=GradientReverseButton.js.map

package/dist/components/organisms/GradientPicker/components/GradientReverseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientReverseButton.js","sources":["../../../../../src/components/organisms/GradientPicker/components/GradientReverseButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAOA;AACO,MAAM,qBAAqB,GAAG,MAAK;AACxC,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,sBAAsB,EAAE;AAC5C,IAAA,MAAM,MAAM,GAAG,eAAe,EAAE;IAChC,QACEA,IAAC,aAAa,EAAA,EACZ,IAAI,EAAE,kBAAkB,EACxB,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,UAAU,EAChB,OAAO,EAAC,kBAAkB,EAAA,aAAA,EACb,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,SAAS,EAC/D,OAAO,EAAE,MAAM,OAAO,CAAC,eAAe,EAAE,EAAA,CACxC;AAEN;;;;"}

package/dist/components/organisms/GradientPicker/components/GradientSlider.cjs

@@ -0,0 +1,71 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
+var React = require('react');
+var gradientPicker_utils = require('../gradientPicker.utils.cjs');
+var GradientPicker_provider = require('../providers/GradientPicker.provider.cjs');
+
+/**
+ * Horizontal gradient slider. Stops are draggable thumbs along the track.
+ * Clicking an empty area of the track adds a new stop with an interpolated color.
+ */
+const GradientSlider = () => {
+    const { state, actions } = GradientPicker_provider.useGradientColorPicker();
+    const trackRef = React.useRef(null);
+    const dragStopRef = React.useRef(null);
+    const sliderOffsetRef = React.useRef(0);
+    const prefix = testIdUtils.useTestIdPrefix();
+    const sliderTestId = prefix ? testIdUtils.joinTestId(prefix, 'slider') : undefined;
+    /** Convert a pointer event's X to a percentage (0–100) along the track. */
+    const getRawPos = React.useCallback((e) => {
+        if (!trackRef.current)
+            return 0;
+        const rect = trackRef.current.getBoundingClientRect();
+        return ((e.clientX - rect.left) / rect.width) * 100;
+    }, []);
+    const handlePointerMove = React.useCallback((e) => {
+        if (!dragStopRef.current)
+            return;
+        const pos = Math.round(Math.max(0, Math.min(100, getRawPos(e) - sliderOffsetRef.current)));
+        actions.moveStop(dragStopRef.current, pos);
+    }, [actions, getRawPos]);
+    const handlePointerUp = React.useCallback(() => {
+        dragStopRef.current = null;
+        sliderOffsetRef.current = 0;
+    }, []);
+    const handlePointerDown = React.useCallback((e) => {
+        if (e.target === trackRef.current) {
+            const pos = Math.round(Math.max(0, Math.min(100, getRawPos(e))));
+            actions.addStopAt(pos);
+        }
+    }, [actions, getRawPos]);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: getRawPos is not a dependency of the callback
+    const handleInnerDown = React.useCallback((e, stop) => {
+        e.preventDefault();
+        const el = e.target;
+        el.setPointerCapture(e.pointerId);
+        el.focus();
+        actions.selectStop(stop.id);
+        dragStopRef.current = stop.id;
+        sliderOffsetRef.current = getRawPos(e) - stop.position;
+    }, [actions]);
+    const handleInnerKeyDown = React.useCallback((e, stop) => {
+        if (e.key === 'ArrowRight' || e.key === 'ArrowUp') {
+            e.preventDefault();
+            actions.moveStop(stop.id, Math.min(100, stop.position + 1));
+        }
+        else if (e.key === 'ArrowLeft' || e.key === 'ArrowDown') {
+            e.preventDefault();
+            actions.moveStop(stop.id, Math.max(0, stop.position - 1));
+        }
+        else if ((e.key === 'Delete' || e.key === 'Backspace') && state.gradientStops.length > 2) {
+            e.preventDefault();
+            actions.removeStop(stop.id);
+        }
+    }, [actions, state.gradientStops.length]);
+    return (jsxRuntime.jsx("div", { ref: trackRef, "data-testid": sliderTestId, className: "relative h-3 w-full cursor-pointer rounded-full ring-[0.5px] ring-alpha-black/10 ring-inset", style: { background: gradientPicker_utils.toGradientCSS(state.gradientStops, 'linear', 90) }, onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: handlePointerUp, onPointerCancel: handlePointerUp, children: state.gradientStops.map((stop) => (jsxRuntime.jsx("button", { type: "button", tabIndex: 0, onPointerDown: (e) => handleInnerDown(e, stop), onFocus: () => actions.selectStop(stop.id), onKeyDown: (e) => handleInnerKeyDown(e, stop), className: "absolute top-1/2 size-5 -translate-x-1/2 -translate-y-1/2 cursor-grab rounded-full border-[3px] border-white shadow-md outline-0 outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2 active:cursor-grabbing", style: { left: `${stop.position}%`, background: stop.color }, "data-testid": prefix ? testIdUtils.joinTestId(prefix, `stop-${stop.id}-thumb`) : undefined, role: "slider", "aria-label": `Gradient stop at ${Math.round(stop.position)}%`, "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": Math.round(stop.position) }, stop.id))) }));
+};
+
+exports.GradientSlider = GradientSlider;
+//# sourceMappingURL=GradientSlider.cjs.map

package/dist/components/organisms/GradientPicker/components/GradientSlider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientSlider.cjs","sources":["../../../../../src/components/organisms/GradientPicker/components/GradientSlider.tsx"],"sourcesContent":[null],"names":["useGradientColorPicker","useRef","useTestIdPrefix","joinTestId","useCallback","_jsx","toGradientCSS"],"mappings":"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"}

package/dist/components/organisms/GradientPicker/components/GradientSlider.d.ts

@@ -0,0 +1,7 @@
+import type React from 'react';
+/**
+ * Horizontal gradient slider. Stops are draggable thumbs along the track.
+ * Clicking an empty area of the track adds a new stop with an interpolated color.
+ */
+export declare const GradientSlider: () => React.JSX.Element;
+//# sourceMappingURL=GradientSlider.d.ts.map

package/dist/components/organisms/GradientPicker/components/GradientSlider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientSlider.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/GradientPicker/components/GradientSlider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;GAGG;AACH,eAAO,MAAM,cAAc,yBAoG1B,CAAC"}