@flipdish/ui-library 0.2.2 → 0.3.0

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

@@ -0,0 +1,163 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Plus, Dropper } from '@flipdish/ui-icons';
+import { Button } from '@flipdish/ui-library/components/atoms/Button';
+import { Select } from '@flipdish/ui-library/components/molecules/Select';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useState, useRef } from 'react';
+import { ColorSwatchPickerItem, ColorSwatch, parseColor, ColorSwatchPicker, ColorSlider, SliderTrack, ColorArea, ColorField, Input, ColorThumb as ColorThumb$1 } from 'react-aria-components';
+import { selectAllOnFocus } from './colorPicker.utils.js';
+import { Provider, useColorPicker } from './providers/color-picker-context.js';
+
+const COLOR_FORMAT_ITEMS = [
+    { id: 'hex', label: 'Hex' },
+    { id: 'rgb', label: 'RGB' },
+    { id: 'css', label: 'CSS' },
+    { id: 'hsl', label: 'HSL' },
+    { id: 'hsb', label: 'HSB' },
+];
+const ColorThumb = ({ className, ...props }) => (jsx(ColorThumb$1, { className: (state) => cx('size-5 cursor-grab rounded-full border-[3px] border-fg-white shadow-md outline-0 outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2', state.isDragging && 'cursor-grabbing', typeof className === 'function' ? className(state) : className), ...props }));
+const ColorPickerArea = ({ style, className, ...props }) => (jsx(ColorArea, { "aria-label": "Color picker", colorSpace: "hsb", xChannel: "saturation", yChannel: "brightness", ...props, style: ({ defaultStyle }) => ({ ...defaultStyle, borderRadius: 8, ...style }), className: (state) => cx('relative aspect-square w-full shrink-0 rounded-lg ring-[0.5px] ring-alpha-black/10 ring-inset', typeof className === 'function' ? className(state) : className), children: jsx(ColorThumb, {}) }));
+const HueSlider = ({ className, ...props }) => (jsx(ColorSlider, { "aria-label": "Hue", ...props, channel: "hue", className: (state) => cx('w-full', typeof className === 'function' ? className(state) : className), children: jsx(SliderTrack, { style: ({ defaultStyle }) => ({ ...defaultStyle, borderRadius: 9999 }), className: "relative h-3 w-full cursor-pointer rounded-full ring-[0.5px] ring-alpha-black/10 ring-inset", children: jsx(ColorThumb, { style: ({ defaultStyle }) => ({ ...defaultStyle, top: '50%' }) }) }) }));
+const AlphaSlider = ({ className, ...props }) => (jsx(ColorSlider, { "aria-label": "Alpha", ...props, channel: "alpha", className: (state) => cx('w-full', typeof className === 'function' ? className(state) : className), children: jsx(SliderTrack, { style: ({ defaultStyle }) => ({
+            ...defaultStyle,
+            borderRadius: 9999,
+            background: `${defaultStyle.background}, repeating-conic-gradient(#ccc 0% 25%, white 0% 50%) 50% / 8px 8px`,
+        }), className: "relative h-3 w-full cursor-pointer rounded-full ring-[0.5px] ring-alpha-black/10 ring-inset", children: jsx(ColorThumb, { style: ({ defaultStyle }) => ({ ...defaultStyle, top: '50%' }) }) }) }));
+const EyeDropperButton = (props) => {
+    const { actions } = useColorPicker();
+    const isSupported = typeof window !== 'undefined' && 'EyeDropper' in window;
+    if (!isSupported)
+        return null;
+    return (jsx(Button, { size: "sm", color: "secondary", iconLeading: Dropper, onClick: async () => {
+            try {
+                // @ts-expect-error EyeDropper API not typed
+                const result = await new EyeDropper().open();
+                actions.setColor(parseColor(result.sRGBHex));
+            }
+            catch {
+                /* cancelled */
+            }
+        }, ...props }));
+};
+const ColorFormatSelect = ({ className, ...props }) => {
+    const { state, actions } = useColorPicker();
+    return (jsx(Select, { size: "sm", "aria-label": "Color format", value: state.colorFormat, onChange: (value) => actions.setColorFormat(value), items: COLOR_FORMAT_ITEMS, className: (state) => cx('w-20 shrink-0', typeof className === 'function' ? className(state) : className), ...props, children: (item) => jsx(Select.Item, { id: item.id, children: item.label }) }));
+};
+/** Wrapper that mirrors InputBase styling with customizable border radius for input groups. */
+const InputCell = ({ position = 'only', className, children, }) => {
+    const radius = {
+        only: 'rounded-lg',
+        first: 'rounded-l-lg',
+        middle: 'rounded-none',
+        last: 'rounded-r-lg',
+    }[position];
+    return (jsx("div", { className: cx('relative flex place-content-center place-items-center bg-primary ring-1 ring-primary transition-shadow duration-100 ease-linear ring-inset focus-within:z-10 focus-within:ring-2 focus-within:ring-brand', radius, position !== 'only' && position !== 'first' && '-ml-px', className), children: children }));
+};
+const SwatchItem = ({ color, size = 'md', ...props }) => (jsx(ColorSwatchPickerItem, { ...props, color: color, style: { '--swatch-color': color }, className: (state) => cx('cursor-pointer rounded-full', size === 'sm' ? 'size-4' : 'size-5', state.isFocusVisible
+        ? 'outline-2 outline-offset-2 outline-focus-ring'
+        : state.isSelected
+            ? 'outline-2 outline-offset-2 outline-(--swatch-color)'
+            : 'outline-0', typeof props.className === 'function' ? props.className(state) : props.className), children: jsx(ColorSwatch, { className: "size-full rounded-full ring-1 ring-alpha-black/10 ring-inset", style: ({ defaultStyle }) => defaultStyle }) }));
+const channelInputClass = 'w-full min-w-0 bg-transparent px-2.5 py-2 text-sm text-primary outline-hidden';
+const CHANNEL_CONFIG = {
+    rgb: { colorSpace: 'rgb', channels: ['red', 'green', 'blue'] },
+    hsl: { colorSpace: 'hsl', channels: ['hue', 'saturation', 'lightness'] },
+    hsb: { colorSpace: 'hsb', channels: ['hue', 'saturation', 'brightness'] },
+};
+const ColorValueInput = () => {
+    const { state } = useColorPicker();
+    if (state.colorFormat === 'hex')
+        return jsx(HexInput, {});
+    if (state.colorFormat === 'css')
+        return jsx(CssInput, {});
+    return jsx(ChannelInput, { format: state.colorFormat });
+};
+const HexInput = () => {
+    const { state, actions } = useColorPicker();
+    return (jsxs("div", { className: "flex flex-1 shadow-xs", children: [jsx(InputCell, { position: "first", className: "flex-1", children: jsxs(ColorField, { "aria-label": "Hex color", value: state.color, onChange: (c) => {
+                        if (c)
+                            actions.setColor(c);
+                    }, className: "flex flex-1 items-center gap-2 px-2.5 py-2", children: [jsx(ColorSwatch, { className: "size-4 shrink-0 rounded-full ring-1 ring-alpha-black/10 ring-inset", style: ({ defaultStyle }) => defaultStyle }), jsx(Input, { onFocus: selectAllOnFocus, className: "w-full min-w-0 bg-transparent text-sm text-primary outline-hidden" })] }) }), jsx(InputCell, { position: "last", className: "w-14 shrink-0", children: jsx(ColorField, { "aria-label": "Alpha", channel: "alpha", value: state.color, onChange: (c) => {
+                        if (c)
+                            actions.setColor(c);
+                    }, className: "flex w-full items-center", children: jsx(Input, { onFocus: selectAllOnFocus, className: "w-full min-w-0 bg-transparent px-2.5 py-2 text-sm text-primary outline-hidden" }) }) })] }));
+};
+const CssInput = () => {
+    const { state, actions } = useColorPicker();
+    const [draft, setDraft] = useState(null);
+    const inputRef = useRef(null);
+    const toRgba = (c) => {
+        const rgb = c.toFormat('rgb');
+        return `rgba(${Math.round(rgb.getChannelValue('red'))}, ${Math.round(rgb.getChannelValue('green'))}, ${Math.round(rgb.getChannelValue('blue'))}, ${Math.round(rgb.getChannelValue('alpha') * 100) / 100})`;
+    };
+    return (jsx(InputCell, { className: "flex-1 shadow-xs", children: jsx("input", { ref: inputRef, value: draft ?? toRgba(state.color), onChange: (e) => setDraft(e.target.value), onFocus: (e) => {
+                const val = toRgba(state.color);
+                setDraft(val);
+                requestAnimationFrame(() => {
+                    const s = val.indexOf('(') + 1;
+                    const end = val.indexOf(')');
+                    if (s > 0 && end > s)
+                        e.target.setSelectionRange(s, end);
+                });
+            }, onBlur: () => {
+                if (draft !== null) {
+                    try {
+                        actions.setColor(parseColor(draft));
+                    }
+                    catch {
+                        /* */
+                    }
+                    setDraft(null);
+                }
+            }, className: "w-full min-w-0 bg-transparent px-3 py-2 text-sm text-primary outline-hidden" }) }));
+};
+const ChannelInput = ({ format }) => {
+    const { state, actions } = useColorPicker();
+    const config = CHANNEL_CONFIG[format];
+    if (!config)
+        return null;
+    const converted = state.color.toFormat(config.colorSpace);
+    return (jsxs("div", { className: "flex flex-1 shadow-xs", children: [config.channels.map((ch, i) => (jsx(InputCell, { position: i === 0 ? 'first' : 'middle', className: "flex-1", children: jsx(ColorField, { "aria-label": ch.charAt(0).toUpperCase() + ch.slice(1), channel: ch, colorSpace: config.colorSpace, value: converted, onChange: (c) => {
+                        if (c)
+                            actions.setColor(c);
+                    }, className: "flex w-full", children: jsx(Input, { onFocus: selectAllOnFocus, className: channelInputClass }) }) }, ch))), jsx(InputCell, { position: "last", className: "w-14 shrink-0", children: jsx(ColorField, { "aria-label": "Alpha", channel: "alpha", value: converted, onChange: (c) => {
+                        if (c)
+                            actions.setColor(c);
+                    }, className: "flex w-full", children: jsx(Input, { onFocus: selectAllOnFocus, className: channelInputClass }) }) })] }));
+};
+const SavedColors = ({ label = 'Saved', colors, onAdd, onSelect }) => {
+    // Check if colors are solid (parseable) or gradients
+    const isSolid = colors.length > 0 &&
+        (() => {
+            try {
+                parseColor(colors[0]);
+                return true;
+            }
+            catch {
+                return false;
+            }
+        })();
+    return (jsxs("div", { className: "flex flex-col gap-3", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx("p", { className: "flex-1 text-sm font-semibold text-secondary", children: label }), onAdd && (jsx(Button, { size: "xs", color: "link-gray", iconLeading: Plus, onClick: onAdd, children: "Add" }))] }), isSolid ? (jsx(ColorSwatchPicker, { "aria-label": label, className: "flex flex-wrap gap-2", onChange: (color) => onSelect?.(color.toString('hex')), children: colors.map((c) => (jsx(SwatchItem, { color: c }, c))) })) : (jsx("div", { className: "flex flex-wrap gap-2", children: colors.map((c, i) => (jsx("button", { type: "button", onClick: () => onSelect?.(c), className: "size-5 cursor-pointer rounded-full ring-1 ring-alpha-black/10 transition duration-100 ease-linear ring-inset hover:scale-110 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring", style: { background: c }, "aria-label": "Select gradient" }, `${c}-${
+                // biome-ignore lint/suspicious/noArrayIndexKey: static, ordered list of colors
+                i}`))) }))] }));
+};
+/** All-in-one solid color picker layout */
+const ColorPickerSolid = () => (jsxs("div", { className: "flex flex-col gap-4", children: [jsx(ColorPickerArea, {}), jsxs("div", { className: "flex flex-col gap-4", children: [jsxs("div", { className: "flex items-start gap-3", children: [jsx(EyeDropperButton, {}), jsxs("div", { className: "flex flex-1 flex-col gap-3", children: [jsx(HueSlider, {}), jsx(AlphaSlider, {})] })] }), jsxs("div", { className: "flex items-center gap-3", children: [jsx(ColorFormatSelect, {}), jsx(ColorValueInput, {})] })] })] }));
+/** Card container for the color picker. */
+const ColorPickerDialog = ({ className, children }) => (jsx("div", { className: cx('relative flex w-80 flex-col overflow-clip rounded-2xl bg-primary shadow-xl ring-1 ring-secondary_alt', className), children: children }));
+/** Compound export */
+const ColorPicker = Object.assign(ColorPickerSolid, {
+    Dialog: ColorPickerDialog,
+    Provider,
+    Area: ColorPickerArea,
+    HueSlider,
+    AlphaSlider,
+    EyeDropper: EyeDropperButton,
+    ColorFormatSelect,
+    ColorValueInput,
+    SavedColors,
+    SwatchItem,
+});
+
+export { ColorPicker, InputCell, SwatchItem };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/ColorPicker/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaColorThumb","AriaColorArea","AriaColorSlider","AriaSliderTrack","AriaColorSwatchPickerItem","AriaColorSwatch","_jsxs","AriaColorField","AriaInput","AriaColorSwatchPicker"],"mappings":"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"}

