@flipdish/ui-library 0.2.1 → 0.3.0

package/dist/components/organisms/CommandMenu/components/command-menu-header.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=command-menu-header.cjs.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"command-menu-header.js","sources":["../../../../../src/components/organisms/CommandMenu/components/command-menu-header.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/command-menu-item.cjs

@@ -0,0 +1,22 @@
+'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 cx = require('@flipdish/ui-library/utilities/cx');
+var reactAriaComponents = require('react-aria-components');
+var commandShortcut = require('./command-shortcut.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 }) => {
+    return (jsxRuntime.jsx(reactAriaComponents.ListBoxItem, { ...omit(props, ['type', 'icon', 'alt', 'src']), 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: shortcutKeys })] })) }));
+};
+
+exports.CommandDropdownMenuItem = CommandDropdownMenuItem;
+//# sourceMappingURL=command-menu-item.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"command-menu-item.cjs","sources":["../../../../../src/components/organisms/CommandMenu/components/command-menu-item.tsx"],"sourcesContent":[null],"names":["_jsx","ListBoxItem","cx","_jsxs","FeaturedIcon","Avatar","AriaText","CommandShortcut"],"mappings":"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"}

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

@@ -0,0 +1,32 @@
+import type { FC } from 'react';
+import { type ListBoxItemProps } from 'react-aria-components';
+interface CommandMenuItemBaseType {
+    id: string;
+    label: string;
+    description?: string;
+    stacked?: boolean;
+    shortcutKeys?: 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=command-menu-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"command-menu-item.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/CommandMenu/components/command-menu-item.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAiC,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAG7F,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,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;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,gCAoD9B,CAAC"}

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

@@ -0,0 +1,20 @@
+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 { cx } from '@flipdish/ui-library/utilities/cx';
+import { ListBoxItem, Text } from 'react-aria-components';
+import { CommandShortcut } from './command-shortcut.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 }) => {
+    return (jsx(ListBoxItem, { ...omit(props, ['type', 'icon', 'alt', 'src']), 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: shortcutKeys })] })) }));
+};
+
+export { CommandDropdownMenuItem };
+//# sourceMappingURL=command-menu-item.js.map

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

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

package/dist/components/organisms/CommandMenu/components/command-menu-navigation-icon.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=command-menu-navigation-icon.cjs.map

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

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var React = require('react');
+
+const CommandShortcut = ({ keys, withThen, className }) => {
+    return (jsxRuntime.jsx("div", { className: cx.cx('flex items-center gap-x-1', className), children: keys.map((key, index) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: keys are static shortcut strings with no reordering or removal, so index is a stable identity
+        jsxRuntime.jsxs(React.Fragment, { children: [index !== 0 && (jsxRuntime.jsxs("div", { className: "flex items-center gap-x-1 text-quaternary", children: [withThen && jsxRuntime.jsx("span", { className: "text-sm font-medium", children: "then" }), jsxRuntime.jsx(uiIcons.ArrowRight, { size: 16, strokeWidth: 2.2 })] })), jsxRuntime.jsx("div", { className: "min-w-6 rounded-[4px] bg-secondary_alt px-1 py-0.5 text-center text-sm font-medium text-tertiary ring-1 ring-secondary ring-inset", children: key.toUpperCase() })] }, index))) }));
+};
+
+exports.CommandShortcut = CommandShortcut;
+//# sourceMappingURL=command-shortcut.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"command-shortcut.cjs","sources":["../../../../../src/components/organisms/CommandMenu/components/command-shortcut.tsx"],"sourcesContent":[null],"names":["_jsx","cx","_jsxs","Fragment","ArrowRight"],"mappings":";;;;;;;AAYO,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAwB,KAAI;IACrF,QACEA,wBAAK,SAAS,EAAEC,KAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,YACvD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK;;QAEnBC,eAAA,CAACC,cAAQ,eACN,KAAK,KAAK,CAAC,KACVD,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,2CAA2C,aACvD,QAAQ,IAAIF,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,qBAAqB,qBAAY,EAC9DA,cAAA,CAACI,kBAAU,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,EAAA,CAAI,CAAA,EAAA,CACtC,CACP,EACDJ,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mIAAmI,EAAA,QAAA,EAC/I,GAAG,CAAC,WAAW,EAAE,EAAA,CACd,CAAA,EAAA,EATO,KAAK,CAUT,CACZ,CAAC,EAAA,CACE;AAEV;;;;"}

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

