@yamada-ui/menu 0.2.7 → 0.2.10

package/dist/index.d.mts

@@ -0,0 +1,10 @@
+export { Menu, MenuProps } from './menu.mjs';
+export { MenuButton, MenuButtonProps } from './menu-button.mjs';
+export { MenuList, MenuListProps } from './menu-list.mjs';
+export { MenuItem, MenuItemProps, MenuOptionItem, MenuOptionItemProps } from './menu-item.mjs';
+export { MenuGroup, MenuGroupProps } from './menu-group.mjs';
+export { MenuOptionGroup, MenuOptionGroupProps } from './menu-option-group.mjs';
+export { MenuDivider, MenuDividerProps } from './menu-divider.mjs';
+import '@yamada-ui/core';
+import '@yamada-ui/popover';
+import 'react';

package/dist/menu-button.d.mts

@@ -0,0 +1,7 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { HTMLUIProps } from '@yamada-ui/core';
+
+type MenuButtonProps = HTMLUIProps<'button'>;
+declare const MenuButton: _yamada_ui_core.Component<"button", MenuButtonProps>;
+
+export { MenuButton, MenuButtonProps };

package/dist/menu-divider.d.mts

@@ -0,0 +1,7 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { HTMLUIProps } from '@yamada-ui/core';
+
+type MenuDividerProps = HTMLUIProps<'hr'>;
+declare const MenuDivider: _yamada_ui_core.Component<_yamada_ui_core.As, object>;
+
+export { MenuDivider, MenuDividerProps };

package/dist/menu-group.d.mts

@@ -0,0 +1,7 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { HTMLUIProps } from '@yamada-ui/core';
+
+type MenuGroupProps = HTMLUIProps<'div'>;
+declare const MenuGroup: _yamada_ui_core.Component<"div", MenuGroupProps>;
+
+export { MenuGroup, MenuGroupProps };

package/dist/menu-item.d.mts

@@ -0,0 +1,58 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { HTMLUIProps } from '@yamada-ui/core';
+import { ReactElement } from 'react';
+
+type MenuItemOptions = {
+    /**
+     * If `true`, the menu item will be disabled.
+     *
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * If `true`, the menu item will be focusable.
+     *
+     * @default false
+     */
+    isFocusable?: boolean;
+    /**
+     * If `true`, the list element will be closed when selected.
+     *
+     * @default false
+     */
+    closeOnSelect?: boolean;
+    /**
+     * The menu item icon to use.
+     */
+    icon?: ReactElement;
+    /**
+     * Right-aligned label text content, useful for displaying hotkeys.
+     */
+    command?: string;
+};
+type MenuItemProps = HTMLUIProps<'button'> & MenuItemOptions;
+declare const MenuItem: _yamada_ui_core.Component<"button", MenuItemProps>;
+type MenuOptionItemOptions = {
+    /**
+     * The menu option item icon to use.
+     */
+    icon?: ReactElement | null;
+    /**
+     * The value of the menu option item.
+     */
+    value?: string;
+    /**
+     * If `true`, the checkbox or radio will be checked.
+     *
+     * @default false
+     */
+    isChecked?: boolean;
+    /**
+     * The type of the menu option item.
+     */
+    type?: 'radio' | 'checkbox';
+};
+type MenuOptionItemProps = Omit<MenuItemProps, 'icon' | 'command'> & MenuOptionItemOptions;
+declare const MenuOptionItem: _yamada_ui_core.Component<"button", MenuOptionItemProps>;
+
+export { MenuItem, MenuItemProps, MenuOptionItem, MenuOptionItemProps };

package/dist/menu-list.d.mts

@@ -0,0 +1,7 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { HTMLUIProps } from '@yamada-ui/core';
+
+type MenuListProps = HTMLUIProps<'section'>;
+declare const MenuList: _yamada_ui_core.Component<"section", MenuListProps>;
+
+export { MenuList, MenuListProps };

package/dist/menu-option-group.d.mts

@@ -0,0 +1,29 @@
+import { HTMLUIProps, ComponentArgs } from '@yamada-ui/core';
+import { Ref } from 'react';
+
+type MenuOptionGroupOptions<Y extends string | string[] = string> = {
+    /**
+     * The value of the menu item group.
+     */
+    value?: Y;
+    /**
+     * The initial value of the menu item group.
+     */
+    defaultValue?: Y;
+    /**
+     * The type of the menu option group.
+     *
+     * @default 'checkbox'
+     */
+    type?: 'radio' | 'checkbox';
+    /**
+     * The callback fired when any children checkbox is checked or unchecked.
+     */
+    onChange?: (value: Y) => void;
+};
+type MenuOptionGroupProps<Y extends string | string[] = string> = Omit<HTMLUIProps<'div'>, keyof MenuOptionGroupOptions> & MenuOptionGroupOptions<Y>;
+declare const MenuOptionGroup: (<Y extends string | string[] = string>(props: Omit<HTMLUIProps<"div">, keyof MenuOptionGroupOptions<string>> & MenuOptionGroupOptions<Y> & {
+    ref?: Ref<HTMLDivElement> | undefined;
+}) => JSX.Element) & ComponentArgs;
+
+export { MenuOptionGroup, MenuOptionGroupProps };