package/dist/components/organisms/ColorPicker/providers/color-picker-context.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+
+const ColorPickerContext = React.createContext(null);
+const ColorPickerProvider = ColorPickerContext.Provider;
+const useColorPicker = () => {
+    const ctx = React.useContext(ColorPickerContext);
+    if (!ctx)
+        throw new Error('useColorPicker must be used within <ColorPicker.Provider>');
+    return ctx;
+};
+/** Create actions from a setState function. */
+const createActions = (setState) => ({
+    setColor: (color) => setState((s) => ({ ...s, color: color.toFormat('hsb') })),
+    setColorFormat: (format) => setState((s) => ({ ...s, colorFormat: format })),
+});
+/** Color state provider. Wraps children in both context and AriaColorPicker. */
+const Provider = ({ defaultValue = '#7F56D9', value, defaultColorFormat = 'hex', onChange, children }) => {
+    const [state, setState] = React.useState(() => {
+        const initial = value ?? defaultValue;
+        const parsed = typeof initial === 'string' ? reactAriaComponents.parseColor(initial) : initial;
+        return { color: parsed.toFormat('hsb'), colorFormat: defaultColorFormat };
+    });
+    const actions = React.useMemo(() => createActions(setState), []);
+    // Sync controlled value into internal state
+    const isExternalSync = React.useRef(false);
+    React.useEffect(() => {
+        if (value !== undefined) {
+            isExternalSync.current = true;
+            const parsed = typeof value === 'string' ? reactAriaComponents.parseColor(value) : value;
+            setState((s) => ({ ...s, color: parsed.toFormat('hsb') }));
+        }
+    }, [value]);
+    const prevColor = React.useRef(state.color);
+    React.useEffect(() => {
+        if (state.color !== prevColor.current) {
+            prevColor.current = state.color;
+            if (isExternalSync.current) {
+                isExternalSync.current = false;
+            }
+            else {
+                onChange?.(state.color);
+            }
+        }
+    });
+    return (jsxRuntime.jsx(ColorPickerProvider, { value: { state, actions }, children: jsxRuntime.jsx(reactAriaComponents.ColorPicker, { value: state.color, onChange: (c) => actions.setColor(c), children: children }) }));
+};
+
+exports.Provider = Provider;
+exports.useColorPicker = useColorPicker;
+//# sourceMappingURL=color-picker-context.cjs.map