@@ -0,0 +1,8 @@
+interface CommandShortcutProps {
+    keys: string[];
+    withThen?: boolean;
+    className?: string;
+}
+export declare const CommandShortcut: ({ keys, withThen, className }: CommandShortcutProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=command-shortcut.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"command-shortcut.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/CommandMenu/components/command-shortcut.tsx"],"names":[],"mappings":"AAMA,UAAU,oBAAoB;IAC5B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,GAAI,+BAA+B,oBAAoB,gCAmBlF,CAAC"}

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

@@ -0,0 +1,13 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ArrowRight } from '@flipdish/ui-icons';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { Fragment } from 'react';
+
+const CommandShortcut = ({ keys, withThen, className }) => {
+    return (jsx("div", { className: cx('flex items-center gap-x-1', className), children: keys.map((key, index) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: keys are static shortcut strings with no reordering or removal, so index is a stable identity
+        jsxs(Fragment, { children: [index !== 0 && (jsxs("div", { className: "flex items-center gap-x-1 text-quaternary", children: [withThen && jsx("span", { className: "text-sm font-medium", children: "then" }), jsx(ArrowRight, { size: 16, strokeWidth: 2.2 })] })), jsx("div", { className: "min-w-6 rounded-[4px] bg-secondary_alt px-1 py-0.5 text-center text-sm font-medium text-tertiary ring-1 ring-secondary ring-inset", children: key.toUpperCase() })] }, index))) }));
+};
+
+export { CommandShortcut };
+//# sourceMappingURL=command-shortcut.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"command-shortcut.js","sources":["../../../../../src/components/organisms/CommandMenu/components/command-shortcut.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;AAYO,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAwB,KAAI;IACrF,QACEA,aAAK,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,YACvD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK;;QAEnBC,IAAA,CAAC,QAAQ,eACN,KAAK,KAAK,CAAC,KACVA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,2CAA2C,aACvD,QAAQ,IAAID,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,qBAAqB,qBAAY,EAC9DA,GAAA,CAAC,UAAU,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,EAAA,CAAI,CAAA,EAAA,CACtC,CACP,EACDA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mIAAmI,EAAA,QAAA,EAC/I,GAAG,CAAC,WAAW,EAAE,EAAA,CACd,CAAA,EAAA,EATO,KAAK,CAUT,CACZ,CAAC,EAAA,CACE;AAEV;;;;"}

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

