@flipdish/ui-library 0.31.0 → 0.31.2

package/dist/components/organisms/GradientPicker/providers/GradientPicker.provider.cjs

@@ -0,0 +1,218 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var gradientPicker_utils = require('../gradientPicker.utils.cjs');
+
+const GradientColorPickerContext = React.createContext(null);
+const GradientColorPickerProvider = GradientColorPickerContext.Provider;
+const useGradientColorPicker = () => {
+    const ctx = React.useContext(GradientColorPickerContext);
+    if (!ctx)
+        throw new Error('useGradientColorPicker must be used within <ColorPicker.GradientProvider>');
+    return ctx;
+};
+/** Create gradient actions from a setState function. */
+const createGradientActions = (setState) => ({
+    setGradientStops: (stops) => setState((s) => ({ ...s, gradientStops: stops })),
+    moveStop: (stopId, position) => setState((s) => ({ ...s, gradientStops: gradientPicker_utils.moveStopTo(s.gradientStops, stopId, position) })),
+    moveEndpoint: (stopId, position, angle) => setState((s) => {
+        const sorted = [...s.gradientStops].sort((a, b) => a.position - b.position);
+        const idx = sorted.findIndex((st) => st.id === stopId);
+        const prevPos = sorted[idx - 1]?.position ?? 0;
+        const nextPos = sorted[idx + 1]?.position ?? 100;
+        const clamped = Math.max(prevPos, Math.min(nextPos, position));
+        return {
+            ...s,
+            gradientStops: s.gradientStops.map((st) => (st.id === stopId ? { ...st, position: clamped } : st)),
+            gradientAngle: angle,
+            gradientLine: gradientPicker_utils.angleToPoints(angle),
+        };
+    }),
+    rotateGradient: (angle, stopUpdates) => setState((s) => {
+        const updateMap = new Map(stopUpdates.map((u) => [u.id, u.position]));
+        return {
+            ...s,
+            gradientStops: s.gradientStops.map((st) => {
+                const newPos = updateMap.get(st.id);
+                return newPos !== undefined ? { ...st, position: newPos } : st;
+            }),
+            gradientAngle: angle,
+            gradientLine: gradientPicker_utils.angleToPoints(angle),
+        };
+    }),
+    setAngle: (angle) => setState((s) => ({ ...s, gradientAngle: angle, gradientLine: gradientPicker_utils.angleToPoints(angle) })),
+    setGradientType: (type) => setState((s) => ({ ...s, gradientType: type })),
+    selectStop: (stopId) => setState((s) => ({ ...s, selectedStopId: stopId })),
+    addStop: () => setState((s) => {
+        const sorted = [...s.gradientStops].sort((a, b) => a.position - b.position);
+        const last = sorted[sorted.length - 1];
+        const secondLast = sorted.length >= 2 ? sorted[sorted.length - 2] : sorted[0];
+        const midPos = Math.round((secondLast.position + last.position) / 2);
+        const newStop = { id: gradientPicker_utils.nextStopId(), color: secondLast?.color ?? '#7F56D9', position: midPos, alpha: 100 };
+        const newStops = [...s.gradientStops];
+        const lastIndex = newStops.findIndex((st) => st.id === last.id);
+        newStops.splice(lastIndex, 0, newStop);
+        return { ...s, gradientStops: newStops, selectedStopId: newStop.id };
+    }),
+    addStopAt: (position) => setState((s) => {
+        const sorted = [...s.gradientStops].sort((a, b) => a.position - b.position);
+        const first = sorted[0];
+        const last = sorted[sorted.length - 1];
+        const roundedPos = Math.round(position);
+        // A click that rounds onto an existing stop's position selects that stop instead
+        // of inserting a duplicate at the same spot (which drag/sort can't disambiguate).
+        const existing = sorted.find((st) => Math.round(st.position) === roundedPos);
+        if (existing) {
+            return { ...s, selectedStopId: existing.id };
+        }
+        // Before the first stop — use the first stop's color, insert at the beginning
+        if (position <= first.position) {
+            const newStop = { id: gradientPicker_utils.nextStopId(), color: first.color, position: roundedPos, alpha: first.alpha };
+            return { ...s, gradientStops: [newStop, ...s.gradientStops], selectedStopId: newStop.id };
+        }
+        // After the last stop — use the last stop's color, insert at the end
+        if (position >= last.position) {
+            const newStop = { id: gradientPicker_utils.nextStopId(), color: last.color, position: roundedPos, alpha: last.alpha };
+            return { ...s, gradientStops: [...s.gradientStops, newStop], selectedStopId: newStop.id };
+        }
+        // Between two stops — interpolate color
+        let left = first;
+        let right = last;
+        for (let i = 0; i < sorted.length - 1; i++) {
+            if (sorted[i].position <= position && sorted[i + 1].position >= position) {
+                left = sorted[i];
+                right = sorted[i + 1];
+                break;
+            }
+        }
+        const range = right.position - left.position;
+        const t = range > 0 ? (position - left.position) / range : 0.5;
+        const lc = reactAriaComponents.parseColor(left.color).toFormat('rgb');
+        const rc = reactAriaComponents.parseColor(right.color).toFormat('rgb');
+        const r = Math.round(lc.getChannelValue('red') + t * (rc.getChannelValue('red') - lc.getChannelValue('red')));
+        const g = Math.round(lc.getChannelValue('green') + t * (rc.getChannelValue('green') - lc.getChannelValue('green')));
+        const b = Math.round(lc.getChannelValue('blue') + t * (rc.getChannelValue('blue') - lc.getChannelValue('blue')));
+        const alpha = Math.round(left.alpha + t * (right.alpha - left.alpha));
+        const hex = `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;
+        const newStop = { id: gradientPicker_utils.nextStopId(), color: hex, position: roundedPos, alpha };
+        const leftIdx = s.gradientStops.findIndex((st) => st.id === left.id);
+        const newStops = [...s.gradientStops];
+        newStops.splice(leftIdx + 1, 0, newStop);
+        return { ...s, gradientStops: newStops, selectedStopId: newStop.id };
+    }),
+    removeStop: (stopId) => setState((s) => {
+        if (s.gradientStops.length <= 2)
+            return s;
+        const oldSorted = [...s.gradientStops].sort((a, b) => a.position - b.position);
+        const isFirst = oldSorted[0]?.id === stopId;
+        const isLast = oldSorted[oldSorted.length - 1]?.id === stopId;
+        const removedIdx = s.gradientStops.findIndex((st) => st.id === stopId);
+        const newStops = s.gradientStops.filter((st) => st.id !== stopId);
+        // Select the adjacent stop when the deleted one was selected
+        let newSelected = s.selectedStopId;
+        if (s.selectedStopId === stopId) {
+            const adjacentIdx = Math.min(removedIdx, newStops.length - 1);
+            newSelected = newStops[adjacentIdx]?.id ?? null;
+        }
+        // When an endpoint is deleted, recalculate the gradient line so the
+        // new first/last stop becomes the proper endpoint
+        if (isFirst || isLast) {
+            const newSorted = [...newStops].sort((a, b) => a.position - b.position);
+            const newFirst = newSorted[0];
+            const newLast = newSorted[newSorted.length - 1];
+            if (newFirst && newLast) {
+                // Compute the 2D positions of the new endpoints on the old line
+                const lerp = (a, b, t) => ({
+                    x: a.x + (b.x - a.x) * t,
+                    y: a.y + (b.y - a.y) * t,
+                });
+                const firstPt = lerp(s.gradientLine.start, s.gradientLine.end, newFirst.position / 100);
+                const lastPt = lerp(s.gradientLine.start, s.gradientLine.end, newLast.position / 100);
+                // Extend the line through the new endpoints to the area edges
+                const newLine = gradientPicker_utils.extendLineToEdges(firstPt, lastPt);
+                // Re-project all stop positions onto the new line
+                const updatedStops = newStops.map((st) => {
+                    const pt = lerp(s.gradientLine.start, s.gradientLine.end, st.position / 100);
+                    const t = gradientPicker_utils.projectOntoLine(pt, newLine.start, newLine.end);
+                    return { ...st, position: Math.max(0, Math.min(100, t * 100)) };
+                });
+                return {
+                    ...s,
+                    gradientStops: updatedStops,
+                    gradientLine: newLine,
+                    gradientAngle: gradientPicker_utils.pointsToAngle(newLine.start, newLine.end),
+                    selectedStopId: newSelected,
+                };
+            }
+        }
+        return { ...s, gradientStops: newStops, selectedStopId: newSelected };
+    }),
+    setStopColor: (stopId, color) => setState((s) => ({ ...s, gradientStops: s.gradientStops.map((st) => (st.id === stopId ? { ...st, color } : st)) })),
+    setStopAlpha: (stopId, alpha) => setState((s) => ({ ...s, gradientStops: s.gradientStops.map((st) => (st.id === stopId ? { ...st, alpha } : st)) })),
+    setStopColorAndAlpha: (stopId, color, alpha) => setState((s) => ({ ...s, gradientStops: s.gradientStops.map((st) => (st.id === stopId ? { ...st, color, alpha } : st)) })),
+    reverseGradient: () => setState((s) => {
+        const sorted = [...s.gradientStops].sort((a, b) => a.position - b.position);
+        const n = sorted.length;
+        return {
+            ...s,
+            gradientStops: s.gradientStops.map((stop) => {
+                const idx = sorted.findIndex((st) => st.id === stop.id);
+                const mirror = sorted[n - 1 - idx];
+                return { ...stop, color: mirror.color, alpha: mirror.alpha };
+            }),
+        };
+    }),
+    setLineEndpoint: (line, stopUpdates) => setState((s) => {
+        const newStops = stopUpdates
+            ? s.gradientStops.map((st) => {
+                const upd = stopUpdates.find((u) => u.id === st.id);
+                return upd ? { ...st, position: upd.position } : st;
+            })
+            : s.gradientStops;
+        return { ...s, gradientLine: line, gradientAngle: gradientPicker_utils.pointsToAngle(line.start, line.end), gradientStops: newStops };
+    }),
+});
+/** Gradient color state provider. */
+const GradientProvider = ({ defaultStops, defaultType = 'linear', defaultAngle = 135, onStopsChange, onTypeChange, onAngleChange, children, 'data-testid': dataTestId, }) => {
+    const [state, setState] = React.useState(() => {
+        const stop1Id = gradientPicker_utils.nextStopId();
+        const stop2Id = gradientPicker_utils.nextStopId();
+        return {
+            gradientStops: defaultStops ?? [
+                { id: stop1Id, color: '#7F56D9', position: 0, alpha: 100 },
+                { id: stop2Id, color: '#432E73', position: 100, alpha: 100 },
+            ],
+            gradientType: defaultType,
+            gradientAngle: defaultAngle,
+            gradientLine: gradientPicker_utils.angleToPoints(defaultAngle),
+            selectedStopId: defaultStops?.[0]?.id ?? stop1Id,
+        };
+    });
+    const actions = React.useMemo(() => createGradientActions(setState), []);
+    const prev = React.useRef(state);
+    React.useEffect(() => {
+        if (state.gradientStops !== prev.current.gradientStops)
+            onStopsChange?.(state.gradientStops);
+        if (state.gradientType !== prev.current.gradientType)
+            onTypeChange?.(state.gradientType);
+        if (state.gradientAngle !== prev.current.gradientAngle)
+            onAngleChange?.(state.gradientAngle);
+        prev.current = state;
+    });
+    const rootTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'gradient-picker', rootName: 'gradient-picker' });
+    // Memoized so consumers (e.g. `GradientStopRow`) only re-render when `state` or `actions`
+    // actually changes, rather than on every render of this provider — an unmemoized `{ state,
+    // actions }` object literal is a new reference every render, which defeats memoization
+    // anywhere further down the tree regardless of whether the relevant state actually changed.
+    const contextValue = React.useMemo(() => ({ state, actions }), [state, actions]);
+    return (jsxRuntime.jsx(testIdUtils.TestIdProvider, { value: rootTestId, children: jsxRuntime.jsx(GradientColorPickerProvider, { value: contextValue, children: children }) }));
+};
+
+exports.GradientColorPickerProvider = GradientColorPickerProvider;
+exports.GradientProvider = GradientProvider;
+exports.createGradientActions = createGradientActions;
+exports.useGradientColorPicker = useGradientColorPicker;
+//# sourceMappingURL=GradientPicker.provider.cjs.map

package/dist/components/organisms/GradientPicker/providers/GradientPicker.provider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientPicker.provider.cjs","sources":["../../../../../src/components/organisms/GradientPicker/providers/GradientPicker.provider.tsx"],"sourcesContent":[null],"names":["createContext","useContext","moveStopTo","angleToPoints","nextStopId","parseColor","extendLineToEdges","projectOntoLine","pointsToAngle","useState","useMemo","useRef","useEffect","useResolvedTestId","_jsx","TestIdProvider"],"mappings":"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"}

package/dist/components/organisms/GradientPicker/providers/GradientPicker.provider.d.ts

@@ -0,0 +1,93 @@
+import type { ReactNode } from 'react';
+import type { GradientStop, GradientType, Point } from '../gradientPicker.utils';
+/** Gradient color picker state. */
+export interface GradientColorPickerState {
+    /** Ordered list of gradient color stops. */
+    gradientStops: GradientStop[];
+    /** Gradient type (linear, radial, angular, diamond). */
+    gradientType: GradientType;
+    /** Gradient angle in degrees (derived from gradientLine). */
+    gradientAngle: number;
+    /** 2D endpoints defining the gradient line within the area (0–100 coordinate space). */
+    gradientLine: {
+        start: Point;
+        end: Point;
+    };
+    /** ID of the currently selected gradient stop, or null. */
+    selectedStopId: string | null;
+}
+/** Actions for the gradient color picker. */
+export interface GradientColorPickerActions {
+    /** Replace all gradient stops at once. */
+    setGradientStops: (stops: GradientStop[]) => void;
+    /** Move a stop to a new position, proportionally pushing adjacent stops. */
+    moveStop: (stopId: string, position: number) => void;
+    /** Move an endpoint stop and update the gradient angle simultaneously. */
+    moveEndpoint: (stopId: string, position: number, angle: number) => void;
+    /** Rotate the gradient line: update the angle and reposition multiple stops atomically. */
+    rotateGradient: (angle: number, stopUpdates: {
+        id: string;
+        position: number;
+    }[]) => void;
+    /** Set the gradient angle in degrees. */
+    setAngle: (angle: number) => void;
+    /** Set the gradient type (linear, radial, angular, diamond). */
+    setGradientType: (type: GradientType) => void;
+    /** Select a gradient stop by ID, or deselect with null. */
+    selectStop: (stopId: string | null) => void;
+    /** Add a new stop between the last two stops. */
+    addStop: () => void;
+    /** Add a new stop at a specific position with an interpolated color. */
+    addStopAt: (position: number) => void;
+    /** Remove a stop (minimum 2 stops are always kept). */
+    removeStop: (stopId: string) => void;
+    /** Update a stop's color. */
+    setStopColor: (stopId: string, color: string) => void;
+    /** Update a stop's alpha. */
+    setStopAlpha: (stopId: string, alpha: number) => void;
+    /** Update a stop's color and alpha in one action. */
+    setStopColorAndAlpha: (stopId: string, color: string, alpha: number) => void;
+    /** Reverse the gradient by mirroring all stop positions. */
+    reverseGradient: () => void;
+    /** Set the gradient line and optionally update stop positions atomically. */
+    setLineEndpoint: (line: {
+        start: Point;
+        end: Point;
+    }, stopUpdates?: {
+        id: string;
+        position: number;
+    }[]) => void;
+}
+export interface GradientColorPickerContextValue {
+    state: GradientColorPickerState;
+    actions: GradientColorPickerActions;
+}
+export declare const GradientColorPickerProvider: import("react").Provider<GradientColorPickerContextValue | null>;
+export declare const useGradientColorPicker: () => GradientColorPickerContextValue;
+/** Create gradient actions from a setState function. */
+export declare const createGradientActions: (setState: React.Dispatch<React.SetStateAction<GradientColorPickerState>>) => GradientColorPickerActions;
+/** Props for the gradient color state provider. */
+export interface GradientProviderProps {
+    /** Initial gradient stops. */
+    defaultStops?: GradientStop[];
+    /** Initial gradient type. */
+    defaultType?: GradientType;
+    /** Initial gradient angle in degrees. */
+    defaultAngle?: number;
+    /** Called when gradient stops change. */
+    onStopsChange?: (stops: GradientStop[]) => void;
+    /** Called when the gradient type changes. */
+    onTypeChange?: (type: GradientType) => void;
+    /** Called when the gradient angle changes. */
+    onAngleChange?: (angle: number) => void;
+    children: ReactNode;
+    /**
+     * Overrides the derived root `data-testid` (defaults to `fd-gradient-picker`).
+     * `GradientPicker.Area`, `.Slider`, `.TypeSelect`, `.Reverse`, and `.StopList`
+     * derive their ids from this prefix.
+     */
+    'data-testid'?: string;
+}
+/** Gradient color state provider. */
+export declare const GradientProvider: ({ defaultStops, defaultType, defaultAngle, onStopsChange, onTypeChange, onAngleChange, children, "data-testid": dataTestId, }: GradientProviderProps) => import("react").JSX.Element;
+//# sourceMappingURL=GradientPicker.provider.d.ts.map

package/dist/components/organisms/GradientPicker/providers/GradientPicker.provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientPicker.provider.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/GradientPicker/providers/GradientPicker.provider.tsx"],"names":[],"mappings":"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"}

package/dist/components/organisms/GradientPicker/providers/GradientPicker.provider.js

@@ -0,0 +1,213 @@
+import { jsx } from 'react/jsx-runtime';
+import { useResolvedTestId, TestIdProvider } from '@flipdish/ui-library/utilities/testIdUtils';
+import { createContext, useContext, useState, useMemo, useRef, useEffect } from 'react';
+import { parseColor } from 'react-aria-components';
+import { nextStopId, angleToPoints, pointsToAngle, extendLineToEdges, projectOntoLine, moveStopTo } from '../gradientPicker.utils.js';
+
+const GradientColorPickerContext = createContext(null);
+const GradientColorPickerProvider = GradientColorPickerContext.Provider;
+const useGradientColorPicker = () => {
+    const ctx = useContext(GradientColorPickerContext);
+    if (!ctx)
+        throw new Error('useGradientColorPicker must be used within <ColorPicker.GradientProvider>');
+    return ctx;
+};
+/** Create gradient actions from a setState function. */
+const createGradientActions = (setState) => ({
+    setGradientStops: (stops) => setState((s) => ({ ...s, gradientStops: stops })),
+    moveStop: (stopId, position) => setState((s) => ({ ...s, gradientStops: moveStopTo(s.gradientStops, stopId, position) })),
+    moveEndpoint: (stopId, position, angle) => setState((s) => {
+        const sorted = [...s.gradientStops].sort((a, b) => a.position - b.position);
+        const idx = sorted.findIndex((st) => st.id === stopId);
+        const prevPos = sorted[idx - 1]?.position ?? 0;
+        const nextPos = sorted[idx + 1]?.position ?? 100;
+        const clamped = Math.max(prevPos, Math.min(nextPos, position));
+        return {
+            ...s,
+            gradientStops: s.gradientStops.map((st) => (st.id === stopId ? { ...st, position: clamped } : st)),
+            gradientAngle: angle,
+            gradientLine: angleToPoints(angle),
+        };
+    }),
+    rotateGradient: (angle, stopUpdates) => setState((s) => {
+        const updateMap = new Map(stopUpdates.map((u) => [u.id, u.position]));
+        return {
+            ...s,
+            gradientStops: s.gradientStops.map((st) => {
+                const newPos = updateMap.get(st.id);
+                return newPos !== undefined ? { ...st, position: newPos } : st;
+            }),
+            gradientAngle: angle,
+            gradientLine: angleToPoints(angle),
+        };
+    }),
+    setAngle: (angle) => setState((s) => ({ ...s, gradientAngle: angle, gradientLine: angleToPoints(angle) })),
+    setGradientType: (type) => setState((s) => ({ ...s, gradientType: type })),
+    selectStop: (stopId) => setState((s) => ({ ...s, selectedStopId: stopId })),
+    addStop: () => setState((s) => {
+        const sorted = [...s.gradientStops].sort((a, b) => a.position - b.position);
+        const last = sorted[sorted.length - 1];
+        const secondLast = sorted.length >= 2 ? sorted[sorted.length - 2] : sorted[0];
+        const midPos = Math.round((secondLast.position + last.position) / 2);
+        const newStop = { id: nextStopId(), color: secondLast?.color ?? '#7F56D9', position: midPos, alpha: 100 };
+        const newStops = [...s.gradientStops];
+        const lastIndex = newStops.findIndex((st) => st.id === last.id);
+        newStops.splice(lastIndex, 0, newStop);
+        return { ...s, gradientStops: newStops, selectedStopId: newStop.id };
+    }),
+    addStopAt: (position) => setState((s) => {
+        const sorted = [...s.gradientStops].sort((a, b) => a.position - b.position);
+        const first = sorted[0];
+        const last = sorted[sorted.length - 1];
+        const roundedPos = Math.round(position);
+        // A click that rounds onto an existing stop's position selects that stop instead
+        // of inserting a duplicate at the same spot (which drag/sort can't disambiguate).
+        const existing = sorted.find((st) => Math.round(st.position) === roundedPos);
+        if (existing) {
+            return { ...s, selectedStopId: existing.id };
+        }
+        // Before the first stop — use the first stop's color, insert at the beginning
+        if (position <= first.position) {
+            const newStop = { id: nextStopId(), color: first.color, position: roundedPos, alpha: first.alpha };
+            return { ...s, gradientStops: [newStop, ...s.gradientStops], selectedStopId: newStop.id };
+        }
+        // After the last stop — use the last stop's color, insert at the end
+        if (position >= last.position) {
+            const newStop = { id: nextStopId(), color: last.color, position: roundedPos, alpha: last.alpha };
+            return { ...s, gradientStops: [...s.gradientStops, newStop], selectedStopId: newStop.id };
+        }
+        // Between two stops — interpolate color
+        let left = first;
+        let right = last;
+        for (let i = 0; i < sorted.length - 1; i++) {
+            if (sorted[i].position <= position && sorted[i + 1].position >= position) {
+                left = sorted[i];
+                right = sorted[i + 1];
+                break;
+            }
+        }
+        const range = right.position - left.position;
+        const t = range > 0 ? (position - left.position) / range : 0.5;
+        const lc = parseColor(left.color).toFormat('rgb');
+        const rc = parseColor(right.color).toFormat('rgb');
+        const r = Math.round(lc.getChannelValue('red') + t * (rc.getChannelValue('red') - lc.getChannelValue('red')));
+        const g = Math.round(lc.getChannelValue('green') + t * (rc.getChannelValue('green') - lc.getChannelValue('green')));
+        const b = Math.round(lc.getChannelValue('blue') + t * (rc.getChannelValue('blue') - lc.getChannelValue('blue')));
+        const alpha = Math.round(left.alpha + t * (right.alpha - left.alpha));
+        const hex = `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;
+        const newStop = { id: nextStopId(), color: hex, position: roundedPos, alpha };
+        const leftIdx = s.gradientStops.findIndex((st) => st.id === left.id);
+        const newStops = [...s.gradientStops];
+        newStops.splice(leftIdx + 1, 0, newStop);
+        return { ...s, gradientStops: newStops, selectedStopId: newStop.id };
+    }),
+    removeStop: (stopId) => setState((s) => {
+        if (s.gradientStops.length <= 2)
+            return s;
+        const oldSorted = [...s.gradientStops].sort((a, b) => a.position - b.position);
+        const isFirst = oldSorted[0]?.id === stopId;
+        const isLast = oldSorted[oldSorted.length - 1]?.id === stopId;
+        const removedIdx = s.gradientStops.findIndex((st) => st.id === stopId);
+        const newStops = s.gradientStops.filter((st) => st.id !== stopId);
+        // Select the adjacent stop when the deleted one was selected
+        let newSelected = s.selectedStopId;
+        if (s.selectedStopId === stopId) {
+            const adjacentIdx = Math.min(removedIdx, newStops.length - 1);
+            newSelected = newStops[adjacentIdx]?.id ?? null;
+        }
+        // When an endpoint is deleted, recalculate the gradient line so the
+        // new first/last stop becomes the proper endpoint
+        if (isFirst || isLast) {
+            const newSorted = [...newStops].sort((a, b) => a.position - b.position);
+            const newFirst = newSorted[0];
+            const newLast = newSorted[newSorted.length - 1];
+            if (newFirst && newLast) {
+                // Compute the 2D positions of the new endpoints on the old line
+                const lerp = (a, b, t) => ({
+                    x: a.x + (b.x - a.x) * t,
+                    y: a.y + (b.y - a.y) * t,
+                });
+                const firstPt = lerp(s.gradientLine.start, s.gradientLine.end, newFirst.position / 100);
+                const lastPt = lerp(s.gradientLine.start, s.gradientLine.end, newLast.position / 100);
+                // Extend the line through the new endpoints to the area edges
+                const newLine = extendLineToEdges(firstPt, lastPt);
+                // Re-project all stop positions onto the new line
+                const updatedStops = newStops.map((st) => {
+                    const pt = lerp(s.gradientLine.start, s.gradientLine.end, st.position / 100);
+                    const t = projectOntoLine(pt, newLine.start, newLine.end);
+                    return { ...st, position: Math.max(0, Math.min(100, t * 100)) };
+                });
+                return {
+                    ...s,
+                    gradientStops: updatedStops,
+                    gradientLine: newLine,
+                    gradientAngle: pointsToAngle(newLine.start, newLine.end),
+                    selectedStopId: newSelected,
+                };
+            }
+        }
+        return { ...s, gradientStops: newStops, selectedStopId: newSelected };
+    }),
+    setStopColor: (stopId, color) => setState((s) => ({ ...s, gradientStops: s.gradientStops.map((st) => (st.id === stopId ? { ...st, color } : st)) })),
+    setStopAlpha: (stopId, alpha) => setState((s) => ({ ...s, gradientStops: s.gradientStops.map((st) => (st.id === stopId ? { ...st, alpha } : st)) })),
+    setStopColorAndAlpha: (stopId, color, alpha) => setState((s) => ({ ...s, gradientStops: s.gradientStops.map((st) => (st.id === stopId ? { ...st, color, alpha } : st)) })),
+    reverseGradient: () => setState((s) => {
+        const sorted = [...s.gradientStops].sort((a, b) => a.position - b.position);
+        const n = sorted.length;
+        return {
+            ...s,
+            gradientStops: s.gradientStops.map((stop) => {
+                const idx = sorted.findIndex((st) => st.id === stop.id);
+                const mirror = sorted[n - 1 - idx];
+                return { ...stop, color: mirror.color, alpha: mirror.alpha };
+            }),
+        };
+    }),
+    setLineEndpoint: (line, stopUpdates) => setState((s) => {
+        const newStops = stopUpdates
+            ? s.gradientStops.map((st) => {
+                const upd = stopUpdates.find((u) => u.id === st.id);
+                return upd ? { ...st, position: upd.position } : st;
+            })
+            : s.gradientStops;
+        return { ...s, gradientLine: line, gradientAngle: pointsToAngle(line.start, line.end), gradientStops: newStops };
+    }),
+});
+/** Gradient color state provider. */
+const GradientProvider = ({ defaultStops, defaultType = 'linear', defaultAngle = 135, onStopsChange, onTypeChange, onAngleChange, children, 'data-testid': dataTestId, }) => {
+    const [state, setState] = useState(() => {
+        const stop1Id = nextStopId();
+        const stop2Id = nextStopId();
+        return {
+            gradientStops: defaultStops ?? [
+                { id: stop1Id, color: '#7F56D9', position: 0, alpha: 100 },
+                { id: stop2Id, color: '#432E73', position: 100, alpha: 100 },
+            ],
+            gradientType: defaultType,
+            gradientAngle: defaultAngle,
+            gradientLine: angleToPoints(defaultAngle),
+            selectedStopId: defaultStops?.[0]?.id ?? stop1Id,
+        };
+    });
+    const actions = useMemo(() => createGradientActions(setState), []);
+    const prev = useRef(state);
+    useEffect(() => {
+        if (state.gradientStops !== prev.current.gradientStops)
+            onStopsChange?.(state.gradientStops);
+        if (state.gradientType !== prev.current.gradientType)
+            onTypeChange?.(state.gradientType);
+        if (state.gradientAngle !== prev.current.gradientAngle)
+            onAngleChange?.(state.gradientAngle);
+        prev.current = state;
+    });
+    const rootTestId = useResolvedTestId({ testId: dataTestId, segment: 'gradient-picker', rootName: 'gradient-picker' });
+    // Memoized so consumers (e.g. `GradientStopRow`) only re-render when `state` or `actions`
+    // actually changes, rather than on every render of this provider — an unmemoized `{ state,
+    // actions }` object literal is a new reference every render, which defeats memoization
+    // anywhere further down the tree regardless of whether the relevant state actually changed.
+    const contextValue = useMemo(() => ({ state, actions }), [state, actions]);
+    return (jsx(TestIdProvider, { value: rootTestId, children: jsx(GradientColorPickerProvider, { value: contextValue, children: children }) }));
+};
+
+export { GradientColorPickerProvider, GradientProvider, createGradientActions, useGradientColorPicker };
+//# sourceMappingURL=GradientPicker.provider.js.map

package/dist/components/organisms/GradientPicker/providers/GradientPicker.provider.js.map

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

package/dist/components/organisms/HeaderNavigation/components/MobileHeader.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var FlipdishLogo = require('@flipdish/ui-library/components/atoms/FlipdishLogo');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
+var reactAriaComponents = require('react-aria-components');
+
+const MobileNavigationHeader = ({ children, testIdPrefix }) => {
+    return (jsxRuntime.jsxs(reactAriaComponents.DialogTrigger, { children: [jsxRuntime.jsxs("header", { className: "flex h-14 items-center justify-between border-b border-secondary bg-primary p-3 pl-4 lg:hidden", children: [jsxRuntime.jsx(FlipdishLogo.FlipdishLogo, { size: "sm" }), jsxRuntime.jsxs(reactAriaComponents.Button, { "aria-label": "Expand navigation menu", "data-testid": testIdPrefix ? testIdUtils.joinTestId(testIdPrefix, 'mobile-toggle') : undefined, className: "group flex items-center justify-center rounded-lg bg-primary p-2 text-fg-secondary outline-focus-ring hover:bg-primary_hover hover:text-fg-secondary_hover focus-visible:outline-2 focus-visible:outline-offset-2", children: [jsxRuntime.jsx(uiIcons.Menu02, { className: "size-6 transition duration-200 ease-in-out group-aria-expanded:opacity-0" }), jsxRuntime.jsx(uiIcons.X, { className: "absolute size-6 opacity-0 transition duration-200 ease-in-out group-aria-expanded:opacity-100" })] })] }), jsxRuntime.jsx(reactAriaComponents.ModalOverlay, { isDismissable: true, className: ({ isEntering, isExiting }) => cx.cx('fixed inset-0 z-50 cursor-pointer bg-overlay/70 pr-16 backdrop-blur-md lg:hidden', isEntering && 'duration-300 ease-in-out animate-in fade-in', isExiting && 'duration-200 ease-in-out animate-out fade-out'), children: ({ state }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(reactAriaComponents.Button, { "aria-label": "Close navigation menu", "data-testid": testIdPrefix ? testIdUtils.joinTestId(testIdPrefix, 'mobile-close') : undefined, onPress: () => state.close(), className: "fixed top-2.5 right-3 flex cursor-pointer items-center justify-center rounded-lg p-2 text-fg-white/70 outline-focus-ring hover:bg-white/10 hover:text-fg-white focus-visible:outline-2 focus-visible:outline-offset-2", children: jsxRuntime.jsx(uiIcons.X, { className: "size-6" }) }), jsxRuntime.jsx(reactAriaComponents.Modal, { className: "w-full max-w-74 cursor-auto will-change-transform", children: jsxRuntime.jsx(reactAriaComponents.Dialog, { className: "h-dvh outline-hidden focus:outline-hidden", children: children }) })] })) })] }));
+};
+
+exports.MobileNavigationHeader = MobileNavigationHeader;
+//# sourceMappingURL=MobileHeader.cjs.map

package/dist/components/organisms/HeaderNavigation/components/MobileHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileHeader.cjs","sources":["../../../../../src/components/organisms/HeaderNavigation/components/MobileHeader.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaDialogTrigger","_jsx","FlipdishLogo","AriaButton","joinTestId","Menu02","CloseIcon","AriaModalOverlay","cx","_Fragment","AriaModal","AriaDialog"],"mappings":";;;;;;;;;AAoBO,MAAM,sBAAsB,GAAG,CAAC,EAAE,QAAQ,EAAE,YAAY,EAA+B,KAAI;AAChG,IAAA,QACEA,eAAA,CAACC,iCAAiB,EAAA,EAAA,QAAA,EAAA,CAChBD,eAAA,CAAA,QAAA,EAAA,EAAQ,SAAS,EAAC,gGAAgG,EAAA,QAAA,EAAA,CAChHE,cAAA,CAACC,yBAAY,EAAA,EAAC,IAAI,EAAC,IAAI,GAAG,EAE1BH,eAAA,CAACI,0BAAU,EAAA,EAAA,YAAA,EACE,wBAAwB,EAAA,aAAA,EACtB,YAAY,GAAGC,sBAAU,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,SAAS,EACjF,SAAS,EAAC,mNAAmN,EAAA,QAAA,EAAA,CAE7NH,eAACI,cAAM,EAAA,EAAC,SAAS,EAAC,0EAA0E,EAAA,CAAG,EAC/FJ,cAAA,CAACK,SAAS,IAAC,SAAS,EAAC,+FAA+F,EAAA,CAAG,CAAA,EAAA,CAC5G,IACN,EAETL,cAAA,CAACM,gCAAgB,EAAA,EACf,aAAa,EAAA,IAAA,EACb,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KACnCC,KAAE,CACA,kFAAkF,EAClF,UAAU,IAAI,6CAA6C,EAC3D,SAAS,IAAI,+CAA+C,CAC7D,EAAA,QAAA,EAGF,CAAC,EAAE,KAAK,EAAE,MACTT,eAAA,CAAAU,mBAAA,EAAA,EAAA,QAAA,EAAA,CACER,cAAA,CAACE,0BAAU,EAAA,EAAA,YAAA,EACE,uBAAuB,EAAA,aAAA,EACrB,YAAY,GAAGC,sBAAU,CAAC,YAAY,EAAE,cAAc,CAAC,GAAG,SAAS,EAChF,OAAO,EAAE,MAAM,KAAK,CAAC,KAAK,EAAE,EAC5B,SAAS,EAAC,uNAAuN,EAAA,QAAA,EAEjOH,cAAA,CAACK,SAAS,EAAA,EAAC,SAAS,EAAC,QAAQ,GAAG,EAAA,CACrB,EAEbL,eAACS,yBAAS,EAAA,EAAC,SAAS,EAAC,mDAAmD,EAAA,QAAA,EACtET,cAAA,CAACU,0BAAU,EAAA,EAAC,SAAS,EAAC,2CAA2C,EAAA,QAAA,EAAE,QAAQ,GAAc,EAAA,CAC/E,CAAA,EAAA,CACX,CACJ,EAAA,CACgB,CAAA,EAAA,CACD;AAExB;;"}

package/dist/components/organisms/HeaderNavigation/components/MobileHeader.d.ts

@@ -0,0 +1,8 @@
+import type { PropsWithChildren } from 'react';
+interface MobileNavigationHeaderProps extends PropsWithChildren {
+    /** Resolved testid of the header used to derive the toggle/close `data-testid`s. */
+    testIdPrefix?: string;
+}
+export declare const MobileNavigationHeader: ({ children, testIdPrefix }: MobileNavigationHeaderProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=MobileHeader.d.ts.map

package/dist/components/organisms/HeaderNavigation/components/MobileHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/HeaderNavigation/components/MobileHeader.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAS/C,UAAU,2BAA4B,SAAQ,iBAAiB;IAC7D,oFAAoF;IACpF,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,sBAAsB,GAAI,4BAA4B,2BAA2B,gCA6C7F,CAAC"}