@flipdish/ui-library 0.40.0 → 0.41.0

package/dist/components/atoms/FlipdishLogo/FlipdishLogo.styles.cjs

@@ -0,0 +1,44 @@
+'use strict';
+
+var flipdishLogo_paths = require('./flipdish-logo.paths.cjs');
+
+/**
+ * Shared `FlipdishLogo` config for web and React Native.
+ *
+ * `sizes.className` is the Tailwind height utility web applies (`h-6` / `h-8` / `h-12`);
+ * `sizes.height` is the matching pixel height native needs — `react-native-svg` takes
+ * numeric `width`/`height`, and there is no `w-auto` analogue, so width is derived from
+ * the lockup's viewBox aspect ratio at render time.
+ *
+ * `tones.web` is a `text-*` utility that colours the SVG via `currentColor`. `tones.native`
+ * is a light-mode hex fill for `Path` — react-native-svg does not cascade `currentColor`,
+ * and token-driven colour on SVG hosts is not wired yet (same trade-off as Badge icons /
+ * ui-icons). `default` approximates `fg-primary` / `neutral-900`; it does not flip in dark
+ * mode. Use `white` or `black` when the surface needs a fixed colour.
+ */
+const styles = {
+    lockups: {
+        full: { paths: flipdishLogo_paths.FLIPDISH_FULL_PATHS, viewBox: flipdishLogo_paths.FLIPDISH_FULL_VIEWBOX, label: 'Flipdish' },
+        poweredBy: { paths: flipdishLogo_paths.FLIPDISH_POWERED_BY_PATHS, viewBox: flipdishLogo_paths.FLIPDISH_POWERED_BY_VIEWBOX, label: 'Powered by Flipdish' },
+        icon: { paths: flipdishLogo_paths.FLIPDISH_ICON_PATHS, viewBox: flipdishLogo_paths.FLIPDISH_ICON_VIEWBOX, label: 'Flipdish' },
+    },
+    sizes: {
+        /** 24px — compact headers, dense navigation, and footers. */
+        sm: { className: 'h-6', height: 24 },
+        /** 32px — the default, for headers, product pages, and inline sections. */
+        md: { className: 'h-8', height: 32 },
+        /** 48px — hero, splash, and login screens needing extra weight. */
+        lg: { className: 'h-12', height: 48 },
+    },
+    tones: {
+        /** Themeable on web — black on light surfaces, white in dark mode. Native: light-mode `#171717`. */
+        default: { web: 'text-fg-primary', native: '#171717' },
+        /** Always white, for dark or brand-coloured backgrounds. */
+        white: { web: 'text-fg-white', native: '#ffffff' },
+        /** Always black, regardless of theme. */
+        black: { web: 'text-black', native: '#000000' },
+    },
+};
+
+exports.styles = styles;
+//# sourceMappingURL=FlipdishLogo.styles.cjs.map

package/dist/components/atoms/FlipdishLogo/FlipdishLogo.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlipdishLogo.styles.cjs","sources":["../../../../src/components/atoms/FlipdishLogo/FlipdishLogo.styles.ts"],"sourcesContent":[null],"names":["FLIPDISH_FULL_PATHS","FLIPDISH_FULL_VIEWBOX","FLIPDISH_POWERED_BY_PATHS","FLIPDISH_POWERED_BY_VIEWBOX","FLIPDISH_ICON_PATHS","FLIPDISH_ICON_VIEWBOX"],"mappings":";;;;AASA;;;;;;;;;;;;;AAaG;AACI,MAAM,MAAM,GAAG;AACpB,IAAA,OAAO,EAAE;AACP,QAAA,IAAI,EAAE,EAAE,KAAK,EAAEA,sCAAmB,EAAE,OAAO,EAAEC,wCAAqB,EAAE,KAAK,EAAE,UAAU,EAAE;AACvF,QAAA,SAAS,EAAE,EAAE,KAAK,EAAEC,4CAAyB,EAAE,OAAO,EAAEC,8CAA2B,EAAE,KAAK,EAAE,qBAAqB,EAAE;AACnH,QAAA,IAAI,EAAE,EAAE,KAAK,EAAEC,sCAAmB,EAAE,OAAO,EAAEC,wCAAqB,EAAE,KAAK,EAAE,UAAU,EAAE;AACxF,KAAA;AACD,IAAA,KAAK,EAAE;;QAEL,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;;QAEpC,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;;QAEpC,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE;AACtC,KAAA;AACD,IAAA,KAAK,EAAE;;QAEL,OAAO,EAAE,EAAE,GAAG,EAAE,iBAAiB,EAAE,MAAM,EAAE,SAAS,EAAE;;QAEtD,KAAK,EAAE,EAAE,GAAG,EAAE,eAAe,EAAE,MAAM,EAAE,SAAS,EAAE;;QAElD,KAAK,EAAE,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE;AAChD,KAAA;;;"}

package/dist/components/atoms/FlipdishLogo/FlipdishLogo.styles.d.ts

