@flipdish/ui-library 0.2.1 → 0.3.0

package/dist/components/organisms/GradientPicker/gradientPicker.utils.d.ts

@@ -0,0 +1,68 @@
+export type GradientType = 'linear' | 'radial' | 'angular' | 'diamond';
+/** A single color stop in a gradient. */
+export interface GradientStop {
+    /** Unique identifier for this stop. */
+    id: string;
+    /** CSS color value (e.g. "#7F56D9"). */
+    color: string;
+    /** Position along the gradient as a percentage (0–100). */
+    position: number;
+    /** Opacity as a percentage (0–100). */
+    alpha: number;
+}
+export interface Point {
+    x: number;
+    y: number;
+}
+export declare const nextStopId: () => `${string}-${string}-${string}-${string}-${string}`;
+/** Linearly interpolate between two points. */
+export declare const lerp: (a: Point, b: Point, t: number) => Point;
+/** Get pointer position as a percentage (0–100) relative to an element's bounding rect. */
+export declare const pointerPt: (e: PointerEvent | React.PointerEvent, el: HTMLElement) => Point;
+/** Clamp a value between a minimum and maximum. */
+export declare const clamp: (v: number, min: number, max: number) => number;
+/** Clamp a point between 0 and 100. */
+export declare const clampPt: (p: Point) => Point;
+/** Calculate the distance between two points. */
+export declare const dist: (a: Point, b: Point) => number;
+/** Convert an angle (in degrees) to start/end points on a 100x100 area. */
+export declare const angleToPoints: (angleDeg: number) => {
+    start: Point;
+    end: Point;
+};
+/** Convert start/end points back to an angle in degrees (0–359). */
+export declare const pointsToAngle: (start: Point, end: Point) => number;
+/**
+ * Project point `p` onto the line segment from `a` to `b`.
+ * Returns a scalar `t` where 0 = at `a`, 1 = at `b`, and values
+ * outside [0,1] indicate the projection falls beyond the segment.
+ */
+export declare const projectOntoLine: (p: Point, a: Point, b: Point) => number;
+/**
+ * Extend the line through `p` and `q` to the edges of a 100×100 area.
+ * Returns {start, end} where start is in the backward (p→q opposite) direction
+ * and end is in the forward direction. Both p and q lie on the returned line.
+ */
+export declare const extendLineToEdges: (p: Point, q: Point) => {
+    start: Point;
+    end: Point;
+};
+/** Move a gradient stop to a new position, proportionally pushing adjacent stops. */
+export declare const moveStopTo: (stops: GradientStop[], stopId: string, newPos: number) => GradientStop[];
+/**
+ * Parse a CSS gradient string (e.g. `linear-gradient(180deg, #fff 0%, #000 100%)`)
+ * into an array of gradient stops and an angle.
+ * Returns `null` if the string cannot be parsed or has fewer than 2 stops.
+ */
+export declare const parseGradientCSS: (css: string) => {
+    stops: GradientStop[];
+    angle: number;
+} | null;
+export declare const toGradientCSS: (stops: GradientStop[], type: GradientType, angle: number) => string;
+/**
+ * Generate CSS gradient from 2D line endpoints.
+ * Maps stop positions from the actual line to the canonical (centered) gradient line
+ * so that colors align correctly with the 2D thumb positions.
+ */
+export declare const toGradientCSSFromLine: (stops: GradientStop[], type: GradientType, lineStart: Point, lineEnd: Point) => string;
+//# sourceMappingURL=gradientPicker.utils.d.ts.map

