@nurihaus/web-design-system 1.4.28 → 1.4.29

package/dist/components/menu/base-menu.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from 'react';
+import { MenuContentProps, MenuItemProps, MenuRootProps, MenuSeparatorProps, MenuTriggerProps } from './menu-type';
+declare const MenuRoot: {
+    (props: PropsWithChildren<MenuRootProps>): import("react/jsx-runtime").JSX.Element;
+    Trigger: (props: PropsWithChildren<MenuTriggerProps>) => import("react/jsx-runtime").JSX.Element;
+    Content: (props: PropsWithChildren<MenuContentProps>) => import("react/jsx-runtime").JSX.Element;
+    Item: (props: PropsWithChildren<MenuItemProps>) => import("react/jsx-runtime").JSX.Element;
+    Separator: (props: MenuSeparatorProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default MenuRoot;

package/dist/components/menu/menu-type.d.ts

@@ -0,0 +1,41 @@
+import { CSSProperties, ReactNode } from 'react';
+export interface MenuRootProps {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    modal?: boolean;
+    dir?: 'ltr' | 'rtl';
+}
+export interface MenuTriggerProps {
+    asChild?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    disabled?: boolean;
+}
+export interface MenuContentProps {
+    asChild?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    align?: 'start' | 'center' | 'end';
+    sideOffset?: number;
+    alignOffset?: number;
+    collisionPadding?: number | Partial<Record<'top' | 'right' | 'bottom' | 'left', number>>;
+    avoidCollisions?: boolean;
+    onCloseAutoFocus?: (event: Event) => void;
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    onPointerDownOutside?: (event: Event) => void;
+    onFocusOutside?: (event: Event) => void;
+}
+export interface MenuItemProps {
+    asChild?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    disabled?: boolean;
+    onSelect?: (event?: Event) => void;
+    children?: ReactNode;
+}
+export interface MenuSeparatorProps {
+    className?: string;
+    style?: CSSProperties;
+}

package/dist/components/menu/menu.d.ts

@@ -0,0 +1,23 @@
+import { CSSProperties, ReactNode } from 'react';
+export type MenuOption = {
+    type?: 'item';
+    label: ReactNode;
+    disabled?: boolean;
+    onSelect?: () => void;
+} | {
+    type: 'separator';
+};
+export interface MenuProps {
+    trigger: ReactNode;
+    options?: MenuOption[];
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    align?: 'start' | 'center' | 'end';
+    disabled?: boolean;
+    style?: CSSProperties;
+    className?: string;
+}
+declare const Menu: import("react").ForwardRefExoticComponent<MenuProps & import("react").RefAttributes<HTMLDivElement>>;
+export default Menu;

package/dist/components/menu/menu.stories.d.ts

@@ -0,0 +1,9 @@
+import { StoryObj } from '@storybook/react/*';
+import Menu from './menu';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./menu").MenuProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export default meta;
+type Story = StoryObj<typeof Menu>;
+export declare const Default: Story;

package/dist/index.d.ts

@@ -9,6 +9,7 @@ export { default as TextField } from './components/text-field/text-field';
 export { default as Radio } from './components/radio/radio';
 export { default as Checkbox } from './components/check-box/check-box';
 export { default as DropDown } from './components/drop-down/drop-down';
+export { default as Menu } from './components/menu/menu';
 export { default as Text } from './components/elements/text/text';
 export { default as Tooltip } from './components/tooltip/tooltip';
 export { default as ModalWithDoubleButton } from './components/modal/modal-with-double-button';