@@ -0,0 +1,71 @@
+/**
+ * Shared `FlipdishLogo` config for web and React Native.
+ *
+ * `sizes.className` is the Tailwind height utility web applies (`h-6` / `h-8` / `h-12`);
+ * `sizes.height` is the matching pixel height native needs — `react-native-svg` takes
+ * numeric `width`/`height`, and there is no `w-auto` analogue, so width is derived from
+ * the lockup's viewBox aspect ratio at render time.
+ *
+ * `tones.web` is a `text-*` utility that colours the SVG via `currentColor`. `tones.native`
+ * is a light-mode hex fill for `Path` — react-native-svg does not cascade `currentColor`,
+ * and token-driven colour on SVG hosts is not wired yet (same trade-off as Badge icons /
+ * ui-icons). `default` approximates `fg-primary` / `neutral-900`; it does not flip in dark
+ * mode. Use `white` or `black` when the surface needs a fixed colour.
+ */
+export declare const styles: {
+    readonly lockups: {
+        readonly full: {
+            readonly paths: string[];
+            readonly viewBox: "0 0 163 48";
+            readonly label: "Flipdish";
+        };
+        readonly poweredBy: {
+            readonly paths: string[];
+            readonly viewBox: "0 0 150 48";
+            readonly label: "Powered by Flipdish";
+        };
+        readonly icon: {
+            readonly paths: string[];
+            readonly viewBox: "0 0 57 48";
+            readonly label: "Flipdish";
+        };
+    };
+    readonly sizes: {
+        /** 24px — compact headers, dense navigation, and footers. */
+        readonly sm: {
+            readonly className: "h-6";
+            readonly height: 24;
+        };
+        /** 32px — the default, for headers, product pages, and inline sections. */
+        readonly md: {
+            readonly className: "h-8";
+            readonly height: 32;
+        };
+        /** 48px — hero, splash, and login screens needing extra weight. */
+        readonly lg: {
+            readonly className: "h-12";
+            readonly height: 48;
+        };
+    };
+    readonly tones: {
+        /** Themeable on web — black on light surfaces, white in dark mode. Native: light-mode `#171717`. */
+        readonly default: {
+            readonly web: "text-fg-primary";
+            readonly native: "#171717";
+        };
+        /** Always white, for dark or brand-coloured backgrounds. */
+        readonly white: {
+            readonly web: "text-fg-white";
+            readonly native: "#ffffff";
+        };
+        /** Always black, regardless of theme. */
+        readonly black: {
+            readonly web: "text-black";
+            readonly native: "#000000";
+        };
+    };
+};
+export type FlipdishLogoVariant = keyof typeof styles.lockups;
+export type FlipdishLogoSize = keyof typeof styles.sizes;
+export type FlipdishLogoTone = keyof typeof styles.tones;
+//# sourceMappingURL=FlipdishLogo.styles.d.ts.map

package/dist/components/atoms/FlipdishLogo/FlipdishLogo.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlipdishLogo.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/FlipdishLogo/FlipdishLogo.styles.ts"],"names":[],"mappings":"AASA;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;QAOf,6DAA6D;;;;;QAE7D,2EAA2E;;;;;QAE3E,mEAAmE;;;;;;;QAInE,oGAAoG;;;;;QAEpG,4DAA4D;;;;;QAE5D,yCAAyC;;;;;;CAGnC,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,MAAM,CAAC,OAAO,CAAC;AAC9D,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;AACzD,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC"}

package/dist/components/atoms/FlipdishLogo/FlipdishLogo.styles.js

@@ -0,0 +1,42 @@
+import { FLIPDISH_ICON_VIEWBOX, FLIPDISH_ICON_PATHS, FLIPDISH_POWERED_BY_VIEWBOX, FLIPDISH_POWERED_BY_PATHS, FLIPDISH_FULL_VIEWBOX, FLIPDISH_FULL_PATHS } from './flipdish-logo.paths.js';
+
+/**
+ * Shared `FlipdishLogo` config for web and React Native.
+ *
+ * `sizes.className` is the Tailwind height utility web applies (`h-6` / `h-8` / `h-12`);
+ * `sizes.height` is the matching pixel height native needs — `react-native-svg` takes
+ * numeric `width`/`height`, and there is no `w-auto` analogue, so width is derived from
+ * the lockup's viewBox aspect ratio at render time.
+ *
+ * `tones.web` is a `text-*` utility that colours the SVG via `currentColor`. `tones.native`
+ * is a light-mode hex fill for `Path` — react-native-svg does not cascade `currentColor`,
+ * and token-driven colour on SVG hosts is not wired yet (same trade-off as Badge icons /
+ * ui-icons). `default` approximates `fg-primary` / `neutral-900`; it does not flip in dark
+ * mode. Use `white` or `black` when the surface needs a fixed colour.
+ */
+const styles = {
+    lockups: {
+        full: { paths: FLIPDISH_FULL_PATHS, viewBox: FLIPDISH_FULL_VIEWBOX, label: 'Flipdish' },
+        poweredBy: { paths: FLIPDISH_POWERED_BY_PATHS, viewBox: FLIPDISH_POWERED_BY_VIEWBOX, label: 'Powered by Flipdish' },
+        icon: { paths: FLIPDISH_ICON_PATHS, viewBox: FLIPDISH_ICON_VIEWBOX, label: 'Flipdish' },
+    },
+    sizes: {
+        /** 24px — compact headers, dense navigation, and footers. */
+        sm: { className: 'h-6', height: 24 },
+        /** 32px — the default, for headers, product pages, and inline sections. */
+        md: { className: 'h-8', height: 32 },
+        /** 48px — hero, splash, and login screens needing extra weight. */
+        lg: { className: 'h-12', height: 48 },
+    },
+    tones: {
+        /** Themeable on web — black on light surfaces, white in dark mode. Native: light-mode `#171717`. */
+        default: { web: 'text-fg-primary', native: '#171717' },
+        /** Always white, for dark or brand-coloured backgrounds. */
+        white: { web: 'text-fg-white', native: '#ffffff' },
+        /** Always black, regardless of theme. */
+        black: { web: 'text-black', native: '#000000' },
+    },
+};
+
+export { styles };
+//# sourceMappingURL=FlipdishLogo.styles.js.map

