@flipdish/ui-library 0.30.0 → 0.31.1

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

@@ -0,0 +1,81 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+
+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, 'data-testid': dataTestId, }) => {
+    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 a controlled `value` into internal state, without echoing that same change back out
+    // through `onChange`.
+    //
+    // The `isExternalSync` flag below is only ever set to `true` from *inside* the `setState`
+    // updater, and only when the incoming value is actually different (by canonical string, not
+    // object reference — see below) from the color already in state. This guarantees that setting
+    // the flag and clearing it (in the effect further down, once the resulting re-render lands)
+    // are paired 1:1 with a real `state.color` change.
+    //
+    // A previous version set the flag unconditionally whenever a controlled `value` prop was
+    // supplied, and cleared it only once `state.color` was observed to have changed by *object*
+    // reference. `Color#toFormat` returns `this` (the same reference) when a color is already in
+    // the requested format, but always allocates a new object when it isn't — so a value-prop sync
+    // could produce a genuinely new `Color` reference for a value that was already reflected
+    // internally (same color, different underlying representation history). That reference churn
+    // satisfied the reference-diff check without a real color change, consuming the "clear the
+    // flag" step early — so it stayed stuck at `true` afterward. The *next* genuinely
+    // internally-driven color change (e.g. typing a new value) then got misidentified as an
+    // external echo, and its `onChange` notification was silently dropped — leaving consumers (and
+    // any closures reading their state, like a "saved colors" list's "Add" handler) with a stale
+    // color.
+    const isExternalSync = React.useRef(false);
+    React.useEffect(() => {
+        if (value === undefined)
+            return;
+        const parsed = typeof value === 'string' ? reactAriaComponents.parseColor(value) : value;
+        setState((s) => {
+            if (parsed.toString('hsba') === s.color.toString('hsba'))
+                return s;
+            isExternalSync.current = true;
+            return { ...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);
+            }
+        }
+    });
+    const ambientPrefix = testIdUtils.useTestIdPrefix();
+    const providerTestId = dataTestId ?? ambientPrefix ?? testIdUtils.rootTestId('color-picker');
+    return (jsxRuntime.jsx(ColorPickerProvider, { value: { state, actions }, children: jsxRuntime.jsx(testIdUtils.TestIdProvider, { value: providerTestId, children: jsxRuntime.jsx(reactAriaComponents.ColorPicker, { value: state.color, onChange: (c) => actions.setColor(c), children: children }) }) }));
+};
+
+exports.Provider = Provider;
+exports.useColorPicker = useColorPicker;
+//# sourceMappingURL=ColorPicker.provider.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.provider.cjs","sources":["../../../../../src/components/organisms/ColorPicker/providers/ColorPicker.provider.tsx"],"sourcesContent":[null],"names":["createContext","useContext","useState","parseColor","useMemo","useRef","useEffect","useTestIdPrefix","rootTestId","_jsx","TestIdProvider","AriaColorPicker"],"mappings":"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"}

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

@@ -0,0 +1,45 @@
+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;
+    /**
+     * Overrides the `data-testid` prefix used by the picker's leaf controls (area, sliders,
+     * format select, value input, swatches). Defaults to `fd-color-picker` when standalone, or
+     * to the ambient prefix from an ancestor (e.g. `ColorPicker.Dialog`) when nested.
+     */
+    'data-testid'?: string;
+}
+/** Color state provider. Wraps children in both context and AriaColorPicker. */
+export declare const Provider: ({ defaultValue, value, defaultColorFormat, onChange, children, "data-testid": dataTestId, }: ProviderProps) => import("react").JSX.Element;
+//# sourceMappingURL=ColorPicker.provider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.provider.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/ColorPicker/providers/ColorPicker.provider.tsx"],"names":[],"mappings":"AAGA,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;IACpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,gFAAgF;AAChF,eAAO,MAAM,QAAQ,GAAI,6FAOtB,aAAa,gCAgEf,CAAC"}

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

