@flipdish/ui-library 0.31.0 → 0.31.2

package/dist/components/organisms/GradientPicker/components/gradient-stop-list.cjs

@@ -1,18 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var uiIcons = require('@flipdish/ui-icons');
-var Button = require('@flipdish/ui-library/components/atoms/Button');
-var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
-var gradientPickerContext = require('../providers/gradient-picker-context.cjs');
-var gradientStopRow = require('./gradient-stop-row.cjs');
-
-/** Editable list of gradient stops with add/remove controls. */
-const GradientStopList = () => {
-    const { state, actions } = gradientPickerContext.useGradientColorPicker();
-    const prefix = testIdUtils.useTestIdPrefix();
-    return (jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", "data-testid": prefix ? testIdUtils.joinTestId(prefix, 'stop-list') : undefined, 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.GradientStopRow, { stopId: stop.id }, stop.id))) })] }));
-};
-
-exports.GradientStopList = GradientStopList;
-//# sourceMappingURL=gradient-stop-list.cjs.map

package/dist/components/organisms/GradientPicker/components/gradient-stop-list.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"gradient-stop-list.cjs","sources":["../../../../../src/components/organisms/GradientPicker/components/gradient-stop-list.tsx"],"sourcesContent":[null],"names":["useGradientColorPicker","useTestIdPrefix","_jsxs","joinTestId","_jsx","Button","Plus","GradientStopRow"],"mappings":";;;;;;;;;AASA;AACO,MAAM,gBAAgB,GAAG,MAAK;IACnC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAGA,4CAAsB,EAAE;AACnD,IAAA,MAAM,MAAM,GAAGC,2BAAe,EAAE;IAEhC,QACEC,yBAAK,SAAS,EAAC,qBAAqB,EAAA,aAAA,EAAc,MAAM,GAAGC,sBAAU,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,SAAS,EAAA,QAAA,EAAA,CACpGD,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,aACtCE,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,6CAA6C,EAAA,QAAA,EAAA,OAAA,EAAA,CAAU,EACpEA,cAAA,CAACC,aAAM,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,WAAW,EAAC,WAAW,EAAEC,YAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC,OAAO,EAAE,oBAE9E,CAAA,EAAA,CACL,EACNF,wBAAK,SAAS,EAAC,qBAAqB,EAAA,QAAA,EACjC,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,IAA0C,MAClEA,cAAA,CAACG,+BAAe,EAAA,EAAe,MAAM,EAAE,IAAI,CAAC,EAAY,EAAA,EAAlC,IAAI,CAAC,EAAE,CAA+B,CAC7D,CAAC,EAAA,CACE,CAAA,EAAA,CACF;AAEV;;;;"}

package/dist/components/organisms/GradientPicker/components/gradient-stop-list.d.ts

@@ -1,4 +0,0 @@
-import type React from 'react';
-/** Editable list of gradient stops with add/remove controls. */
-export declare const GradientStopList: () => React.JSX.Element;
-//# sourceMappingURL=gradient-stop-list.d.ts.map

package/dist/components/organisms/GradientPicker/components/gradient-stop-list.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"gradient-stop-list.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/GradientPicker/components/gradient-stop-list.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,gEAAgE;AAChE,eAAO,MAAM,gBAAgB,yBAmB5B,CAAC"}

package/dist/components/organisms/GradientPicker/components/gradient-stop-list.js