package/dist/components/organisms/ColorPicker/providers/color-picker-context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker-context.cjs","sources":["../../../../../src/components/organisms/ColorPicker/providers/color-picker-context.tsx"],"sourcesContent":[null],"names":["createContext","useContext","useState","parseColor","useMemo","useRef","useEffect","_jsx","AriaColorPicker"],"mappings":";;;;;;AA6BA,MAAM,kBAAkB,GAAGA,mBAAa,CAAiC,IAAI,CAAC;AAC9E,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,QAAQ;AAEhD,MAAM,cAAc,GAAG,MAA8B;AAC1D,IAAA,MAAM,GAAG,GAAGC,gBAAU,CAAC,kBAAkB,CAAC;AAC1C,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,2DAA2D,CAAC;AACtF,IAAA,OAAO,GAAG;AACZ;AAKA;AACA,MAAM,aAAa,GAAG,CAAC,QAAgE,MAA0B;AAC/G,IAAA,QAAQ,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC9E,cAAc,EAAE,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;AAC7E,CAAA,CAAC;AAeF;MACa,QAAQ,GAAG,CAAC,EAAE,YAAY,GAAG,SAAS,EAAE,KAAK,EAAE,kBAAkB,GAAG,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAiB,KAAI;IAC7H,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGC,cAAQ,CAAmB,MAAK;AACxD,QAAA,MAAM,OAAO,GAAG,KAAK,IAAI,YAAY;AACrC,QAAA,MAAM,MAAM,GAAG,OAAO,OAAO,KAAK,QAAQ,GAAGC,8BAAU,CAAC,OAAO,CAAC,GAAG,OAAO;AAC1E,QAAA,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,kBAAkB,EAAE;AAC3E,IAAA,CAAC,CAAC;AACF,IAAA,MAAM,OAAO,GAAGC,aAAO,CAAC,MAAM,aAAa,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;;AAG1D,IAAA,MAAM,cAAc,GAAGC,YAAM,CAAC,KAAK,CAAC;IACpCC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,KAAK,KAAK,SAAS,EAAE;AACvB,YAAA,cAAc,CAAC,OAAO,GAAG,IAAI;AAC7B,YAAA,MAAM,MAAM,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAGH,8BAAU,CAAC,KAAK,CAAC,GAAG,KAAK;YACpE,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAC5D;AACF,IAAA,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IAEX,MAAM,SAAS,GAAGE,YAAM,CAAC,KAAK,CAAC,KAAK,CAAC;IACrCC,eAAS,CAAC,MAAK;QACb,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,OAAO,EAAE;AACrC,YAAA,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK;AAC/B,YAAA,IAAI,cAAc,CAAC,OAAO,EAAE;AAC1B,gBAAA,cAAc,CAAC,OAAO,GAAG,KAAK;YAChC;iBAAO;AACL,gBAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC;YACzB;QACF;AACF,IAAA,CAAC,CAAC;AAEF,IAAA,QACEC,cAAA,CAAC,mBAAmB,EAAA,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAA,QAAA,EAC5CA,cAAA,CAACC,+BAAe,EAAA,EAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAA,QAAA,EACtE,QAAQ,EAAA,CACO,EAAA,CACE;AAE1B;;;;;"}

