@flipdish/ui-library 0.31.0 → 0.31.1

package/dist/components/organisms/DatePicker/components/range-calendar.js

@@ -1,59 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { ChevronLeft, ChevronRight } from '@flipdish/ui-icons';
-import { Button } from '@flipdish/ui-library/components/atoms/Button';
-import { useBreakpoints } from '@flipdish/ui-library/hooks/useBreakpoints';
-import { cx } from '@flipdish/ui-library/utilities/cx';
-import { useTestIdPrefix, rootTestId, TestIdProvider, joinTestId, slugifyTestId } from '@flipdish/ui-library/utilities/testIdUtils';
-import { useDateFormatter } from '@react-aria/i18n';
-import { useContext } from 'react';
-import { RangeCalendar as RangeCalendar$1, CalendarGrid, CalendarGridHeader, CalendarHeaderCell, CalendarGridBody, useSlottedContext, RangeCalendarContext, RangeCalendarStateContext } from 'react-aria-components';
-import { CalendarCell } from './cell.js';
-import { InputDateBase } from './input-date.js';
-
-const RangeCalendarTitle = ({ part }) => {
-    const context = useContext(RangeCalendarStateContext);
-    if (!context) {
-        throw new Error('<RangeCalendarTitle /> must be used within a <RangeCalendar /> component.');
-    }
-    const formatter = useDateFormatter({
-        month: 'long',
-        year: 'numeric',
-        calendar: context.visibleRange.start.calendar.identifier,
-        timeZone: context.timeZone,
-    });
-    return part === 'start'
-        ? formatter.format(context.visibleRange.start.toDate(context.timeZone))
-        : formatter.format(context.visibleRange.end.toDate(context.timeZone));
-};
-const RangePresetButton = ({ value, className, children, 'data-testid': dataTestId, ...props }) => {
-    const context = useSlottedContext(RangeCalendarContext);
-    const isSelected = context?.value?.start?.compare(value.start) === 0 && context?.value?.end?.compare(value.end) === 0;
-    const prefix = useTestIdPrefix();
-    const presetTestId = dataTestId ?? (prefix && typeof children === 'string' ? joinTestId(prefix, `preset-${slugifyTestId(children)}`) : undefined);
-    return (jsx("button", { ...props, "data-testid": presetTestId, className: cx('cursor-pointer rounded-md px-3 py-2 text-left text-sm font-medium outline-focus-ring transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2', isSelected
-            ? 'bg-secondary text-secondary_hover hover:bg-secondary_hover'
-            : 'text-secondary hover:bg-primary_hover hover:text-secondary_hover', className), children: children }));
-};
-const MobilePresetButton = ({ value, children, ...props }) => {
-    const context = useContext(RangeCalendarStateContext);
-    const prefix = useTestIdPrefix();
-    const presetTestId = prefix && typeof children === 'string' ? joinTestId(prefix, `preset-${slugifyTestId(children)}`) : undefined;
-    return (jsx(Button, { ...props, slot: null, size: "sm", color: "link-color", "data-testid": presetTestId, onClick: () => {
-            context?.setValue(value);
-            context?.setFocusedDate(value.start);
-        }, children: children }));
-};
-const RangeCalendar = ({ presets, visibleDuration, showOutOfRangeDates = false, showPresetsOnDesktop = false, 'data-testid': dataTestId, ...props }) => {
-    const isDesktop = useBreakpoints('md');
-    const visibleDurationMonths = visibleDuration?.months || (isDesktop ? 2 : 1);
-    // Adopt the ambient prefix from an ancestor (e.g. `DateRangePicker`) unchanged so ids stay
-    // flat (`<root>--cell-…`); only fall back to the standalone default when there is none.
-    const ambientPrefix = useTestIdPrefix();
-    const calendarTestId = dataTestId ?? ambientPrefix ?? rootTestId('range-calendar');
-    return (jsx(TestIdProvider, { value: calendarTestId, children: jsxs(RangeCalendar$1, { ...props, "data-testid": calendarTestId, className: (state) => cx('flex items-start', typeof props.className === 'function' ? props.className(state) : props.className), visibleDuration: {
-                months: visibleDurationMonths,
-            }, children: [jsxs("div", { className: "flex flex-col gap-3 px-6 py-5 md:gap-2", children: [jsxs("div", { className: cx('relative flex items-center', visibleDurationMonths > 1 ? 'justify-start' : 'justify-between'), children: [jsx(Button, { slot: "previous", iconLeading: ChevronLeft, size: "sm", color: "tertiary", className: "size-8", "data-testid": joinTestId(calendarTestId, 'prev') }), jsx("h2", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-sm font-semibold text-fg-secondary", children: jsx(RangeCalendarTitle, { part: "start" }) }), visibleDurationMonths === 1 && (jsx(Button, { slot: "next", iconLeading: ChevronRight, size: "sm", color: "tertiary", className: "size-8", "data-testid": joinTestId(calendarTestId, 'next') }))] }), !isDesktop && (jsxs("div", { className: "flex items-center gap-2 md:hidden", children: [jsx(InputDateBase, { slot: "start", size: "sm", className: "flex-1" }), jsx("div", { className: "text-md text-quaternary", children: "\u2013" }), jsx(InputDateBase, { slot: "end", size: "sm", className: "flex-1" })] })), (showPresetsOnDesktop || !isDesktop) && presets && (jsx("div", { className: "mt-1 flex justify-between gap-3 px-2", children: Object.values(presets).map((preset) => (jsx(MobilePresetButton, { value: preset.value, children: preset.label }, preset.label))) })), jsxs(CalendarGrid, { weekdayStyle: "short", className: "w-max", children: [jsx(CalendarGridHeader, { children: (day) => (jsx(CalendarHeaderCell, { className: "border-b-4 border-transparent p-0", children: jsx("div", { className: "flex size-10 items-center justify-center text-sm font-medium text-secondary", children: day.slice(0, 2) }) })) }), jsx(CalendarGridBody, { className: "[&_td]:p-0 [&_tr]:border-b-4 [&_tr]:border-transparent [&_tr:last-of-type]:border-none", children: (date) => jsx(CalendarCell, { date: date, showOutOfRangeDates: showOutOfRangeDates }) })] })] }), visibleDurationMonths > 1 && (jsxs("div", { className: "flex flex-col gap-3 border-l border-secondary px-6 py-5", children: [jsxs("div", { className: "relative flex items-center justify-end", children: [jsx("h2", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-sm font-semibold text-fg-secondary", children: jsx(RangeCalendarTitle, { part: "end" }) }), jsx(Button, { slot: "next", iconLeading: ChevronRight, size: "sm", color: "tertiary", className: "size-8", "data-testid": joinTestId(calendarTestId, 'next') })] }), jsxs(CalendarGrid, { weekdayStyle: "short", offset: { months: 1 }, className: "w-max", children: [jsx(CalendarGridHeader, { children: (day) => (jsx(CalendarHeaderCell, { className: "border-b-4 border-transparent p-0", children: jsx("div", { className: "flex size-10 items-center justify-center text-sm font-medium text-secondary", children: day.slice(0, 2) }) })) }), jsx(CalendarGridBody, { className: "[&_td]:p-0 [&_tr]:border-b-4 [&_tr]:border-transparent [&_tr:last-of-type]:border-none", children: (date) => jsx(CalendarCell, { date: date, showOutOfRangeDates: showOutOfRangeDates }) })] })] }))] }) }));
-};
-
-export { RangeCalendar, RangePresetButton };
-//# sourceMappingURL=range-calendar.js.map