@@ -1,16 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Plus } from '@flipdish/ui-icons';
-import { Button } from '@flipdish/ui-library/components/atoms/Button';
-import { useTestIdPrefix, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
-import { useGradientColorPicker } from '../providers/gradient-picker-context.js';
-import { GradientStopRow } from './gradient-stop-row.js';
-
-/** Editable list of gradient stops with add/remove controls. */
-const GradientStopList = () => {
-    const { state, actions } = useGradientColorPicker();
-    const prefix = useTestIdPrefix();
-    return (jsxs("div", { className: "flex flex-col gap-3", "data-testid": prefix ? joinTestId(prefix, 'stop-list') : undefined, children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx("p", { className: "flex-1 text-sm font-semibold text-secondary", children: "Stops" }), jsx(Button, { size: "xs", color: "link-gray", iconLeading: Plus, onClick: () => actions.addStop(), children: "Add" })] }), jsx("div", { className: "flex flex-col gap-3", children: state.gradientStops.map((stop) => (jsx(GradientStopRow, { stopId: stop.id }, stop.id))) })] }));
-};
-
-export { GradientStopList };
-//# sourceMappingURL=gradient-stop-list.js.map

package/dist/components/organisms/GradientPicker/components/gradient-stop-list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gradient-stop-list.js","sources":["../../../../../src/components/organisms/GradientPicker/components/gradient-stop-list.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AASA;AACO,MAAM,gBAAgB,GAAG,MAAK;IACnC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,sBAAsB,EAAE;AACnD,IAAA,MAAM,MAAM,GAAG,eAAe,EAAE;IAEhC,QACEA,cAAK,SAAS,EAAC,qBAAqB,EAAA,aAAA,EAAc,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,SAAS,EAAA,QAAA,EAAA,CACpGA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,aACtCC,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,6CAA6C,EAAA,QAAA,EAAA,OAAA,EAAA,CAAU,EACpEA,GAAA,CAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,WAAW,EAAC,WAAW,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC,OAAO,EAAE,oBAE9E,CAAA,EAAA,CACL,EACNA,aAAK,SAAS,EAAC,qBAAqB,EAAA,QAAA,EACjC,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,IAA0C,MAClEA,GAAA,CAAC,eAAe,EAAA,EAAe,MAAM,EAAE,IAAI,CAAC,EAAY,EAAA,EAAlC,IAAI,CAAC,EAAE,CAA+B,CAC7D,CAAC,EAAA,CACE,CAAA,EAAA,CACF;AAEV;;;;"}

package/dist/components/organisms/GradientPicker/components/gradient-stop-row.cjs