package/dist/components/organisms/ColorPicker/providers/color-picker-context.d.ts

@@ -0,0 +1,39 @@
+import type { ReactNode } from 'react';
+import type { Color } from 'react-aria-components';
+import type { ColorDisplayFormat } from '../colorPicker.utils';
+/** Color picker state. */
+export interface ColorPickerState {
+    /** Currently selected color. */
+    color: Color;
+    /** Active color format for the value input. */
+    colorFormat: ColorDisplayFormat;
+}
+/** Actions for the color picker. */
+export interface ColorPickerActions {
+    /** Set the active color. */
+    setColor: (color: Color) => void;
+    /** Switch the color format (hex, rgb, css, hsl, hsb). */
+    setColorFormat: (format: ColorDisplayFormat) => void;
+}
+export interface ColorPickerContextValue {
+    state: ColorPickerState;
+    actions: ColorPickerActions;
+}
+export declare const useColorPicker: () => ColorPickerContextValue;
+/** Non-throwing version — returns null when outside a Provider. */
+export declare const useColorPickerSafe: () => ColorPickerContextValue | null;
+/** Props for the color state provider. */
+export interface ProviderProps {
+    /** Initial color value as a CSS string or React Aria Color object. */
+    defaultValue?: string | Color;
+    /** Controlled color value as a CSS string or React Aria Color object. */
+    value?: string | Color;
+    /** Initial color format for the value input. */
+    defaultColorFormat?: ColorDisplayFormat;
+    /** Called when the selected color changes. */
+    onChange?: (color: Color) => void;
+    children: ReactNode;
+}
+/** Color state provider. Wraps children in both context and AriaColorPicker. */
+export declare const Provider: ({ defaultValue, value, defaultColorFormat, onChange, children }: ProviderProps) => import("react").JSX.Element;
+//# sourceMappingURL=color-picker-context.d.ts.map

package/dist/components/organisms/ColorPicker/providers/color-picker-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker-context.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/ColorPicker/providers/color-picker-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,0BAA0B;AAC1B,MAAM,WAAW,gBAAgB;IAC/B,gCAAgC;IAChC,KAAK,EAAE,KAAK,CAAC;IACb,+CAA+C;IAC/C,WAAW,EAAE,kBAAkB,CAAC;CACjC;AAED,oCAAoC;AACpC,MAAM,WAAW,kBAAkB;IACjC,4BAA4B;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,yDAAyD;IACzD,cAAc,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACtD;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,gBAAgB,CAAC;IACxB,OAAO,EAAE,kBAAkB,CAAC;CAC7B;AAKD,eAAO,MAAM,cAAc,QAAO,uBAIjC,CAAC;AAEF,mEAAmE;AACnE,eAAO,MAAM,kBAAkB,QAAO,uBAAuB,GAAG,IAAsC,CAAC;AAQvG,0CAA0C;AAC1C,MAAM,WAAW,aAAa;IAC5B,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC9B,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACvB,gDAAgD;IAChD,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,gFAAgF;AAChF,eAAO,MAAM,QAAQ,GAAI,iEAAqF,aAAa,gCAqC1H,CAAC"}

package/dist/components/organisms/ColorPicker/providers/color-picker-context.js

@@ -0,0 +1,51 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useState, useMemo, useRef, useEffect, useContext } from 'react';
+import { parseColor, ColorPicker } from 'react-aria-components';
+
+const ColorPickerContext = createContext(null);
+const ColorPickerProvider = ColorPickerContext.Provider;
+const useColorPicker = () => {
+    const ctx = useContext(ColorPickerContext);
+    if (!ctx)
+        throw new Error('useColorPicker must be used within <ColorPicker.Provider>');
+    return ctx;
+};
+/** Create actions from a setState function. */
+const createActions = (setState) => ({
+    setColor: (color) => setState((s) => ({ ...s, color: color.toFormat('hsb') })),
+    setColorFormat: (format) => setState((s) => ({ ...s, colorFormat: format })),
+});
+/** Color state provider. Wraps children in both context and AriaColorPicker. */
+const Provider = ({ defaultValue = '#7F56D9', value, defaultColorFormat = 'hex', onChange, children }) => {
+    const [state, setState] = useState(() => {
+        const initial = value ?? defaultValue;
+        const parsed = typeof initial === 'string' ? parseColor(initial) : initial;
+        return { color: parsed.toFormat('hsb'), colorFormat: defaultColorFormat };
+    });
+    const actions = useMemo(() => createActions(setState), []);
+    // Sync controlled value into internal state
+    const isExternalSync = useRef(false);
+    useEffect(() => {
+        if (value !== undefined) {
+            isExternalSync.current = true;
+            const parsed = typeof value === 'string' ? parseColor(value) : value;
+            setState((s) => ({ ...s, color: parsed.toFormat('hsb') }));
+        }
+    }, [value]);
+    const prevColor = useRef(state.color);
+    useEffect(() => {
+        if (state.color !== prevColor.current) {
+            prevColor.current = state.color;
+            if (isExternalSync.current) {
+                isExternalSync.current = false;
+            }
+            else {
+                onChange?.(state.color);
+            }
+        }
+    });
+    return (jsx(ColorPickerProvider, { value: { state, actions }, children: jsx(ColorPicker, { value: state.color, onChange: (c) => actions.setColor(c), children: children }) }));
+};
+
+export { Provider, useColorPicker };
+//# sourceMappingURL=color-picker-context.js.map