@@ -0,0 +1,64 @@
+'use strict';
+
+// This is a 1:1 copy of the `parseHotkeys.ts` file from `react-hotkeys-hook`.
+// We need this because there's no way to import it from the package directly.
+// Source: https://github.com/JohannesKlauss/react-hotkeys-hook/blob/main/packages/react-hotkeys-hook/src/lib/parseHotkeys.ts
+const reservedModifierKeywords = ['shift', 'alt', 'meta', 'mod', 'ctrl', 'control'];
+const mappedKeys = {
+    esc: 'escape',
+    return: 'enter',
+    left: 'arrowleft',
+    right: 'arrowright',
+    up: 'arrowup',
+    down: 'arrowdown',
+    ShiftLeft: 'shift',
+    ShiftRight: 'shift',
+    AltLeft: 'alt',
+    AltRight: 'alt',
+    MetaLeft: 'meta',
+    MetaRight: 'meta',
+    OSLeft: 'meta',
+    OSRight: 'meta',
+    ControlLeft: 'ctrl',
+    ControlRight: 'ctrl',
+};
+function mapCode(key) {
+    return (mappedKeys[key.trim()] || key.trim()).toLowerCase().replace(/key|digit|numpad/, '');
+}
+function parseHotkey(hotkey, splitKey = '+', sequenceSplitKey = '>', useKey = false, description) {
+    let keys = [];
+    let isSequence = false;
+    if (hotkey.includes(sequenceSplitKey)) {
+        isSequence = true;
+        keys = hotkey
+            .toLocaleLowerCase()
+            .split(sequenceSplitKey)
+            .map((k) => mapCode(k));
+    }
+    else {
+        keys = hotkey
+            .toLocaleLowerCase()
+            .split(splitKey)
+            .map((k) => mapCode(k));
+    }
+    const modifiers = {
+        alt: keys.includes('alt'),
+        ctrl: keys.includes('ctrl') || keys.includes('control'),
+        shift: keys.includes('shift'),
+        meta: keys.includes('meta'),
+        mod: keys.includes('mod'),
+        useKey,
+    };
+    const singleCharKeys = keys.filter((k) => !reservedModifierKeywords.includes(k));
+    return {
+        ...modifiers,
+        hotkey,
+        keys: singleCharKeys,
+        description,
+        isSequence,
+    };
+}
+
+exports.mapCode = mapCode;
+exports.parseHotkey = parseHotkey;
+//# sourceMappingURL=hotkeys.utils.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hotkeys.utils.cjs","sources":["../../../../src/components/organisms/CommandMenu/hotkeys.utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;AACA;AACA;AAkBA,MAAM,wBAAwB,GAAG,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC;AAEnF,MAAM,UAAU,GAA2B;AACzC,IAAA,GAAG,EAAE,QAAQ;AACb,IAAA,MAAM,EAAE,OAAO;AACf,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,SAAS,EAAE,OAAO;AAClB,IAAA,UAAU,EAAE,OAAO;AACnB,IAAA,OAAO,EAAE,KAAK;AACd,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,QAAQ,EAAE,MAAM;AAChB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,WAAW,EAAE,MAAM;AACnB,IAAA,YAAY,EAAE,MAAM;CACrB;AAEK,SAAU,OAAO,CAAC,GAAW,EAAA;IACjC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,IAAI,GAAG,CAAC,IAAI,EAAE,EAAE,WAAW,EAAE,CAAC,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC;AAC7F;SAUgB,WAAW,CAAC,MAAc,EAAE,QAAQ,GAAG,GAAG,EAAE,gBAAgB,GAAG,GAAG,EAAE,MAAM,GAAG,KAAK,EAAE,WAAoB,EAAA;IACtH,IAAI,IAAI,GAAa,EAAE;IACvB,IAAI,UAAU,GAAG,KAAK;AAEtB,IAAA,IAAI,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE;QACrC,UAAU,GAAG,IAAI;AACjB,QAAA,IAAI,GAAG;AACJ,aAAA,iBAAiB;aACjB,KAAK,CAAC,gBAAgB;aACtB,GAAG,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;IAC3B;SAAO;AACL,QAAA,IAAI,GAAG;AACJ,aAAA,iBAAiB;aACjB,KAAK,CAAC,QAAQ;aACd,GAAG,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;IAC3B;AAEA,IAAA,MAAM,SAAS,GAAsB;AACnC,QAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;AACzB,QAAA,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC;AACvD,QAAA,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;AAC7B,QAAA,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;AAC3B,QAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;QACzB,MAAM;KACP;AAED,IAAA,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEhF,OAAO;AACL,QAAA,GAAG,SAAS;QACZ,MAAM;AACN,QAAA,IAAI,EAAE,cAAc;QACpB,WAAW;QACX,UAAU;KACX;AACH;;;;;"}

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

@@ -0,0 +1,20 @@
+interface KeyboardModifiers {
+    alt: boolean;
+    ctrl: boolean;
+    shift: boolean;
+    meta: boolean;
+    mod: boolean;
+    useKey?: boolean;
+}
+interface Hotkey extends KeyboardModifiers {
+    hotkey: string;
+    keys: string[];
+    description?: string;
+    isSequence: boolean;
+}
+export declare function mapCode(key: string): string;
+export declare function isHotkeyModifier(key: string): boolean;
+export declare function parseKeysHookInput(keys: string, delimiter?: string): string[];
+export declare function parseHotkey(hotkey: string, splitKey?: string, sequenceSplitKey?: string, useKey?: boolean, description?: string): Hotkey;
+export {};
+//# sourceMappingURL=hotkeys.utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hotkeys.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/CommandMenu/hotkeys.utils.ts"],"names":[],"mappings":"AAIA,UAAU,iBAAiB;IACzB,GAAG,EAAE,OAAO,CAAC;IACb,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,GAAG,EAAE,OAAO,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,UAAU,MAAO,SAAQ,iBAAiB;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;CACrB;AAuBD,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAE3C;AAED,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,WAE3C;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,SAAM,GAAG,MAAM,EAAE,CAE1E;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,SAAM,EAAE,gBAAgB,SAAM,EAAE,MAAM,UAAQ,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAmChI"}

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

