@remix-run/ui 0.2.0 → 0.4.0

package/dist/menu/index.js

@@ -0,0 +1,250 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@remix-run/ui/jsx-runtime";
+import { createElement, css, ref } from '@remix-run/ui';
+import button from '@remix-run/ui/button';
+import * as menu from '@remix-run/ui/menu/primitives';
+import { CheckIcon, ChevronDownIcon, ChevronRightIcon } from "../shared/icons.js";
+import { popoverSurfaceStyle } from "../shared/listbox-popover-styles.js";
+import { componentStyleValues as styles } from "../shared/style-values.js";
+const menuButtonCss = css({
+    display: 'grid',
+    gridTemplateColumns: 'minmax(0, 1fr) auto',
+    alignItems: 'center',
+    borderRadius: styles.radius.md,
+    paddingInlineEnd: styles.space.sm,
+    textAlign: 'left',
+    '&[aria-expanded="true"], &[aria-expanded="true"]:hover, &[aria-expanded="true"]:focus-visible': {
+        backgroundColor: styles.surface.lvl3,
+        color: styles.colors.text.primary,
+    },
+});
+const menuButtonLabelCss = css({
+    display: 'inline-flex',
+    alignItems: 'center',
+    minWidth: 0,
+});
+const menuButtonIconCss = css({
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: styles.fontSize.md,
+    height: styles.fontSize.md,
+    color: 'currentColor',
+    flexShrink: 0,
+    '& > svg': {
+        display: 'block',
+        width: '100%',
+        height: '100%',
+    },
+});
+const menuPopoverCss = css({
+    '&[data-menu-submenu="true"][data-anchor-placement^="right"]': {
+        marginLeft: `calc(${styles.space.xs} * -1)`,
+    },
+    '&[data-menu-submenu="true"][data-anchor-placement^="left"]': {
+        marginLeft: styles.space.xs,
+    },
+    '&[data-close-animation="none"]:not(:popover-open)': {
+        transition: 'none',
+        transitionBehavior: 'normal',
+    },
+});
+const menuListCss = css({
+    display: 'flex',
+    flexDirection: 'column',
+    flex: '1 1 auto',
+    minHeight: 0,
+    paddingBlock: styles.space.xs,
+    paddingInline: styles.space.none,
+    overflow: 'auto',
+    overscrollBehavior: 'contain',
+    outline: 'none',
+    userSelect: 'none',
+    WebkitUserSelect: 'none',
+    '--rmx-ui-item-inset': `calc(${styles.space.sm} + ${styles.space.xs})`,
+    '--rmx-ui-item-indicator-gap': 'var(--rmx-menu-item-slot-gap)',
+    '--rmx-ui-item-indicator-width': 'var(--rmx-menu-item-slot-width)',
+    '--rmx-menu-item-slot-gap': styles.space.none,
+    '--rmx-menu-item-slot-width': styles.space.none,
+    '&:has(> [role="menuitemcheckbox"])': {
+        '--rmx-menu-item-slot-gap': styles.space.xs,
+        '--rmx-menu-item-slot-width': styles.fontSize.md,
+    },
+    '&:has(> [role="menuitemradio"])': {
+        '--rmx-menu-item-slot-gap': styles.space.xs,
+        '--rmx-menu-item-slot-width': styles.fontSize.md,
+    },
+});
+const menuItemCss = css({
+    display: 'flex',
+    alignItems: 'center',
+    width: '100%',
+    minWidth: 0,
+    minHeight: styles.control.height.md,
+    boxSizing: 'border-box',
+    position: 'relative',
+    isolation: 'isolate',
+    paddingInline: `calc(${styles.space.sm} + ${styles.space.xs})`,
+    color: styles.colors.text.primary,
+    fontFamily: styles.fontFamily.sans,
+    fontSize: styles.fontSize.sm,
+    fontWeight: styles.fontWeight.normal,
+    lineHeight: styles.lineHeight.normal,
+    textAlign: 'left',
+    userSelect: 'none',
+    WebkitUserSelect: 'none',
+    '--rmx-menu-item-indicator-opacity': '0',
+    '&::before': {
+        content: '""',
+        position: 'absolute',
+        insetBlock: 0,
+        insetInline: styles.space.xs,
+        borderRadius: styles.radius.md,
+        backgroundColor: 'transparent',
+        pointerEvents: 'none',
+        zIndex: -1,
+    },
+    '&:focus': {
+        outline: 'none',
+    },
+    '&[data-highlighted="true"]': {
+        color: styles.colors.action.primary.foreground,
+    },
+    '&[data-highlighted="true"]::before': {
+        backgroundColor: styles.colors.action.primary.background,
+    },
+    '&[aria-haspopup="menu"][aria-expanded="true"]:not(:focus)': {
+        color: styles.colors.text.primary,
+    },
+    '&[aria-haspopup="menu"][aria-expanded="true"]:not(:focus)::before': {
+        backgroundColor: styles.surface.lvl2,
+    },
+    '&[data-submenu-state="selecting"], &[data-submenu-state="dismissing"]': {
+        color: styles.colors.text.primary,
+    },
+    '&[data-submenu-state="selecting"]::before, &[data-submenu-state="dismissing"]::before': {
+        backgroundColor: styles.surface.lvl2,
+    },
+    '&[data-menu-flash="true"]': {
+        color: styles.colors.text.primary,
+    },
+    '&[data-menu-flash="true"]::before': {
+        backgroundColor: 'transparent',
+    },
+    '&[aria-disabled="true"]': {
+        opacity: 0.5,
+    },
+    '&[aria-checked="true"], &[aria-selected="true"]': {
+        '--rmx-menu-item-indicator-opacity': '1',
+    },
+});
+const menuItemSlotCss = css({
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    flex: '0 0 var(--rmx-menu-item-slot-width)',
+    width: 'var(--rmx-menu-item-slot-width)',
+    minWidth: 0,
+    marginInlineEnd: 'var(--rmx-menu-item-slot-gap)',
+    overflow: 'hidden',
+});
+const menuItemLabelCss = css({
+    display: 'inline-flex',
+    alignItems: 'center',
+    flex: '1 1 auto',
+    minWidth: 0,
+});
+const menuItemIndicatorCss = css({
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: styles.fontSize.md,
+    height: styles.fontSize.md,
+    color: 'currentColor',
+    flexShrink: 0,
+    '& > svg': {
+        display: 'block',
+        width: '100%',
+        height: '100%',
+    },
+    opacity: 'var(--rmx-menu-item-indicator-opacity)',
+});
+const menuTriggerIndicatorCss = css({
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: styles.fontSize.md,
+    height: styles.fontSize.md,
+    color: 'currentColor',
+    flexShrink: 0,
+    marginInlineStart: 'auto',
+    '& > svg': {
+        display: 'block',
+        width: '100%',
+        height: '100%',
+    },
+});
+export const buttonStyle = menuButtonCss;
+export const popoverStyle = menuPopoverCss;
+export const listStyle = menuListCss;
+export const itemStyle = menuItemCss;
+export const itemSlotStyle = menuItemSlotCss;
+export const itemLabelStyle = menuItemLabelCss;
+export const itemIndicatorStyle = menuItemIndicatorCss;
+export const triggerIndicatorStyle = menuTriggerIndicatorCss;
+export function Menu(handle) {
+    let buttonRef;
+    return () => {
+        let { children, label, menuLabel, mix, type, ...buttonProps } = handle.props;
+        return (_jsxs(menu.Context, { label: menuLabel, children: [_jsxs("button", { ...buttonProps, type: type ?? 'button', mix: [
+                        button(),
+                        buttonStyle,
+                        menu.trigger(),
+                        ref((node, signal) => {
+                            buttonRef = node;
+                            signal.addEventListener('abort', () => {
+                                if (buttonRef === node) {
+                                    buttonRef = undefined;
+                                }
+                            });
+                        }),
+                        mix,
+                    ], children: [_jsx("span", { mix: menuButtonLabelCss, children: label }), _jsx(ChevronDownIcon, { mix: menuButtonIconCss })] }), _jsx(MenuList, { mix: menu.onMenuSelect((event) => {
+                        if (!buttonRef) {
+                            return;
+                        }
+                        event.stopPropagation();
+                        buttonRef.dispatchEvent(new menu.MenuSelectEvent(event.item));
+                    }), children: children })] }));
+    };
+}
+export function MenuList(handle) {
+    return () => {
+        let { children, mix, ...divProps } = handle.props;
+        return (_jsx("div", { mix: [popoverSurfaceStyle, popoverStyle, menu.popover()], children: _jsx("div", { ...divProps, mix: [listStyle, menu.list(), mix], children: children }) }));
+    };
+}
+export function MenuItem(handle) {
+    return () => {
+        let { checked, children, disabled, label, mix, name, searchValue, type, value, ...divProps } = handle.props;
+        return (_jsxs("div", { ...divProps, mix: [
+                itemStyle,
+                menu.item({ checked, disabled, label, name, searchValue, type, value }),
+                mix,
+            ], children: [_jsx("span", { mix: itemSlotStyle, children: _jsx(CheckIcon, { mix: itemIndicatorStyle }) }), _jsx("span", { mix: itemLabelStyle, children: children ?? label })] }));
+    };
+}
+export function Submenu(handle) {
+    return () => {
+        let { children, disabled, label, listProps, menuLabel, mix, searchValue, value, ...divProps } = handle.props;
+        return (_jsxs(menu.Context, { label: menuLabel, children: [_jsxs("div", { ...divProps, mix: [
+                        itemStyle,
+                        menu.submenuTrigger({
+                            disabled,
+                            searchValue,
+                            value,
+                        }),
+                        mix,
+                    ], children: [_jsx("span", { mix: itemSlotStyle, children: _jsx(CheckIcon, { mix: itemIndicatorStyle }) }), _jsx("span", { mix: itemLabelStyle, children: label }), _jsx(ChevronRightIcon, { mix: triggerIndicatorStyle })] }), _jsx(MenuList, { ...listProps, children: children })] }));
+    };
+}
+//# sourceMappingURL=index.js.map