package/dist/components/atoms/FlipdishLogo/FlipdishLogo.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlipdishLogo.styles.js","sources":["../../../../src/components/atoms/FlipdishLogo/FlipdishLogo.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;AASA;;;;;;;;;;;;;AAaG;AACI,MAAM,MAAM,GAAG;AACpB,IAAA,OAAO,EAAE;AACP,QAAA,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAE,UAAU,EAAE;AACvF,QAAA,SAAS,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,OAAO,EAAE,2BAA2B,EAAE,KAAK,EAAE,qBAAqB,EAAE;AACnH,QAAA,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAE,UAAU,EAAE;AACxF,KAAA;AACD,IAAA,KAAK,EAAE;;QAEL,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;;QAEpC,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;;QAEpC,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE;AACtC,KAAA;AACD,IAAA,KAAK,EAAE;;QAEL,OAAO,EAAE,EAAE,GAAG,EAAE,iBAAiB,EAAE,MAAM,EAAE,SAAS,EAAE;;QAEtD,KAAK,EAAE,EAAE,GAAG,EAAE,eAAe,EAAE,MAAM,EAAE,SAAS,EAAE;;QAElD,KAAK,EAAE,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE;AAChD,KAAA;;;"}

package/dist/components/atoms/FlipdishLogo/index.cjs

@@ -3,29 +3,8 @@
 var jsxRuntime = require('react/jsx-runtime');
 var cx = require('@flipdish/ui-library/utilities/cx');
 var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
-var flipdishLogo_paths = require('./flipdish-logo.paths.cjs');
+var FlipdishLogo_styles = require('./FlipdishLogo.styles.cjs');
 
-const LOCKUPS = {
-    full: { paths: flipdishLogo_paths.FLIPDISH_FULL_PATHS, viewBox: flipdishLogo_paths.FLIPDISH_FULL_VIEWBOX, label: 'Flipdish' },
-    poweredBy: { paths: flipdishLogo_paths.FLIPDISH_POWERED_BY_PATHS, viewBox: flipdishLogo_paths.FLIPDISH_POWERED_BY_VIEWBOX, label: 'Powered by Flipdish' },
-    icon: { paths: flipdishLogo_paths.FLIPDISH_ICON_PATHS, viewBox: flipdishLogo_paths.FLIPDISH_ICON_VIEWBOX, label: 'Flipdish' },
-};
-const SIZE_CLASS = {
-    /** 24px — compact headers, dense navigation, and footers. */
-    sm: 'h-6',
-    /** 32px — the default, for headers, product pages, and inline sections. */
-    md: 'h-8',
-    /** 48px — hero, splash, and login screens needing extra weight. */
-    lg: 'h-12',
-};
-const TONE_CLASS = {
-    /** Themeable — black on light surfaces, white in dark mode. */
-    default: 'text-fg-primary',
-    /** Always white, for dark or brand-coloured backgrounds. */
-    white: 'text-fg-white',
-    /** Always black, regardless of theme. */
-    black: 'text-black',
-};
 /**
  * The official Flipdish logo: the swift icon mark with the `flipdish` wordmark, picked with
  * `variant` and sized with `size`. It fills with `currentColor`, so it inherits the
@@ -34,9 +13,9 @@ const TONE_CLASS = {
  * @summary official Flipdish icon mark and wordmark
  */
 const FlipdishLogo = ({ className, variant = 'full', size = 'md', tone = 'default', 'data-testid': dataTestId, ...props }) => {
-    const { paths, viewBox, label } = LOCKUPS[variant];
+    const { paths, viewBox, label } = FlipdishLogo_styles.styles.lockups[variant];
     const flipdishLogoTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'flipdish-logo', rootName: 'flipdish-logo' });
-    return (jsxRuntime.jsxs("svg", { viewBox: viewBox, fill: "none", role: "img", className: cx.cx('w-auto', SIZE_CLASS[size], TONE_CLASS[tone], className), ...props, "data-testid": flipdishLogoTestId, children: [jsxRuntime.jsx("title", { children: label }), paths.map((d) => (jsxRuntime.jsx("path", { d: d, fill: "currentColor" }, d)))] }));
+    return (jsxRuntime.jsxs("svg", { viewBox: viewBox, fill: "none", role: "img", className: cx.cx('w-auto', FlipdishLogo_styles.styles.sizes[size].className, FlipdishLogo_styles.styles.tones[tone].web, className), ...props, "data-testid": flipdishLogoTestId, children: [jsxRuntime.jsx("title", { children: label }), paths.map((d) => (jsxRuntime.jsx("path", { d: d, fill: "currentColor" }, d)))] }));
 };
 
 exports.FlipdishLogo = FlipdishLogo;

