@flipdish/ui-library 0.2.2 → 0.3.0

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

@@ -0,0 +1,144 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { FileIcon, CheckCircle, UploadCloud02, XCircle, Trash01 } from '@flipdish/ui-icons';
+import { Button } from '@flipdish/ui-library/components/atoms/Button';
+import { FeaturedIcon } from '@flipdish/ui-library/components/atoms/FeaturedIcon';
+import { ProgressBar } from '@flipdish/ui-library/components/atoms/ProgressBar';
+import { ButtonUtility } from '@flipdish/ui-library/components/atoms/UtilityButton';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { motion, AnimatePresence } from 'motion/react';
+import { useId, useRef, useState } from 'react';
+
+/**
+ * Returns a human-readable file size.
+ * @param bytes - The size of the file in bytes.
+ * @returns A string representing the file size in a human-readable format.
+ */
+const getReadableFileSize = (bytes) => {
+    if (bytes === 0)
+        return '0 KB';
+    const suffixes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+    const i = Math.floor(Math.log(bytes) / Math.log(1024));
+    return Math.floor(bytes / Math.pow(1024, i)) + ' ' + suffixes[i];
+};
+const FileUploadDropZone = ({ className, hint, isDisabled, accept, allowsMultiple = true, maxSize, onDropFiles, onDropUnacceptedFiles, onSizeLimitExceed, }) => {
+    const id = useId();
+    const inputRef = useRef(null);
+    const [isInvalid, setIsInvalid] = useState(false);
+    const [isDraggingOver, setIsDraggingOver] = useState(false);
+    const isFileTypeAccepted = (file) => {
+        if (!accept)
+            return true;
+        // Split the accept string into individual types
+        const acceptedTypes = accept.split(',').map((type) => type.trim());
+        return acceptedTypes.some((acceptedType) => {
+            // Handle file extensions (e.g., .pdf, .doc)
+            if (acceptedType.startsWith('.')) {
+                const extension = `.${file.name.split('.').pop()?.toLowerCase()}`;
+                return extension === acceptedType.toLowerCase();
+            }
+            // Handle wildcards (e.g., image/*)
+            if (acceptedType.endsWith('/*')) {
+                const typePrefix = acceptedType.split('/')[0];
+                return file.type.startsWith(`${typePrefix}/`);
+            }
+            // Handle exact MIME types (e.g., application/pdf)
+            return file.type === acceptedType;
+        });
+    };
+    const handleDragIn = (event) => {
+        if (isDisabled)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        setIsDraggingOver(true);
+    };
+    const handleDragOut = (event) => {
+        if (isDisabled)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        setIsDraggingOver(false);
+    };
+    const processFiles = (files) => {
+        // Reset the invalid state when processing files.
+        setIsInvalid(false);
+        const acceptedFiles = [];
+        const unacceptedFiles = [];
+        const oversizedFiles = [];
+        // If multiple files are not allowed, only process the first file
+        const filesToProcess = allowsMultiple ? files : files.slice(0, 1);
+        filesToProcess.forEach((file) => {
+            // Check file size first
+            if (maxSize && file.size > maxSize) {
+                oversizedFiles.push(file);
+                return;
+            }
+            // Then check file type
+            if (isFileTypeAccepted(file)) {
+                acceptedFiles.push(file);
+            }
+            else {
+                unacceptedFiles.push(file);
+            }
+        });
+        // Handle oversized files
+        if (oversizedFiles.length > 0 && typeof onSizeLimitExceed === 'function') {
+            const dataTransfer = new DataTransfer();
+            // biome-ignore lint/suspicious/useIterableCallbackReturn: We need to return a value from the callback to satisfy the type checker
+            oversizedFiles.forEach((file) => dataTransfer.items.add(file));
+            setIsInvalid(true);
+            onSizeLimitExceed(dataTransfer.files);
+        }
+        // Handle accepted files
+        if (acceptedFiles.length > 0 && typeof onDropFiles === 'function') {
+            const dataTransfer = new DataTransfer();
+            // biome-ignore lint/suspicious/useIterableCallbackReturn: We need to return a value from the callback to satisfy the type checker
+            acceptedFiles.forEach((file) => dataTransfer.items.add(file));
+            onDropFiles(dataTransfer.files);
+        }
+        // Handle unaccepted files
+        if (unacceptedFiles.length > 0 && typeof onDropUnacceptedFiles === 'function') {
+            const unacceptedDataTransfer = new DataTransfer();
+            // biome-ignore lint/suspicious/useIterableCallbackReturn: We need to return a value from the callback to satisfy the type checker
+            unacceptedFiles.forEach((file) => unacceptedDataTransfer.items.add(file));
+            setIsInvalid(true);
+            onDropUnacceptedFiles(unacceptedDataTransfer.files);
+        }
+        // Clear the input value to ensure the same file can be selected again
+        if (inputRef.current) {
+            inputRef.current.value = '';
+        }
+    };
+    const handleDrop = (event) => {
+        if (isDisabled)
+            return;
+        handleDragOut(event);
+        processFiles(Array.from(event.dataTransfer.files));
+    };
+    const handleInputFileChange = (event) => {
+        processFiles(Array.from(event.target.files || []));
+    };
+    return (
+    // biome-ignore lint/a11y/noStaticElementInteractions: This is a drag and drop zone
+    jsxs("div", { "data-dropzone": true, onDragOver: handleDragIn, onDragEnter: handleDragIn, onDragLeave: handleDragOut, onDragEnd: handleDragOut, onDrop: handleDrop, className: cx('relative flex flex-col items-center gap-3 rounded-xl bg-primary px-6 py-4 text-tertiary ring-1 ring-secondary transition duration-100 ease-linear ring-inset', isDraggingOver && 'ring-2 ring-brand', isDisabled && 'cursor-not-allowed bg-secondary', className), children: [jsx(FeaturedIcon, { icon: UploadCloud02, color: "gray", theme: "modern", size: "md", className: cx(isDisabled && 'opacity-50') }), jsxs("div", { className: "flex flex-col gap-1 text-center", children: [jsxs("div", { className: "flex justify-center gap-1 text-center", children: [jsx("input", { ref: inputRef, id: id, type: "file", className: "peer sr-only", disabled: isDisabled, accept: accept, multiple: allowsMultiple, onChange: handleInputFileChange }), jsx("label", { htmlFor: id, className: "flex cursor-pointer", children: jsxs(Button, { color: "link-color", size: "md", isDisabled: isDisabled, onClick: () => inputRef.current?.click(), children: ["Click to upload ", jsx("span", { className: "md:hidden", children: "and attach files" })] }) }), jsx("span", { className: "text-sm max-md:hidden", children: "or drag and drop" })] }), jsx("p", { className: cx('text-xs transition duration-100 ease-linear', isInvalid && 'text-error-primary'), children: hint || 'SVG, PNG, JPG or GIF (max. 800x400px)' })] })] }));
+};
+const FileListItemProgressBar = ({ name, size, progress, failed, type, fileIconVariant, onDelete, onRetry, className }) => {
+    const isComplete = progress === 100;
+    return (jsxs(motion.li, { layout: "position", className: cx('relative flex gap-3 rounded-xl bg-primary p-4 ring-1 ring-secondary transition-shadow duration-100 ease-linear ring-inset', failed && 'ring-2 ring-error', className), children: [jsx(FileIcon, { className: "size-10 shrink-0 dark:hidden", type: type ?? 'empty', theme: "light", variant: fileIconVariant ?? 'default' }), jsx(FileIcon, { className: "size-10 shrink-0 not-dark:hidden", type: type ?? 'empty', theme: "dark", variant: fileIconVariant ?? 'default' }), jsxs("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [jsxs("div", { className: "flex w-full max-w-full min-w-0 flex-1", children: [jsxs("div", { className: "min-w-0 flex-1", children: [jsx("p", { className: "truncate text-sm font-medium text-secondary", children: name }), jsxs("div", { className: "mt-0.5 flex items-center gap-2", children: [jsx("p", { className: "truncate text-sm whitespace-nowrap text-tertiary", children: getReadableFileSize(size) }), jsx("hr", { className: "h-3 w-px rounded-t-full rounded-b-full border-none bg-border-primary" }), jsxs("div", { className: "flex items-center gap-1", children: [isComplete && jsx(CheckCircle, { className: "size-4 stroke-[2.5px] text-fg-success-primary" }), isComplete && jsx("p", { className: "text-sm font-medium text-success-primary", children: "Complete" }), !isComplete && !failed && jsx(UploadCloud02, { className: "size-4 stroke-[2.5px] text-fg-quaternary" }), !isComplete && !failed && jsx("p", { className: "text-sm font-medium text-quaternary", children: "Uploading..." }), failed && jsx(XCircle, { className: "size-4 text-fg-error-primary" }), failed && jsx("p", { className: "text-sm font-medium text-error-primary", children: "Failed" })] })] })] }), jsx(ButtonUtility, { color: "tertiary", tooltip: "Delete", icon: Trash01, size: "xs", className: "-mt-2 -mr-2 self-start", onClick: onDelete })] }), !failed && (jsx("div", { className: "mt-1 w-full", children: jsx(ProgressBar, { labelPosition: "right", max: 100, min: 0, value: progress }) })), failed && (jsx(Button, { color: "link-destructive", size: "sm", onClick: onRetry, className: "mt-1.5", children: "Try again" }))] })] }));
+};
+const FileListItemProgressFill = ({ name, size, progress, failed, type, fileIconVariant, onDelete, onRetry, className, }) => {
+    const isComplete = progress === 100;
+    return (jsxs(motion.li, { layout: "position", className: cx('relative flex gap-3 overflow-hidden rounded-xl bg-primary p-4', className), children: [jsx("div", { style: { transform: `translateX(-${100 - progress}%)` }, className: cx('absolute inset-0 size-full bg-secondary transition duration-75 ease-linear', isComplete && 'opacity-0'), role: "progressbar", "aria-valuenow": progress, "aria-valuemin": 0, "aria-valuemax": 100 }), jsx("div", { className: cx('absolute inset-0 size-full rounded-[inherit] ring-1 ring-secondary transition duration-100 ease-linear ring-inset', failed && 'ring-2 ring-error') }), jsx(FileIcon, { className: "relative size-10 shrink-0 dark:hidden", type: type ?? 'empty', theme: "light", variant: fileIconVariant ?? 'solid' }), jsx(FileIcon, { className: "relative size-10 shrink-0 not-dark:hidden", type: type ?? 'empty', theme: "dark", variant: fileIconVariant ?? 'solid' }), jsxs("div", { className: "relative flex min-w-0 flex-1", children: [jsxs("div", { className: "relative flex min-w-0 flex-1 flex-col items-start", children: [jsxs("div", { className: "w-full min-w-0 flex-1", children: [jsx("p", { className: "truncate text-sm font-medium text-secondary", children: name }), jsxs("div", { className: "mt-0.5 flex items-center gap-2", children: [jsx("p", { className: "text-sm text-tertiary", children: failed ? 'Upload failed, please try again' : getReadableFileSize(size) }), !failed && (jsxs(Fragment, { children: [jsx("hr", { className: "h-3 w-px rounded-t-full rounded-b-full border-none bg-border-primary" }), jsxs("div", { className: "flex items-center gap-1", children: [isComplete && jsx(CheckCircle, { className: "size-4 stroke-[2.5px] text-fg-success-primary" }), !isComplete && jsx(UploadCloud02, { className: "size-4 stroke-[2.5px] text-fg-quaternary" }), jsxs("p", { className: "text-sm text-tertiary", children: [progress, "%"] })] })] }))] })] }), failed && (jsx(Button, { color: "link-destructive", size: "sm", onClick: onRetry, className: "mt-1.5", children: "Try again" }))] }), jsx(ButtonUtility, { color: "tertiary", tooltip: "Delete", icon: Trash01, size: "xs", className: "-mt-2 -mr-2 self-start", onClick: onDelete })] })] }));
+};
+const FileUploadRoot = (props) => (jsx("div", { ...props, className: cx('flex flex-col gap-4', props.className), children: props.children }));
+const FileUploadList = (props) => (jsx("ul", { ...props, className: cx('flex flex-col gap-3', props.className), children: jsx(AnimatePresence, { initial: false, children: props.children }) }));
+const FileUpload = {
+    Root: FileUploadRoot,
+    List: FileUploadList,
+    DropZone: FileUploadDropZone,
+    ListItemProgressBar: FileListItemProgressBar,
+    ListItemProgressFill: FileListItemProgressFill,
+};
+
+export { FileListItemProgressBar, FileListItemProgressFill, FileUpload, FileUploadDropZone, getReadableFileSize };
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,30 @@
+'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 reactAriaComponents = require('react-aria-components');
+
+const FilterRowItem = ({ children, onRemove }) => (jsxRuntime.jsxs("div", { className: "flex items-start 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 })] }));
+const FilterDialog = ({ filters, onApply, onClearAll, onAddFilter, onRemoveFilter, onFilterChange, renderFilterRow, className, }) => {
+    const hasFilters = filters.length > 0;
+    return (jsxRuntime.jsx(reactAriaComponents.Dialog, { 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, 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) => (jsxRuntime.jsx(FilterRowItem, { onRemove: () => onRemoveFilter?.(filter.id), 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, children: "Add filter" }), jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [jsxRuntime.jsx(Button.Button, { size: "xs", color: "secondary", onClick: () => onClearAll?.(), children: "Clear all" }), jsxRuntime.jsx(Button.Button, { size: "xs", color: "primary", onClick: () => {
+                                        onApply?.(filters);
+                                        close();
+                                    }, 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;
+    return (jsxRuntime.jsxs(reactAriaComponents.DialogTrigger, { children: [children ?? (jsxRuntime.jsx(Button.Button, { color: "secondary", size: "sm", iconLeading: uiIcons.FilterLines, iconTrailing: uiIcons.ChevronDown, isDisabled: isDisabled, 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

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

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

@@ -0,0 +1,42 @@
+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

@@ -0,0 +1 @@
+{"version":3,"file":"filter-dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/FilterBar/components/filter-dropdown-menu.tsx"],"names":[],"mappings":"AAMA,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;AASD,eAAO,MAAM,YAAY,GAAI,4GAS1B,iBAAiB,gCAuDnB,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,gCAgDrB,CAAC"}

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

@@ -0,0 +1,26 @@
+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 { DialogTrigger, Popover, Dialog } from 'react-aria-components';
+
+const FilterRowItem = ({ children, onRemove }) => (jsxs("div", { className: "flex items-start 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 })] }));
+const FilterDialog = ({ filters, onApply, onClearAll, onAddFilter, onRemoveFilter, onFilterChange, renderFilterRow, className, }) => {
+    const hasFilters = filters.length > 0;
+    return (jsx(Dialog, { 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, 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) => (jsx(FilterRowItem, { onRemove: () => onRemoveFilter?.(filter.id), 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, children: "Add filter" }), jsxs("div", { className: "flex items-center gap-3", children: [jsx(Button, { size: "xs", color: "secondary", onClick: () => onClearAll?.(), children: "Clear all" }), jsx(Button, { size: "xs", color: "primary", onClick: () => {
+                                        onApply?.(filters);
+                                        close();
+                                    }, 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;
+    return (jsxs(DialogTrigger, { children: [children ?? (jsx(Button, { color: "secondary", size: "sm", iconLeading: FilterLines, iconTrailing: ChevronDown, isDisabled: isDisabled, 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

@@ -0,0 +1 @@
+{"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/FilterBar/index.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var reactAriaComponents = require('react-aria-components');
+var filterDropdownMenu = require('./components/filter-dropdown-menu.cjs');
+
+/** Root layout container for the filter bar. Arranges content and actions horizontally with wrapping. */
+const FilterBarRoot = ({ children, className, ...props }) => (jsxRuntime.jsx("div", { ...props, className: cx.cx('flex flex-wrap items-end gap-3', className), children: children }));
+/** Left content area of the filter bar. Grows to fill available space. */
+const FilterBarContent = ({ children, className, ...props }) => (jsxRuntime.jsx("div", { ...props, className: cx.cx('flex min-w-0 flex-1 flex-wrap items-end gap-3', className), children: children }));
+/** Right actions area of the filter bar. Shrinks to fit content. */
+const FilterBarActions = ({ children, className, ...props }) => (jsxRuntime.jsx("div", { ...props, className: cx.cx('flex shrink-0 items-center gap-3', className), children: children }));
+/** A single advanced filter row with inputs and a remove button. */
+const FilterRow = ({ children, onRemove, className, ...props }) => (jsxRuntime.jsxs("div", { ...props, className: cx.cx('flex items-start gap-1', className), children: [jsxRuntime.jsx("div", { className: "flex items-center gap-3", children: children }), jsxRuntime.jsx(reactAriaComponents.Button, { "aria-label": "Remove filter", onPress: onRemove, className: "flex size-9 shrink-0 cursor-pointer items-center justify-center rounded-lg text-fg-quaternary transition duration-100 ease-linear hover:text-fg-quaternary_hover", children: jsxRuntime.jsx(uiIcons.XClose, { className: "size-5" }) })] }));
+/** Icon-only button styled to match filter bar controls (secondary button appearance). */
+const FilterIconButton = ({ icon: Icon, label, onPress, className }) => (jsxRuntime.jsx(reactAriaComponents.Button, { "aria-label": label, onPress: onPress, className: cx.cx('flex size-9 cursor-pointer items-center justify-center rounded-lg border border-primary bg-primary shadow-xs transition duration-100 ease-linear hover:bg-primary_hover', className), children: jsxRuntime.jsx(Icon, { className: "size-5 text-fg-quaternary" }) }));
+const FilterBar = {
+    Root: FilterBarRoot,
+    Content: FilterBarContent,
+    Actions: FilterBarActions,
+    FilterRow,
+    FilterIconButton,
+};
+
+exports.FilterDropdown = filterDropdownMenu.FilterDropdown;
+exports.FilterBar = FilterBar;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/FilterBar/index.tsx"],"sourcesContent":[null],"names":["_jsx","cx","_jsxs","AriaButton","XClose"],"mappings":";;;;;;;;AAcA;AACA,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAsB,MAC1EA,cAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAEC,KAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,EAAA,QAAA,EACvE,QAAQ,EAAA,CACL,CACP;AAOD;AACA,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB,MAChFD,cAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAEC,KAAE,CAAC,+CAA+C,EAAE,SAAS,CAAC,EAAA,QAAA,EACtF,QAAQ,EAAA,CACL,CACP;AAOD;AACA,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB,MAChFD,cAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAEC,KAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,EAAA,QAAA,EACzE,QAAQ,EAAA,CACL,CACP;AASD;AACA,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkB,MAC5EC,eAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAED,KAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAChED,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAO,EACzDA,cAAA,CAACG,0BAAU,EAAA,EAAA,YAAA,EACE,eAAe,EAC1B,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAC,kKAAkK,EAAA,QAAA,EAE5KH,cAAA,CAACI,cAAM,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAA,CAAG,EAAA,CAClB,CAAA,EAAA,CACT,CACP;AAaD;AACA,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAyB,MACxFJ,cAAA,CAACG,0BAAU,EAAA,EAAA,YAAA,EACG,KAAK,EACjB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAEF,KAAE,CACX,yKAAyK,EACzK,SAAS,CACV,EAAA,QAAA,EAEDD,cAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,2BAA2B,EAAA,CAAG,EAAA,CACnC,CACd;AAEM,MAAM,SAAS,GAAG;AACvB,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,OAAO,EAAE,gBAAgB;AACzB,IAAA,OAAO,EAAE,gBAAgB;IACzB,SAAS;IACT,gBAAgB;;;;;;"}

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

@@ -0,0 +1,40 @@
+import type { ComponentPropsWithRef, FC, ReactNode } from 'react';
+export { FilterDropdown } from './components/filter-dropdown-menu';
+interface FilterBarRootProps extends ComponentPropsWithRef<'div'> {
+    /** Content and actions for the filter bar */
+    children: ReactNode;
+}
+interface FilterBarContentProps extends ComponentPropsWithRef<'div'> {
+    /** Filter inputs, tabs, or other content */
+    children: ReactNode;
+}
+interface FilterBarActionsProps extends ComponentPropsWithRef<'div'> {
+    /** Action buttons such as date picker, filters, search */
+    children: ReactNode;
+}
+interface FilterRowProps extends ComponentPropsWithRef<'div'> {
+    /** Filter field, operator, and value inputs */
+    children: ReactNode;
+    /** Callback when the remove button is clicked */
+    onRemove?: () => void;
+}
+interface FilterIconButtonProps {
+    /** Icon component to render */
+    icon: FC<{
+        className?: string;
+    }>;
+    /** Accessible label */
+    label?: string;
+    /** Click handler */
+    onPress?: () => void;
+    /** Additional class names */
+    className?: string;
+}
+export declare const FilterBar: {
+    Root: ({ children, className, ...props }: FilterBarRootProps) => import("react").JSX.Element;
+    Content: ({ children, className, ...props }: FilterBarContentProps) => import("react").JSX.Element;
+    Actions: ({ children, className, ...props }: FilterBarActionsProps) => import("react").JSX.Element;
+    FilterRow: ({ children, onRemove, className, ...props }: FilterRowProps) => import("react").JSX.Element;
+    FilterIconButton: ({ icon: Icon, label, onPress, className }: FilterIconButtonProps) => import("react").JSX.Element;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/FilterBar/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlE,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAEnE,UAAU,kBAAmB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IAC/D,6CAA6C;IAC7C,QAAQ,EAAE,SAAS,CAAC;CACrB;AASD,UAAU,qBAAsB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IAClE,4CAA4C;IAC5C,QAAQ,EAAE,SAAS,CAAC;CACrB;AASD,UAAU,qBAAsB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IAClE,0DAA0D;IAC1D,QAAQ,EAAE,SAAS,CAAC;CACrB;AASD,UAAU,cAAe,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IAC3D,+CAA+C;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAgBD,UAAU,qBAAqB;IAC7B,+BAA+B;IAC/B,IAAI,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjC,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD,eAAO,MAAM,SAAS;8CA5EoC,kBAAkB;iDAYf,qBAAqB;iDAYrB,qBAAqB;6DAclB,cAAc;kEAyBT,qBAAqB;CAmBzF,CAAC"}

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

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { XClose } from '@flipdish/ui-icons';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { Button } from 'react-aria-components';
+export { FilterDropdown } from './components/filter-dropdown-menu.js';
+
+/** Root layout container for the filter bar. Arranges content and actions horizontally with wrapping. */
+const FilterBarRoot = ({ children, className, ...props }) => (jsx("div", { ...props, className: cx('flex flex-wrap items-end gap-3', className), children: children }));
+/** Left content area of the filter bar. Grows to fill available space. */
+const FilterBarContent = ({ children, className, ...props }) => (jsx("div", { ...props, className: cx('flex min-w-0 flex-1 flex-wrap items-end gap-3', className), children: children }));
+/** Right actions area of the filter bar. Shrinks to fit content. */
+const FilterBarActions = ({ children, className, ...props }) => (jsx("div", { ...props, className: cx('flex shrink-0 items-center gap-3', className), children: children }));
+/** A single advanced filter row with inputs and a remove button. */
+const FilterRow = ({ children, onRemove, className, ...props }) => (jsxs("div", { ...props, className: cx('flex items-start gap-1', className), children: [jsx("div", { className: "flex items-center gap-3", children: children }), jsx(Button, { "aria-label": "Remove filter", onPress: onRemove, className: "flex size-9 shrink-0 cursor-pointer items-center justify-center rounded-lg text-fg-quaternary transition duration-100 ease-linear hover:text-fg-quaternary_hover", children: jsx(XClose, { className: "size-5" }) })] }));
+/** Icon-only button styled to match filter bar controls (secondary button appearance). */
+const FilterIconButton = ({ icon: Icon, label, onPress, className }) => (jsx(Button, { "aria-label": label, onPress: onPress, className: cx('flex size-9 cursor-pointer items-center justify-center rounded-lg border border-primary bg-primary shadow-xs transition duration-100 ease-linear hover:bg-primary_hover', className), children: jsx(Icon, { className: "size-5 text-fg-quaternary" }) }));
+const FilterBar = {
+    Root: FilterBarRoot,
+    Content: FilterBarContent,
+    Actions: FilterBarActions,
+    FilterRow,
+    FilterIconButton,
+};
+
+export { FilterBar };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/FilterBar/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","AriaButton"],"mappings":";;;;;;AAcA;AACA,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAsB,MAC1EA,GAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,EAAA,QAAA,EACvE,QAAQ,EAAA,CACL,CACP;AAOD;AACA,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB,MAChFA,GAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,+CAA+C,EAAE,SAAS,CAAC,EAAA,QAAA,EACtF,QAAQ,EAAA,CACL,CACP;AAOD;AACA,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB,MAChFA,GAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,EAAA,QAAA,EACzE,QAAQ,EAAA,CACL,CACP;AASD;AACA,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkB,MAC5EC,IAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAChED,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAO,EACzDA,GAAA,CAACE,MAAU,EAAA,EAAA,YAAA,EACE,eAAe,EAC1B,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAC,kKAAkK,EAAA,QAAA,EAE5KF,GAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAA,CAAG,EAAA,CAClB,CAAA,EAAA,CACT,CACP;AAaD;AACA,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAyB,MACxFA,GAAA,CAACE,MAAU,EAAA,EAAA,YAAA,EACG,KAAK,EACjB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CACX,yKAAyK,EACzK,SAAS,CACV,EAAA,QAAA,EAEDF,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,2BAA2B,EAAA,CAAG,EAAA,CACnC,CACd;AAEM,MAAM,SAAS,GAAG;AACvB,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,OAAO,EAAE,gBAAgB;AACzB,IAAA,OAAO,EAAE,gBAAgB;IACzB,SAAS;IACT,gBAAgB;;;;;"}

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

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

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

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