package/dist/components/organisms/ColorPicker/providers/color-picker-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker-context.js","sources":["../../../../../src/components/organisms/ColorPicker/providers/color-picker-context.tsx"],"sourcesContent":[null],"names":["_jsx","AriaColorPicker"],"mappings":";;;;AA6BA,MAAM,kBAAkB,GAAG,aAAa,CAAiC,IAAI,CAAC;AAC9E,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,QAAQ;AAEhD,MAAM,cAAc,GAAG,MAA8B;AAC1D,IAAA,MAAM,GAAG,GAAG,UAAU,CAAC,kBAAkB,CAAC;AAC1C,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,2DAA2D,CAAC;AACtF,IAAA,OAAO,GAAG;AACZ;AAKA;AACA,MAAM,aAAa,GAAG,CAAC,QAAgE,MAA0B;AAC/G,IAAA,QAAQ,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC9E,cAAc,EAAE,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;AAC7E,CAAA,CAAC;AAeF;MACa,QAAQ,GAAG,CAAC,EAAE,YAAY,GAAG,SAAS,EAAE,KAAK,EAAE,kBAAkB,GAAG,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAiB,KAAI;IAC7H,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAmB,MAAK;AACxD,QAAA,MAAM,OAAO,GAAG,KAAK,IAAI,YAAY;AACrC,QAAA,MAAM,MAAM,GAAG,OAAO,OAAO,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAC,GAAG,OAAO;AAC1E,QAAA,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,kBAAkB,EAAE;AAC3E,IAAA,CAAC,CAAC;AACF,IAAA,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,aAAa,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;;AAG1D,IAAA,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC;IACpC,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,KAAK,KAAK,SAAS,EAAE;AACvB,YAAA,cAAc,CAAC,OAAO,GAAG,IAAI;AAC7B,YAAA,MAAM,MAAM,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,KAAK;YACpE,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAC5D;AACF,IAAA,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IAEX,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC;IACrC,SAAS,CAAC,MAAK;QACb,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,OAAO,EAAE;AACrC,YAAA,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK;AAC/B,YAAA,IAAI,cAAc,CAAC,OAAO,EAAE;AAC1B,gBAAA,cAAc,CAAC,OAAO,GAAG,KAAK;YAChC;iBAAO;AACL,gBAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC;YACzB;QACF;AACF,IAAA,CAAC,CAAC;AAEF,IAAA,QACEA,GAAA,CAAC,mBAAmB,EAAA,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAA,QAAA,EAC5CA,GAAA,CAACC,WAAe,EAAA,EAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAA,QAAA,EACtE,QAAQ,EAAA,CACO,EAAA,CACE;AAE1B;;;;"}

package/dist/components/organisms/CommandMenu/commandMenu.utils.cjs

@@ -0,0 +1,55 @@
+'use strict';
+
+/**
+ * Merges multiple React refs into a single ref callback.
+ *
+ * @param refs - An array of refs which can be mutable ref objects, legacy refs, or undefined/null.
+ * @returns A ref callback function that assigns the given value to all provided refs.
+ *
+ * @typeParam T - The type of the ref value.
+ */
+function mergeRefs(refs) {
+    return (value) => {
+        refs.forEach((ref) => {
+            if (typeof ref === 'function') {
+                ref(value);
+            }
+            else if (ref != null) {
+                ref.current = value;
+            }
+        });
+    };
+}
+/**
+ * Compares two values to determine if they are deeply equal.
+ *
+ * @param obj1 - The first value to compare.
+ * @param obj2 - The second value to compare.
+ *
+ * @returns True if the values are deeply equal, otherwise false.
+ */
+const isDeepEqual = (obj1, obj2) => {
+    // Check if both are the same reference
+    if (obj1 === obj2)
+        return true;
+    // Check if both are objects and not null
+    if (typeof obj1 !== 'object' || obj1 === null || typeof obj2 !== 'object' || obj2 === null) {
+        return false;
+    }
+    // Check if they have the same number of keys
+    const keys1 = Object.keys(obj1);
+    const keys2 = Object.keys(obj2);
+    if (keys1.length !== keys2.length)
+        return false;
+    // Recursively check each key
+    for (const key of keys1) {
+        if (!keys2.includes(key) || !isDeepEqual(obj1[key], obj2[key])) {
+            return false;
+        }
+    }
+    return true;
+};
+
+exports.isDeepEqual = isDeepEqual;
+exports.mergeRefs = mergeRefs;
+//# sourceMappingURL=commandMenu.utils.cjs.map

package/dist/components/organisms/CommandMenu/commandMenu.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"commandMenu.utils.cjs","sources":["../../../../src/components/organisms/CommandMenu/commandMenu.utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;;;;;;;AAOG;AACG,SAAU,SAAS,CAAU,IAA8E,EAAA;IAC/G,OAAO,CAAC,KAAK,KAAI;AACf,QAAA,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AACnB,YAAA,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;gBAC7B,GAAG,CAAC,KAAK,CAAC;YACZ;AAAO,iBAAA,IAAI,GAAG,IAAI,IAAI,EAAE;AACrB,gBAAA,GAAwC,CAAC,OAAO,GAAG,KAAK;YAC3D;AACF,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC;AACH;AAEA;;;;;;;AAOG;MACU,WAAW,GAAG,CAAC,IAAS,EAAE,IAAS,KAAa;;IAE3D,IAAI,IAAI,KAAK,IAAI;AAAE,QAAA,OAAO,IAAI;;AAG9B,IAAA,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI,EAAE;AAC1F,QAAA,OAAO,KAAK;IACd;;IAGA,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;IAC/B,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;AAC/B,IAAA,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM;AAAE,QAAA,OAAO,KAAK;;AAG/C,IAAA,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;QACvB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;AAC9D,YAAA,OAAO,KAAK;QACd;IACF;AAEA,IAAA,OAAO,IAAI;AACb;;;;;"}

package/dist/components/organisms/CommandMenu/commandMenu.utils.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Merges multiple React refs into a single ref callback.
+ *
+ * @param refs - An array of refs which can be mutable ref objects, legacy refs, or undefined/null.
+ * @returns A ref callback function that assigns the given value to all provided refs.
+ *
+ * @typeParam T - The type of the ref value.
+ */
+export declare function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T> | undefined | null>): React.RefCallback<T>;
+/**
+ * Compares two values to determine if they are deeply equal.
+ *
+ * @param obj1 - The first value to compare.
+ * @param obj2 - The second value to compare.
+ *
+ * @returns True if the values are deeply equal, otherwise false.
+ */
+export declare const isDeepEqual: (obj1: any, obj2: any) => boolean;
+//# sourceMappingURL=commandMenu.utils.d.ts.map

package/dist/components/organisms/CommandMenu/commandMenu.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"commandMenu.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/CommandMenu/commandMenu.utils.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAUvI;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,GAAI,MAAM,GAAG,EAAE,MAAM,GAAG,KAAG,OAsBlD,CAAC"}

package/dist/components/organisms/CommandMenu/commandMenu.utils.js