@@ -1,49 +0,0 @@
-'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 React = require('react');
-var reactAriaComponents = require('react-aria-components');
-var colorPicker_utils = require('../../ColorPicker/colorPicker.utils.cjs');
-var inputCell = require('../../ColorPicker/components/input-cell.cjs');
-var gradientPickerContext = require('../providers/gradient-picker-context.cjs');
-var positionInput = require('./position-input.cjs');
-
-/** 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);
-    const prefix = testIdUtils.useTestIdPrefix();
-    // Memoize on `stop`: a fresh `Color` reference each provider re-render resets the AriaColorFields' in-progress draft, making typed edits impossible; the reducer only reallocates the stop that changed, so `stop` identity tracks color/alpha exactly (see gradient-picker-context.tsx).
-    const colorValue = React.useMemo(() => {
-        if (!stop)
-            return null;
-        try {
-            return reactAriaComponents.parseColor(stop.color).withChannelValue('alpha', stop.alpha / 100);
-        }
-        catch {
-            return null;
-        }
-    }, [stop]);
-    if (!stop)
-        return null;
-    const canRemove = state.gradientStops.length > 2;
-    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", "data-testid": prefix ? testIdUtils.joinTestId(prefix, `stop-${stopId}`) : undefined, onClick: () => actions.selectStop(stopId), children: [jsxRuntime.jsx(positionInput.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(inputCell.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(inputCell.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);
-                        } })] })] }));
-};
-
-exports.GradientStopRow = GradientStopRow;
-//# sourceMappingURL=gradient-stop-row.cjs.map

package/dist/components/organisms/GradientPicker/components/gradient-stop-row.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"gradient-stop-row.cjs","sources":["../../../../../src/components/organisms/GradientPicker/components/gradient-stop-row.tsx"],"sourcesContent":[null],"names":["useGradientColorPicker","useTestIdPrefix","useMemo","parseColor","_jsxs","joinTestId","_jsx","PositionInput","InputCell","AriaColorField","AriaColorSwatch","AriaInput","selectAllOnFocus","ButtonUtility","Minus"],"mappings":";;;;;;;;;;;;;AAcA;MACa,eAAe,GAAG,CAAC,EAAE,MAAM,EAAsB,KAAI;IAChE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAGA,4CAAsB,EAAE;AACnD,IAAA,MAAM,IAAI,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAiB,KAAK,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC;AAC7E,IAAA,MAAM,MAAM,GAAGC,2BAAe,EAAE;;AAGhC,IAAA,MAAM,UAAU,GAAGC,aAAO,CAAe,MAAK;AAC5C,QAAA,IAAI,CAAC,IAAI;AAAE,YAAA,OAAO,IAAI;AACtB,QAAA,IAAI;AACF,YAAA,OAAOC,8BAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;QAC3E;AAAE,QAAA,MAAM;AACN,YAAA,OAAO,IAAI;QACb;AACF,IAAA,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;AAEV,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,IAAI;IAEtB,MAAM,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC;IAEhD;;;IAGEC,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,yBAAyB,EAAA,aAAA,EACtB,MAAM,GAAGC,sBAAU,CAAC,MAAM,EAAE,CAAA,KAAA,EAAQ,MAAM,CAAA,CAAE,CAAC,GAAG,SAAS,EACtE,OAAO,EAAE,MAAM,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,EAAA,QAAA,EAAA,CAEzCC,cAAA,CAACC,2BAAa,EAAA,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,CAAC,GAAG,KAAK,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC,EAAA,CAAI,EAEzFH,yBAAK,SAAS,EAAC,gCAAgC,EAAA,QAAA,EAAA,CAC7CA,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uBAAuB,aACpCE,cAAA,CAACE,mBAAS,IAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAA,QAAA,EAC5CJ,gBAACK,8BAAc,EAAA,EAAA,YAAA,EACF,YAAY,EACvB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,CAAC,KAAI;AACd,wCAAA,IAAI,CAAC;4CAAE,OAAO,CAAC,oBAAoB,CAAC,MAAM,EAAE,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC;AAC9G,oCAAA,CAAC,EACD,SAAS,EAAC,4CAA4C,aAEtDH,cAAA,CAACI,+BAAe,EAAA,EACd,KAAK,EAAE,UAAU,IAAI,SAAS,EAC9B,SAAS,EAAC,oEAAoE,EAC9E,KAAK,EAAE,CAAC,EAAE,YAAY,EAAE,KAAK,YAAY,GACzC,EACFJ,cAAA,CAACK,yBAAS,EAAA,EAAC,OAAO,EAAEC,kCAAgB,EAAE,SAAS,EAAC,mEAAmE,EAAA,CAAG,CAAA,EAAA,CACvG,GACP,EACZN,cAAA,CAACE,mBAAS,EAAA,EAAC,QAAQ,EAAC,MAAM,EAAC,SAAS,EAAC,eAAe,EAAA,QAAA,EAClDF,cAAA,CAACG,8BAAc,kBACF,YAAY,EACvB,OAAO,EAAC,OAAO,EACf,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,CAAC,KAAI;AACd,wCAAA,IAAI,CAAC;AAAE,4CAAA,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC;oCACnF,CAAC,EACD,SAAS,EAAC,0BAA0B,YAEpCH,cAAA,CAACK,yBAAS,EAAA,EAAC,OAAO,EAAEC,kCAAgB,EAAE,SAAS,EAAC,+EAA+E,EAAA,CAAG,EAAA,CACnH,GACP,CAAA,EAAA,CACR,EAENN,cAAA,CAACO,2BAAa,EAAA,EACZ,IAAI,EAAEC,aAAK,EACX,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,UAAU,EAChB,UAAU,EAAE,CAAC,SAAS,EACtB,OAAO,EAAC,aAAa,EACrB,OAAO,EAAE,CAAC,CAAmB,KAAI;4BAC/B,CAAC,CAAC,eAAe,EAAE;AACnB,4BAAA,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC;AAC5B,wBAAA,CAAC,EAAA,CACD,CAAA,EAAA,CACE,CAAA,EAAA,CACF;AAEV;;;;"}

package/dist/components/organisms/GradientPicker/components/gradient-stop-row.d.ts

@@ -1,6 +0,0 @@
-import type React from 'react';
-/** Row for a single gradient stop: position input, color field, alpha field, and remove button. */
-export declare const GradientStopRow: ({ stopId }: {
-    stopId: string;
-}) => React.JSX.Element | null;
-//# sourceMappingURL=gradient-stop-row.d.ts.map