@@ -0,0 +1,61 @@
+// This is a 1:1 copy of the `parseHotkeys.ts` file from `react-hotkeys-hook`.
+// We need this because there's no way to import it from the package directly.
+// Source: https://github.com/JohannesKlauss/react-hotkeys-hook/blob/main/packages/react-hotkeys-hook/src/lib/parseHotkeys.ts
+const reservedModifierKeywords = ['shift', 'alt', 'meta', 'mod', 'ctrl', 'control'];
+const mappedKeys = {
+    esc: 'escape',
+    return: 'enter',
+    left: 'arrowleft',
+    right: 'arrowright',
+    up: 'arrowup',
+    down: 'arrowdown',
+    ShiftLeft: 'shift',
+    ShiftRight: 'shift',
+    AltLeft: 'alt',
+    AltRight: 'alt',
+    MetaLeft: 'meta',
+    MetaRight: 'meta',
+    OSLeft: 'meta',
+    OSRight: 'meta',
+    ControlLeft: 'ctrl',
+    ControlRight: 'ctrl',
+};
+function mapCode(key) {
+    return (mappedKeys[key.trim()] || key.trim()).toLowerCase().replace(/key|digit|numpad/, '');
+}
+function parseHotkey(hotkey, splitKey = '+', sequenceSplitKey = '>', useKey = false, description) {
+    let keys = [];
+    let isSequence = false;
+    if (hotkey.includes(sequenceSplitKey)) {
+        isSequence = true;
+        keys = hotkey
+            .toLocaleLowerCase()
+            .split(sequenceSplitKey)
+            .map((k) => mapCode(k));
+    }
+    else {
+        keys = hotkey
+            .toLocaleLowerCase()
+            .split(splitKey)
+            .map((k) => mapCode(k));
+    }
+    const modifiers = {
+        alt: keys.includes('alt'),
+        ctrl: keys.includes('ctrl') || keys.includes('control'),
+        shift: keys.includes('shift'),
+        meta: keys.includes('meta'),
+        mod: keys.includes('mod'),
+        useKey,
+    };
+    const singleCharKeys = keys.filter((k) => !reservedModifierKeywords.includes(k));
+    return {
+        ...modifiers,
+        hotkey,
+        keys: singleCharKeys,
+        description,
+        isSequence,
+    };
+}
+
+export { mapCode, parseHotkey };
+//# sourceMappingURL=hotkeys.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hotkeys.utils.js","sources":["../../../../src/components/organisms/CommandMenu/hotkeys.utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AAkBA,MAAM,wBAAwB,GAAG,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC;AAEnF,MAAM,UAAU,GAA2B;AACzC,IAAA,GAAG,EAAE,QAAQ;AACb,IAAA,MAAM,EAAE,OAAO;AACf,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,SAAS,EAAE,OAAO;AAClB,IAAA,UAAU,EAAE,OAAO;AACnB,IAAA,OAAO,EAAE,KAAK;AACd,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,QAAQ,EAAE,MAAM;AAChB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,WAAW,EAAE,MAAM;AACnB,IAAA,YAAY,EAAE,MAAM;CACrB;AAEK,SAAU,OAAO,CAAC,GAAW,EAAA;IACjC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,IAAI,GAAG,CAAC,IAAI,EAAE,EAAE,WAAW,EAAE,CAAC,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC;AAC7F;SAUgB,WAAW,CAAC,MAAc,EAAE,QAAQ,GAAG,GAAG,EAAE,gBAAgB,GAAG,GAAG,EAAE,MAAM,GAAG,KAAK,EAAE,WAAoB,EAAA;IACtH,IAAI,IAAI,GAAa,EAAE;IACvB,IAAI,UAAU,GAAG,KAAK;AAEtB,IAAA,IAAI,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE;QACrC,UAAU,GAAG,IAAI;AACjB,QAAA,IAAI,GAAG;AACJ,aAAA,iBAAiB;aACjB,KAAK,CAAC,gBAAgB;aACtB,GAAG,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;IAC3B;SAAO;AACL,QAAA,IAAI,GAAG;AACJ,aAAA,iBAAiB;aACjB,KAAK,CAAC,QAAQ;aACd,GAAG,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;IAC3B;AAEA,IAAA,MAAM,SAAS,GAAsB;AACnC,QAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;AACzB,QAAA,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC;AACvD,QAAA,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;AAC7B,QAAA,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;AAC3B,QAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;QACzB,MAAM;KACP;AAED,IAAA,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEhF,OAAO;AACL,QAAA,GAAG,SAAS;QACZ,MAAM;AACN,QAAA,IAAI,EAAE,cAAc;QACpB,WAAW;QACX,UAAU;KACX;AACH;;;;"}

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