package/dist/components/organisms/GradientPicker/gradientPicker.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradientPicker.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/GradientPicker/gradientPicker.utils.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAEvE,yCAAyC;AACzC,MAAM,WAAW,YAAY;IAC3B,uCAAuC;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,QAAQ,EAAE,MAAM,CAAC;IACjB,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,eAAO,MAAM,UAAU,2DAA4B,CAAC;AAEpD,+CAA+C;AAC/C,eAAO,MAAM,IAAI,GAAI,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,GAAG,MAAM,KAAG,KAGnD,CAAC;AAEH,2FAA2F;AAC3F,eAAO,MAAM,SAAS,GAAI,GAAG,YAAY,GAAG,KAAK,CAAC,YAAY,EAAE,IAAI,WAAW,KAAG,KAGjF,CAAC;AAEF,mDAAmD;AACnD,eAAO,MAAM,KAAK,GAAI,GAAG,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,WAAoC,CAAC;AAC9F,uCAAuC;AACvC,eAAO,MAAM,OAAO,GAAI,GAAG,KAAK,KAAG,KAA2D,CAAC;AAC/F,iDAAiD;AACjD,eAAO,MAAM,IAAI,GAAI,GAAG,KAAK,EAAE,GAAG,KAAK,WAAqC,CAAC;AAE7E,2EAA2E;AAC3E,eAAO,MAAM,aAAa,GAAI,UAAU,MAAM,KAAG;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,GAAG,EAAE,KAAK,CAAA;CAW1E,CAAC;AAEF,oEAAoE;AACpE,eAAO,MAAM,aAAa,GAAI,OAAO,KAAK,EAAE,KAAK,KAAK,KAAG,MAKxD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,KAAG,MAM9D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,GAAG,KAAK,EAAE,GAAG,KAAK,KAAG;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,GAAG,EAAE,KAAK,CAAA;CAyBhF,CAAC;AAEF,qFAAqF;AACrF,eAAO,MAAM,UAAU,GAAI,OAAO,YAAY,EAAE,EAAE,QAAQ,MAAM,EAAE,QAAQ,MAAM,KAAG,YAAY,EAS9F,CAAC;AAqBF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,KAAG;IAAE,KAAK,EAAE,YAAY,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,IAqBzF,CAAC;AAYF,eAAO,MAAM,aAAa,GAAI,OAAO,YAAY,EAAE,EAAE,MAAM,YAAY,EAAE,OAAO,MAAM,KAAG,MA2BxF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,GAAI,OAAO,YAAY,EAAE,EAAE,MAAM,YAAY,EAAE,WAAW,KAAK,EAAE,SAAS,KAAK,KAAG,MASnH,CAAC"}

package/dist/components/organisms/GradientPicker/gradientPicker.utils.js