package/dist/components/organisms/GradientPicker/components/gradient-stop-row.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"gradient-stop-row.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/GradientPicker/components/gradient-stop-row.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,mGAAmG;AACnG,eAAO,MAAM,eAAe,GAAI,YAAY;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,6BA6E7D,CAAC"}

package/dist/components/organisms/GradientPicker/components/gradient-stop-row.js

@@ -1,47 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Minus } from '@flipdish/ui-icons';
-import { ButtonUtility } from '@flipdish/ui-library/components/atoms/UtilityButton';
-import { useTestIdPrefix, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
-import { useMemo } from 'react';
-import { parseColor, ColorField, ColorSwatch, Input } from 'react-aria-components';
-import { selectAllOnFocus } from '../../ColorPicker/colorPicker.utils.js';
-import { InputCell } from '../../ColorPicker/components/input-cell.js';
-import { useGradientColorPicker } from '../providers/gradient-picker-context.js';
-import { PositionInput } from './position-input.js';
-
-/** Row for a single gradient stop: position input, color field, alpha field, and remove button. */
-const GradientStopRow = ({ stopId }) => {
-    const { state, actions } = useGradientColorPicker();
-    const stop = state.gradientStops.find((s) => s.id === stopId);
-    const prefix = useTestIdPrefix();
-    // Memoize on `stop`: a fresh `Color` reference each provider re-render resets the AriaColorFields' in-progress draft, making typed edits impossible; the reducer only reallocates the stop that changed, so `stop` identity tracks color/alpha exactly (see gradient-picker-context.tsx).
-    const colorValue = useMemo(() => {
-        if (!stop)
-            return null;
-        try {
-            return parseColor(stop.color).withChannelValue('alpha', stop.alpha / 100);
-        }
-        catch {
-            return null;
-        }
-    }, [stop]);
-    if (!stop)
-        return null;
-    const canRemove = state.gradientStops.length > 2;
-    return (
-    // biome-ignore lint/a11y/noStaticElementInteractions: this is a div that is not interactive
-    // biome-ignore lint/a11y/useKeyWithClickEvents: this is a click event
-    jsxs("div", { className: "flex items-center gap-3", "data-testid": prefix ? joinTestId(prefix, `stop-${stopId}`) : undefined, onClick: () => actions.selectStop(stopId), children: [jsx(PositionInput, { value: stop.position, onChange: (pos) => actions.moveStop(stopId, pos) }), jsxs("div", { className: "flex flex-1 items-center gap-1", children: [jsxs("div", { className: "flex flex-1 shadow-xs", children: [jsx(InputCell, { position: "first", className: "flex-1", children: jsxs(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: [jsx(ColorSwatch, { color: colorValue || undefined, className: "size-4 shrink-0 rounded-full ring-1 ring-alpha-black/10 ring-inset", style: ({ defaultStyle }) => defaultStyle }), jsx(Input, { onFocus: selectAllOnFocus, className: "w-full min-w-0 bg-transparent text-sm text-primary outline-hidden" })] }) }), jsx(InputCell, { position: "last", className: "w-14 shrink-0", children: jsx(ColorField, { "aria-label": "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: jsx(Input, { onFocus: selectAllOnFocus, className: "w-full min-w-0 bg-transparent px-2.5 py-2 text-sm text-primary outline-hidden" }) }) })] }), jsx(ButtonUtility, { icon: Minus, size: "xs", color: "tertiary", isDisabled: !canRemove, tooltip: "Remove stop", onClick: (e) => {
-                            e.stopPropagation();
-                            actions.removeStop(stopId);
-                        } })] })] }));
-};
-
-export { GradientStopRow };
-//# sourceMappingURL=gradient-stop-row.js.map

package/dist/components/organisms/GradientPicker/components/gradient-stop-row.js.map

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

package/dist/components/organisms/GradientPicker/components/gradient-type-select.cjs

@@ -1,28 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var uiIcons = require('@flipdish/ui-icons');
-var Button = require('@flipdish/ui-library/components/atoms/Button');
-var Dropdown = require('@flipdish/ui-library/components/molecules/Dropdown');
-var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
-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' },
-];
-/** Dropdown to switch between gradient types (linear, radial, angular, diamond). */
-const GradientTypeSelect = () => {
-    const { state, actions } = gradientPickerContext.useGradientColorPicker();
-    const prefix = testIdUtils.useTestIdPrefix();
-    return (jsxRuntime.jsxs(Dropdown.Dropdown.Root, { children: [jsxRuntime.jsx(Button.Button, { size: "xs", color: "link-gray", "data-testid": prefix ? testIdUtils.joinTestId(prefix, 'type-select') : undefined, 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))) }) })] }));
-};
-
-exports.GradientTypeSelect = GradientTypeSelect;
-//# sourceMappingURL=gradient-type-select.cjs.map