@@ -0,0 +1,104 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var reactHotkeysHook = require('react-hotkeys-hook');
+var commandMenu_utils = require('./commandMenu.utils.cjs');
+var commandInput = require('./components/command-input.cjs');
+var commandMenuFooter = require('./components/command-menu-footer.cjs');
+var commandMenuHeader = require('./components/command-menu-header.cjs');
+var commandMenuItem = require('./components/command-menu-item.cjs');
+var hotkeys_utils = require('./hotkeys.utils.cjs');
+
+const CommandMenuContext = React.createContext({
+    hasFooter: false,
+    flatItems: [],
+    selectedKeys: new Set(),
+    setSelectedKeys: () => { },
+});
+const CommandMenuRoot = ({ items, children, dialogClassName, overlayClassName, filter, inputValue, defaultItems, onInputChange, onSelectionChange, sensitivity = 'base', placeholder = 'Search', defaultSelectedKeys, shortcut = '⌘/', ...otherProps }) => {
+    const inputRef = React.useRef(null);
+    const { contains } = reactAriaComponents.useFilter({ sensitivity });
+    const [selectedKeys, setSelectedKeys] = React.useState(defaultSelectedKeys ?? new Set());
+    // Flatten the items and register hotkeys for items with shortcut keys.
+    const resolvedItems = items ?? defaultItems ?? [];
+    const flatItems = resolvedItems.reduce((acc, group) => [...acc, ...group.items], []);
+    const itemsWithShortcutKeys = flatItems.filter((item) => item.shortcutKeys?.length);
+    const itemsWithShortcutKeysFormatted = itemsWithShortcutKeys.map((item) => ({
+        ...item,
+        shortcutKeys: item.shortcutKeys.map((key) => {
+            if (key.startsWith('⌘'))
+                return key.replace('⌘', key.length > 1 ? 'meta+' : 'meta');
+            return key;
+        }),
+    }));
+    // Register hotkeys for items with shortcut keys.
+    const useHotkeysRef = reactHotkeysHook.useHotkeys(itemsWithShortcutKeysFormatted.map((item) => item.shortcutKeys.join('+')), (keyboardEvent, hotkeysEvent) => {
+        keyboardEvent.preventDefault();
+        const item = itemsWithShortcutKeysFormatted.find((option) => {
+            const parsedHotkey = hotkeys_utils.parseHotkey(option.shortcutKeys?.join('+'));
+            return commandMenu_utils.isDeepEqual(parsedHotkey, hotkeysEvent);
+        });
+        if (item)
+            onSelectionChange?.(new Set([item.id]));
+    }, { enableOnFormTags: true });
+    // Register hotkey for input
+    reactHotkeysHook.useHotkeys(shortcut?.split('').join('+').replace('⌘', 'meta') ?? '', () => inputRef.current?.focus());
+    // Determine if the command menu has a footer.
+    const hasFooter = React.useMemo(() => {
+        let hasFooter = false;
+        React.Children.forEach(children, (child) => {
+            if (child && typeof child === 'object' && 'type' in child && child.type === commandMenuFooter.CommandMenuFooter) {
+                hasFooter = true;
+            }
+        });
+        return hasFooter;
+    }, [children]);
+    return (jsxRuntime.jsx(CommandMenuContext.Provider, { value: { hasFooter, flatItems, selectedKeys, setSelectedKeys, onSelectionChange, items, ...otherProps }, children: jsxRuntime.jsx(CommandDialog, { isOpen: otherProps.isOpen, onOpenChange: otherProps.onOpenChange, className: overlayClassName, dialogClassName: dialogClassName, children: jsxRuntime.jsxs(reactAriaComponents.Autocomplete, { inputValue, onInputChange, filter: filter === false ? undefined : filter || contains, children: [jsxRuntime.jsx(reactAriaComponents.TextField, { "aria-label": "Search", children: jsxRuntime.jsx(commandInput.CommandInput, { autoFocus: true, shortcutKeys: shortcut ? [shortcut] : undefined, placeholder: placeholder, ref: commandMenu_utils.mergeRefs([inputRef, useHotkeysRef]), className: "relative outline-hidden! after:absolute after:bottom-0 after:left-0 after:h-px after:w-full after:bg-border-secondary" }) }), children] }) }) }));
+};
+const CommandDialog = ({ className, dialogClassName, children, ...comboboxProps }) => {
+    return (jsxRuntime.jsx(reactAriaComponents.ModalOverlay, { ...comboboxProps, isDismissable: true, className: (state) => cx.cx('fixed inset-0 z-50 flex min-h-full items-start justify-center overflow-y-auto bg-overlay/70 p-4 text-center backdrop-blur md:pt-16 xl:pt-[clamp(64px,10vh,243px)]', state.isEntering && 'duration-300 ease-out animate-in fade-in', state.isExiting && 'duration-200 ease-in animate-out fade-out', typeof className === 'function' ? className(state) : className), children: (state) => (jsxRuntime.jsx(reactAriaComponents.Modal, { className: (state) => cx.cx('flex max-h-full w-160 flex-col overflow-hidden rounded-xl bg-primary text-left align-middle shadow-xl', state.isEntering && 'duration-300 ease-out animate-in zoom-in-95', state.isExiting && 'duration-200 ease-in animate-out zoom-out-95', typeof dialogClassName === 'function' ? dialogClassName(state) : dialogClassName), children: jsxRuntime.jsx(reactAriaComponents.Dialog, { "aria-label": "Command menu", className: "relative flex min-h-0 flex-1 flex-col outline-hidden", children: typeof children === 'function' ? children(state) : children }) })) }));
+};
+const CommandMenuList = ({ className, selectionMode = 'single', ...props }) => {
+    const { hasFooter, emptyState, ...listBoxProps } = React.useContext(CommandMenuContext);
+    return (jsxRuntime.jsx(reactAriaComponents.ListBox, { "aria-label": "Command menu results", ...props, ...listBoxProps, renderEmptyState: () => emptyState, selectionMode: selectionMode, onSelectionChange: (key) => {
+            listBoxProps.onSelectionChange?.(key);
+            listBoxProps.setSelectedKeys(key);
+        }, className: (state) => cx.cx('flex max-h-106 flex-1 scroll-py-10 flex-col gap-2 overflow-auto focus:outline-hidden', hasFooter && 'scroll-pb-22 pb-13', !state.isEmpty && 'pt-2', typeof className === 'function' ? className(state) : className) }));
+};
+const CommandMenuSection = ({ title, children, items, ...props }) => {
+    return (jsxRuntime.jsxs(reactAriaComponents.ListBoxSection, { ...props, className: cx.cx('border-b border-secondary pb-2 last:border-transparent', props.className), children: [title && (jsxRuntime.jsx(commandMenuHeader.CommandMenuHeader, { className: "pb-1", children: title }, title)), jsxRuntime.jsx(reactAriaComponents.Collection, { items: items, children: children })] }));
+};
+const CommandMenuPreview = ({ children, asChild, ...props }) => {
+    const { selectedKeys } = React.useContext(CommandMenuContext);
+    const keys = Array.from(selectedKeys);
+    if (!keys.length)
+        return null;
+    const selectedId = keys[0];
+    if (asChild) {
+        return jsxRuntime.jsx(React.Fragment, { children: typeof children === 'function' ? children({ selectedId }) : children });
+    }
+    return jsxRuntime.jsx("div", { ...props, children: typeof children === 'function' ? children({ selectedId }) : children });
+};
+const CommandMenuGroup = ({ className, ...props }) => {
+    return jsxRuntime.jsx("div", { ...props, className: cx.cx('min-h-0 flex-1', className) });
+};
+const CommandMenu = CommandMenuRoot;
+CommandMenu.Item = commandMenuItem.CommandDropdownMenuItem;
+CommandMenu.List = CommandMenuList;
+CommandMenu.Group = CommandMenuGroup;
+CommandMenu.Footer = commandMenuFooter.CommandMenuFooter;
+CommandMenu.Preview = CommandMenuPreview;
+CommandMenu.Section = CommandMenuSection;
+CommandMenu.Trigger = reactAriaComponents.DialogTrigger;
+CommandMenu.Collection = reactAriaComponents.Collection;
+
+exports.CommandDialog = CommandDialog;
+exports.CommandMenu = CommandMenu;
+exports.CommandMenuGroup = CommandMenuGroup;
+exports.CommandMenuList = CommandMenuList;
+exports.CommandMenuPreview = CommandMenuPreview;
+exports.CommandMenuSection = CommandMenuSection;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/CommandMenu/index.tsx"],"sourcesContent":[null],"names":["createContext","useRef","useFilter","useState","useHotkeys","parseHotkey","isDeepEqual","useMemo","Children","CommandMenuFooter","_jsx","_jsxs","AriaAutocomplete","AriaTextField","CommandInput","mergeRefs","AriaModalOverlay","cx","AriaModal","AriaDialog","useContext","AriaListBox","AriaListBoxSection","CommandMenuHeader","AriaCollection","Fragment","CommandDropdownMenuItem","AriaDialogTrigger"],"mappings":"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"}

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