package/dist/components/atoms/FlipdishLogo/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/FlipdishLogo/index.tsx"],"sourcesContent":[null],"names":["FLIPDISH_FULL_PATHS","FLIPDISH_FULL_VIEWBOX","FLIPDISH_POWERED_BY_PATHS","FLIPDISH_POWERED_BY_VIEWBOX","FLIPDISH_ICON_PATHS","FLIPDISH_ICON_VIEWBOX","useResolvedTestId","_jsxs","cx","_jsx"],"mappings":";;;;;;;AAcA,MAAM,OAAO,GAAG;AACd,IAAA,IAAI,EAAE,EAAE,KAAK,EAAEA,sCAAmB,EAAE,OAAO,EAAEC,wCAAqB,EAAE,KAAK,EAAE,UAAU,EAAE;AACvF,IAAA,SAAS,EAAE,EAAE,KAAK,EAAEC,4CAAyB,EAAE,OAAO,EAAEC,8CAA2B,EAAE,KAAK,EAAE,qBAAqB,EAAE;AACnH,IAAA,IAAI,EAAE,EAAE,KAAK,EAAEC,sCAAmB,EAAE,OAAO,EAAEC,wCAAqB,EAAE,KAAK,EAAE,UAAU,EAAE;CAC/E;AAEV,MAAM,UAAU,GAAG;;AAEjB,IAAA,EAAE,EAAE,KAAK;;AAET,IAAA,EAAE,EAAE,KAAK;;AAET,IAAA,EAAE,EAAE,MAAM;CACF;AAEV,MAAM,UAAU,GAAG;;AAEjB,IAAA,OAAO,EAAE,iBAAiB;;AAE1B,IAAA,KAAK,EAAE,eAAe;;AAEtB,IAAA,KAAK,EAAE,YAAY;CACX;AA6BV;;;;;;AAMG;AACI,MAAM,YAAY,GAAG,CAAC,EAC3B,SAAS,EACT,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,SAAS,EAChB,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACU,KAAI;AACtB,IAAA,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC;AAClD,IAAA,MAAM,kBAAkB,GAAGC,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC;AAEzH,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,KAAK,EACV,SAAS,EAAEC,KAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EAAA,GAClE,KAAK,EAAA,aAAA,EACI,kBAAkB,EAAA,QAAA,EAAA,CAE/BC,cAAA,CAAA,OAAA,EAAA,EAAA,QAAA,EAAQ,KAAK,EAAA,CAAS,EACrB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,MACXA,cAAA,CAAA,MAAA,EAAA,EAAc,CAAC,EAAE,CAAC,EAAE,IAAI,EAAC,cAAc,EAAA,EAA5B,CAAC,CAA8B,CAC3C,CAAC,CAAA,EAAA,CACE;AAEV;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/FlipdishLogo/index.tsx"],"sourcesContent":[null],"names":["styles","useResolvedTestId","_jsxs","cx","_jsx"],"mappings":";;;;;;;AAoCA;;;;;;AAMG;AACI,MAAM,YAAY,GAAG,CAAC,EAC3B,SAAS,EACT,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,SAAS,EAChB,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACU,KAAI;AACtB,IAAA,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAGA,0BAAM,CAAC,OAAO,CAAC,OAAO,CAAC;AACzD,IAAA,MAAM,kBAAkB,GAAGC,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC;AAEzH,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,KAAK,EACV,SAAS,EAAEC,KAAE,CAAC,QAAQ,EAAEH,0BAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,SAAS,EAAEA,0BAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,SAAS,CAAC,EAAA,GACpF,KAAK,EAAA,aAAA,EACI,kBAAkB,EAAA,QAAA,EAAA,CAE/BI,cAAA,CAAA,OAAA,EAAA,EAAA,QAAA,EAAQ,KAAK,EAAA,CAAS,EACrB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,MACXA,cAAA,CAAA,MAAA,EAAA,EAAc,CAAC,EAAE,CAAC,EAAE,IAAI,EAAC,cAAc,EAAA,EAA5B,CAAC,CAA8B,CAC3C,CAAC,CAAA,EAAA,CACE;AAEV;;"}

package/dist/components/atoms/FlipdishLogo/index.d.ts

@@ -1,37 +1,6 @@
 import type { SVGProps } from 'react';
-declare const LOCKUPS: {
-    readonly full: {
-        readonly paths: string[];
-        readonly viewBox: "0 0 163 48";
-        readonly label: "Flipdish";
-    };
-    readonly poweredBy: {
-        readonly paths: string[];
-        readonly viewBox: "0 0 150 48";
-        readonly label: "Powered by Flipdish";
-    };
-    readonly icon: {
-        readonly paths: string[];
-        readonly viewBox: "0 0 57 48";
-        readonly label: "Flipdish";
-    };
-};
-declare const SIZE_CLASS: {
-    /** 24px — compact headers, dense navigation, and footers. */
-    readonly sm: "h-6";
-    /** 32px — the default, for headers, product pages, and inline sections. */
-    readonly md: "h-8";
-    /** 48px — hero, splash, and login screens needing extra weight. */
-    readonly lg: "h-12";
-};
-declare const TONE_CLASS: {
-    /** Themeable — black on light surfaces, white in dark mode. */
-    readonly default: "text-fg-primary";
-    /** Always white, for dark or brand-coloured backgrounds. */
-    readonly white: "text-fg-white";
-    /** Always black, regardless of theme. */
-    readonly black: "text-black";
-};
+import { type FlipdishLogoSize, type FlipdishLogoTone, type FlipdishLogoVariant } from './FlipdishLogo.styles';
+export type { FlipdishLogoSize, FlipdishLogoTone, FlipdishLogoVariant } from './FlipdishLogo.styles';
 export interface FlipdishLogoProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
     /**
      * Which lockup to render.
@@ -40,13 +9,13 @@ export interface FlipdishLogoProps extends Omit<SVGProps<SVGSVGElement>, 'fill'>
      * - `icon` — the icon mark (swift) only, for tight or square surfaces.
      * @default 'full'
      */
-    variant?: keyof typeof LOCKUPS;
+    variant?: FlipdishLogoVariant;
     /**
      * Preset height: `sm` 24px, `md` 32px, `lg` 48px. For a one-off size, pass a
      * height utility via `className` (it overrides the preset).
      * @default 'md'
      */
-    size?: keyof typeof SIZE_CLASS;
+    size?: FlipdishLogoSize;
     /**
      * Logo colour.
      * - `default` — follows the theme (black on light surfaces, white in dark mode).
@@ -54,7 +23,7 @@ export interface FlipdishLogoProps extends Omit<SVGProps<SVGSVGElement>, 'fill'>
      * - `black` — always black, regardless of theme.
      * @default 'default'
      */
-    tone?: keyof typeof TONE_CLASS;
+    tone?: FlipdishLogoTone;
     /** Overrides the `data-testid` (defaults to `fd-flipdish-logo`). */
     'data-testid'?: string;
 }