package/dist/components/organisms/DatePicker/components/range-calendar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"range-calendar.js","sources":["../../../../../src/components/organisms/DatePicker/components/range-calendar.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","AriaRangeCalendar","AriaCalendarGrid","AriaCalendarGridHeader","AriaCalendarHeaderCell","AriaCalendarGridBody"],"mappings":"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"}

package/dist/components/organisms/FilterBar/components/filter-dropdown-menu.cjs

@@ -1,43 +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 CloseButton = require('@flipdish/ui-library/components/atoms/CloseButton');
-var cx = require('@flipdish/ui-library/utilities/cx');
-var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
-var reactAriaComponents = require('react-aria-components');
-
-const FilterRowItem = ({ children, onRemove, testId, removeTestId, }) => (jsxRuntime.jsxs("div", { "data-testid": testId, className: "flex items-center gap-1", children: [jsxRuntime.jsx("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: children }), jsxRuntime.jsx(CloseButton.CloseButton, { label: "Remove filter", size: "sm", onPress: onRemove, "data-testid": removeTestId })] }));
-const FilterDialog = ({ filters, onApply, onClearAll, onAddFilter, onRemoveFilter, onFilterChange, renderFilterRow, className, }) => {
-    const hasFilters = filters.length > 0;
-    const prefix = testIdUtils.useTestIdPrefix();
-    const dialogTestId = prefix ? testIdUtils.joinTestId(prefix, 'dialog') : undefined;
-    const addTestId = prefix ? testIdUtils.joinTestId(prefix, 'add') : undefined;
-    const clearTestId = prefix ? testIdUtils.joinTestId(prefix, 'clear') : undefined;
-    const applyTestId = prefix ? testIdUtils.joinTestId(prefix, 'apply') : undefined;
-    return (jsxRuntime.jsx(reactAriaComponents.Dialog, { "data-testid": dialogTestId, className: cx.cx('overflow-hidden rounded-lg bg-primary shadow-lg ring-1 ring-secondary_alt outline-hidden', className), children: ({ close }) => !hasFilters ? (jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 p-4", children: [jsxRuntime.jsxs("div", { className: "flex max-w-[352px] flex-col gap-1 text-sm", children: [jsxRuntime.jsx("p", { className: "font-semibold text-primary", children: "No filters applied" }), jsxRuntime.jsx("p", { className: "font-normal text-tertiary", children: "Add filters to narrow down results." })] }), jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Button.Button, { size: "xs", color: "secondary", iconLeading: uiIcons.Plus, onClick: onAddFilter, "data-testid": addTestId, children: "Add filter" }) })] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "flex flex-col gap-3 p-4", children: jsxRuntime.jsx("div", { className: "flex flex-col gap-3", children: filters.map((filter) => {
-                            const rowSegment = `row-${testIdUtils.slugifyTestId(filter.id)}`;
-                            const rowTestId = prefix ? testIdUtils.joinTestId(prefix, rowSegment) : undefined;
-                            const rowRemoveTestId = prefix ? testIdUtils.joinTestId(prefix, `${rowSegment}-remove`) : undefined;
-                            return (jsxRuntime.jsx(FilterRowItem, { onRemove: () => onRemoveFilter?.(filter.id), testId: rowTestId, removeTestId: rowRemoveTestId, children: renderFilterRow(filter, (patch) => onFilterChange?.(filter.id, patch)) }, filter.id));
-                        }) }) }), jsxRuntime.jsxs("div", { className: "flex items-center justify-between border-t border-secondary px-4 py-3", children: [jsxRuntime.jsx(Button.Button, { size: "xs", color: "secondary", iconLeading: uiIcons.Plus, onClick: onAddFilter, "data-testid": addTestId, children: "Add filter" }), jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [jsxRuntime.jsx(Button.Button, { size: "xs", color: "secondary", onClick: () => onClearAll?.(), "data-testid": clearTestId, children: "Clear all" }), jsxRuntime.jsx(Button.Button, { size: "xs", color: "primary", onClick: () => {
-                                        onApply?.(filters);
-                                        close();
-                                    }, "data-testid": applyTestId, children: "Apply filter" })] })] })] })) }));
-};
-const CountBadge = ({ count, className }) => (jsxRuntime.jsx("span", { className: cx.cx('inline-flex items-center rounded-md border border-primary bg-primary px-1.5 py-0.5 text-xs leading-[18px] font-medium text-secondary shadow-xs', className), children: count }));
-const FilterDropdown = ({ filters, appliedCount, onApply, onClearAll, onAddFilter, onRemoveFilter, onFilterChange, renderFilterRow, isDisabled, className, placement = 'bottom end', children, }) => {
-    const hasFilters = filters.length > 0;
-    const hasApplied = appliedCount != null && appliedCount > 0;
-    const prefix = testIdUtils.useTestIdPrefix();
-    const triggerTestId = prefix ? testIdUtils.joinTestId(prefix, 'trigger') : undefined;
-    return (jsxRuntime.jsxs(reactAriaComponents.DialogTrigger, { children: [children ?? (jsxRuntime.jsx(Button.Button, { color: "secondary", size: "sm", iconLeading: uiIcons.FilterLines, iconTrailing: uiIcons.ChevronDown, isDisabled: isDisabled, "data-testid": triggerTestId, className: cx.cx('max-h-9', hasApplied && 'bg-primary_hover', className), children: jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: ["Filters", hasApplied && jsxRuntime.jsx(CountBadge, { count: appliedCount })] }) })), jsxRuntime.jsx(reactAriaComponents.Popover, { placement: placement, offset: 4, containerPadding: 0, className: (state) => cx.cx('origin-(--trigger-anchor-point) will-change-transform md:w-[624px]', state.isEntering &&
-                    'duration-150 ease-out animate-in fade-in placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', state.isExiting &&
-                    'duration-100 ease-in animate-out fade-out placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5', !hasFilters && 'w-[280px]'), children: jsxRuntime.jsx(FilterDialog, { filters: filters, onApply: onApply, onClearAll: onClearAll, onAddFilter: onAddFilter, onRemoveFilter: onRemoveFilter, onFilterChange: onFilterChange, renderFilterRow: renderFilterRow }) })] }));
-};
-
-exports.CountBadge = CountBadge;
-exports.FilterDialog = FilterDialog;
-exports.FilterDropdown = FilterDropdown;
-//# sourceMappingURL=filter-dropdown-menu.cjs.map