@@ -0,0 +1,52 @@
+/**
+ * Merges multiple React refs into a single ref callback.
+ *
+ * @param refs - An array of refs which can be mutable ref objects, legacy refs, or undefined/null.
+ * @returns A ref callback function that assigns the given value to all provided refs.
+ *
+ * @typeParam T - The type of the ref value.
+ */
+function mergeRefs(refs) {
+    return (value) => {
+        refs.forEach((ref) => {
+            if (typeof ref === 'function') {
+                ref(value);
+            }
+            else if (ref != null) {
+                ref.current = value;
+            }
+        });
+    };
+}
+/**
+ * Compares two values to determine if they are deeply equal.
+ *
+ * @param obj1 - The first value to compare.
+ * @param obj2 - The second value to compare.
+ *
+ * @returns True if the values are deeply equal, otherwise false.
+ */
+const isDeepEqual = (obj1, obj2) => {
+    // Check if both are the same reference
+    if (obj1 === obj2)
+        return true;
+    // Check if both are objects and not null
+    if (typeof obj1 !== 'object' || obj1 === null || typeof obj2 !== 'object' || obj2 === null) {
+        return false;
+    }
+    // Check if they have the same number of keys
+    const keys1 = Object.keys(obj1);
+    const keys2 = Object.keys(obj2);
+    if (keys1.length !== keys2.length)
+        return false;
+    // Recursively check each key
+    for (const key of keys1) {
+        if (!keys2.includes(key) || !isDeepEqual(obj1[key], obj2[key])) {
+            return false;
+        }
+    }
+    return true;
+};
+
+export { isDeepEqual, mergeRefs };
+//# sourceMappingURL=commandMenu.utils.js.map

package/dist/components/organisms/CommandMenu/commandMenu.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commandMenu.utils.js","sources":["../../../../src/components/organisms/CommandMenu/commandMenu.utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;;;;;;AAOG;AACG,SAAU,SAAS,CAAU,IAA8E,EAAA;IAC/G,OAAO,CAAC,KAAK,KAAI;AACf,QAAA,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AACnB,YAAA,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;gBAC7B,GAAG,CAAC,KAAK,CAAC;YACZ;AAAO,iBAAA,IAAI,GAAG,IAAI,IAAI,EAAE;AACrB,gBAAA,GAAwC,CAAC,OAAO,GAAG,KAAK;YAC3D;AACF,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC;AACH;AAEA;;;;;;;AAOG;MACU,WAAW,GAAG,CAAC,IAAS,EAAE,IAAS,KAAa;;IAE3D,IAAI,IAAI,KAAK,IAAI;AAAE,QAAA,OAAO,IAAI;;AAG9B,IAAA,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI,EAAE;AAC1F,QAAA,OAAO,KAAK;IACd;;IAGA,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;IAC/B,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;AAC/B,IAAA,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM;AAAE,QAAA,OAAO,KAAK;;AAG/C,IAAA,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;QACvB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;AAC9D,YAAA,OAAO,KAAK;QACd;IACF;AAEA,IAAA,OAAO,IAAI;AACb;;;;"}

package/dist/components/organisms/CommandMenu/components/command-input.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var Tooltip = require('@flipdish/ui-library/components/atoms/Tooltip');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var reactAriaComponents = require('react-aria-components');
+var commandShortcut = require('./command-shortcut.cjs');
+
+const CommandInput = ({ placeholder, shortcutKeys, tooltip, className, ...props }) => {
+    return (jsxRuntime.jsxs(reactAriaComponents.Group, { className: ({ isFocusWithin }) => cx.cx('flex items-center gap-x-2 rounded-xl bg-primary p-4', isFocusWithin && 'outline-2 outline-focus-ring', className), children: [jsxRuntime.jsx("div", { className: "pointer-events-none absolute", children: jsxRuntime.jsx(uiIcons.SearchLg, { className: "size-5 text-fg-quaternary" }) }), jsxRuntime.jsx(reactAriaComponents.Input, { placeholder: placeholder, className: "m-0 w-full bg-transparent pl-7 text-md text-primary ring-0 outline-hidden placeholder:text-placeholder autofill:rounded-lg autofill:text-primary", ...props }), tooltip && (jsxRuntime.jsx(Tooltip.Tooltip, { title: tooltip, placement: "top", children: jsxRuntime.jsx(Tooltip.TooltipTrigger, { className: "cursor-pointer text-fg-quaternary transition duration-200 hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover", children: jsxRuntime.jsx(uiIcons.HelpCircle, { className: "size-4 stroke-[2.25px]" }) }) })), shortcutKeys && jsxRuntime.jsx(commandShortcut.CommandShortcut, { keys: shortcutKeys })] }));
+};
+
+exports.CommandInput = CommandInput;
+//# sourceMappingURL=command-input.cjs.map

package/dist/components/organisms/CommandMenu/components/command-input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-input.cjs","sources":["../../../../../src/components/organisms/CommandMenu/components/command-input.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaGroup","cx","_jsx","SearchLg","AriaInput","Tooltip","TooltipTrigger","HelpCircle","CommandShortcut"],"mappings":";;;;;;;;;AAkBO,MAAM,YAAY,GAAG,CAAC,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAqB,KAAI;IAC7G,QACEA,gBAACC,yBAAS,EAAA,EACR,SAAS,EAAE,CAAC,EAAE,aAAa,EAAE,KAC3BC,KAAE,CAAC,qDAAqD,EAAE,aAAa,IAAI,8BAA8B,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAGvHC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8BAA8B,YAC3CA,cAAA,CAACC,gBAAQ,IAAC,SAAS,EAAC,2BAA2B,EAAA,CAAG,EAAA,CAC9C,EAEND,cAAA,CAACE,yBAAS,IACR,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,kJAAkJ,EAAA,GACxJ,KAAK,GACT,EAED,OAAO,KACNF,cAAA,CAACG,eAAO,EAAA,EAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAC,KAAK,YACtCH,cAAA,CAACI,sBAAc,EAAA,EAAC,SAAS,EAAC,yHAAyH,YACjJJ,cAAA,CAACK,kBAAU,IAAC,SAAS,EAAC,wBAAwB,EAAA,CAAG,EAAA,CAClC,GACT,CACX,EAEA,YAAY,IAAIL,cAAA,CAACM,+BAAe,EAAA,EAAC,IAAI,EAAE,YAAY,EAAA,CAAI,CAAA,EAAA,CAC9C;AAEhB;;;;"}