@@ -66,5 +35,4 @@ export interface FlipdishLogoProps extends Omit<SVGProps<SVGSVGElement>, 'fill'>
  * @summary official Flipdish icon mark and wordmark
  */
 export declare const FlipdishLogo: ({ className, variant, size, tone, "data-testid": dataTestId, ...props }: FlipdishLogoProps) => import("react").JSX.Element;
-export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/FlipdishLogo/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/FlipdishLogo/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAUtC,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;CAIH,CAAC;AAEX,QAAA,MAAM,UAAU;IACd,6DAA6D;;IAE7D,2EAA2E;;IAE3E,mEAAmE;;CAE3D,CAAC;AAEX,QAAA,MAAM,UAAU;IACd,+DAA+D;;IAE/D,4DAA4D;;IAE5D,yCAAyC;;CAEjC,CAAC;AAEX,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAC9E;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,oEAAoE;IACpE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,GAAI,yEAO1B,iBAAiB,gCAmBnB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/FlipdishLogo/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,gBAAgB,EAAE,KAAK,mBAAmB,EAAU,MAAM,uBAAuB,CAAC;AAEvH,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAErG,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAC9E;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,oEAAoE;IACpE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,GAAI,yEAO1B,iBAAiB,gCAmBnB,CAAC"}

package/dist/components/atoms/FlipdishLogo/index.js

@@ -1,29 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { cx } from '@flipdish/ui-library/utilities/cx';
 import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
-import { FLIPDISH_ICON_VIEWBOX, FLIPDISH_ICON_PATHS, FLIPDISH_POWERED_BY_VIEWBOX, FLIPDISH_POWERED_BY_PATHS, FLIPDISH_FULL_VIEWBOX, FLIPDISH_FULL_PATHS } from './flipdish-logo.paths.js';
+import { styles } from './FlipdishLogo.styles.js';
 
-const LOCKUPS = {
-    full: { paths: FLIPDISH_FULL_PATHS, viewBox: FLIPDISH_FULL_VIEWBOX, label: 'Flipdish' },
-    poweredBy: { paths: FLIPDISH_POWERED_BY_PATHS, viewBox: FLIPDISH_POWERED_BY_VIEWBOX, label: 'Powered by Flipdish' },
-    icon: { paths: FLIPDISH_ICON_PATHS, viewBox: FLIPDISH_ICON_VIEWBOX, label: 'Flipdish' },
-};
-const SIZE_CLASS = {
-    /** 24px — compact headers, dense navigation, and footers. */
-    sm: 'h-6',
-    /** 32px — the default, for headers, product pages, and inline sections. */
-    md: 'h-8',
-    /** 48px — hero, splash, and login screens needing extra weight. */
-    lg: 'h-12',
-};
-const TONE_CLASS = {
-    /** Themeable — black on light surfaces, white in dark mode. */
-    default: 'text-fg-primary',
-    /** Always white, for dark or brand-coloured backgrounds. */
-    white: 'text-fg-white',
-    /** Always black, regardless of theme. */
-    black: 'text-black',
-};
 /**
  * The official Flipdish logo: the swift icon mark with the `flipdish` wordmark, picked with
  * `variant` and sized with `size`. It fills with `currentColor`, so it inherits the
@@ -32,9 +11,9 @@ const TONE_CLASS = {
  * @summary official Flipdish icon mark and wordmark
  */
 const FlipdishLogo = ({ className, variant = 'full', size = 'md', tone = 'default', 'data-testid': dataTestId, ...props }) => {
-    const { paths, viewBox, label } = LOCKUPS[variant];
+    const { paths, viewBox, label } = styles.lockups[variant];
     const flipdishLogoTestId = useResolvedTestId({ testId: dataTestId, segment: 'flipdish-logo', rootName: 'flipdish-logo' });
-    return (jsxs("svg", { viewBox: viewBox, fill: "none", role: "img", className: cx('w-auto', SIZE_CLASS[size], TONE_CLASS[tone], className), ...props, "data-testid": flipdishLogoTestId, children: [jsx("title", { children: label }), paths.map((d) => (jsx("path", { d: d, fill: "currentColor" }, d)))] }));
+    return (jsxs("svg", { viewBox: viewBox, fill: "none", role: "img", className: cx('w-auto', styles.sizes[size].className, styles.tones[tone].web, className), ...props, "data-testid": flipdishLogoTestId, children: [jsx("title", { children: label }), paths.map((d) => (jsx("path", { d: d, fill: "currentColor" }, d)))] }));
 };
 
 export { FlipdishLogo };

