@livechat/design-system-react-components 1.0.0-alpha.50 → 1.0.0-alpha.52

package/dist/src/components/ActionMenu/ActionMenu.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { Placement } from '@floating-ui/react-dom';
+export interface ActionMenuProps {
+    /**
+     * The CSS class for menu container
+     */
+    className?: string;
+    /**
+     * Array of menu options
+     */
+    options: Array<{
+        key: string;
+        element: string | React.ReactElement;
+        disabled?: boolean;
+        withDivider?: boolean;
+        onClick: () => void;
+    }>;
+    /**
+     * Trigger element
+     */
+    triggerRenderer: React.ReactNode;
+    /**
+     * The menu placement
+     */
+    placement?: Placement;
+}
+export declare const ActionMenu: React.FC<ActionMenuProps>;

package/dist/src/components/ActionMenu/index.d.ts

@@ -0,0 +1 @@
+export { ActionMenu } from './ActionMenu';

package/dist/src/components/Alert/Alert.d.ts

@@ -5,5 +5,5 @@ export interface AlertProps {
     kind?: AlertKind;
     onClose?: () => void;
 }
-export declare const Alert: React.FC<AlertProps>;
+export declare const Alert: React.FC<React.PropsWithChildren<AlertProps>>;
 export {};

package/dist/src/components/Button/Button.d.ts

@@ -17,5 +17,5 @@ export declare const Button: React.ForwardRefExoticComponent<{
     fullWidth?: boolean | undefined;
     loaderLabel?: string | undefined;
     icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    iconPosition?: "left" | "right" | undefined;
+    iconPosition?: "right" | "left" | undefined;
 } & React.ButtonHTMLAttributes<HTMLButtonElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;

package/dist/src/components/FieldGroup/FieldGroup.d.ts

@@ -5,4 +5,4 @@ export interface FieldGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     inline?: boolean;
     stretch?: boolean;
 }
-export declare const FieldGroup: React.FC<FieldGroupProps>;
+export declare const FieldGroup: React.FC<React.PropsWithChildren<FieldGroupProps>>;

package/dist/src/components/Form/Form.d.ts

@@ -4,4 +4,4 @@ export interface FormProps extends React.HTMLAttributes<HTMLFormElement> {
     helperText?: string;
     formFooter?: React.ReactNode;
 }
-export declare const Form: React.FC<FormProps>;
+export declare const Form: React.FC<React.PropsWithChildren<FormProps>>;

package/dist/src/components/FormGroup/FormGroup.d.ts

@@ -4,4 +4,4 @@ export interface FormGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     labelText?: string;
     helperText?: string;
 }
-export declare const FormGroup: React.FC<FormGroupProps>;
+export declare const FormGroup: React.FC<React.PropsWithChildren<FormGroupProps>>;

package/dist/src/components/Modal/ModalBase.d.ts

@@ -4,4 +4,4 @@ export interface ModalBaseProps extends React.HTMLAttributes<HTMLDivElement> {
     closeOnEscPress?: boolean;
     closeOnOverlayPress?: boolean;
 }
-export declare const ModalBase: React.FC<ModalBaseProps>;
+export declare const ModalBase: React.FC<React.PropsWithChildren<ModalBaseProps>>;

package/dist/src/components/Picker/Trigger.d.ts

@@ -12,4 +12,4 @@ export interface ITriggerProps {
     onTrigger: (e: React.MouseEvent | KeyboardEvent) => void;
     onClear: () => void;
 }
-export declare const Trigger: React.FC<ITriggerProps>;
+export declare const Trigger: React.FC<React.PropsWithChildren<ITriggerProps>>;

package/dist/src/components/PromoBanner/PromoBanner.d.ts

@@ -10,4 +10,4 @@ export interface PromoBannerProps {
     onClose?: () => void;
     onLinkClick?: () => void;
 }
-export declare const PromoBanner: React.FC<PromoBannerProps>;
+export declare const PromoBanner: React.FC<React.PropsWithChildren<PromoBannerProps>>;

package/dist/src/components/Tab/Tab.d.ts

@@ -11,5 +11,5 @@ export declare type TabProps = HTMLProps & {
     asBadge?: boolean;
     size?: Size;
 };
-export declare const Tab: React.FC<TabProps>;
+export declare const Tab: React.FC<React.PropsWithChildren<TabProps>>;
 export {};

package/dist/src/components/Tag/Tag.d.ts

@@ -11,4 +11,4 @@ export interface TagProps extends React.HTMLAttributes<HTMLDivElement> {
     icon?: IconSource;
     avatar?: string;
 }
-export declare const Tag: React.FC<TagProps>;
+export declare const Tag: React.FC<React.PropsWithChildren<TagProps>>;

package/dist/src/components/Toast/Toast.d.ts

@@ -12,5 +12,5 @@ export interface ToastProps extends React.HTMLAttributes<HTMLDivElement> {
     kind?: ToastKind;
     onClose?: () => void;
 }
-export declare const Toast: React.FC<ToastProps>;
+export declare const Toast: React.FC<React.PropsWithChildren<ToastProps>>;
 export {};

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

@@ -7,5 +7,5 @@ interface IProps {
     /** Optional custom className */
     className?: string;
 }
-export declare const Heading: React.FC<IProps>;
+export declare const Heading: React.FC<React.PropsWithChildren<IProps>>;
 export {};

package/dist/src/components/Typography/Text.d.ts

@@ -11,5 +11,5 @@ interface IProps {
     underline?: boolean;
     strike?: boolean;
 }
-export declare const Text: React.FC<IProps>;
+export declare const Text: React.FC<React.PropsWithChildren<IProps>>;
 export {};

package/dist/src/components/UploadBar/UploadBar.d.ts

@@ -13,4 +13,4 @@ export interface UploadBarProps {
     onCloseButtonClick?: () => void;
     onRetryButtonClick?: () => void;
 }
-export declare const UploadBar: React.FC<UploadBarProps>;
+export declare const UploadBar: React.FC<React.PropsWithChildren<UploadBarProps>>;

package/dist/src/index.d.ts

@@ -2,6 +2,7 @@ export { DesignToken } from './themes/design-token';
 export { SpacingToken } from './foundations/spacing-token';
 export { ShadowToken } from './foundations/shadow-token';
 export type { Size } from './utils';
+export * from './components/ActionMenu';
 export * from './components/Alert';
 export * from './components/Avatar';
 export * from './components/Badge';