package/dist/components/organisms/GradientPicker/components/gradient-type-select.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"gradient-type-select.cjs","sources":["../../../../../src/components/organisms/GradientPicker/components/gradient-type-select.tsx"],"sourcesContent":[null],"names":["useGradientColorPicker","useTestIdPrefix","_jsxs","Dropdown","_jsx","Button","joinTestId","ChevronDown"],"mappings":";;;;;;;;;AASA,MAAM,cAAc,GAA0C;AAC5D,IAAA,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;AACjC,IAAA,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;AACjC,IAAA,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;AACnC,IAAA,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;CACpC;AAED;AACO,MAAM,kBAAkB,GAAG,MAAK;IACrC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAGA,4CAAsB,EAAE;AACnD,IAAA,MAAM,MAAM,GAAGC,2BAAe,EAAE;IAEhC,QACEC,gBAACC,iBAAQ,CAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CACZC,cAAA,CAACC,aAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,WAAW,EAAA,aAAA,EACJ,MAAM,GAAGC,sBAAU,CAAC,MAAM,EAAE,aAAa,CAAC,GAAG,SAAS,EACnE,YAAY,EAAE,CAAC,KAAK,KAAKF,cAAA,CAACG,mBAAW,EAAA,EAAA,WAAA,EAAW,UAAU,EAAA,GAAK,KAAK,EAAE,SAAS,EAAC,yBAAyB,EAAA,CAAG,EAAA,QAAA,EAE3G,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,YAAY,CAAC,EAAE,KAAK,EAAA,CACxD,EAETH,cAAA,CAACD,iBAAQ,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EAChCC,eAACD,iBAAQ,CAAC,IAAI,EAAA,EACZ,aAAa,EAAC,QAAQ,EACtB,YAAY,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,EAClC,iBAAiB,EAAE,CAAC,IAAI,KAAI;wBAC1B,MAAM,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAiB;AACxC,wBAAA,IAAI,GAAG;AAAE,4BAAA,OAAO,CAAC,eAAe,CAAC,GAAG,CAAC;AACvC,oBAAA,CAAC,YAEA,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,MACpBC,cAAA,CAACD,iBAAQ,CAAC,IAAI,EAAA,EAAY,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAA,EAA9B,CAAC,CAAC,EAAE,CAA8B,CACvD,CAAC,GACY,EAAA,CACC,CAAA,EAAA,CACL;AAEpB;;;;"}