package/dist/components/atoms/FlipdishLogo/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/FlipdishLogo/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAcA,MAAM,OAAO,GAAG;AACd,IAAA,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAE,UAAU,EAAE;AACvF,IAAA,SAAS,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,OAAO,EAAE,2BAA2B,EAAE,KAAK,EAAE,qBAAqB,EAAE;AACnH,IAAA,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAE,UAAU,EAAE;CAC/E;AAEV,MAAM,UAAU,GAAG;;AAEjB,IAAA,EAAE,EAAE,KAAK;;AAET,IAAA,EAAE,EAAE,KAAK;;AAET,IAAA,EAAE,EAAE,MAAM;CACF;AAEV,MAAM,UAAU,GAAG;;AAEjB,IAAA,OAAO,EAAE,iBAAiB;;AAE1B,IAAA,KAAK,EAAE,eAAe;;AAEtB,IAAA,KAAK,EAAE,YAAY;CACX;AA6BV;;;;;;AAMG;AACI,MAAM,YAAY,GAAG,CAAC,EAC3B,SAAS,EACT,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,SAAS,EAChB,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACU,KAAI;AACtB,IAAA,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC;AAClD,IAAA,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC;AAEzH,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EAAA,GAClE,KAAK,EAAA,aAAA,EACI,kBAAkB,EAAA,QAAA,EAAA,CAE/BC,GAAA,CAAA,OAAA,EAAA,EAAA,QAAA,EAAQ,KAAK,EAAA,CAAS,EACrB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,MACXA,GAAA,CAAA,MAAA,EAAA,EAAc,CAAC,EAAE,CAAC,EAAE,IAAI,EAAC,cAAc,EAAA,EAA5B,CAAC,CAA8B,CAC3C,CAAC,CAAA,EAAA,CACE;AAEV;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/FlipdishLogo/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAoCA;;;;;;AAMG;AACI,MAAM,YAAY,GAAG,CAAC,EAC3B,SAAS,EACT,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,SAAS,EAChB,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACU,KAAI;AACtB,IAAA,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;AACzD,IAAA,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC;AAEzH,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,SAAS,CAAC,EAAA,GACpF,KAAK,EAAA,aAAA,EACI,kBAAkB,EAAA,QAAA,EAAA,CAE/BC,GAAA,CAAA,OAAA,EAAA,EAAA,QAAA,EAAQ,KAAK,EAAA,CAAS,EACrB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,MACXA,GAAA,CAAA,MAAA,EAAA,EAAc,CAAC,EAAE,CAAC,EAAE,IAAI,EAAC,cAAc,EAAA,EAA5B,CAAC,CAA8B,CAC3C,CAAC,CAAA,EAAA,CACE;AAEV;;"}

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

@@ -1,5 +1,7 @@
 'use strict';
 
+var hotkeys_utils = require('../../../utilities/__internal__/hotkeysUtils/hotkeys.utils.cjs');
+
 /**
  * Compares two values to determine if they are deeply equal.
  *
@@ -30,6 +32,58 @@ const isDeepEqual = (obj1, obj2) => {
     }
     return true;
 };
+/**
+ * Turns menu items into the hotkey registrations `CommandMenu` installs.
+ * Disabled items and disabled keys are left out, and an empty shortcut registers nothing.
+ *
+ * @param items Flat menu items, in display order.
+ * @param disabledKeys Ids the list treats as disabled, in addition to each item's `isDisabled`.
+ * @returns The hotkey strings to register for each triggerable kind, plus whether any shortcut can never fire.
+ */
+const planCommandItemHotkeys = (items, disabledKeys) => {
+    const disabled = new Set(disabledKeys);
+    const registered = [];
+    for (const item of items) {
+        if (item.isDisabled || disabled.has(item.id))
+            continue;
+        const steps = hotkeys_utils.toHotkeySteps(item.shortcutKeys ?? []);
+        if (steps.length === 0)
+            continue;
+        registered.push({ id: item.id, steps, kind: hotkeys_utils.getItemHotkeyKind(steps) });
+    }
+    const ofKind = (kind) => registered.filter((entry) => entry.kind === kind);
+    // Registering a hotkey twice would run the handler twice for one keypress.
+    const unique = (kind) => [...new Set(ofKind(kind).map((entry) => entry.steps[0]))];
+    return {
+        combination: unique('combination'),
+        guarded: unique('guarded'),
+        typed: ofKind('typed'),
+        matchable: registered.filter((entry) => entry.kind === 'combination' || entry.kind === 'guarded'),
+        hasUnsupported: ofKind('unsupported').length > 0,
+    };
+};
+// `hotkeysEvent` carries fields (e.g. `metadata`) the vendored parser never produces, so compare only the identifying ones.
+const hotkeyMatches = (step, fired) => {
+    const parsed = hotkeys_utils.parseHotkey(step);
+    return (parsed.hotkey.trim().toLowerCase() === fired.hotkey?.trim().toLowerCase() &&
+        parsed.isSequence === fired.isSequence &&
+        parsed.alt === fired.alt &&
+        parsed.ctrl === fired.ctrl &&
+        parsed.shift === fired.shift &&
+        parsed.meta === fired.meta &&
+        parsed.mod === fired.mod &&
+        isDeepEqual(parsed.keys, fired.keys));
+};
+/**
+ * The item a fired combination or guarded hotkey selects.
+ *
+ * @param matchable Combination and guarded registrations, in source order. A typed or unsupported entry never matches.
+ * @param fired The event `react-hotkeys-hook` reports for the key that was pressed.
+ * @returns The first matching registration, or `undefined` when the key selects nothing.
+ */
+const findCommandItemForHotkey = (matchable, fired) => matchable.find((entry) => (entry.kind === 'combination' || entry.kind === 'guarded') && hotkeyMatches(entry.steps[0], fired));
 
+exports.findCommandItemForHotkey = findCommandItemForHotkey;
 exports.isDeepEqual = isDeepEqual;
+exports.planCommandItemHotkeys = planCommandItemHotkeys;
 //# sourceMappingURL=commandMenu.utils.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"commandMenu.utils.cjs","sources":["../../../../src/components/organisms/CommandMenu/commandMenu.utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;;;;;;;AAOG;AACH;MACa,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;;"}
+{"version":3,"file":"commandMenu.utils.cjs","sources":["../../../../src/components/organisms/CommandMenu/commandMenu.utils.ts"],"sourcesContent":[null],"names":["toHotkeySteps","getItemHotkeyKind","parseHotkey"],"mappings":"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"}

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