@@ -0,0 +1,150 @@
+import { parseColor } from 'react-aria-components';
+
+const nextStopId = () => crypto.randomUUID();
+/** Linearly interpolate between two points. */
+const lerp = (a, b, t) => ({
+    x: a.x + (b.x - a.x) * t,
+    y: a.y + (b.y - a.y) * t,
+});
+/** Get pointer position as a percentage (0–100) relative to an element's bounding rect. */
+const pointerPt = (e, el) => {
+    const r = el.getBoundingClientRect();
+    return { x: ((e.clientX - r.left) / r.width) * 100, y: ((e.clientY - r.top) / r.height) * 100 };
+};
+/** Clamp a value between a minimum and maximum. */
+const clamp = (v, min, max) => Math.max(min, Math.min(max, v));
+/** Clamp a point between 0 and 100. */
+const clampPt = (p) => ({ x: clamp(p.x, 0, 100), y: clamp(p.y, 0, 100) });
+/** Calculate the distance between two points. */
+const dist = (a, b) => Math.hypot(b.x - a.x, b.y - a.y);
+/** Convert an angle (in degrees) to start/end points on a 100x100 area. */
+const angleToPoints = (angleDeg) => {
+    const rad = (angleDeg * Math.PI) / 180;
+    const dirX = Math.sin(rad);
+    const dirY = -Math.cos(rad);
+    const scaleX = dirX !== 0 ? 50 / Math.abs(dirX) : Infinity;
+    const scaleY = dirY !== 0 ? 50 / Math.abs(dirY) : Infinity;
+    const scale = Math.min(scaleX, scaleY);
+    return {
+        start: { x: 50 - dirX * scale, y: 50 - dirY * scale },
+        end: { x: 50 + dirX * scale, y: 50 + dirY * scale },
+    };
+};
+/** Convert start/end points back to an angle in degrees (0–359). */
+const pointsToAngle = (start, end) => {
+    const dx = end.x - start.x;
+    const dy = end.y - start.y;
+    const deg = Math.atan2(dx, -dy) * (180 / Math.PI);
+    return Math.round(((deg % 360) + 360) % 360);
+};
+/**
+ * Project point `p` onto the line segment from `a` to `b`.
+ * Returns a scalar `t` where 0 = at `a`, 1 = at `b`, and values
+ * outside [0,1] indicate the projection falls beyond the segment.
+ */
+const projectOntoLine = (p, a, b) => {
+    const abx = b.x - a.x;
+    const aby = b.y - a.y;
+    const lenSq = abx * abx + aby * aby;
+    if (lenSq === 0)
+        return 0;
+    return ((p.x - a.x) * abx + (p.y - a.y) * aby) / lenSq;
+};
+/**
+ * Extend the line through `p` and `q` to the edges of a 100×100 area.
+ * Returns {start, end} where start is in the backward (p→q opposite) direction
+ * and end is in the forward direction. Both p and q lie on the returned line.
+ */
+const extendLineToEdges = (p, q) => {
+    const dx = q.x - p.x;
+    const dy = q.y - p.y;
+    if (Math.abs(dx) < 0.001 && Math.abs(dy) < 0.001) {
+        return { start: { x: p.x, y: 100 }, end: { x: p.x, y: 0 } };
+    }
+    // Line: L(t) = P + t*(Q-P), t=0 at P, t=1 at Q
+    let tMin = -Infinity;
+    let tMax = Infinity;
+    if (Math.abs(dx) > 0.001) {
+        const t0 = -p.x / dx;
+        const t100 = (100 - p.x) / dx;
+        tMin = Math.max(tMin, Math.min(t0, t100));
+        tMax = Math.min(tMax, Math.max(t0, t100));
+    }
+    if (Math.abs(dy) > 0.001) {
+        const t0 = -p.y / dy;
+        const t100 = (100 - p.y) / dy;
+        tMin = Math.max(tMin, Math.min(t0, t100));
+        tMax = Math.min(tMax, Math.max(t0, t100));
+    }
+    return {
+        start: { x: p.x + tMin * dx, y: p.y + tMin * dy },
+        end: { x: p.x + tMax * dx, y: p.y + tMax * dy },
+    };
+};
+/** Move a gradient stop to a new position, proportionally pushing adjacent stops. */
+const moveStopTo = (stops, stopId, newPos) => {
+    const sorted = [...stops].sort((a, b) => a.position - b.position);
+    const idx = sorted.findIndex((s) => s.id === stopId);
+    if (idx === -1)
+        return stops;
+    const prevPos = sorted[idx - 1]?.position ?? 0;
+    const nextPos = sorted[idx + 1]?.position ?? 100;
+    const clamped = Math.max(prevPos, Math.min(nextPos, newPos));
+    return stops.map((s) => (s.id === stopId ? { ...s, position: clamped } : s));
+};
+const toStopColor = (s) => {
+    const rgb = parseColor(s.color).toFormat('rgb');
+    const r = Math.round(rgb.getChannelValue('red'));
+    const g = Math.round(rgb.getChannelValue('green'));
+    const b = Math.round(rgb.getChannelValue('blue'));
+    return `rgba(${r}, ${g}, ${b}, ${s.alpha / 100})`;
+};
+const toStopCSS = (s) => `${toStopColor(s)} ${s.position}%`;
+const toGradientCSS = (stops, type, angle) => {
+    const sorted = [...stops].sort((a, b) => a.position - b.position);
+    const css = sorted.map(toStopCSS).join(', ');
+    switch (type) {
+        case 'radial':
+            return `radial-gradient(circle, ${css})`;
+        case 'angular':
+            return `conic-gradient(from ${angle}deg, ${css})`;
+        case 'diamond': {
+            const segments = [];
+            for (let seg = 0; seg < 4; seg++) {
+                const isReverse = seg % 2 === 1;
+                const order = isReverse ? [...sorted].reverse() : sorted;
+                for (let i = 0; i < order.length; i++) {
+                    const s = order[i];
+                    const t = isReverse ? (100 - s.position) / 100 : s.position / 100;
+                    const deg = seg * 90 + t * 90;
+                    // Skip duplicate points at segment boundaries (except first segment start)
+                    if (seg > 0 && i === 0)
+                        continue;
+                    segments.push(`${toStopColor(s)} ${deg}deg`);
+                }
+            }
+            return `conic-gradient(from ${angle}deg, ${segments.join(', ')})`;
+        }
+        default:
+            return `linear-gradient(${angle}deg, ${css})`;
+    }
+};
+/**
+ * Generate CSS gradient from 2D line endpoints.
+ * Maps stop positions from the actual line to the canonical (centered) gradient line
+ * so that colors align correctly with the 2D thumb positions.
+ */
+const toGradientCSSFromLine = (stops, type, lineStart, lineEnd) => {
+    const angle = pointsToAngle(lineStart, lineEnd);
+    const canonical = angleToPoints(angle);
+    const tStart = projectOntoLine(lineStart, canonical.start, canonical.end);
+    const tEnd = projectOntoLine(lineEnd, canonical.start, canonical.end);
+    const range = tEnd - tStart;
+    if (Math.abs(range) < 0.001)
+        return toGradientCSS(stops, type, angle);
+    const mappedStops = stops.map((s) => ({ ...s, position: (tStart + range * (s.position / 100)) * 100 }));
+    return toGradientCSS(mappedStops, type, angle);
+};
+
+export { angleToPoints, clamp, clampPt, dist, extendLineToEdges, lerp, moveStopTo, nextStopId, pointerPt, pointsToAngle, projectOntoLine, toGradientCSS, toGradientCSSFromLine };
+//# sourceMappingURL=gradientPicker.utils.js.map

