@trackunit/react-components 0.1.117 → 0.1.124

package/src/components/ExternalLink/ExternalLink.d.ts

@@ -1,31 +1,31 @@
-/// <reference types="react" />
-import { CommonProps } from "../../common";
-export interface ExternalLinkProps extends CommonProps {
-    /**
-     * The URL to which users are redirected
-     */
-    href: string;
-    /**
-     * Child elements.
-     */
-    children: React.ReactNode;
-    /**
-     * The text to display on the URL. Defaults to the url itself.
-     */
-    title?: string;
-    /**
-     * Where to display the linked URL. Defaults to "_blank".
-     */
-    target?: "_blank" | "_self" | "_parent" | "top";
-    /**
-     * Used to specify the relationship between the link and the current document. Defaults to "noreferrer".
-     */
-    rel?: string;
-}
-/**
- *  The external link component is used to link to an external page outside the Trackunit Manager.
- *
- * @param {ExternalLinkProps} props - The props for the external link component
- * @returns {JSX.Element} External Link component
- */
-export declare const ExternalLink: ({ rel, target, href, className, children, title, dataTestId, }: ExternalLinkProps) => JSX.Element;
+/// <reference types="react" />
+import { CommonProps } from "../../common";
+export interface ExternalLinkProps extends CommonProps {
+    /**
+     * The URL to which users are redirected
+     */
+    href: string;
+    /**
+     * Child elements.
+     */
+    children: React.ReactNode;
+    /**
+     * The text to display on the URL. Defaults to the url itself.
+     */
+    title?: string;
+    /**
+     * Where to display the linked URL. Defaults to "_blank".
+     */
+    target?: "_blank" | "_self" | "_parent" | "top";
+    /**
+     * Used to specify the relationship between the link and the current document. Defaults to "noreferrer".
+     */
+    rel?: string;
+}
+/**
+ *  The external link component is used to link to an external page outside the Trackunit Manager.
+ *
+ * @param {ExternalLinkProps} props - The props for the external link component
+ * @returns {JSX.Element} External Link component
+ */
+export declare const ExternalLink: ({ rel, target, href, className, children, title, dataTestId, }: ExternalLinkProps) => JSX.Element;

package/src/components/Heading/Heading.d.ts

@@ -1,28 +1,28 @@
-import * as React from "react";
-import { CommonProps } from "../../common/CommonProps";
-export type HeadingVariant = "primary" | "secondary" | "tertiary" | "subtitle";
-export interface HeadingProps extends CommonProps {
-    /**
-     * Child Nodes.
-     */
-    children: React.ReactNode;
-    /**
-     * Size of heading.
-     */
-    variant: HeadingVariant;
-    /**
-     * Whether the heading uses inverted styles or not.
-     */
-    inverted?: boolean;
-    /**
-     * Whether the heading is a subtitle or not.
-     */
-    subtle?: boolean;
-}
-/**
- * The Heading is used for a heading of a section (h1,h2,h3,h4).
- *
- * @param {HeadingProps} props - The props for the Heading component
- * @returns {JSX.Element} Heading component
- */
-export declare const Heading: ({ children, variant, inverted, subtle, className, dataTestId, }: HeadingProps) => JSX.Element;
+import * as React from "react";
+import { CommonProps } from "../../common/CommonProps";
+export type HeadingVariant = "primary" | "secondary" | "tertiary" | "subtitle";
+export interface HeadingProps extends CommonProps {
+    /**
+     * Child Nodes.
+     */
+    children: React.ReactNode;
+    /**
+     * Size of heading.
+     */
+    variant: HeadingVariant;
+    /**
+     * Whether the heading uses inverted styles or not.
+     */
+    inverted?: boolean;
+    /**
+     * Whether the heading is a subtitle or not.
+     */
+    subtle?: boolean;
+}
+/**
+ * The Heading is used for a heading of a section (h1,h2,h3,h4).
+ *
+ * @param {HeadingProps} props - The props for the Heading component
+ * @returns {JSX.Element} Heading component
+ */
+export declare const Heading: ({ children, variant, inverted, subtle, className, dataTestId, }: HeadingProps) => JSX.Element;