package/dist/components/organisms/GradientPicker/components/gradient-type-select.d.ts

@@ -1,3 +0,0 @@
-/** Dropdown to switch between gradient types (linear, radial, angular, diamond). */
-export declare const GradientTypeSelect: () => import("react").JSX.Element;
-//# sourceMappingURL=gradient-type-select.d.ts.map

package/dist/components/organisms/GradientPicker/components/gradient-type-select.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"gradient-type-select.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/GradientPicker/components/gradient-type-select.tsx"],"names":[],"mappings":"AAgBA,oFAAoF;AACpF,eAAO,MAAM,kBAAkB,mCA+B9B,CAAC"}

package/dist/components/organisms/GradientPicker/components/gradient-type-select.js

@@ -1,26 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { ChevronDown } from '@flipdish/ui-icons';
-import { Button } from '@flipdish/ui-library/components/atoms/Button';
-import { Dropdown } from '@flipdish/ui-library/components/molecules/Dropdown';
-import { useTestIdPrefix, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
-import { useGradientColorPicker } from '../providers/gradient-picker-context.js';
-
-const GRADIENT_TYPES = [
-    { id: 'linear', label: 'Linear' },
-    { id: 'radial', label: 'Radial' },
-    { id: 'angular', label: 'Angular' },
-    { id: 'diamond', label: 'Diamond' },
-];
-/** Dropdown to switch between gradient types (linear, radial, angular, diamond). */
-const GradientTypeSelect = () => {
-    const { state, actions } = useGradientColorPicker();
-    const prefix = useTestIdPrefix();
-    return (jsxs(Dropdown.Root, { children: [jsx(Button, { size: "xs", color: "link-gray", "data-testid": prefix ? joinTestId(prefix, 'type-select') : undefined, iconTrailing: (props) => jsx(ChevronDown, { "data-icon": "trailing", ...props, className: "size-3! stroke-[2.5px]!" }), children: GRADIENT_TYPES.find((t) => t.id === state.gradientType)?.label }), jsx(Dropdown.Popover, { className: "w-36", children: jsx(Dropdown.Menu, { selectionMode: "single", selectedKeys: [state.gradientType], onSelectionChange: (keys) => {
-                        const key = [...keys][0];
-                        if (key)
-                            actions.setGradientType(key);
-                    }, children: GRADIENT_TYPES.map((t) => (jsx(Dropdown.Item, { id: t.id, label: t.label }, t.id))) }) })] }));
-};
-
-export { GradientTypeSelect };
-//# sourceMappingURL=gradient-type-select.js.map

package/dist/components/organisms/GradientPicker/components/gradient-type-select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gradient-type-select.js","sources":["../../../../../src/components/organisms/GradientPicker/components/gradient-type-select.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AASA,MAAM,cAAc,GAA0C;AAC5D,IAAA,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;AACjC,IAAA,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;AACjC,IAAA,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;AACnC,IAAA,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;CACpC;AAED;AACO,MAAM,kBAAkB,GAAG,MAAK;IACrC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,sBAAsB,EAAE;AACnD,IAAA,MAAM,MAAM,GAAG,eAAe,EAAE;IAEhC,QACEA,KAAC,QAAQ,CAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CACZC,GAAA,CAAC,MAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,WAAW,EAAA,aAAA,EACJ,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,aAAa,CAAC,GAAG,SAAS,EACnE,YAAY,EAAE,CAAC,KAAK,KAAKA,GAAA,CAAC,WAAW,EAAA,EAAA,WAAA,EAAW,UAAU,EAAA,GAAK,KAAK,EAAE,SAAS,EAAC,yBAAyB,EAAA,CAAG,EAAA,QAAA,EAE3G,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,YAAY,CAAC,EAAE,KAAK,EAAA,CACxD,EAETA,GAAA,CAAC,QAAQ,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EAChCA,IAAC,QAAQ,CAAC,IAAI,EAAA,EACZ,aAAa,EAAC,QAAQ,EACtB,YAAY,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,EAClC,iBAAiB,EAAE,CAAC,IAAI,KAAI;wBAC1B,MAAM,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAiB;AACxC,wBAAA,IAAI,GAAG;AAAE,4BAAA,OAAO,CAAC,eAAe,CAAC,GAAG,CAAC;AACvC,oBAAA,CAAC,YAEA,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,MACpBA,GAAA,CAAC,QAAQ,CAAC,IAAI,EAAA,EAAY,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAA,EAA9B,CAAC,CAAC,EAAE,CAA8B,CACvD,CAAC,GACY,EAAA,CACC,CAAA,EAAA,CACL;AAEpB;;;;"}

package/dist/components/organisms/GradientPicker/components/position-input.cjs

@@ -1,43 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var inputCell = require('../../ColorPicker/components/input-cell.cjs');
-
-/** 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 (!Number.isNaN(num))
-            onChange(Math.max(0, Math.min(100, num)));
-    };
-    return (jsxRuntime.jsx(inputCell.InputCell, { className: "w-14 shrink-0 shadow-xs", children: jsxRuntime.jsx("input", { "aria-label": "Stop position", 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" }) }));
-};
-
-exports.PositionInput = PositionInput;
-//# sourceMappingURL=position-input.cjs.map

package/dist/components/organisms/GradientPicker/components/position-input.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"position-input.cjs","sources":["../../../../../src/components/organisms/GradientPicker/components/position-input.tsx"],"sourcesContent":[null],"names":["useState","_jsx","InputCell"],"mappings":";;;;;;AAKA;AACO,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAsD,KAAI;IACjH,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAClC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAC,EAAE,CAAC;AAEtC,IAAA,MAAM,MAAM,GAAG,CAAC,GAAW,KAAI;QAC7B,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAG,EAAE,EAAE,CAAC;AAC7B,QAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;AAAE,YAAA,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AACnE,IAAA,CAAC;IAED,QACEC,eAACC,mBAAS,EAAA,EAAC,SAAS,EAAC,yBAAyB,YAC5CD,cAAA,CAAA,OAAA,EAAA,EAAA,YAAA,EACa,eAAe,EAC1B,KAAK,EAAE,SAAS,GAAG,KAAK,GAAG,CAAA,EAAG,KAAK,GAAG,EACtC,QAAQ,EAAE,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,OAAO,EAAE,CAAC,CAAC,KAAI;gBACb,YAAY,CAAC,IAAI,CAAC;AAClB,gBAAA,QAAQ,CAAC,CAAA,EAAG,KAAK,CAAA,CAAE,CAAC;gBACpB,qBAAqB,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;AAChD,YAAA,CAAC,EACD,MAAM,EAAE,MAAK;gBACX,MAAM,CAAC,KAAK,CAAC;gBACb,YAAY,CAAC,KAAK,CAAC;AACrB,YAAA,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,KAAI;AACf,gBAAA,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,EAAE;oBACvB,CAAC,CAAC,cAAc,EAAE;AAClB,oBAAA,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;AAClC,oBAAA,QAAQ,CAAC,CAAA,EAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,CAAC,CAAA,CAAE,CAAC;gBACzC;AAAO,qBAAA,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE;oBAChC,CAAC,CAAC,cAAc,EAAE;AAClB,oBAAA,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;AAChC,oBAAA,QAAQ,CAAC,CAAA,EAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAA,CAAE,CAAC;gBACvC;AAAO,qBAAA,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;oBAC5B,MAAM,CAAC,KAAK,CAAC;AACZ,oBAAA,CAAC,CAAC,MAA2B,CAAC,IAAI,EAAE;gBACvC;AACF,YAAA,CAAC,EACD,SAAS,EAAC,uEAAuE,EAAA,CACjF,EAAA,CACQ;AAEhB;;;;"}

package/dist/components/organisms/GradientPicker/components/position-input.d.ts

@@ -1,6 +0,0 @@
-/** Position input that displays "50%" when blurred and "50" when focused, with arrow key support. */
-export declare const PositionInput: ({ value: rawValue, onChange }: {
-    value: number;
-    onChange: (pos: number) => void;
-}) => import("react").JSX.Element;
-//# sourceMappingURL=position-input.d.ts.map

package/dist/components/organisms/GradientPicker/components/position-input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"position-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/GradientPicker/components/position-input.tsx"],"names":[],"mappings":"AAKA,qGAAqG;AACrG,eAAO,MAAM,aAAa,GAAI,+BAA+B;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,gCA2C9G,CAAC"}