package/dist/components/organisms/FilterBar/components/filter-dropdown-menu.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter-dropdown-menu.cjs","sources":["../../../../../src/components/organisms/FilterBar/components/filter-dropdown-menu.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","CloseButton","useTestIdPrefix","joinTestId","AriaDialog","cx","Button","Plus","slugifyTestId","AriaDialogTrigger","FilterLines","ChevronDown","AriaPopover"],"mappings":";;;;;;;;;;AAoCA,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,YAAY,GAQb,MACCA,eAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EAAE,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CAC3DC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wCAAwC,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAO,EACxEA,eAACC,uBAAW,EAAA,EAAC,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,QAAQ,iBAAe,YAAY,EAAA,CAAI,CAAA,EAAA,CACzF,CACP;MAEY,YAAY,GAAG,CAAC,EAC3B,OAAO,EACP,OAAO,EACP,UAAU,EACV,WAAW,EACX,cAAc,EACd,cAAc,EACd,eAAe,EACf,SAAS,GACS,KAAI;AACtB,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC;AAErC,IAAA,MAAM,MAAM,GAAGC,2BAAe,EAAE;AAChC,IAAA,MAAM,YAAY,GAAG,MAAM,GAAGC,sBAAU,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,SAAS;AACtE,IAAA,MAAM,SAAS,GAAG,MAAM,GAAGA,sBAAU,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,SAAS;AAChE,IAAA,MAAM,WAAW,GAAG,MAAM,GAAGA,sBAAU,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS;AACpE,IAAA,MAAM,WAAW,GAAG,MAAM,GAAGA,sBAAU,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS;IAEpE,QACEH,eAACI,0BAAU,EAAA,EAAA,aAAA,EACI,YAAY,EACzB,SAAS,EAAEC,KAAE,CAAC,0FAA0F,EAAE,SAAS,CAAC,EAAA,QAAA,EAEnH,CAAC,EAAE,KAAK,EAAE,KACT,CAAC,UAAU,IACTN,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACtCA,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,2CAA2C,EAAA,QAAA,EAAA,CACxDC,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,4BAA4B,mCAAuB,EAChEA,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,2BAA2B,EAAA,QAAA,EAAA,qCAAA,EAAA,CAAwC,IAC5E,EACNA,cAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EACEA,eAACM,aAAM,EAAA,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,WAAW,EAAC,WAAW,EAAEC,YAAI,EAAE,OAAO,EAAE,WAAW,EAAA,aAAA,EAAe,SAAS,EAAA,QAAA,EAAA,YAAA,EAAA,CAE1F,EAAA,CACL,IACF,KAENR,kDACEC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EACtCA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,YACjC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,KAAI;4BACtB,MAAM,UAAU,GAAG,CAAA,IAAA,EAAOQ,yBAAa,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA,CAAE;AACpD,4BAAA,MAAM,SAAS,GAAG,MAAM,GAAGL,sBAAU,CAAC,MAAM,EAAE,UAAU,CAAC,GAAG,SAAS;AACrE,4BAAA,MAAM,eAAe,GAAG,MAAM,GAAGA,sBAAU,CAAC,MAAM,EAAE,CAAA,EAAG,UAAU,CAAA,OAAA,CAAS,CAAC,GAAG,SAAS;4BAEvF,QACEH,eAAC,aAAa,EAAA,EAAiB,QAAQ,EAAE,MAAM,cAAc,GAAG,MAAM,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,EAAA,QAAA,EACzH,eAAe,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,cAAc,GAAG,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,EAAA,EADrD,MAAM,CAAC,EAAE,CAEb;AAEpB,wBAAA,CAAC,CAAC,EAAA,CACE,EAAA,CACF,EAEND,yBAAK,SAAS,EAAC,uEAAuE,EAAA,QAAA,EAAA,CACpFC,eAACM,aAAM,EAAA,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,WAAW,EAAC,WAAW,EAAEC,YAAI,EAAE,OAAO,EAAE,WAAW,EAAA,aAAA,EAAe,SAAS,EAAA,QAAA,EAAA,YAAA,EAAA,CAE1F,EACTR,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACtCC,cAAA,CAACM,aAAM,EAAA,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,MAAM,UAAU,IAAI,EAAA,aAAA,EAAe,WAAW,0BAElF,EACTN,cAAA,CAACM,aAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,MAAK;AACZ,wCAAA,OAAO,GAAG,OAAO,CAAC;AAClB,wCAAA,KAAK,EAAE;oCACT,CAAC,EAAA,aAAA,EACY,WAAW,EAAA,QAAA,EAAA,cAAA,EAAA,CAGjB,CAAA,EAAA,CACL,IACF,CAAA,EAAA,CACL,CACJ,EAAA,CAEQ;AAEjB;AAaO,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAyC,MACpFN,cAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAEK,KAAE,CACX,gJAAgJ,EAChJ,SAAS,CACV,EAAA,QAAA,EAEA,KAAK,EAAA,CACD;AAGF,MAAM,cAAc,GAAG,CAAC,EAC7B,OAAO,EACP,YAAY,EACZ,OAAO,EACP,UAAU,EACV,WAAW,EACX,cAAc,EACd,cAAc,EACd,eAAe,EACf,UAAU,EACV,SAAS,EACT,SAAS,GAAG,YAAY,EACxB,QAAQ,GACY,KAAI;AACxB,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC;IACrC,MAAM,UAAU,GAAG,YAAY,IAAI,IAAI,IAAI,YAAY,GAAG,CAAC;AAE3D,IAAA,MAAM,MAAM,GAAGH,2BAAe,EAAE;AAChC,IAAA,MAAM,aAAa,GAAG,MAAM,GAAGC,sBAAU,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,SAAS;AAExE,IAAA,QACEJ,eAAA,CAACU,iCAAiB,eACf,QAAQ,KACPT,cAAA,CAACM,aAAM,IACL,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,IAAI,EACT,WAAW,EAAEI,mBAAW,EACxB,YAAY,EAAEC,mBAAW,EACzB,UAAU,EAAE,UAAU,EAAA,aAAA,EACT,aAAa,EAC1B,SAAS,EAAEN,KAAE,CAAC,SAAS,EAAE,UAAU,IAAI,kBAAkB,EAAE,SAAS,CAAC,EAAA,QAAA,EAErEN,0BAAM,SAAS,EAAC,2BAA2B,EAAA,QAAA,EAAA,CAAA,SAAA,EAExC,UAAU,IAAIC,cAAA,CAAC,UAAU,IAAC,KAAK,EAAE,YAAY,EAAA,CAAI,CAAA,EAAA,CAC7C,GACA,CACV,EACDA,eAACY,2BAAW,EAAA,EACV,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,CAAC,EACT,gBAAgB,EAAE,CAAC,EACnB,SAAS,EAAE,CAAC,KAAK,KACfP,KAAE,CACA,oEAAoE,EACpE,KAAK,CAAC,UAAU;oBACd,wHAAwH,EAC1H,KAAK,CAAC,SAAS;AACb,oBAAA,uHAAuH,EACzH,CAAC,UAAU,IAAI,WAAW,CAC3B,YAGHL,cAAA,CAAC,YAAY,EAAA,EACX,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,GAChC,EAAA,CACU,CAAA,EAAA,CACI;AAExB;;;;;;"}