@@ -1,3 +1,47 @@
+/** How an item shortcut can be triggered. Matches `getItemHotkeyKind`. */
+export type CommandHotkeyKind = 'combination' | 'guarded' | 'typed' | 'unsupported';
+/** A menu item that may register a shortcut. */
+export interface CommandHotkeyItem {
+    /** Id reported through `onSelectionChange` when the shortcut fires. */
+    id: string;
+    /** Skips registration, the same way a disabled list key does. */
+    isDisabled?: boolean;
+    /** Shortcut entries in hook format or symbol shorthand. Empty and missing shortcuts register nothing. */
+    shortcutKeys?: string[];
+}
+/** One registered shortcut, in the order the item appeared. */
+export interface CommandItemHotkey {
+    /** Id reported through `onSelectionChange` when the shortcut fires. */
+    id: string;
+    /** Hook-format steps from `toHotkeySteps`. */
+    steps: string[];
+    /** How the shortcut can be triggered. */
+    kind: CommandHotkeyKind;
+}
+/** The hotkey strings and items `CommandMenu` registers from its items. */
+export interface CommandHotkeyPlan {
+    /** Combination hotkeys, each registered once. */
+    combination: string[];
+    /** Guarded hotkeys, each registered once. */
+    guarded: string[];
+    /** Typed shortcuts in source order. The sequence index selects `id`. */
+    typed: CommandItemHotkey[];
+    /** Combination and guarded shortcuts, in source order. The first match wins. */
+    matchable: CommandItemHotkey[];
+    /** Whether any shortcut is drawn but can never be triggered. */
+    hasUnsupported: boolean;
+}
+/** The fields of a fired hotkey that identify it. Extra event fields are ignored. */
+interface FiredHotkey {
+    hotkey?: string;
+    isSequence?: boolean;
+    alt?: boolean;
+    ctrl?: boolean;
+    shift?: boolean;
+    meta?: boolean;
+    mod?: boolean;
+    keys?: readonly string[] | null;
+}
 /**
  * Compares two values to determine if they are deeply equal.
  *
@@ -7,4 +51,22 @@
  * @returns True if the values are deeply equal, otherwise false.
  */
 export declare const isDeepEqual: (obj1: any, obj2: any) => boolean;
+/**
+ * Turns menu items into the hotkey registrations `CommandMenu` installs.
+ * Disabled items and disabled keys are left out, and an empty shortcut registers nothing.
+ *
+ * @param items Flat menu items, in display order.
+ * @param disabledKeys Ids the list treats as disabled, in addition to each item's `isDisabled`.
+ * @returns The hotkey strings to register for each triggerable kind, plus whether any shortcut can never fire.
+ */
+export declare const planCommandItemHotkeys: (items: readonly CommandHotkeyItem[], disabledKeys?: Iterable<string | number>) => CommandHotkeyPlan;
+/**
+ * The item a fired combination or guarded hotkey selects.
+ *
+ * @param matchable Combination and guarded registrations, in source order. A typed or unsupported entry never matches.
+ * @param fired The event `react-hotkeys-hook` reports for the key that was pressed.
+ * @returns The first matching registration, or `undefined` when the key selects nothing.
+ */
+export declare const findCommandItemForHotkey: (matchable: readonly CommandItemHotkey[], fired: FiredHotkey) => CommandItemHotkey | undefined;
+export {};
 //# sourceMappingURL=commandMenu.utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"commandMenu.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/CommandMenu/commandMenu.utils.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,eAAO,MAAM,WAAW,GAAI,MAAM,GAAG,EAAE,MAAM,GAAG,KAAG,OAsBlD,CAAC"}
+{"version":3,"file":"commandMenu.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/CommandMenu/commandMenu.utils.ts"],"names":[],"mappings":"AAEA,0EAA0E;AAC1E,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;AAEpF,gDAAgD;AAChD,MAAM,WAAW,iBAAiB;IAChC,uEAAuE;IACvE,EAAE,EAAE,MAAM,CAAC;IACX,iEAAiE;IACjE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yGAAyG;IACzG,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AAED,+DAA+D;AAC/D,MAAM,WAAW,iBAAiB;IAChC,uEAAuE;IACvE,EAAE,EAAE,MAAM,CAAC;IACX,8CAA8C;IAC9C,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,yCAAyC;IACzC,IAAI,EAAE,iBAAiB,CAAC;CACzB;AAED,2EAA2E;AAC3E,MAAM,WAAW,iBAAiB;IAChC,iDAAiD;IACjD,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,6CAA6C;IAC7C,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,wEAAwE;IACxE,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,gFAAgF;IAChF,SAAS,EAAE,iBAAiB,EAAE,CAAC;IAC/B,gEAAgE;IAChE,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,qFAAqF;AACrF,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,IAAI,CAAC;CACjC;AAED;;;;;;;GAOG;AAEH,eAAO,MAAM,WAAW,GAAI,MAAM,GAAG,EAAE,MAAM,GAAG,KAAG,OAsBlD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,GAAI,OAAO,SAAS,iBAAiB,EAAE,EAAE,eAAe,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC,KAAG,iBAsBtH,CAAC;AAkBF;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,GAAI,WAAW,SAAS,iBAAiB,EAAE,EAAE,OAAO,WAAW,KAAG,iBAAiB,GAAG,SACI,CAAC"}

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