package/dist/components/organisms/GradientPicker/components/position-input.js

@@ -1,41 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
-import { InputCell } from '../../ColorPicker/components/input-cell.js';
-
-/** 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] = useState(false);
-    const [draft, setDraft] = useState('');
-    const commit = (raw) => {
-        const num = parseInt(raw, 10);
-        if (!Number.isNaN(num))
-            onChange(Math.max(0, Math.min(100, num)));
-    };
-    return (jsx(InputCell, { className: "w-14 shrink-0 shadow-xs", children: jsx("input", { "aria-label": "Stop position", 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" }) }));
-};
-
-export { PositionInput };
-//# sourceMappingURL=position-input.js.map

package/dist/components/organisms/GradientPicker/components/position-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"position-input.js","sources":["../../../../../src/components/organisms/GradientPicker/components/position-input.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAKA;AACO,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAsD,KAAI;IACjH,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAClC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC;AAEtC,IAAA,MAAM,MAAM,GAAG,CAAC,GAAW,KAAI;QAC7B,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAG,EAAE,EAAE,CAAC;AAC7B,QAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;AAAE,YAAA,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AACnE,IAAA,CAAC;IAED,QACEA,IAAC,SAAS,EAAA,EAAC,SAAS,EAAC,yBAAyB,YAC5CA,GAAA,CAAA,OAAA,EAAA,EAAA,YAAA,EACa,eAAe,EAC1B,KAAK,EAAE,SAAS,GAAG,KAAK,GAAG,CAAA,EAAG,KAAK,GAAG,EACtC,QAAQ,EAAE,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,OAAO,EAAE,CAAC,CAAC,KAAI;gBACb,YAAY,CAAC,IAAI,CAAC;AAClB,gBAAA,QAAQ,CAAC,CAAA,EAAG,KAAK,CAAA,CAAE,CAAC;gBACpB,qBAAqB,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;AAChD,YAAA,CAAC,EACD,MAAM,EAAE,MAAK;gBACX,MAAM,CAAC,KAAK,CAAC;gBACb,YAAY,CAAC,KAAK,CAAC;AACrB,YAAA,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,KAAI;AACf,gBAAA,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,EAAE;oBACvB,CAAC,CAAC,cAAc,EAAE;AAClB,oBAAA,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;AAClC,oBAAA,QAAQ,CAAC,CAAA,EAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,CAAC,CAAA,CAAE,CAAC;gBACzC;AAAO,qBAAA,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE;oBAChC,CAAC,CAAC,cAAc,EAAE;AAClB,oBAAA,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;AAChC,oBAAA,QAAQ,CAAC,CAAA,EAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAA,CAAE,CAAC;gBACvC;AAAO,qBAAA,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;oBAC5B,MAAM,CAAC,KAAK,CAAC;AACZ,oBAAA,CAAC,CAAC,MAA2B,CAAC,IAAI,EAAE;gBACvC;AACF,YAAA,CAAC,EACD,SAAS,EAAC,uEAAuE,EAAA,CACjF,EAAA,CACQ;AAEhB;;;;"}

package/dist/components/organisms/GradientPicker/providers/gradient-picker-context.cjs

@@ -1,218 +0,0 @@
-'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=gradient-picker-context.cjs.map