package/dist/components/organisms/FilterBar/components/filter-dropdown-menu.d.ts

@@ -1,42 +0,0 @@
-import type { ReactNode } from 'react';
-export interface FilterRow {
-    id: string;
-    field: string;
-    operator: string;
-    value: string;
-}
-export interface FilterDialogProps {
-    /** The filter rows currently in the dialog */
-    filters: FilterRow[];
-    /** Called when "Apply filter" is clicked */
-    onApply?: (filters: FilterRow[]) => void;
-    /** Called when "Clear all" is clicked */
-    onClearAll?: () => void;
-    /** Called when "Add filter" is clicked */
-    onAddFilter?: () => void;
-    /** Called when a filter row is removed */
-    onRemoveFilter?: (id: string) => void;
-    /** Called when a filter row changes */
-    onFilterChange?: (id: string, patch: Partial<Omit<FilterRow, 'id'>>) => void;
-    /** Render function for a single filter row's inputs */
-    renderFilterRow: (filter: FilterRow, onChange: (patch: Partial<Omit<FilterRow, 'id'>>) => void) => ReactNode;
-    /** Additional class name */
-    className?: string;
-}
-export declare const FilterDialog: ({ filters, onApply, onClearAll, onAddFilter, onRemoveFilter, onFilterChange, renderFilterRow, className, }: FilterDialogProps) => import("react").JSX.Element;
-export interface FilterDropdownProps extends FilterDialogProps {
-    /** Number of applied (committed) filters to show in the badge. Only used by the default trigger. */
-    appliedCount?: number;
-    /** Whether the trigger is disabled. Only used by the default trigger. */
-    isDisabled?: boolean;
-    /** Popover placement relative to trigger */
-    placement?: 'bottom' | 'bottom start' | 'bottom end';
-    /** Custom trigger element. When provided, replaces the default "Filters" button. */
-    children?: ReactNode;
-}
-export declare const CountBadge: ({ count, className }: {
-    count: number;
-    className?: string;
-}) => import("react").JSX.Element;
-export declare const FilterDropdown: ({ filters, appliedCount, onApply, onClearAll, onAddFilter, onRemoveFilter, onFilterChange, renderFilterRow, isDisabled, className, placement, children, }: FilterDropdownProps) => import("react").JSX.Element;
-//# sourceMappingURL=filter-dropdown-menu.d.ts.map