@@ -0,0 +1,78 @@
+import { jsx } from 'react/jsx-runtime';
+import { useTestIdPrefix, rootTestId, TestIdProvider } from '@flipdish/ui-library/utilities/testIdUtils';
+import { createContext, useContext, useState, useMemo, useRef, useEffect } 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, 'data-testid': dataTestId, }) => {
+    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 a controlled `value` into internal state, without echoing that same change back out
+    // through `onChange`.
+    //
+    // The `isExternalSync` flag below is only ever set to `true` from *inside* the `setState`
+    // updater, and only when the incoming value is actually different (by canonical string, not
+    // object reference — see below) from the color already in state. This guarantees that setting
+    // the flag and clearing it (in the effect further down, once the resulting re-render lands)
+    // are paired 1:1 with a real `state.color` change.
+    //
+    // A previous version set the flag unconditionally whenever a controlled `value` prop was
+    // supplied, and cleared it only once `state.color` was observed to have changed by *object*
+    // reference. `Color#toFormat` returns `this` (the same reference) when a color is already in
+    // the requested format, but always allocates a new object when it isn't — so a value-prop sync
+    // could produce a genuinely new `Color` reference for a value that was already reflected
+    // internally (same color, different underlying representation history). That reference churn
+    // satisfied the reference-diff check without a real color change, consuming the "clear the
+    // flag" step early — so it stayed stuck at `true` afterward. The *next* genuinely
+    // internally-driven color change (e.g. typing a new value) then got misidentified as an
+    // external echo, and its `onChange` notification was silently dropped — leaving consumers (and
+    // any closures reading their state, like a "saved colors" list's "Add" handler) with a stale
+    // color.
+    const isExternalSync = useRef(false);
+    useEffect(() => {
+        if (value === undefined)
+            return;
+        const parsed = typeof value === 'string' ? parseColor(value) : value;
+        setState((s) => {
+            if (parsed.toString('hsba') === s.color.toString('hsba'))
+                return s;
+            isExternalSync.current = true;
+            return { ...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);
+            }
+        }
+    });
+    const ambientPrefix = useTestIdPrefix();
+    const providerTestId = dataTestId ?? ambientPrefix ?? rootTestId('color-picker');
+    return (jsx(ColorPickerProvider, { value: { state, actions }, children: jsx(TestIdProvider, { value: providerTestId, children: jsx(ColorPicker, { value: state.color, onChange: (c) => actions.setColor(c), children: children }) }) }));
+};
+
+export { Provider, useColorPicker };
+//# sourceMappingURL=ColorPicker.provider.js.map

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

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

package/dist/components/organisms/CommandMenu/components/CommandInput.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('./CommandShortcut.cjs');
+
+const CommandInput = ({ placeholder, shortcutHint, 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]" }) }) })), shortcutHint && jsxRuntime.jsx(CommandShortcut.CommandShortcut, { keys: [shortcutHint] })] }));
+};
+
+exports.CommandInput = CommandInput;
+//# sourceMappingURL=CommandInput.cjs.map

package/dist/components/organisms/CommandMenu/components/CommandInput.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandInput.cjs","sources":["../../../../../src/components/organisms/CommandMenu/components/CommandInput.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaGroup","cx","_jsx","SearchLg","AriaInput","Tooltip","TooltipTrigger","HelpCircle","CommandShortcut"],"mappings":";;;;;;;;;AAmBO,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,aAGvHC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8BAA8B,EAAA,QAAA,EAC3CA,eAACC,gBAAQ,EAAA,EAAC,SAAS,EAAC,2BAA2B,GAAG,EAAA,CAC9C,EAEND,eAACE,yBAAS,EAAA,EACR,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,kJAAkJ,KACxJ,KAAK,EAAA,CACT,EAED,OAAO,KACNF,cAAA,CAACG,eAAO,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAC,KAAK,EAAA,QAAA,EACtCH,eAACI,sBAAc,EAAA,EAAC,SAAS,EAAC,yHAAyH,EAAA,QAAA,EACjJJ,eAACK,kBAAU,EAAA,EAAC,SAAS,EAAC,wBAAwB,GAAG,EAAA,CAClC,EAAA,CACT,CACX,EAEA,YAAY,IAAIL,eAACM,+BAAe,EAAA,EAAC,IAAI,EAAE,CAAC,YAAY,CAAC,EAAA,CAAI,CAAA,EAAA,CAChD;AAEhB;;;;"}