package/src/components/Heading/Heading.variants.d.ts

@@ -1,5 +1,5 @@
-export declare const cvaHeading: (props?: ({
-    subtle?: boolean | null | undefined;
-    inverted?: boolean | null | undefined;
-    size?: "primary" | "secondary" | "tertiary" | "subtitle" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaHeading: (props?: ({
+    subtle?: boolean | null | undefined;
+    inverted?: boolean | null | undefined;
+    size?: "primary" | "secondary" | "tertiary" | "subtitle" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/src/components/Heading/index.d.ts

@@ -1 +1 @@
-export * from "./Heading";
+export * from "./Heading";

package/src/components/Icon/Icon.d.ts

@@ -1,52 +1,52 @@
-import { ActivityColors, CriticalityColors, GeneralColors, IntentColors } from "@trackunit/ui-design-tokens";
-import { HeroIconName, TrackunitIconName } from "@trackunit/ui-icons";
-import * as React from "react";
-import { CommonProps, Size } from "../../common/CommonProps";
-export type IconColors = IntentColors | GeneralColors | CriticalityColors | ActivityColors;
-export interface IconProps extends CommonProps {
-    /**
-     * The name of the icon to be rendered.
-     * HeroIconName and TrackunitIconName are supported.
-     */
-    name: TrackunitIconName | HeroIconName;
-    /**
-     * The color of the icon.
-     * Supports any colors from the theme.
-     * Custom colors can be used by setting a text color in the className.
-     */
-    color?: IconColors;
-    /**
-     * The size of the icon.
-     * Small = 16x16px, medium = 20x20px, Large = 24x24px.
-     * Default value is Large.
-     * If a custom size is needed, set it in the className.
-     */
-    size?: Size | "font";
-    /**
-     * Select if the icon should be rendered as solid or outline.
-     * Default value depends on the Size prop, small == solid, medium == solid, large == outline.
-     * Trackunit icons might not support both outline and Solid.
-     */
-    type?: "solid" | "outline";
-    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-    /**
-     * @deprecated
-     */
-    fillColor?: string;
-    forwardedRef?: React.RefObject<HTMLSpanElement>;
-    /**
-     * Custom styles object used to override existing styles or add some extra styling
-     *
-     * @memberof IconProps
-     */
-    style?: Record<string, string>;
-}
-/**
- * - The Icon component is used to display an Icon.
- * - Icons are semantic vector graphics that adds character and improves the visual appeal of elements when combined with.
- * - All the [HeroIcons](https://heroicons.dev/) as well as custom TrackUnit icons are available.
- *
- * @param {IconProps} props - The props for the Icon component
- * @returns {JSX.Element} Icon component
- */
-export declare const Icon: ({ name, size, className, dataTestId, color, onClick, fillColor, type, style, forwardedRef, }: IconProps) => JSX.Element | null;
+import { ActivityColors, CriticalityColors, GeneralColors, IntentColors } from "@trackunit/ui-design-tokens";
+import { HeroIconName, TrackunitIconName } from "@trackunit/ui-icons";
+import * as React from "react";
+import { CommonProps, Size } from "../../common/CommonProps";
+export type IconColors = IntentColors | GeneralColors | CriticalityColors | ActivityColors;
+export interface IconProps extends CommonProps {
+    /**
+     * The name of the icon to be rendered.
+     * HeroIconName and TrackunitIconName are supported.
+     */
+    name: TrackunitIconName | HeroIconName;
+    /**
+     * The color of the icon.
+     * Supports any colors from the theme.
+     * Custom colors can be used by setting a text color in the className.
+     */
+    color?: IconColors;
+    /**
+     * The size of the icon.
+     * Small = 16x16px, medium = 20x20px, Large = 24x24px.
+     * Default value is Large.
+     * If a custom size is needed, set it in the className.
+     */
+    size?: Size | "font";
+    /**
+     * Select if the icon should be rendered as solid or outline.
+     * Default value depends on the Size prop, small == solid, medium == solid, large == outline.
+     * Trackunit icons might not support both outline and Solid.
+     */
+    type?: "solid" | "outline";
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    /**
+     * @deprecated
+     */
+    fillColor?: string;
+    forwardedRef?: React.RefObject<HTMLSpanElement>;
+    /**
+     * Custom styles object used to override existing styles or add some extra styling
+     *
+     * @memberof IconProps
+     */
+    style?: Record<string, string>;
+}
+/**
+ * - The Icon component is used to display an Icon.
+ * - Icons are semantic vector graphics that adds character and improves the visual appeal of elements when combined with.
+ * - All the [HeroIcons](https://heroicons.dev/) as well as custom TrackUnit icons are available.
+ *
+ * @param {IconProps} props - The props for the Icon component
+ * @returns {JSX.Element} Icon component
+ */
+export declare const Icon: ({ name, size, className, dataTestId, color, onClick, fillColor, type, style, forwardedRef, }: IconProps) => JSX.Element | null;

package/src/components/Icon/Icon.variants.d.ts

@@ -1,8 +1,8 @@
-export declare const cvaIcon: (props?: ({
-    color?: "primary" | "secondary" | "accent" | "neutral" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "idle" | "moving" | "active" | "stopped" | "unknown" | "default" | "black" | "white" | null | undefined;
-    size?: "small" | "medium" | "large" | "font" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const cvaIconComponent: (props?: ({
-    iconType?: "solid" | "outline" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const cvaLoadingDot: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaIcon: (props?: ({
+    color?: "primary" | "secondary" | "accent" | "neutral" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "idle" | "moving" | "active" | "stopped" | "unknown" | "default" | "black" | "white" | null | undefined;
+    size?: "small" | "medium" | "large" | "font" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaIconComponent: (props?: ({
+    iconType?: "solid" | "outline" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaLoadingDot: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;

package/src/components/Indicator/Indicator.d.ts

@@ -1,42 +1,42 @@
-/// <reference types="react" />
-import { ThemeColors } from "@trackunit/ui-design-tokens";
-import { CommonProps } from "../../common/CommonProps";
-export interface IndicatorProps extends CommonProps {
-    /**
-     * The icon to be rendered inside the indicator component
-     */
-    icon: JSX.Element;
-    /**
-     * A color token used to style the icon and the icon background
-     */
-    color?: ThemeColors;
-    /**
-     * A text label to be displayed next to the indicator
-     */
-    label?: string;
-    /**
-     * A boolean parameter to display or hide icon background, default value is true
-     */
-    withBackground?: boolean;
-    /**
-     * A boolean parameter to display or hide label and instead show as html title on hover, default value is true
-     */
-    withLabel?: boolean;
-    /**
-     * A boolean parameter to make the indicator ping thus drawing more attention, default value is false
-     */
-    ping?: boolean;
-}
-/**
- * Indicators are non-interactive elements that communicate essential aspects of the state of an asset.
- *
- * Whenever an asset is presented, indicators provide the necessary information for a user to comprehend the state of the asset.
- *
- * _**Do use** indicators to communicate essential aspects of the state of an asset._
- *
- * _**Do not use** indicators for non-essential information, or to communicate information unrelated to the state of an asset._
- *
- * @param {IndicatorProps} props - The props for the Indicator component
- * @returns {JSX.Element} Indicator component
- */
-export declare const Indicator: ({ dataTestId, icon, label, color, withBackground, withLabel, ping, className, ...rest }: IndicatorProps) => JSX.Element;
+/// <reference types="react" />
+import { ThemeColors } from "@trackunit/ui-design-tokens";
+import { CommonProps } from "../../common/CommonProps";
+export interface IndicatorProps extends CommonProps {
+    /**
+     * The icon to be rendered inside the indicator component
+     */
+    icon: JSX.Element;
+    /**
+     * A color token used to style the icon and the icon background
+     */
+    color?: ThemeColors;
+    /**
+     * A text label to be displayed next to the indicator
+     */
+    label?: string;
+    /**
+     * A boolean parameter to display or hide icon background, default value is true
+     */
+    withBackground?: boolean;
+    /**
+     * A boolean parameter to display or hide label and instead show as html title on hover, default value is true
+     */
+    withLabel?: boolean;
+    /**
+     * A boolean parameter to make the indicator ping thus drawing more attention, default value is false
+     */
+    ping?: boolean;
+}
+/**
+ * Indicators are non-interactive elements that communicate essential aspects of the state of an asset.
+ *
+ * Whenever an asset is presented, indicators provide the necessary information for a user to comprehend the state of the asset.
+ *
+ * _**Do use** indicators to communicate essential aspects of the state of an asset._
+ *
+ * _**Do not use** indicators for non-essential information, or to communicate information unrelated to the state of an asset._
+ *
+ * @param {IndicatorProps} props - The props for the Indicator component
+ * @returns {JSX.Element} Indicator component
+ */
+export declare const Indicator: ({ dataTestId, icon, label, color, withBackground, withLabel, ping, className, ...rest }: IndicatorProps) => JSX.Element;

package/src/components/Indicator/Indicator.variants.d.ts

@@ -1,10 +1,10 @@
-export declare const cvaIndicator: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaIndicatorIcon: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaIndicatorLabel: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaIndicatorPing: (props?: ({
-    color?: "primary" | "secondary" | "accent" | "neutral" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "idle" | "stopped" | "moving" | "active" | "unknown" | "unused" | "utilized" | "heavily_utilized" | "available" | "on_rent" | "pickup_ready" | "transfer" | "in_repair" | "returned" | "other_rental_status" | "site" | "white" | "black" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const cvaIndicatorIconBackground: (props?: ({
-    color?: "primary" | "secondary" | "accent" | "neutral" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "idle" | "stopped" | "moving" | "active" | "unknown" | "unused" | "utilized" | "heavily_utilized" | "available" | "on_rent" | "pickup_ready" | "transfer" | "in_repair" | "returned" | "other_rental_status" | "site" | "white" | "black" | null | undefined;
-    background?: "visible" | "hidden" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaIndicator: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaIndicatorIcon: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaIndicatorLabel: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaIndicatorPing: (props?: ({
+    color?: "primary" | "secondary" | "accent" | "neutral" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "idle" | "stopped" | "moving" | "active" | "unknown" | "unused" | "utilized" | "heavily_utilized" | "available" | "on_rent" | "pickup_ready" | "transfer" | "in_repair" | "returned" | "other_rental_status" | "site" | "white" | "black" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaIndicatorIconBackground: (props?: ({
+    color?: "primary" | "secondary" | "accent" | "neutral" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "idle" | "stopped" | "moving" | "active" | "unknown" | "unused" | "utilized" | "heavily_utilized" | "available" | "on_rent" | "pickup_ready" | "transfer" | "in_repair" | "returned" | "other_rental_status" | "site" | "white" | "black" | null | undefined;
+    background?: "visible" | "hidden" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/src/components/Indicator/index.d.ts

@@ -1 +1 @@
-export * from "./Indicator";
+export * from "./Indicator";

package/src/components/Menu/MenuItem/MenuItem.d.ts

@@ -1,65 +1,57 @@
-import * as React from "react";
-import { CommonProps } from "../../../common";
-export interface MenuItemProps extends CommonProps {
-    /**
-     * Label of the menu item
-     */
-    label?: string;
-    /**
-     * The children element is a custom element that can be used to override the label.
-     * If you use this prop, the label prop will be ignored.
-     */
-    children?: React.ReactNode;
-    /**
-     * Additional tailwind classes to be applied to the component.
-     */
-    className?: string;
-    /**
-     * Test id to be used for the component.
-     */
-    dataTestId?: string;
-    /**
-     * An React element to render before the label.
-     * This is typically used to render an icon.
-     *
-     */
-    prefix?: React.ReactNode;
-    /**
-     * An React element to render after the label.
-     * This is typically used to render an icon.
-     *
-     */
-    suffix?: JSX.Element;
-    /**
-     * An boolean flag to turn on/off selected state
-     * This is typically used highlight that item is selected
-     *
-     * @memberof IMenuItemProps
-     */
-    selected?: boolean;
-    /**
-     * OnClick event handler it is thrown on root element of the component tree
-     *
-     * @memberof IMenuItemProps
-     */
-    onClick?: React.MouseEventHandler<HTMLDivElement>;
-    /**
-     * An boolean flag to turn on/off focused state
-     * This is typically used for keyboard navigation
-     *
-     * @memberof IMenuItemProps
-     */
-    focused?: boolean;
-    /**
-     * A boolean prop to set menu item to disabled state
-     * used in disabled select options
-     */
-    disabled?: boolean;
-}
-/**
- * The MenuItem component is used to display a menu, primarily meant to be used in a list form.
- *
- * @param {MenuItemProps} props - The props for the MenuItem component
- * @returns {JSX.Element} MenuItem component
- */
-export declare const MenuItem: ({ className, dataTestId, label, children, selected, focused, prefix, suffix, disabled, onClick, }: MenuItemProps) => JSX.Element;
+import * as React from "react";
+import { CommonProps } from "../../../common";
+export interface MenuItemProps extends CommonProps {
+    /**
+     * Label of the menu item
+     */
+    label?: string;
+    /**
+     * The children element is a custom element that can be used to override the label.
+     * If you use this prop, the label prop will be ignored.
+     */
+    children?: React.ReactNode;
+    /**
+     * An React element to render before the label.
+     * This is typically used to render an icon.
+     *
+     */
+    prefix?: React.ReactNode;
+    /**
+     * An React element to render after the label.
+     * This is typically used to render an icon.
+     *
+     */
+    suffix?: JSX.Element;
+    /**
+     * An boolean flag to turn on/off selected state
+     * This is typically used highlight that item is selected
+     *
+     * @memberof IMenuItemProps
+     */
+    selected?: boolean;
+    /**
+     * OnClick event handler it is thrown on root element of the component tree
+     *
+     * @memberof IMenuItemProps
+     */
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+    /**
+     * An boolean flag to turn on/off focused state
+     * This is typically used for keyboard navigation
+     *
+     * @memberof IMenuItemProps
+     */
+    focused?: boolean;
+    /**
+     * A boolean prop to set menu item to disabled state
+     * used in disabled select options
+     */
+    disabled?: boolean;
+}
+/**
+ * The MenuItem component is used to display a menu, primarily meant to be used in a list form.
+ *
+ * @param {MenuItemProps} props - The props for the MenuItem component
+ * @returns {JSX.Element} MenuItem component
+ */
+export declare const MenuItem: ({ className, dataTestId, label, children, selected, focused, prefix, suffix, disabled, onClick, }: MenuItemProps) => JSX.Element;

package/src/components/Menu/MenuItem/MenuItem.variants.d.ts

@@ -0,0 +1,12 @@
+export declare const cvaMenuItem: (props?: ({
+    selected?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+    focused?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaMenuItemLabel: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaMenuItemSuffix: (props?: ({
+    selected?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaMenuItemPrefix: (props?: ({
+    selected?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/src/components/Menu/MenuList/MenuList.d.ts

@@ -1,36 +1,29 @@
-/// <reference types="react" />
-import { MenuItemProps } from "../MenuItem/MenuItem";
-export interface MenuListItemProps extends MenuItemProps {
-    showDivider?: boolean;
-}
-export interface MenuListProps {
-    /**
-     * Additional tailwind classes to be applied to the component.
-     */
-    className?: string;
-    /**
-     * Test id to be used for the component.
-     */
-    dataTestId?: string;
-    /**
-     * List of menu items to be rendered.
-     */
-    children: React.ReactNode;
-    /**
-     * List of menu items to be rendered.
-     */
-    showDivider?: boolean;
-    /**
-     * When enabled the menu list padding will be removed, and a grid will be applied to keep the first column "sticky".
-     *
-     * @default false
-     */
-    withStickyHeader?: boolean;
-}
-/**
- * The MenuList component is used for menus and selects.
- *
- * @param {MenuListProps} props - The props for the MenuList component
- * @returns {JSX.Element} MenuList component
- */
-export declare const MenuList: ({ dataTestId, className, children, withStickyHeader, showDivider, ...args }: MenuListProps) => JSX.Element;
+/// <reference types="react" />
+import { MenuItemProps } from "../MenuItem/MenuItem";
+import { CommonProps } from "../../../common";
+export interface MenuListItemProps extends MenuItemProps {
+    showDivider?: boolean;
+}
+export interface MenuListProps extends CommonProps {
+    /**
+     * List of menu items to be rendered.
+     */
+    children: React.ReactNode;
+    /**
+     * List of menu items to be rendered.
+     */
+    showDivider?: boolean;
+    /**
+     * When enabled the menu list padding will be removed, and a grid will be applied to keep the first column "sticky".
+     *
+     * @default false
+     */
+    withStickyHeader?: boolean;
+}
+/**
+ * The MenuList component is used for menus and selects.
+ *
+ * @param {MenuListProps} props - The props for the MenuList component
+ * @returns {JSX.Element} MenuList component
+ */
+export declare const MenuList: ({ dataTestId, className, children, withStickyHeader, showDivider, ...args }: MenuListProps) => JSX.Element;

package/src/components/Menu/MenuList/MenuList.variants.d.ts

@@ -0,0 +1,4 @@
+export declare const cvaMenuList: (props?: ({
+    stickyHeader?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaMenuListDivider: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;

package/src/components/Menu/MoreMenu/MoreMenu.d.ts

@@ -1,24 +1,24 @@
-import { ReactNode } from "react";
-import { CommonProps } from "../../../common/CommonProps";
-import { IconButtonProps } from "../../buttons";
-import { IconProps } from "../../Icon/Icon";
-import { PopoverContentChildren, PopoverPlacement } from "../../Popover";
-export type MenuPlacement = "above" | "below";
-type FilteredIconProps = Omit<IconProps, "onClick" | "name"> & Pick<Partial<IconProps>, "name">;
-type FilteredIconButtonProps = Omit<IconButtonProps, "icon" | "onClick">;
-export interface MoreMenuProps extends CommonProps {
-    children: PopoverContentChildren;
-    menuPlacement?: PopoverPlacement;
-    iconProps?: FilteredIconProps;
-    iconButtonProps?: FilteredIconButtonProps;
-    customButton?: ReactNode;
-}
-/**
- * A kebab menu component.
- * Advice: fill it with MenuList
- *
- * @param {MoreMenuProps} props - The props for the MoreMenu component
- * @returns {JSX.Element} MoreMenu component
- */
-export declare const MoreMenu: ({ className, dataTestId, menuPlacement, iconProps, iconButtonProps, customButton, children, }: MoreMenuProps) => JSX.Element;
-export {};
+import { ReactNode } from "react";
+import { CommonProps } from "../../../common/CommonProps";
+import { IconButtonProps } from "../../buttons";
+import { IconProps } from "../../Icon/Icon";
+import { PopoverContentChildren, PopoverPlacement } from "../../Popover";
+export type MenuPlacement = "above" | "below";
+type FilteredIconProps = Omit<IconProps, "onClick" | "name"> & Pick<Partial<IconProps>, "name">;
+type FilteredIconButtonProps = Omit<IconButtonProps, "icon" | "onClick">;
+export interface MoreMenuProps extends CommonProps {
+    children: PopoverContentChildren;
+    menuPlacement?: PopoverPlacement;
+    iconProps?: FilteredIconProps;
+    iconButtonProps?: FilteredIconButtonProps;
+    customButton?: ReactNode;
+}
+/**
+ * A kebab menu component.
+ * Advice: fill it with MenuList
+ *
+ * @param {MoreMenuProps} props - The props for the MoreMenu component
+ * @returns {JSX.Element} MoreMenu component
+ */
+export declare const MoreMenu: ({ className, dataTestId, menuPlacement, iconProps, iconButtonProps, customButton, children, }: MoreMenuProps) => JSX.Element;
+export {};

package/src/components/Menu/MoreMenu/MoreMenu.variants.d.ts

@@ -0,0 +1 @@
+export declare const cvaMoreMenu: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;