package/dist/menu/index.js.map

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

package/dist/{components/menu/menu.d.ts → menu/primitives.d.ts}

@@ -1,16 +1,8 @@
-import { on, type CSSMixinDescriptor, type Dispatched, type ElementProps, type Handle, type MixinFactory, type Props, type RemixNode } from '@remix-run/ui';
-import { type AnchorOptions } from '../anchor/anchor.ts';
-import { type SearchValue } from '../../interactions/typeahead/typeahead-mixin.ts';
+import { on, type Dispatched, type ElementProps, type Handle, type MixinFactory, type RemixNode } from '@remix-run/ui';
+import { type AnchorOptions } from '../anchor/index.ts';
+import { type SearchValue } from '../shared/typeahead.ts';
 declare const MENU_SELECT_EVENT: "rmx:menu-select";
 type MenuSelectHandler<target extends HTMLElement> = (event: Dispatched<MenuSelectEvent, target>, signal: AbortSignal) => void | Promise<void>;
-export declare const buttonStyle: CSSMixinDescriptor;
-export declare const popoverStyle: CSSMixinDescriptor;
-export declare const listStyle: CSSMixinDescriptor;
-export declare const itemStyle: CSSMixinDescriptor;
-export declare const itemSlotStyle: CSSMixinDescriptor;
-export declare const itemLabelStyle: CSSMixinDescriptor;
-export declare const itemGlyphStyle: CSSMixinDescriptor;
-export declare const triggerGlyphStyle: CSSMixinDescriptor;
 declare global {
     interface HTMLElementEventMap {
         [MENU_SELECT_EVENT]: MenuSelectEvent;
@@ -39,6 +31,8 @@ export interface MenuProviderProps {
 }
 export interface MenuTriggerOptions extends AnchorOptions {
 }
+export interface MenuContextTriggerOptions extends AnchorOptions {
+}
 export interface MenuItemOptions {
     checked?: boolean;
     disabled?: boolean;
@@ -125,31 +119,11 @@ interface MenuContextValue {
 }
 declare function MenuProvider(handle: Handle<MenuProviderProps, MenuContextValue>): () => RemixNode;
 declare const popoverMixin: MixinFactory<HTMLElement, [], ElementProps>;
-export interface MenuListProps extends Props<'div'> {
-}
-type MenuListChildProps = Omit<JSX.LibraryManagedAttributes<typeof MenuList, MenuListProps>, 'children'>;
 export declare const Context: typeof MenuProvider;
+export declare const contextTrigger: MixinFactory<HTMLElement, [options?: MenuContextTriggerOptions | undefined], ElementProps>;
 export declare const item: MixinFactory<HTMLElement, [options: MenuItemOptions], ElementProps>;
 export declare const list: MixinFactory<HTMLElement, [], ElementProps>;
 export { popoverMixin as popover };
 export declare const submenuTrigger: MixinFactory<HTMLElement, [options: SubmenuTriggerOptions], ElementProps>;
 export declare const trigger: MixinFactory<HTMLElement, [options?: MenuTriggerOptions | undefined], ElementProps>;
 export declare function onMenuSelect<target extends HTMLElement>(handler: MenuSelectHandler<target>, captureBoolean?: boolean): ReturnType<typeof on<target, typeof MENU_SELECT_EVENT>>;
-export interface MenuProps extends Omit<Props<'button'>, 'children'> {
-    children?: RemixNode;
-    label: RemixNode;
-    menuLabel?: string;
-}
-export interface MenuItemProps extends Omit<Props<'div'>, 'children' | 'name' | 'type' | 'value'>, MenuItemOptions {
-    children?: RemixNode;
-}
-export interface SubmenuProps extends Omit<Props<'div'>, 'children' | 'name' | 'type' | 'value'>, Omit<SubmenuTriggerOptions, 'label'> {
-    children?: RemixNode;
-    label: RemixNode;
-    listProps?: MenuListChildProps;
-    menuLabel?: string;
-}
-export declare function Menu(handle: Handle<MenuProps>): () => RemixNode;
-export declare function MenuList(handle: Handle<MenuListProps>): () => RemixNode;
-export declare function MenuItem(handle: Handle<MenuItemProps>): () => RemixNode;
-export declare function Submenu(handle: Handle<SubmenuProps>): () => RemixNode;