package/dist/components/organisms/GradientPicker/gradientPicker.utils.js.map

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

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

@@ -0,0 +1,324 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var Button = require('@flipdish/ui-library/components/atoms/Button');
+var UtilityButton = require('@flipdish/ui-library/components/atoms/UtilityButton');
+var Dropdown = require('@flipdish/ui-library/components/molecules/Dropdown');
+var ColorPicker = require('@flipdish/ui-library/components/organisms/ColorPicker');
+var colorPicker_utils = require('@flipdish/ui-library/components/organisms/ColorPicker/colorPicker.utils');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var gradientPicker_utils = require('./gradientPicker.utils.cjs');
+var gradientPickerContext = require('./providers/gradient-picker-context.cjs');
+
+const GRADIENT_TYPES = [
+    { id: 'linear', label: 'Linear' },
+    { id: 'radial', label: 'Radial' },
+    { id: 'angular', label: 'Angular' },
+    { id: 'diamond', label: 'Diamond' },
+];
+/**
+ * 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 } = gradientPickerContext.useGradientColorPicker();
+    const { gradientStops: stops, gradientType: type, gradientLine: line } = state;
+    const areaRef = React.useRef(null);
+    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 };
+            }
+            // Build an edge-extended line through the dragged point and the fixed point.
+            // Both points lie exactly on this line, so their projections are 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", 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 }, "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));
+            })] }));
+};
+/**
+ * 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 } = gradientPickerContext.useGradientColorPicker();
+    const trackRef = React.useRef(null);
+    const dragStopRef = React.useRef(null);
+    const sliderOffsetRef = React.useRef(0);
+    /** 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]);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: getRawPos is not a dependency of the callback
+    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]);
+    return (jsxRuntime.jsx("div", { ref: trackRef, 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 }, 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))) }));
+};
+/** Dropdown to switch between gradient types (linear, radial, angular, diamond). */
+const GradientTypeSelect = () => {
+    const { state, actions } = gradientPickerContext.useGradientColorPicker();
+    return (jsxRuntime.jsxs(Dropdown.Dropdown.Root, { children: [jsxRuntime.jsx(Button.Button, { size: "xs", color: "link-gray", iconTrailing: (props) => jsxRuntime.jsx(uiIcons.ChevronDown, { "data-icon": "trailing", ...props, className: "size-3! stroke-[2.5px]!" }), children: GRADIENT_TYPES.find((t) => t.id === state.gradientType)?.label }), jsxRuntime.jsx(Dropdown.Dropdown.Popover, { className: "w-36", children: jsxRuntime.jsx(Dropdown.Dropdown.Menu, { selectionMode: "single", selectedKeys: [state.gradientType], onSelectionChange: (keys) => {
+                        const key = [...keys][0];
+                        if (key)
+                            actions.setGradientType(key);
+                    }, children: GRADIENT_TYPES.map((t) => (jsxRuntime.jsx(Dropdown.Dropdown.Item, { id: t.id, label: t.label }, t.id))) }) })] }));
+};
+/** Position input that displays "50%" when blurred and "50" when focused, with arrow key support. */
+const PositionInput = ({ value: rawValue, onChange }) => {
+    const value = Math.round(rawValue);
+    const [isFocused, setIsFocused] = React.useState(false);
+    const [draft, setDraft] = React.useState('');
+    const commit = (raw) => {
+        const num = parseInt(raw, 10);
+        if (!isNaN(num))
+            onChange(Math.max(0, Math.min(100, num)));
+    };
+    return (jsxRuntime.jsx(ColorPicker.InputCell, { className: "w-14 shrink-0 shadow-xs", children: jsxRuntime.jsx("input", { value: isFocused ? draft : `${value}%`, onChange: (e) => setDraft(e.target.value), onFocus: (e) => {
+                setIsFocused(true);
+                setDraft(`${value}`);
+                requestAnimationFrame(() => e.target.select());
+            }, onBlur: () => {
+                commit(draft);
+                setIsFocused(false);
+            }, onKeyDown: (e) => {
+                if (e.key === 'ArrowUp') {
+                    e.preventDefault();
+                    onChange(Math.min(100, value + 1));
+                    setDraft(`${Math.min(100, value + 1)}`);
+                }
+                else if (e.key === 'ArrowDown') {
+                    e.preventDefault();
+                    onChange(Math.max(0, value - 1));
+                    setDraft(`${Math.max(0, value - 1)}`);
+                }
+                else if (e.key === 'Enter') {
+                    commit(draft);
+                    e.target.blur();
+                }
+            }, className: "w-full bg-transparent px-2.5 py-2 text-sm text-primary outline-hidden" }) }));
+};
+/** Row for a single gradient stop: position input, color field, alpha field, and remove button. */
+const GradientStopRow = ({ stopId }) => {
+    const { state, actions } = gradientPickerContext.useGradientColorPicker();
+    const stop = state.gradientStops.find((s) => s.id === stopId);
+    if (!stop)
+        return null;
+    const canRemove = state.gradientStops.length > 2;
+    let colorValue = null;
+    try {
+        colorValue = reactAriaComponents.parseColor(stop.color).withChannelValue('alpha', stop.alpha / 100);
+    }
+    catch {
+        /* invalid color string — leave as null */
+    }
+    return (
+    // biome-ignore lint/a11y/noStaticElementInteractions: this is a div that is not interactive
+    // biome-ignore lint/a11y/useKeyWithClickEvents: this is a click event
+    jsxRuntime.jsxs("div", { className: "flex items-center gap-3", onClick: () => actions.selectStop(stopId), children: [jsxRuntime.jsx(PositionInput, { value: stop.position, onChange: (pos) => actions.moveStop(stopId, pos) }), jsxRuntime.jsxs("div", { className: "flex flex-1 items-center gap-1", children: [jsxRuntime.jsxs("div", { className: "flex flex-1 shadow-xs", children: [jsxRuntime.jsx(ColorPicker.InputCell, { position: "first", className: "flex-1", children: jsxRuntime.jsxs(reactAriaComponents.ColorField, { "aria-label": "Stop color", value: colorValue, onChange: (c) => {
+                                        if (c)
+                                            actions.setStopColorAndAlpha(stopId, c.toString('hex'), Math.round(c.getChannelValue('alpha') * 100));
+                                    }, className: "flex flex-1 items-center gap-2 px-2.5 py-2", children: [jsxRuntime.jsx(reactAriaComponents.ColorSwatch, { color: colorValue || undefined, 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(ColorPicker.InputCell, { position: "last", className: "w-14 shrink-0", children: jsxRuntime.jsx(reactAriaComponents.ColorField, { "aria-label": "Stop alpha", channel: "alpha", value: colorValue, onChange: (c) => {
+                                        if (c)
+                                            actions.setStopAlpha(stopId, Math.round(c.getChannelValue('alpha') * 100));
+                                    }, 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" }) }) })] }), jsxRuntime.jsx(UtilityButton.ButtonUtility, { icon: uiIcons.Minus, size: "xs", color: "tertiary", isDisabled: !canRemove, tooltip: "Remove stop", onClick: (e) => {
+                            e.stopPropagation();
+                            actions.removeStop(stopId);
+                        } })] })] }));
+};
+/** Editable list of gradient stops with add/remove controls. */
+const GradientStopList = () => {
+    const { state, actions } = gradientPickerContext.useGradientColorPicker();
+    return (jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [jsxRuntime.jsx("p", { className: "flex-1 text-sm font-semibold text-secondary", children: "Stops" }), jsxRuntime.jsx(Button.Button, { size: "xs", color: "link-gray", iconLeading: uiIcons.Plus, onClick: () => actions.addStop(), children: "Add" })] }), jsxRuntime.jsx("div", { className: "flex flex-col gap-3", children: state.gradientStops.map((stop) => (jsxRuntime.jsx(GradientStopRow, { stopId: stop.id }, stop.id))) })] }));
+};
+/** Button to reverse the gradient by mirroring all stop colors. */
+const GradientReverseButton = () => {
+    const { actions } = gradientPickerContext.useGradientColorPicker();
+    return jsxRuntime.jsx(UtilityButton.ButtonUtility, { icon: uiIcons.SwitchHorizontal01, size: "sm", color: "tertiary", tooltip: "Reverse gradient", onClick: () => actions.reverseGradient() });
+};
+/** All-in-one gradient picker layout: area, type select, slider, and stop list. */
+const ColorPickerGradient = () => (jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [jsxRuntime.jsx(GradientArea, {}), jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [jsxRuntime.jsx(GradientTypeSelect, {}), jsxRuntime.jsx(GradientReverseButton, {})] }), jsxRuntime.jsx(GradientSlider, {})] }), jsxRuntime.jsx(GradientStopList, {})] }));
+const GradientPicker = Object.assign(ColorPickerGradient, {
+    Provider: gradientPickerContext.GradientProvider,
+    Area: GradientArea,
+    Slider: GradientSlider,
+    StopList: GradientStopList,
+    TypeSelect: GradientTypeSelect,
+    Reverse: GradientReverseButton,
+});
+
+exports.ColorPickerGradient = ColorPickerGradient;
+exports.GradientArea = GradientArea;
+exports.GradientPicker = GradientPicker;
+exports.GradientReverseButton = GradientReverseButton;
+exports.GradientSlider = GradientSlider;
+exports.GradientStopList = GradientStopList;
+exports.GradientTypeSelect = GradientTypeSelect;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/GradientPicker/index.tsx"],"sourcesContent":[null],"names":["useGradientColorPicker","useRef","lerp","useCallback","pointerPt","projectOntoLine","clamp","clampPt","dist","extendLineToEdges","toGradientCSSFromLine","_jsxs","_jsx","cx","toGradientCSS","Dropdown","Button","ChevronDown","useState","InputCell","parseColor","AriaColorField","AriaColorSwatch","AriaInput","selectAllOnFocus","ButtonUtility","Minus","Plus","SwitchHorizontal01","GradientProvider"],"mappings":"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"}