package/dist/components/organisms/FilterBar/components/filter-dropdown-menu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter-dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/FilterBar/components/filter-dropdown-menu.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,8CAA8C;IAC9C,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IACzC,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,0CAA0C;IAC1C,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,uCAAuC;IACvC,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC;IAC7E,uDAAuD;IACvD,eAAe,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,KAAK,IAAI,KAAK,SAAS,CAAC;IAC7G,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqBD,eAAO,MAAM,YAAY,GAAI,4GAS1B,iBAAiB,gCAuEnB,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC5D,oGAAoG;IACpG,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yEAAyE;IACzE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,QAAQ,GAAG,cAAc,GAAG,YAAY,CAAC;IACrD,oFAAoF;IACpF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,GAAI,sBAAsB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,gCASrF,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,2JAa5B,mBAAmB,gCAoDrB,CAAC"}

package/dist/components/organisms/FilterBar/components/filter-dropdown-menu.js

@@ -1,39 +0,0 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { ChevronDown, FilterLines, Plus } from '@flipdish/ui-icons';
-import { Button } from '@flipdish/ui-library/components/atoms/Button';
-import { CloseButton } from '@flipdish/ui-library/components/atoms/CloseButton';
-import { cx } from '@flipdish/ui-library/utilities/cx';
-import { useTestIdPrefix, joinTestId, slugifyTestId } from '@flipdish/ui-library/utilities/testIdUtils';
-import { DialogTrigger, Popover, Dialog } from 'react-aria-components';
-
-const FilterRowItem = ({ children, onRemove, testId, removeTestId, }) => (jsxs("div", { "data-testid": testId, className: "flex items-center gap-1", children: [jsx("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: children }), jsx(CloseButton, { label: "Remove filter", size: "sm", onPress: onRemove, "data-testid": removeTestId })] }));
-const FilterDialog = ({ filters, onApply, onClearAll, onAddFilter, onRemoveFilter, onFilterChange, renderFilterRow, className, }) => {
-    const hasFilters = filters.length > 0;
-    const prefix = useTestIdPrefix();
-    const dialogTestId = prefix ? joinTestId(prefix, 'dialog') : undefined;
-    const addTestId = prefix ? joinTestId(prefix, 'add') : undefined;
-    const clearTestId = prefix ? joinTestId(prefix, 'clear') : undefined;
-    const applyTestId = prefix ? joinTestId(prefix, 'apply') : undefined;
-    return (jsx(Dialog, { "data-testid": dialogTestId, className: cx('overflow-hidden rounded-lg bg-primary shadow-lg ring-1 ring-secondary_alt outline-hidden', className), children: ({ close }) => !hasFilters ? (jsxs("div", { className: "flex flex-col gap-3 p-4", children: [jsxs("div", { className: "flex max-w-[352px] flex-col gap-1 text-sm", children: [jsx("p", { className: "font-semibold text-primary", children: "No filters applied" }), jsx("p", { className: "font-normal text-tertiary", children: "Add filters to narrow down results." })] }), jsx("div", { children: jsx(Button, { size: "xs", color: "secondary", iconLeading: Plus, onClick: onAddFilter, "data-testid": addTestId, children: "Add filter" }) })] })) : (jsxs(Fragment, { children: [jsx("div", { className: "flex flex-col gap-3 p-4", children: jsx("div", { className: "flex flex-col gap-3", children: filters.map((filter) => {
-                            const rowSegment = `row-${slugifyTestId(filter.id)}`;
-                            const rowTestId = prefix ? joinTestId(prefix, rowSegment) : undefined;
-                            const rowRemoveTestId = prefix ? joinTestId(prefix, `${rowSegment}-remove`) : undefined;
-                            return (jsx(FilterRowItem, { onRemove: () => onRemoveFilter?.(filter.id), testId: rowTestId, removeTestId: rowRemoveTestId, children: renderFilterRow(filter, (patch) => onFilterChange?.(filter.id, patch)) }, filter.id));
-                        }) }) }), jsxs("div", { className: "flex items-center justify-between border-t border-secondary px-4 py-3", children: [jsx(Button, { size: "xs", color: "secondary", iconLeading: Plus, onClick: onAddFilter, "data-testid": addTestId, children: "Add filter" }), jsxs("div", { className: "flex items-center gap-3", children: [jsx(Button, { size: "xs", color: "secondary", onClick: () => onClearAll?.(), "data-testid": clearTestId, children: "Clear all" }), jsx(Button, { size: "xs", color: "primary", onClick: () => {
-                                        onApply?.(filters);
-                                        close();
-                                    }, "data-testid": applyTestId, children: "Apply filter" })] })] })] })) }));
-};
-const CountBadge = ({ count, className }) => (jsx("span", { className: cx('inline-flex items-center rounded-md border border-primary bg-primary px-1.5 py-0.5 text-xs leading-[18px] font-medium text-secondary shadow-xs', className), children: count }));
-const FilterDropdown = ({ filters, appliedCount, onApply, onClearAll, onAddFilter, onRemoveFilter, onFilterChange, renderFilterRow, isDisabled, className, placement = 'bottom end', children, }) => {
-    const hasFilters = filters.length > 0;
-    const hasApplied = appliedCount != null && appliedCount > 0;
-    const prefix = useTestIdPrefix();
-    const triggerTestId = prefix ? joinTestId(prefix, 'trigger') : undefined;
-    return (jsxs(DialogTrigger, { children: [children ?? (jsx(Button, { color: "secondary", size: "sm", iconLeading: FilterLines, iconTrailing: ChevronDown, isDisabled: isDisabled, "data-testid": triggerTestId, className: cx('max-h-9', hasApplied && 'bg-primary_hover', className), children: jsxs("span", { className: "flex items-center gap-1.5", children: ["Filters", hasApplied && jsx(CountBadge, { count: appliedCount })] }) })), jsx(Popover, { placement: placement, offset: 4, containerPadding: 0, className: (state) => cx('origin-(--trigger-anchor-point) will-change-transform md:w-[624px]', state.isEntering &&
-                    'duration-150 ease-out animate-in fade-in placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', state.isExiting &&
-                    'duration-100 ease-in animate-out fade-out placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5', !hasFilters && 'w-[280px]'), children: jsx(FilterDialog, { filters: filters, onApply: onApply, onClearAll: onClearAll, onAddFilter: onAddFilter, onRemoveFilter: onRemoveFilter, onFilterChange: onFilterChange, renderFilterRow: renderFilterRow }) })] }));
-};
-
-export { CountBadge, FilterDialog, FilterDropdown };
-//# sourceMappingURL=filter-dropdown-menu.js.map

package/dist/components/organisms/FilterBar/components/filter-dropdown-menu.js.map

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

package/dist/components/organisms/GradientPicker/components/gradient-area.cjs

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

package/dist/components/organisms/GradientPicker/components/gradient-area.cjs.map

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

package/dist/components/organisms/GradientPicker/components/gradient-area.d.ts

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

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

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

package/dist/components/organisms/GradientPicker/components/gradient-area.js

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