package/dist/components/organisms/CommandMenu/components/CommandInput.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentPropsWithRef, ReactNode } from 'react';
+import type { InputProps as AriaInputProps } from 'react-aria-components';
+type CommandInputProps = AriaInputProps & ComponentPropsWithRef<'input'> & {
+    placeholder?: string;
+    /** Formatted shortcut shown as a single key cap, e.g. `⌘K` or `Ctrl K`. */
+    shortcutHint?: string;
+    tooltip?: ReactNode;
+    className?: string;
+};
+export declare const CommandInput: ({ placeholder, shortcutHint, tooltip, className, ...props }: CommandInputProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CommandInput.d.ts.map

package/dist/components/organisms/CommandMenu/components/CommandInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/CommandMenu/components/CommandInput.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,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,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/CommandInput.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 './CommandShortcut.js';
+
+const CommandInput = ({ placeholder, shortcutHint, 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]" }) }) })), shortcutHint && jsx(CommandShortcut, { keys: [shortcutHint] })] }));
+};
+
+export { CommandInput };
+//# sourceMappingURL=CommandInput.js.map

package/dist/components/organisms/CommandMenu/components/CommandInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandInput.js","sources":["../../../../../src/components/organisms/CommandMenu/components/CommandInput.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaGroup","_jsx","AriaInput"],"mappings":";;;;;;;AAmBO,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,aAGvHC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8BAA8B,EAAA,QAAA,EAC3CA,IAAC,QAAQ,EAAA,EAAC,SAAS,EAAC,2BAA2B,GAAG,EAAA,CAC9C,EAENA,IAACC,KAAS,EAAA,EACR,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,kJAAkJ,KACxJ,KAAK,EAAA,CACT,EAED,OAAO,KACND,GAAA,CAAC,OAAO,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAC,KAAK,EAAA,QAAA,EACtCA,IAAC,cAAc,EAAA,EAAC,SAAS,EAAC,yHAAyH,EAAA,QAAA,EACjJA,IAAC,UAAU,EAAA,EAAC,SAAS,EAAC,wBAAwB,GAAG,EAAA,CAClC,EAAA,CACT,CACX,EAEA,YAAY,IAAIA,IAAC,eAAe,EAAA,EAAC,IAAI,EAAE,CAAC,YAAY,CAAC,EAAA,CAAI,CAAA,EAAA,CAChD;AAEhB;;;;"}

package/dist/components/organisms/CommandMenu/components/CommandMenuFooter.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('./CommandMenuNavigationIcon.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=CommandMenuFooter.cjs.map

package/dist/components/organisms/CommandMenu/components/CommandMenuFooter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandMenuFooter.cjs","sources":["../../../../../src/components/organisms/CommandMenu/components/CommandMenuFooter.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/CommandMenuFooter.d.ts

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

package/dist/components/organisms/CommandMenu/components/CommandMenuFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandMenuFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/CommandMenu/components/CommandMenuFooter.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/CommandMenuFooter.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 './CommandMenuNavigationIcon.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=CommandMenuFooter.js.map

package/dist/components/organisms/CommandMenu/components/CommandMenuFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandMenuFooter.js","sources":["../../../../../src/components/organisms/CommandMenu/components/CommandMenuFooter.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;;;;"}

package/dist/components/organisms/CommandMenu/components/CommandMenuHeader.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var reactAriaComponents = require('react-aria-components');
+
+const CommandMenuHeader = ({ children: title, className }) => {
+    return jsxRuntime.jsx(reactAriaComponents.Header, { className: cx.cx('flex px-4.5 pt-2 text-xs font-semibold text-tertiary', className), children: title });
+};
+
+exports.CommandMenuHeader = CommandMenuHeader;
+//# sourceMappingURL=CommandMenuHeader.cjs.map

package/dist/components/organisms/CommandMenu/components/CommandMenuHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandMenuHeader.cjs","sources":["../../../../../src/components/organisms/CommandMenu/components/CommandMenuHeader.tsx"],"sourcesContent":[null],"names":["_jsx","AriaHeader","cx"],"mappings":";;;;;;AAWO,MAAM,iBAAiB,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAA0B,KAAI;AAC1F,IAAA,OAAOA,cAAA,CAACC,0BAAU,EAAA,EAAC,SAAS,EAAEC,KAAE,CAAC,sDAAsD,EAAE,SAAS,CAAC,EAAA,QAAA,EAAG,KAAK,GAAc;AAC3H;;;;"}

package/dist/components/organisms/CommandMenu/components/CommandMenuHeader.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+interface CommandMenuHeaderProps {
+    children: ReactNode;
+    className?: string;
+}
+export declare const CommandMenuHeader: ({ children: title, className }: CommandMenuHeaderProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CommandMenuHeader.d.ts.map

package/dist/components/organisms/CommandMenu/components/CommandMenuHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandMenuHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/CommandMenu/components/CommandMenuHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,GAAI,gCAAgC,sBAAsB,gCAEvF,CAAC"}

package/dist/components/organisms/CommandMenu/components/CommandMenuHeader.js

@@ -0,0 +1,10 @@
+import { jsx } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { Header } from 'react-aria-components';
+
+const CommandMenuHeader = ({ children: title, className }) => {
+    return jsx(Header, { className: cx('flex px-4.5 pt-2 text-xs font-semibold text-tertiary', className), children: title });
+};
+
+export { CommandMenuHeader };
+//# sourceMappingURL=CommandMenuHeader.js.map

package/dist/components/organisms/CommandMenu/components/CommandMenuHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandMenuHeader.js","sources":["../../../../../src/components/organisms/CommandMenu/components/CommandMenuHeader.tsx"],"sourcesContent":[null],"names":["_jsx","AriaHeader"],"mappings":";;;;AAWO,MAAM,iBAAiB,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAA0B,KAAI;AAC1F,IAAA,OAAOA,GAAA,CAACC,MAAU,EAAA,EAAC,SAAS,EAAE,EAAE,CAAC,sDAAsD,EAAE,SAAS,CAAC,EAAA,QAAA,EAAG,KAAK,GAAc;AAC3H;;;;"}

package/dist/components/organisms/CommandMenu/components/CommandMenuItem.cjs

@@ -0,0 +1,39 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Avatar = require('@flipdish/ui-library/components/atoms/Avatar');
+var FeaturedIcon = require('@flipdish/ui-library/components/atoms/FeaturedIcon');
+var usePlatform = require('@flipdish/ui-library/hooks/usePlatform');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var hotkeys_utils = require('../../../../utilities/__internal__/hotkeysUtils/hotkeys.utils.cjs');
+var CommandMenuLink_context = require('../providers/CommandMenuLink.context.cjs');
+var CommandShortcut = require('./CommandShortcut.cjs');
+
+// Omit keys from an object
+function omit(obj, keys) {
+    const keysToOmit = new Set(keys);
+    return Object.fromEntries(Object.entries(obj).filter(([key]) => !keysToOmit.has(key)));
+}
+const CommandDropdownMenuItem = ({ label, children, description, stacked, shortcutKeys, className, ...props }) => {
+    const prefix = testIdUtils.useTestIdPrefix();
+    const onLinkActivate = React.useContext(CommandMenuLink_context.CommandMenuLinkContext);
+    const { isMac } = usePlatform.usePlatform();
+    const explicitTestId = props['data-testid'];
+    const itemTestId = explicitTestId ?? (prefix && props.id !== undefined ? testIdUtils.joinTestId(prefix, `item-${testIdUtils.slugifyTestId(String(props.id))}`) : undefined);
+    return (jsxRuntime.jsx(reactAriaComponents.ListBoxItem, { ...omit(props, ['type', 'icon', 'alt', 'src']), 
+        // Link items navigate without firing a selection, so this is the menu's only signal that one was activated.
+        onAction: props.href && onLinkActivate
+            ? () => {
+                props.onAction?.();
+                onLinkActivate();
+            }
+            : props.onAction, "data-testid": itemTestId, textValue: label, className: (state) => cx.cx('group block cursor-pointer px-2 py-0.5 outline-hidden', typeof className === 'function' ? className(state) : className), children: (state) => (jsxRuntime.jsxs("div", { className: cx.cx('relative flex min-h-10 items-center justify-between rounded-lg px-2.5 py-2 pl-2.5 outline-focus-ring transition duration-100 ease-linear hover:bg-primary_hover', state.isSelected && 'bg-primary_hover', state.isFocusVisible && 'outline-2 outline-offset-2', stacked && 'items-start p-2.5 pl-3.5'), children: [props.type === 'icon' && !stacked && jsxRuntime.jsx(props.icon, { className: "mr-2 size-5 text-fg-quaternary" }), props.type === 'icon' && stacked && jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { color: "gray", size: "md", theme: "modern", icon: props.icon, className: "mr-2" }), props.type === 'avatar' && jsxRuntime.jsx(Avatar.Avatar, { alt: props.alt, src: props.src, size: stacked ? 'md' : 'xs', className: "mr-2" }), props.type === 'dot' && (
+                // biome-ignore lint/a11y/noSvgWithoutTitle: svg has no title
+                jsxRuntime.jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", className: cx.cx('mr-2 shrink-0 text-fg-success-secondary', stacked && 'mt-2 self-start'), children: jsxRuntime.jsx("circle", { cx: "5", cy: "5", r: "4", fill: "currentColor" }) })), jsxRuntime.jsxs("div", { className: cx.cx('flex flex-1 gap-x-1.5', stacked && 'flex-col'), children: [jsxRuntime.jsx(reactAriaComponents.Text, { slot: "label", className: "text-sm font-medium text-primary", children: typeof children === 'function' ? children(state) : children || label }), description && (jsxRuntime.jsx(reactAriaComponents.Text, { slot: "description", className: "text-sm text-tertiary", children: description }))] }), shortcutKeys && jsxRuntime.jsx(CommandShortcut.CommandShortcut, { keys: hotkeys_utils.toHotkeySteps(shortcutKeys, { forDisplay: true }).map((step) => hotkeys_utils.formatHotkeyHint(step, isMac)) })] })) }));
+};
+
+exports.CommandDropdownMenuItem = CommandDropdownMenuItem;
+//# sourceMappingURL=CommandMenuItem.cjs.map

package/dist/components/organisms/CommandMenu/components/CommandMenuItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandMenuItem.cjs","sources":["../../../../../src/components/organisms/CommandMenu/components/CommandMenuItem.tsx"],"sourcesContent":[null],"names":["useTestIdPrefix","useContext","CommandMenuLinkContext","usePlatform","joinTestId","slugifyTestId","_jsx","ListBoxItem","cx","_jsxs","FeaturedIcon","Avatar","AriaText","CommandShortcut","toHotkeySteps","formatHotkeyHint"],"mappings":"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"}

package/dist/components/organisms/CommandMenu/components/CommandMenuItem.d.ts

@@ -0,0 +1,42 @@
+import { type FC } from 'react';
+import { type ListBoxItemProps } from 'react-aria-components';
+interface CommandMenuItemBaseType {
+    id: string;
+    label: string;
+    description?: string;
+    stacked?: boolean;
+    /**
+     * Keyboard shortcut that selects this item, shown at the end of its row. Each entry is one step:
+     * `['⌘e']` is a combination and `['g', 'p']` is G then P. `⌘` means ⌘ on macOS and Ctrl elsewhere.
+     * Combinations held with ⌘/Ctrl/Alt work everywhere, including while typing in the menu. Anything
+     * typing could produce (`['?']`, `['g', 'p']`, `['⇧a']`) is ignored while focus is in a field. A
+     * sequence cannot contain a modifier: `['⌘k', 'p']` is drawn but cannot be triggered. The shortcut
+     * reports the item through `onSelectionChange`; it does not follow `href`.
+     */
+    shortcutKeys?: string[];
+    /** Overrides the derived `data-testid` for this item (default `<root>--item-<id>`). */
+    'data-testid'?: string;
+}
+interface CommandDropdownMenuItemDefaultType extends CommandMenuItemBaseType {
+    type?: 'default';
+}
+interface CommandDropdownMenuItemIconType extends CommandMenuItemBaseType {
+    type: 'icon';
+    icon: FC<{
+        className?: string;
+    }>;
+}
+interface CommandDropdownMenuItemAvatarType extends CommandMenuItemBaseType {
+    type: 'avatar';
+    src: string;
+    alt: string;
+}
+interface CommandDropdownMenuItemDotType extends CommandMenuItemBaseType {
+    type: 'dot';
+    dotColor: 'green';
+}
+export type CommandDropdownMenuItemType = CommandDropdownMenuItemDefaultType | CommandDropdownMenuItemIconType | CommandDropdownMenuItemAvatarType | CommandDropdownMenuItemDotType;
+export type CommandDropdownMenuItemProps = CommandDropdownMenuItemType & ListBoxItemProps;
+export declare const CommandDropdownMenuItem: ({ label, children, description, stacked, shortcutKeys, className, ...props }: CommandDropdownMenuItemProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CommandMenuItem.d.ts.map

package/dist/components/organisms/CommandMenu/components/CommandMenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandMenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/CommandMenu/components/CommandMenuItem.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAiC,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAK7F,UAAU,uBAAuB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,uFAAuF;IACvF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,kCAAmC,SAAQ,uBAAuB;IAC1E,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,+BAAgC,SAAQ,uBAAuB;IACvE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAClC;AAED,UAAU,iCAAkC,SAAQ,uBAAuB;IACzE,IAAI,EAAE,QAAQ,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED,UAAU,8BAA+B,SAAQ,uBAAuB;IACtE,IAAI,EAAE,KAAK,CAAC;IACZ,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,2BAA2B,GACnC,kCAAkC,GAClC,+BAA+B,GAC/B,iCAAiC,GACjC,8BAA8B,CAAC;AAQnC,MAAM,MAAM,4BAA4B,GAAG,2BAA2B,GAAG,gBAAgB,CAAC;AAE1F,eAAO,MAAM,uBAAuB,GAAI,8EAQrC,4BAA4B,gCAoE9B,CAAC"}

package/dist/components/organisms/CommandMenu/components/CommandMenuItem.js

@@ -0,0 +1,37 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Avatar } from '@flipdish/ui-library/components/atoms/Avatar';
+import { FeaturedIcon } from '@flipdish/ui-library/components/atoms/FeaturedIcon';
+import { usePlatform } from '@flipdish/ui-library/hooks/usePlatform';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useTestIdPrefix, joinTestId, slugifyTestId } from '@flipdish/ui-library/utilities/testIdUtils';
+import { useContext } from 'react';
+import { ListBoxItem, Text } from 'react-aria-components';
+import { toHotkeySteps, formatHotkeyHint } from '../../../../utilities/__internal__/hotkeysUtils/hotkeys.utils.js';
+import { CommandMenuLinkContext } from '../providers/CommandMenuLink.context.js';
+import { CommandShortcut } from './CommandShortcut.js';
+
+// Omit keys from an object
+function omit(obj, keys) {
+    const keysToOmit = new Set(keys);
+    return Object.fromEntries(Object.entries(obj).filter(([key]) => !keysToOmit.has(key)));
+}
+const CommandDropdownMenuItem = ({ label, children, description, stacked, shortcutKeys, className, ...props }) => {
+    const prefix = useTestIdPrefix();
+    const onLinkActivate = useContext(CommandMenuLinkContext);
+    const { isMac } = usePlatform();
+    const explicitTestId = props['data-testid'];
+    const itemTestId = explicitTestId ?? (prefix && props.id !== undefined ? joinTestId(prefix, `item-${slugifyTestId(String(props.id))}`) : undefined);
+    return (jsx(ListBoxItem, { ...omit(props, ['type', 'icon', 'alt', 'src']), 
+        // Link items navigate without firing a selection, so this is the menu's only signal that one was activated.
+        onAction: props.href && onLinkActivate
+            ? () => {
+                props.onAction?.();
+                onLinkActivate();
+            }
+            : props.onAction, "data-testid": itemTestId, textValue: label, className: (state) => cx('group block cursor-pointer px-2 py-0.5 outline-hidden', typeof className === 'function' ? className(state) : className), children: (state) => (jsxs("div", { className: cx('relative flex min-h-10 items-center justify-between rounded-lg px-2.5 py-2 pl-2.5 outline-focus-ring transition duration-100 ease-linear hover:bg-primary_hover', state.isSelected && 'bg-primary_hover', state.isFocusVisible && 'outline-2 outline-offset-2', stacked && 'items-start p-2.5 pl-3.5'), children: [props.type === 'icon' && !stacked && jsx(props.icon, { className: "mr-2 size-5 text-fg-quaternary" }), props.type === 'icon' && stacked && jsx(FeaturedIcon, { color: "gray", size: "md", theme: "modern", icon: props.icon, className: "mr-2" }), props.type === 'avatar' && jsx(Avatar, { alt: props.alt, src: props.src, size: stacked ? 'md' : 'xs', className: "mr-2" }), props.type === 'dot' && (
+                // biome-ignore lint/a11y/noSvgWithoutTitle: svg has no title
+                jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", className: cx('mr-2 shrink-0 text-fg-success-secondary', stacked && 'mt-2 self-start'), children: jsx("circle", { cx: "5", cy: "5", r: "4", fill: "currentColor" }) })), jsxs("div", { className: cx('flex flex-1 gap-x-1.5', stacked && 'flex-col'), children: [jsx(Text, { slot: "label", className: "text-sm font-medium text-primary", children: typeof children === 'function' ? children(state) : children || label }), description && (jsx(Text, { slot: "description", className: "text-sm text-tertiary", children: description }))] }), shortcutKeys && jsx(CommandShortcut, { keys: toHotkeySteps(shortcutKeys, { forDisplay: true }).map((step) => formatHotkeyHint(step, isMac)) })] })) }));
+};
+
+export { CommandDropdownMenuItem };
+//# sourceMappingURL=CommandMenuItem.js.map

package/dist/components/organisms/CommandMenu/components/CommandMenuItem.js.map

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

package/dist/components/organisms/CommandMenu/components/CommandMenuNavigationIcon.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const CommandMenuNavigationIcon = (props) => {
+    return (jsxRuntime.jsxs("div", { className: "flex h-7 min-w-7 items-center justify-between rounded-lg bg-primary p-1.5 ring-1 ring-secondary ring-inset", children: [props.type === 'icon' && jsxRuntime.jsx(props.icon, { strokeWidth: 2.4, className: "size-4 text-fg-quaternary" }), props.type === 'text' && jsxRuntime.jsx("span", { className: "text-sm font-semibold text-fg-quaternary", children: props.label })] }));
+};
+
+exports.CommandMenuNavigationIcon = CommandMenuNavigationIcon;
+//# sourceMappingURL=CommandMenuNavigationIcon.cjs.map

package/dist/components/organisms/CommandMenu/components/CommandMenuNavigationIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandMenuNavigationIcon.cjs","sources":["../../../../../src/components/organisms/CommandMenu/components/CommandMenuNavigationIcon.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAgBO,MAAM,yBAAyB,GAAG,CAAC,KAAY,KAAI;AACxD,IAAA,QACEA,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4GAA4G,EAAA,QAAA,EAAA,CACxH,KAAK,CAAC,IAAI,KAAK,MAAM,IAAIC,eAAC,KAAK,CAAC,IAAI,EAAA,EAAC,WAAW,EAAE,GAAG,EAAE,SAAS,EAAC,2BAA2B,GAAG,EAC/F,KAAK,CAAC,IAAI,KAAK,MAAM,IAAIA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,0CAA0C,YAAE,KAAK,CAAC,KAAK,EAAA,CAAQ,CAAA,EAAA,CACrG;AAEV;;;;"}

package/dist/components/organisms/CommandMenu/components/CommandMenuNavigationIcon.d.ts

@@ -0,0 +1,16 @@
+import type { FC } from 'react';
+interface CommandMenuNavigationIconProps {
+    type: 'icon';
+    icon: FC<{
+        className?: string;
+        strokeWidth?: string | number;
+    }>;
+}
+interface CommandMenuNavigationTextProps {
+    type: 'text';
+    label: string;
+}
+type Props = CommandMenuNavigationIconProps | CommandMenuNavigationTextProps;
+export declare const CommandMenuNavigationIcon: (props: Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CommandMenuNavigationIcon.d.ts.map

package/dist/components/organisms/CommandMenu/components/CommandMenuNavigationIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandMenuNavigationIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/CommandMenu/components/CommandMenuNavigationIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,UAAU,8BAA8B;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC,CAAC;CACjE;AAED,UAAU,8BAA8B;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,KAAK,KAAK,GAAG,8BAA8B,GAAG,8BAA8B,CAAC;AAE7E,eAAO,MAAM,yBAAyB,GAAI,OAAO,KAAK,gCAOrD,CAAC"}

package/dist/components/organisms/CommandMenu/components/CommandMenuNavigationIcon.js

@@ -0,0 +1,8 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const CommandMenuNavigationIcon = (props) => {
+    return (jsxs("div", { className: "flex h-7 min-w-7 items-center justify-between rounded-lg bg-primary p-1.5 ring-1 ring-secondary ring-inset", children: [props.type === 'icon' && jsx(props.icon, { strokeWidth: 2.4, className: "size-4 text-fg-quaternary" }), props.type === 'text' && jsx("span", { className: "text-sm font-semibold text-fg-quaternary", children: props.label })] }));
+};
+
+export { CommandMenuNavigationIcon };
+//# sourceMappingURL=CommandMenuNavigationIcon.js.map

package/dist/components/organisms/CommandMenu/components/CommandMenuNavigationIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandMenuNavigationIcon.js","sources":["../../../../../src/components/organisms/CommandMenu/components/CommandMenuNavigationIcon.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;AAgBO,MAAM,yBAAyB,GAAG,CAAC,KAAY,KAAI;AACxD,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4GAA4G,EAAA,QAAA,EAAA,CACxH,KAAK,CAAC,IAAI,KAAK,MAAM,IAAIC,IAAC,KAAK,CAAC,IAAI,EAAA,EAAC,WAAW,EAAE,GAAG,EAAE,SAAS,EAAC,2BAA2B,GAAG,EAC/F,KAAK,CAAC,IAAI,KAAK,MAAM,IAAIA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,0CAA0C,YAAE,KAAK,CAAC,KAAK,EAAA,CAAQ,CAAA,EAAA,CACrG;AAEV;;;;"}