@@ -1,3 +1,5 @@
+import { toHotkeySteps, getItemHotkeyKind, parseHotkey } from '../../../utilities/__internal__/hotkeysUtils/hotkeys.utils.js';
+
 /**
  * Compares two values to determine if they are deeply equal.
  *
@@ -28,6 +30,56 @@ const isDeepEqual = (obj1, obj2) => {
     }
     return true;
 };
+/**
+ * Turns menu items into the hotkey registrations `CommandMenu` installs.
+ * Disabled items and disabled keys are left out, and an empty shortcut registers nothing.
+ *
+ * @param items Flat menu items, in display order.
+ * @param disabledKeys Ids the list treats as disabled, in addition to each item's `isDisabled`.
+ * @returns The hotkey strings to register for each triggerable kind, plus whether any shortcut can never fire.
+ */
+const planCommandItemHotkeys = (items, disabledKeys) => {
+    const disabled = new Set(disabledKeys);
+    const registered = [];
+    for (const item of items) {
+        if (item.isDisabled || disabled.has(item.id))
+            continue;
+        const steps = toHotkeySteps(item.shortcutKeys ?? []);
+        if (steps.length === 0)
+            continue;
+        registered.push({ id: item.id, steps, kind: getItemHotkeyKind(steps) });
+    }
+    const ofKind = (kind) => registered.filter((entry) => entry.kind === kind);
+    // Registering a hotkey twice would run the handler twice for one keypress.
+    const unique = (kind) => [...new Set(ofKind(kind).map((entry) => entry.steps[0]))];
+    return {
+        combination: unique('combination'),
+        guarded: unique('guarded'),
+        typed: ofKind('typed'),
+        matchable: registered.filter((entry) => entry.kind === 'combination' || entry.kind === 'guarded'),
+        hasUnsupported: ofKind('unsupported').length > 0,
+    };
+};
+// `hotkeysEvent` carries fields (e.g. `metadata`) the vendored parser never produces, so compare only the identifying ones.
+const hotkeyMatches = (step, fired) => {
+    const parsed = parseHotkey(step);
+    return (parsed.hotkey.trim().toLowerCase() === fired.hotkey?.trim().toLowerCase() &&
+        parsed.isSequence === fired.isSequence &&
+        parsed.alt === fired.alt &&
+        parsed.ctrl === fired.ctrl &&
+        parsed.shift === fired.shift &&
+        parsed.meta === fired.meta &&
+        parsed.mod === fired.mod &&
+        isDeepEqual(parsed.keys, fired.keys));
+};
+/**
+ * The item a fired combination or guarded hotkey selects.
+ *
+ * @param matchable Combination and guarded registrations, in source order. A typed or unsupported entry never matches.
+ * @param fired The event `react-hotkeys-hook` reports for the key that was pressed.
+ * @returns The first matching registration, or `undefined` when the key selects nothing.
+ */
+const findCommandItemForHotkey = (matchable, fired) => matchable.find((entry) => (entry.kind === 'combination' || entry.kind === 'guarded') && hotkeyMatches(entry.steps[0], fired));
 
-export { isDeepEqual };
+export { findCommandItemForHotkey, isDeepEqual, planCommandItemHotkeys };
 //# sourceMappingURL=commandMenu.utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"commandMenu.utils.js","sources":["../../../../src/components/organisms/CommandMenu/commandMenu.utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;;;;;;AAOG;AACH;MACa,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;;"}
+{"version":3,"file":"commandMenu.utils.js","sources":["../../../../src/components/organisms/CommandMenu/commandMenu.utils.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/components/organisms/CommandMenu/hooks/useCommandItemHotkeys.cjs

@@ -0,0 +1,43 @@
+'use strict';
+
+var React = require('react');
+var reactHotkeysHook = require('react-hotkeys-hook');
+var useKeySequences = require('../../../../hooks/__internal__/useKeySequences/useKeySequences.cjs');
+var hotkeys_utils = require('../../../../utilities/__internal__/hotkeysUtils/hotkeys.utils.cjs');
+var log_utils = require('../../../../utilities/__internal__/logUtils/log.utils.cjs');
+var commandMenu_utils = require('../commandMenu.utils.cjs');
+
+/**
+ * Registers each command item's `shortcutKeys` and reports the item it selects.
+ * Combinations held with ⌘/Ctrl/Alt also fire while typing; everything else is ignored in a field.
+ * A shortcut that can never be triggered warns once.
+ *
+ * @param options The flat items, any extra disabled ids, and the selection callback.
+ * @returns Nothing. Selection is reported through `onSelectionChange`.
+ */
+const useCommandItemHotkeys = ({ items, disabledKeys, onSelectionChange }) => {
+    const plan = commandMenu_utils.planCommandItemHotkeys(items, disabledKeys);
+    React.useEffect(() => {
+        if (!plan.hasUnsupported)
+            return;
+        log_utils.warnOnce('CommandMenu:unsupported-shortcut', "CommandMenu: an item's `shortcutKeys` is drawn but can never be triggered. A sequence cannot contain a modifier (['⌘k', 'p']) and a modifier needs a key (['⌘']).");
+    }, [plan.hasUnsupported]);
+    const selectItemForHotkey = (keyboardEvent, hotkeysEvent) => {
+        keyboardEvent.preventDefault();
+        const match = commandMenu_utils.findCommandItemForHotkey(plan.matchable, hotkeysEvent);
+        if (match)
+            onSelectionChange?.(new Set([match.id]));
+    };
+    // Combinations held with ⌘/Ctrl/Alt cannot be mistaken for typing, so they also work inside the search input.
+    reactHotkeysHook.useHotkeys(plan.combination, selectItemForHotkey, {
+        enableOnFormTags: true,
+        // react-aria re-dispatches a key typed in the search input onto the list; once handled, skip the copy.
+        ignoreEventWhen: (event) => event.defaultPrevented,
+    });
+    // Everything typing could produce (Shift+A, `?`, G then P) is ignored in fields so it never hijacks text entry.
+    reactHotkeysHook.useHotkeys(plan.guarded, selectItemForHotkey, { ignoreEventWhen: (event) => event.defaultPrevented || hotkeys_utils.isTypingInField(event) });
+    useKeySequences.useKeySequences(plan.typed.map(({ steps }) => steps.map(hotkeys_utils.hotkeyCharacter)), (index) => onSelectionChange?.(new Set([plan.typed[index].id])));
+};
+
+exports.useCommandItemHotkeys = useCommandItemHotkeys;
+//# sourceMappingURL=useCommandItemHotkeys.cjs.map