package/dist/components/organisms/CommandMenu/components/command-input.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentPropsWithRef, ReactNode } from 'react';
+import type { InputProps as AriaInputProps } from 'react-aria-components';
+type CommandInputProps = AriaInputProps & ComponentPropsWithRef<'input'> & {
+    placeholder?: string;
+    shortcutKeys?: string[];
+    tooltip?: ReactNode;
+    className?: string;
+};
+export declare const CommandInput: ({ placeholder, shortcutKeys, tooltip, className, ...props }: CommandInputProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=command-input.d.ts.map

package/dist/components/organisms/CommandMenu/components/command-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/CommandMenu/components/command-input.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAI1E,KAAK,iBAAiB,GAAG,cAAc,GACrC,qBAAqB,CAAC,OAAO,CAAC,GAAG;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEJ,eAAO,MAAM,YAAY,GAAI,6DAA6D,iBAAiB,gCA4B1G,CAAC"}

package/dist/components/organisms/CommandMenu/components/command-input.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { SearchLg, HelpCircle } from '@flipdish/ui-icons';
+import { Tooltip, TooltipTrigger } from '@flipdish/ui-library/components/atoms/Tooltip';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { Group, Input } from 'react-aria-components';
+import { CommandShortcut } from './command-shortcut.js';
+
+const CommandInput = ({ placeholder, shortcutKeys, tooltip, className, ...props }) => {
+    return (jsxs(Group, { className: ({ isFocusWithin }) => cx('flex items-center gap-x-2 rounded-xl bg-primary p-4', isFocusWithin && 'outline-2 outline-focus-ring', className), children: [jsx("div", { className: "pointer-events-none absolute", children: jsx(SearchLg, { className: "size-5 text-fg-quaternary" }) }), jsx(Input, { placeholder: placeholder, className: "m-0 w-full bg-transparent pl-7 text-md text-primary ring-0 outline-hidden placeholder:text-placeholder autofill:rounded-lg autofill:text-primary", ...props }), tooltip && (jsx(Tooltip, { title: tooltip, placement: "top", children: jsx(TooltipTrigger, { className: "cursor-pointer text-fg-quaternary transition duration-200 hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover", children: jsx(HelpCircle, { className: "size-4 stroke-[2.25px]" }) }) })), shortcutKeys && jsx(CommandShortcut, { keys: shortcutKeys })] }));
+};
+
+export { CommandInput };
+//# sourceMappingURL=command-input.js.map

package/dist/components/organisms/CommandMenu/components/command-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-input.js","sources":["../../../../../src/components/organisms/CommandMenu/components/command-input.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaGroup","_jsx","AriaInput"],"mappings":";;;;;;;AAkBO,MAAM,YAAY,GAAG,CAAC,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAqB,KAAI;IAC7G,QACEA,KAACC,KAAS,EAAA,EACR,SAAS,EAAE,CAAC,EAAE,aAAa,EAAE,KAC3B,EAAE,CAAC,qDAAqD,EAAE,aAAa,IAAI,8BAA8B,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAGvHC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8BAA8B,YAC3CA,GAAA,CAAC,QAAQ,IAAC,SAAS,EAAC,2BAA2B,EAAA,CAAG,EAAA,CAC9C,EAENA,GAAA,CAACC,KAAS,IACR,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,kJAAkJ,EAAA,GACxJ,KAAK,GACT,EAED,OAAO,KACND,GAAA,CAAC,OAAO,EAAA,EAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAC,KAAK,YACtCA,GAAA,CAAC,cAAc,EAAA,EAAC,SAAS,EAAC,yHAAyH,YACjJA,GAAA,CAAC,UAAU,IAAC,SAAS,EAAC,wBAAwB,EAAA,CAAG,EAAA,CAClC,GACT,CACX,EAEA,YAAY,IAAIA,GAAA,CAAC,eAAe,EAAA,EAAC,IAAI,EAAE,YAAY,EAAA,CAAI,CAAA,EAAA,CAC9C;AAEhB;;;;"}

package/dist/components/organisms/CommandMenu/components/command-menu-footer.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var Button = require('@flipdish/ui-library/components/atoms/Button');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var commandMenuNavigationIcon = require('./command-menu-navigation-icon.cjs');
+
+const CommandMenuFooter = ({ className }) => (jsxRuntime.jsxs("footer", { className: cx.cx('absolute inset-x-0 bottom-0 flex items-center justify-between gap-x-3 bg-alpha-white/80 p-2 pl-4.5 ring-1 ring-secondary_alt backdrop-blur-lg max-md:hidden', className), children: [jsxRuntime.jsxs("div", { className: "flex gap-4", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsxs("div", { className: "flex gap-1.5", children: [jsxRuntime.jsx(commandMenuNavigationIcon.CommandMenuNavigationIcon, { type: "icon", icon: uiIcons.ArrowUp }), jsxRuntime.jsx(commandMenuNavigationIcon.CommandMenuNavigationIcon, { type: "icon", icon: uiIcons.ArrowDown })] }), jsxRuntime.jsx("span", { className: "text-sm font-semibold text-quaternary", children: "to navigate" })] }), jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsx(commandMenuNavigationIcon.CommandMenuNavigationIcon, { type: "icon", icon: uiIcons.CornerDownLeft }), jsxRuntime.jsx("span", { className: "text-sm font-semibold text-quaternary", children: "to select" })] }), jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsx(commandMenuNavigationIcon.CommandMenuNavigationIcon, { type: "text", label: "esc" }), jsxRuntime.jsx("span", { className: "text-sm font-semibold text-quaternary", children: "to close" })] }), jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsx(commandMenuNavigationIcon.CommandMenuNavigationIcon, { type: "icon", icon: uiIcons.ArrowLeft }), jsxRuntime.jsx("span", { className: "text-sm font-semibold text-quaternary", children: "return to parent" })] })] }), jsxRuntime.jsx(Button.Button, { size: "sm", color: "tertiary", iconLeading: uiIcons.Settings01 })] }));
+
+exports.CommandMenuFooter = CommandMenuFooter;
+//# sourceMappingURL=command-menu-footer.cjs.map