@@ -0,0 +1,57 @@
+import type { ComponentPropsWithRef, ReactNode } from 'react';
+import type { AutocompleteProps, DialogTriggerProps, Key, ListBoxProps, ListBoxSectionProps, ModalOverlayProps } from 'react-aria-components';
+import { Collection as AriaCollection, DialogTrigger as AriaDialogTrigger } from 'react-aria-components';
+import { CommandMenuFooter } from './components/command-menu-footer';
+import { CommandDropdownMenuItem, type CommandDropdownMenuItemProps } from './components/command-menu-item';
+export type CommandMenuGroupType = {
+    id: string;
+    title?: string;
+    items: CommandDropdownMenuItemProps[];
+};
+interface CommandMenuRootProps extends Omit<ListBoxProps<CommandMenuGroupType>, 'children' | 'selectedKeys' | 'className'>, Omit<AutocompleteProps, 'filter'>, DialogTriggerProps {
+    placeholder?: string;
+    emptyState?: ReactNode;
+    dialogClassName?: ModalOverlayProps['className'];
+    overlayClassName?: ModalOverlayProps['className'];
+    items?: CommandMenuGroupType[];
+    defaultItems?: CommandMenuGroupType[];
+    sensitivity?: 'base' | 'accent' | 'case' | 'variant' | undefined;
+    shortcut?: string | null;
+    filter?: false | AutocompleteProps['filter'];
+}
+declare const CommandMenuRoot: ({ items, children, dialogClassName, overlayClassName, filter, inputValue, defaultItems, onInputChange, onSelectionChange, sensitivity, placeholder, defaultSelectedKeys, shortcut, ...otherProps }: CommandMenuRootProps) => import("react").JSX.Element;
+interface CommandMenuProps extends ModalOverlayProps {
+    dialogClassName?: ModalOverlayProps['className'];
+}
+export declare const CommandDialog: ({ className, dialogClassName, children, ...comboboxProps }: CommandMenuProps) => import("react").JSX.Element;
+interface CommandMenuListProps extends Omit<ListBoxProps<CommandMenuGroupType>, 'items'> {
+}
+export declare const CommandMenuList: ({ className, selectionMode, ...props }: CommandMenuListProps) => import("react").JSX.Element;
+interface CommandMenuSectionProps extends ListBoxSectionProps<CommandDropdownMenuItemProps> {
+    title?: string;
+}
+export declare const CommandMenuSection: ({ title, children, items, ...props }: CommandMenuSectionProps) => import("react").JSX.Element;
+interface PreviewChildrenProps {
+    /**
+     * The unique identifier (`Key`) of the selected item.
+     */
+    selectedId: Key;
+}
+interface CommandMenuPreviewProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {
+    asChild?: boolean;
+    children: ({ selectedId }: PreviewChildrenProps) => ReactNode | ReactNode;
+}
+export declare const CommandMenuPreview: ({ children, asChild, ...props }: CommandMenuPreviewProps) => import("react").JSX.Element | null;
+export declare const CommandMenuGroup: ({ className, ...props }: ComponentPropsWithRef<"div">) => import("react").JSX.Element;
+declare const CommandMenu: typeof CommandMenuRoot & {
+    Item: typeof CommandDropdownMenuItem;
+    List: typeof CommandMenuList;
+    Group: typeof CommandMenuGroup;
+    Footer: typeof CommandMenuFooter;
+    Preview: typeof CommandMenuPreview;
+    Section: typeof CommandMenuSection;
+    Trigger: typeof AriaDialogTrigger;
+    Collection: typeof AriaCollection;
+};
+export { CommandMenu };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/CommandMenu/index.tsx"],"names":[],"mappings":"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"}