package/dist/components/organisms/CommandMenu/components/command-menu-footer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-menu-footer.cjs","sources":["../../../../../src/components/organisms/CommandMenu/components/command-menu-footer.tsx"],"sourcesContent":[null],"names":["_jsxs","cx","_jsx","CommandMenuNavigationIcon","ArrowUp","ArrowDown","CornerDownLeft","ArrowLeft","Button","Settings01"],"mappings":";;;;;;;;AAWO,MAAM,iBAAiB,GAAG,CAAC,EAAE,SAAS,EAA0B,MACrEA,eAAA,CAAA,QAAA,EAAA,EACE,SAAS,EAAEC,KAAE,CACX,6JAA6J,EAC7J,SAAS,CACV,EAAA,QAAA,EAAA,CAEDD,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,YAAY,EAAA,QAAA,EAAA,CACzBA,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACtCA,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,cAAc,EAAA,QAAA,EAAA,CAC3BE,cAAA,CAACC,mDAAyB,EAAA,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAEC,eAAO,EAAA,CAAI,EACxDF,cAAA,CAACC,mDAAyB,EAAA,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAEE,iBAAS,EAAA,CAAI,IACtD,EACNH,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uCAAuC,EAAA,QAAA,EAAA,aAAA,EAAA,CAAmB,CAAA,EAAA,CACtE,EACNF,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,aACtCE,cAAA,CAACC,mDAAyB,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAEG,sBAAc,EAAA,CAAI,EAC/DJ,yBAAM,SAAS,EAAC,uCAAuC,EAAA,QAAA,EAAA,WAAA,EAAA,CAAiB,IACpE,EACNF,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACtCE,cAAA,CAACC,mDAAyB,EAAA,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK,EAAA,CAAG,EACrDD,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uCAAuC,yBAAgB,CAAA,EAAA,CACnE,EACNF,yBAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACtCE,eAACC,mDAAyB,EAAA,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAEI,iBAAS,GAAI,EAC1DL,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uCAAuC,EAAA,QAAA,EAAA,kBAAA,EAAA,CAAwB,CAAA,EAAA,CAC3E,CAAA,EAAA,CACF,EACNA,eAACM,aAAM,EAAA,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,EAAC,WAAW,EAAEC,kBAAU,EAAA,CAAI,CAAA,EAAA,CACvD;;;;"}

package/dist/components/organisms/CommandMenu/components/command-menu-footer.d.ts

@@ -0,0 +1,6 @@
+interface CommandMenuFooterProps {
+    className?: string;
+}
+export declare const CommandMenuFooter: ({ className }: CommandMenuFooterProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=command-menu-footer.d.ts.map

package/dist/components/organisms/CommandMenu/components/command-menu-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-menu-footer.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/CommandMenu/components/command-menu-footer.tsx"],"names":[],"mappings":"AAOA,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,GAAI,eAAe,sBAAsB,gCA8BtE,CAAC"}

package/dist/components/organisms/CommandMenu/components/command-menu-footer.js

@@ -0,0 +1,10 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ArrowUp, ArrowDown, CornerDownLeft, ArrowLeft, Settings01 } from '@flipdish/ui-icons';
+import { Button } from '@flipdish/ui-library/components/atoms/Button';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { CommandMenuNavigationIcon } from './command-menu-navigation-icon.js';
+
+const CommandMenuFooter = ({ className }) => (jsxs("footer", { className: cx('absolute inset-x-0 bottom-0 flex items-center justify-between gap-x-3 bg-alpha-white/80 p-2 pl-4.5 ring-1 ring-secondary_alt backdrop-blur-lg max-md:hidden', className), children: [jsxs("div", { className: "flex gap-4", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsxs("div", { className: "flex gap-1.5", children: [jsx(CommandMenuNavigationIcon, { type: "icon", icon: ArrowUp }), jsx(CommandMenuNavigationIcon, { type: "icon", icon: ArrowDown })] }), jsx("span", { className: "text-sm font-semibold text-quaternary", children: "to navigate" })] }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(CommandMenuNavigationIcon, { type: "icon", icon: CornerDownLeft }), jsx("span", { className: "text-sm font-semibold text-quaternary", children: "to select" })] }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(CommandMenuNavigationIcon, { type: "text", label: "esc" }), jsx("span", { className: "text-sm font-semibold text-quaternary", children: "to close" })] }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(CommandMenuNavigationIcon, { type: "icon", icon: ArrowLeft }), jsx("span", { className: "text-sm font-semibold text-quaternary", children: "return to parent" })] })] }), jsx(Button, { size: "sm", color: "tertiary", iconLeading: Settings01 })] }));
+
+export { CommandMenuFooter };
+//# sourceMappingURL=command-menu-footer.js.map

package/dist/components/organisms/CommandMenu/components/command-menu-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-menu-footer.js","sources":["../../../../../src/components/organisms/CommandMenu/components/command-menu-footer.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAWO,MAAM,iBAAiB,GAAG,CAAC,EAAE,SAAS,EAA0B,MACrEA,IAAA,CAAA,QAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,6JAA6J,EAC7J,SAAS,CACV,EAAA,QAAA,EAAA,CAEDA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,YAAY,EAAA,QAAA,EAAA,CACzBA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACtCA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,cAAc,EAAA,QAAA,EAAA,CAC3BC,GAAA,CAAC,yBAAyB,EAAA,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,OAAO,EAAA,CAAI,EACxDA,GAAA,CAAC,yBAAyB,EAAA,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,SAAS,EAAA,CAAI,IACtD,EACNA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uCAAuC,EAAA,QAAA,EAAA,aAAA,EAAA,CAAmB,CAAA,EAAA,CACtE,EACND,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,aACtCC,GAAA,CAAC,yBAAyB,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,cAAc,EAAA,CAAI,EAC/DA,cAAM,SAAS,EAAC,uCAAuC,EAAA,QAAA,EAAA,WAAA,EAAA,CAAiB,IACpE,EACND,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACtCC,GAAA,CAAC,yBAAyB,EAAA,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK,EAAA,CAAG,EACrDA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uCAAuC,yBAAgB,CAAA,EAAA,CACnE,EACND,cAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACtCC,IAAC,yBAAyB,EAAA,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,SAAS,GAAI,EAC1DA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uCAAuC,EAAA,QAAA,EAAA,kBAAA,EAAA,CAAwB,CAAA,EAAA,CAC3E,CAAA,EAAA,CACF,EACNA,IAAC,MAAM,EAAA,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,EAAC,WAAW,EAAE,UAAU,EAAA,CAAI,CAAA,EAAA,CACvD;;;;"}