@rio-cloud/rio-uikit 0.16.4-beta.3 → 0.16.4-beta.4

package/lib/es/TrafficLayer.d.ts

@@ -1,4 +1,2 @@
-declare module '@rio-cloud/rio-uikit/lib/es/TrafficLayer' {
-    import React from 'react';
-    export default class TrafficLayer extends React.Component<any> {}
-}
+export { _TrafficLayer as default };
+import { default as _TrafficLayer } from "./components/map/components/features/layers/TrafficLayer";

package/lib/es/Tree.d.ts

@@ -1,5 +1,2 @@
-declare module '@rio-cloud/rio-uikit/lib/es/Tree' {
-    import React from 'react';
-    import { TreeProps } from './types';
-    export default class Tree extends React.Component<TreeProps> {}
-}
+export { _Tree as default };
+import { default as _Tree } from "./components/assetTree/Tree";

package/lib/es/TreeCategory.d.ts

@@ -1,5 +1,2 @@
-declare module '@rio-cloud/rio-uikit/lib/es/TreeCategory' {
-    import React from 'react';
-    import { TreeCategoryProps } from './types';
-    export default class TreeCategory extends React.Component<TreeCategoryProps> {}
-}
+export { _TreeCategory as default };
+import { default as _TreeCategory } from "./components/assetTree/TreeCategory";

package/lib/es/TreeOption.d.ts

@@ -1,5 +1,2 @@
-declare module '@rio-cloud/rio-uikit/lib/es/TreeOption' {
-    import React from 'react';
-    import { TreeOptionProps } from './types';
-    export default class TreeOption extends React.Component<TreeOptionProps> {}
-}
+export { _TreeOption as default };
+import { default as _TreeOption } from "./components/assetTree/TreeOption";

package/lib/es/TreeSearch.d.ts

@@ -1,5 +1,2 @@
-declare module '@rio-cloud/rio-uikit/lib/es/TreeSearch' {
-    import React from 'react';
-    import { TreeSearchProps } from './types';
-    export default class TreeSearch extends React.Component<TreeSearchProps> {}
-}
+export { _TreeSearch as default };
+import { default as _TreeSearch } from "./components/assetTree/TreeSearch";

package/lib/es/TreeSummary.d.ts

@@ -1,5 +1,2 @@
-declare module '@rio-cloud/rio-uikit/lib/es/TreeSummary' {
-    import React from 'react';
-    import { TreeSummaryProps } from './types';
-    export default class TreeSummary extends React.Component<TreeSummaryProps> {}
-}
+export { _TreeSummary as default };
+import { default as _TreeSummary } from "./components/assetTree/TreeSummary";

package/lib/es/TruckLayer.d.ts

@@ -1,4 +1,2 @@
-declare module '@rio-cloud/rio-uikit/lib/es/TruckLayer' {
-    import React from 'react';
-    export default class TruckLayer extends React.Component<any> {}
-}
+export { _TruckLayer as default };
+import { default as _TruckLayer } from "./components/map/components/features/layers/RoadRestrictionLayer";

package/lib/es/TypeCounter.d.ts

@@ -1,5 +1,2 @@
-declare module '@rio-cloud/rio-uikit/lib/es/TypeCounter' {
-    import React from 'react';
-    import { TypeCounterProps } from './types';
-    export default class TypeCounter extends React.Component<TypeCounterProps> {}
-}
+export { _TypeCounter as default };
+import { default as _TypeCounter } from "./components/assetTree/TypeCounter";

package/lib/es/VolkswagenApplicationHeader.d.ts

@@ -1,5 +1,2 @@
-declare module '@rio-cloud/rio-uikit/lib/es/VolkswagenApplicationHeader' {
-    import React from 'react';
-    import { ApplicationHeaderProps } from './types';
-    export default class VolkswagenApplicationHeader extends React.Component<ApplicationHeaderProps> {}
-}
+export { _VolkswagenApplicationHeader as default };
+import { default as _VolkswagenApplicationHeader } from "./themes/Volkswagen/components/applicationHeader/VolkswagenApplicationHeader";

package/lib/es/components/actionBarItem/ActionBarItem.d.ts

@@ -6,11 +6,32 @@ import ActionBarItemListItem from './ActionBarItemListItem';
 import ActionBarItemListSeparator from './ActionBarItemListSeparator';
 export type ActionBarItemPopoverWidth = 100 | 150 | 200 | 250 | 300 | 350 | 400 | 450 | 500;
 export type ActionBarItemProps = {
+    /**
+     * The id is used to identify the item in the DOM. If not provided, a random id is used instead.
+     */
     id?: string;
+    /**
+     * The title property for the subcomponent ActionBarItem.Popover.
+     * This can be a String or another component as well as a React-Intl component.
+     */
     title?: string | React.ReactNode;
+    /**
+     * Additional class names that are added to the respective component.
+     * It can be defined for the parent and all subcomponents.
+     */
     className?: string;
+    /**
+     * Defined if the popover should close when any child element is being clicked.
+     */
     hidePopoverOnClick?: boolean;
+    /**
+     * Possible values are:
+     * `100`, `150`, `200`, `250`, `300`, `350`, `400`, `450`, `500`
+     */
     popoverWidth?: ActionBarItemPopoverWidth;
+    /**
+     * Additional class names that are added to dialog fallback modal-body element.
+     */
     mobileDialogBodyClassName?: string;
 };
 export type ActionBarItemComponents = {

package/lib/es/components/actionBarItem/ActionBarItemIcon.d.ts

@@ -1,9 +1,9 @@
 import { type PropsWithChildren } from 'react';
 type ActionBarItemIconProps = {
-    className: string;
+    className?: string;
 };
 declare const ActionBarItemIcon: {
-    (props: PropsWithChildren<ActionBarItemIconProps>): JSX.Element;
+    (props: PropsWithChildren<ActionBarItemIconProps>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default ActionBarItemIcon;

package/lib/es/components/actionBarItem/ActionBarItemList.d.ts

@@ -1,9 +1,12 @@
 import { type PropsWithChildren } from 'react';
 export type ActionBarItemListProps = {
+    /**
+     * Additional class names that are added to the wrapping list item component.
+     */
     className?: string;
 };
 declare const ActionBarItemList: {
-    ({ className, children, ...remainingProps }: PropsWithChildren<ActionBarItemListProps>): JSX.Element;
+    ({ className, children, ...remainingProps }: PropsWithChildren<ActionBarItemListProps>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default ActionBarItemList;

package/lib/es/components/actionBarItem/ActionBarItemListItem.d.ts

@@ -1,12 +1,29 @@
 import { type PropsWithChildren } from 'react';
 export type ActionBarItemListItemProps = {
+    /**
+     * Set it to true when you want to use the item as link item.
+     * In case, please use the `Link` component from `react-router-dom`
+     * instead of an anchor tag to prevent side effects when automatically closing the popover.
+     */
     hasLink?: boolean;
+    /**
+     * The name of the icon to be used for the item.
+     */
     icon?: string;
-    onClick?: () => void;
+    /**
+     * Callback function to be triggered when the internal button of a list item is clicked.
+     *
+     * Note: When no callback function is provided, the children are rendered as is without
+     * wrapping them in a button.
+     */
+    onClick?: VoidFunction;
+    /**
+     * Additional class names that are added to the wrapping list item component.
+     */
     className?: string;
 };
 declare const ActionBarItemListItem: {
-    (props: PropsWithChildren<ActionBarItemListItemProps>): JSX.Element;
+    (props: PropsWithChildren<ActionBarItemListItemProps>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default ActionBarItemListItem;

package/lib/es/components/actionBarItem/ActionBarItemListSeparator.d.ts

@@ -1,8 +1,11 @@
 export type ActionBarItemListSeparatorProps = {
+    /**
+     * Additional class names that are added to the wrapping list item component.
+     */
     className?: string;
 };
 declare const ActionBarItemListSeparator: {
-    ({ className, ...remainingProps }: ActionBarItemListSeparatorProps): JSX.Element;
+    ({ className, ...remainingProps }: ActionBarItemListSeparatorProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default ActionBarItemListSeparator;

package/lib/es/components/actionBarItem/ActionBarItemPopoverContent.d.ts

@@ -1,11 +1,17 @@
 import React, { type PropsWithChildren } from 'react';
 export type ActionBarItemPopoverProps = {
+    /** The popover title. */
     title?: string | React.ReactNode;
+    /**
+     * Define whether the popover content shall be rendered behind the scene
+     * to pre-load content or to avoid unmounting the content component
+     */
     useOffscreen?: boolean;
+    /** Additional class names that are added to the popover content. */
     className?: string;
 };
 declare const ActionBarItemPopoverContent: {
-    ({ className, children, ...remainingProps }: PropsWithChildren<ActionBarItemPopoverProps>): JSX.Element;
+    ({ className, children, ...remainingProps }: PropsWithChildren<ActionBarItemPopoverProps>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default ActionBarItemPopoverContent;

package/lib/es/components/activity/Activity.d.ts

@@ -15,11 +15,38 @@ declare const SIZE_MAP: {
 };
 type ActivitySize = ObjectValues<typeof SIZE_MAP>;
 export type ActivityProps = {
+    /**
+     * Defines the type of activity.
+     *
+     * Possible values are:
+     * `Activity.AVAILABLE`, `Activity.DRIVING`, `Activity.RESTING`, `Activity.WORKING` or
+     * `available`, `driving`, `resting`, `working`
+     */
     activity: ActivityStatus;
+    /**
+     * Define how large the component should be rendered.
+     *
+     * Possible values are:
+     * `Activity.SIZE_SM`, `Activity.SIZE_LG`, `Activity.SIZE_XL` or
+     * `sm`, `lg`, `xl`.
+     */
     bsSize?: ActivitySize;
+    /**
+     * The actual duration value to be shown.
+     */
     duration?: string | ReactNode;
+    /**
+     * Indicated whether the activity is outdated.
+     * @default false
+     */
     isOutdated?: boolean;
+    /**
+     * Callback function for when the component is clicked.
+     */
     onClick?: VoidFunction;
+    /**
+     * Additional classes for the wrapper element.
+     */
     className?: string;
 };
 type ActivityType = RefComponent<ActivityProps> & typeof STATUS_MAP & typeof SIZE_MAP;

package/lib/es/components/animatedNumber/AnimatedNumber.d.ts

@@ -1,12 +1,20 @@
 import React from 'react';
 export type AnimatedNumberProps = {
+    /** The start value */
     start: number;
+    /** The end value. */
     end: number;
+    /** A prefix to be added to the final string. */
     prefix?: string;
+    /** A unit suffix to be added to the final string. */
     unit?: string;
+    /** The speed in milliseconds to count up or down. @default 10 */
     speed?: number;
+    /** Enables to count backwards. @default false */
     decreasing?: boolean;
+    /** Callback function to be invoked when the end value is reached. */
     onEnd?: VoidFunction;
+    /** Additional classes to be set on the wrapping element. */
     className?: string;
 };
 export declare const AnimatedNumber: React.ForwardRefExoticComponent<AnimatedNumberProps & React.RefAttributes<HTMLSpanElement>>;

package/lib/es/components/applicationHeader/AppMenu.d.ts

@@ -7,5 +7,5 @@ export type AppMenuProps = {
     appNavigatorClassName?: string;
     onToggleAppMenu?: (isShown: boolean) => void;
 };
-declare const AppMenu: (props: AppMenuProps) => JSX.Element;
+declare const AppMenu: (props: AppMenuProps) => import("react/jsx-runtime").JSX.Element;
 export default AppMenu;

package/lib/es/components/applicationHeader/AppMenu.js

@@ -10,7 +10,7 @@ const AppMenuContent_1 = tslib_1.__importDefault(require("./AppMenuContent"));
 const AppMenu = (props) => {
     const { label = 'Unknown', appMenuItems = [], appNavigatorClassName, appNavigator, onToggleAppMenu } = props, remainingProps = tslib_1.__rest(props, ["label", "appMenuItems", "appNavigatorClassName", "appNavigator", "onToggleAppMenu"]);
     const hasItems = !!((appMenuItems === null || appMenuItems === void 0 ? void 0 : appMenuItems.length) || appNavigator);
-    const wrapperClassNames = (0, classnames_1.default)('ModuleNavigation AppMenu', 'user-select-none', { hasModules: hasItems }, appNavigatorClassName && appNavigatorClassName);
-    return ((0, jsx_runtime_1.jsx)("ul", Object.assign({}, remainingProps, { className: wrapperClassNames }, { children: (0, jsx_runtime_1.jsx)(AppMenuDropdown_1.default, Object.assign({ title: label, caret: hasItems, onToggleAppMenu: onToggleAppMenu }, { children: (0, jsx_runtime_1.jsx)(AppMenuContent_1.default, { appMenuItems: appMenuItems, appNavigator: appNavigator }) })) })));
+    const wrapperClassNames = (0, classnames_1.default)('ModuleNavigation AppMenu', 'user-select-none', { hasModules: hasItems }, !appNavigator && 'pointer-events-none', appNavigatorClassName && appNavigatorClassName);
+    return ((0, jsx_runtime_1.jsx)("ul", Object.assign({}, remainingProps, { className: wrapperClassNames }, { children: (0, jsx_runtime_1.jsx)(AppMenuDropdown_1.default, Object.assign({ title: label, caret: hasItems, onToggleAppMenu: onToggleAppMenu }, { children: appNavigator && (0, jsx_runtime_1.jsx)(AppMenuContent_1.default, { appMenuItems: appMenuItems, appNavigator: appNavigator }) })) })));
 };
 exports.default = AppMenu;

package/lib/es/components/applicationHeader/AppMenuContent.d.ts

@@ -4,5 +4,5 @@ export type AppMenuContentProps = {
     appMenuItems: ModulePropType[];
     appNavigator?: React.ReactNode;
 };
-declare const AppMenuContent: (props: AppMenuContentProps) => JSX.Element;
+declare const AppMenuContent: (props: AppMenuContentProps) => import("react/jsx-runtime").JSX.Element;
 export default AppMenuContent;

package/lib/es/components/applicationHeader/AppMenuDropdown.d.ts

@@ -4,5 +4,5 @@ export type AppMenuDropdownProps = {
     caret?: boolean;
     onToggleAppMenu?: (isOpen: boolean) => void;
 };
-export declare const AppMenuDropdown: (props: PropsWithChildren<AppMenuDropdownProps>) => JSX.Element;
+export declare const AppMenuDropdown: (props: PropsWithChildren<AppMenuDropdownProps>) => import("react/jsx-runtime").JSX.Element;
 export default AppMenuDropdown;

package/lib/es/components/applicationHeader/ApplicationActionBar.d.ts

@@ -4,5 +4,5 @@ export type ApplicationActionBarProps = {
     nodeRef: React.MutableRefObject<HTMLUListElement | null> | undefined;
     className?: string;
 };
-declare const ApplicationActionBar: (props: ApplicationActionBarProps) => JSX.Element;
+declare const ApplicationActionBar: (props: ApplicationActionBarProps) => import("react/jsx-runtime").JSX.Element;
 export default ApplicationActionBar;

package/lib/es/components/applicationHeader/ApplicationHeader.d.ts

@@ -1,18 +1,69 @@
 import React from 'react';
 export type ModulePropType = {
+    /**
+     * Unique key for the sub-module navigation component of an app.
+     */
     key: string;
+    /**
+     * The navigation link component used for rendering the name and for routing.
+     *
+     * @example
+     * <NavLink to='/app/ipsum'>{'Lorem ipsum'}</NavLink>
+     */
     route: React.ReactNode;
 };
 export type ApplicationHeaderProps = {
+    /**
+     * The service name shown as the navigator dropdown label.
+     */
     label?: string | React.ReactNode;
+    /**
+     * The home URL that shall be used for the home button. Pass a `react-router-dom` `NavLink`
+     * as homeRoute into the header. For example:
+     *
+     * @example
+     * <NavLink to='https://home.rio.cloud' />
+     */
     homeRoute?: React.ReactNode;
+    /**
+     * Defines to either show the home icon or the RIO logo as brand logo.
+     */
     showHomeIcon?: boolean;
+    /**
+     * The component for the navigation between apps which will be shown inside the main dropdown.
+     * Platform apps may use the default AppNavigator but there are also other cases like support apps
+     * where it's just a simple list In this case, use the prop `appMenuItems`.
+     *
+     * If no appNavigator is defined, the dropdown menu will not be rendered.
+     */
     appNavigator?: React.ReactNode;
+    /**
+     * Additional class names that are added to the appNavigator.
+     */
     appNavigatorClassName?: string;
+    /**
+     * List of application navigation link components.
+     */
     appMenuItems?: ModulePropType[];
+    /**
+     * List of sub-module navigation component of an app. Items collapse into a dropdown if remaining
+     * space in the header is not sufficient.
+     */
     navItems?: ModulePropType[];
-    actionBarItems: React.ReactNode[];
+    /**
+     * List of external smart components like the rio-accountmenu or application owned components
+     * such as a ServiceInfo icon. These components are based on the `ActionBarItem`
+     */
+    actionBarItems?: React.ReactNode[];
+    /**
+     * Callback function triggered when the application menu is open or closed.
+     * @param isOpen
+     * @returns
+     */
     onToggleAppMenu?: (isOpen: boolean) => void;
+    /**
+     * Additional class names that are added to the wrapper component.
+     */
     className?: string;
 };
 export declare const ApplicationHeader: React.ForwardRefExoticComponent<ApplicationHeaderProps & React.RefAttributes<HTMLDivElement>>;

package/lib/es/components/applicationHeader/MobileAppMenu.d.ts

@@ -7,5 +7,5 @@ export type MobileAppMenuProps = {
     appNavigator?: React.ReactNode;
     onToggleAppMenu: (isShown: boolean) => void;
 };
-declare const MobileAppMenu: (props: MobileAppMenuProps) => JSX.Element;
+declare const MobileAppMenu: (props: MobileAppMenuProps) => import("react/jsx-runtime").JSX.Element;
 export default MobileAppMenu;

package/lib/es/components/applicationHeader/MobileHeaderModal.d.ts

@@ -6,5 +6,5 @@ export type MobileHeaderModalProps = {
     onClose?: () => void;
     className?: string;
 };
-declare const MobileHeaderModal: (props: PropsWithChildren<MobileHeaderModalProps>) => JSX.Element;
+declare const MobileHeaderModal: (props: PropsWithChildren<MobileHeaderModalProps>) => import("react/jsx-runtime").JSX.Element;
 export default MobileHeaderModal;

package/lib/es/components/applicationHeader/MobileSubmoduleNavigation.d.ts

@@ -5,5 +5,5 @@ export type MobileSubmoduleNavigationProps = {
     navItems?: ModulePropType[];
     className?: string;
 };
-declare const MobileSubmoduleNavigation: (props: MobileSubmoduleNavigationProps) => JSX.Element;
+declare const MobileSubmoduleNavigation: (props: MobileSubmoduleNavigationProps) => import("react/jsx-runtime").JSX.Element;
 export default MobileSubmoduleNavigation;

package/lib/es/components/applicationHeader/NavItems.d.ts

@@ -5,5 +5,5 @@ export type NavItemsProps = {
     containerWidth: number;
     actionBarItems?: React.ReactNode[];
 };
-export declare const NavItems: (props: NavItemsProps) => JSX.Element;
+export declare const NavItems: (props: NavItemsProps) => import("react/jsx-runtime").JSX.Element;
 export default NavItems;

package/lib/es/components/applicationLayout/ApplicationLayout.d.ts

@@ -3,8 +3,14 @@ import ApplicationLayoutHeader from './ApplicationLayoutHeader';
 import ApplicationLayoutSidebar from './ApplicationLayoutSidebar';
 import ApplicationLayoutBody from './ApplicationLayoutBody';
 export type ApplicationLayoutProps = {
-    className?: string;
+    /**
+     * A React ref function assigned to the wrapper element.
+     */
     layoutRef?: MutableRefObject<HTMLDivElement>;
+    /**
+     * Additional class names that are added to the respective component
+     */
+    className?: string;
 };
 type Props = PropsWithChildren<ApplicationLayoutProps>;
 type ApplicationLayoutType = ForwardRefExoticComponent<Props & RefAttributes<HTMLDivElement>> & {

package/lib/es/components/applicationLayout/ApplicationLayoutBody.d.ts

@@ -1,13 +1,40 @@
 import React from 'react';
 export type ApplicationLayoutBodyProps = {
-    className?: string;
-    innerClassName?: string;
+    /**
+     * Show scroll to top button after scrolling the content.
+     * @default true
+     */
     enableScrollToTop?: boolean;
+    /**
+     * Always show vertical scrollbar to prevent the content from jumping.
+     * @default false
+     */
     forceScrollbar?: boolean;
+    /**
+     * The ApplicationLayoutBodyBanner component.
+     */
     banner?: React.ReactNode;
+    /**
+     * The `ApplicationLayoutBodyNavigation` component.
+     */
     navigation?: React.ReactNode;
+    /**
+     * Optional bottom bar component or a simple string.
+     */
     bottomBar?: React.ReactNode;
+    /**
+     * Height of the bottomBar in pixel.
+     * @default 54
+     */
     bottomBarHeight?: number;
+    /**
+     * Additional class names that are added to the inner module-content component.
+     */
+    innerClassName?: string;
+    /**
+     * Additional class names that are added to the respective component.
+     */
+    className?: string;
 };
 declare const ApplicationLayoutBody: React.ForwardRefExoticComponent<ApplicationLayoutBodyProps & {
     children?: React.ReactNode;

package/lib/es/components/applicationLayout/ApplicationLayoutBodyBanner.d.ts

@@ -1,8 +1,23 @@
 import React from 'react';
 export type ApplicationLayoutBodyBannerProps = {
+    /**
+     * One of the `text-color` utility classes.
+     * @default `text-color-white`
+     */
     textColor?: string;
+    /**
+     * One of the `bg-color` utility classes.
+     * @default `bg-primary`
+     */
     backgroundColor?: string;
+    /**
+     * Allows sticky banner while scrolling.
+     * @default false
+     */
     isSticky?: boolean;
+    /**
+     * Additional class names that are added to the respective component.
+     */
     className?: string;
 };
 declare const ApplicationLayoutBodyBanner: React.ForwardRefExoticComponent<ApplicationLayoutBodyBannerProps & {

package/lib/es/components/applicationLayout/ApplicationLayoutBodyBottomBar.d.ts

@@ -2,8 +2,23 @@ import { type PropsWithChildren, type ForwardRefExoticComponent, type RefAttribu
 type ButtonAlignmentLeft = 'left';
 type ButtonAlignmentRight = 'right';
 export type ApplicationLayoutBodyBottomBarProps = {
+    /**
+     * Additional class names that are added to the respective component
+     */
     className?: string;
+    /**
+     * Use same paddings (left and right) as the ApplicationLayoutBody.
+     * @default false
+     */
     useBodyPaddings?: boolean;
+    /**
+     * Tells the buttons if they are left or right aligned.
+     * Default behavior is: 1st button left and 2nd button right.
+     *
+     * Possible values are:
+     * `ApplicationLayoutBodyBottomBar.LEFT`, `ApplicationLayoutBodyBottomBar.RIGHT` or
+     * `left`, `right`
+     */
     buttonAlignment?: ButtonAlignmentLeft | ButtonAlignmentRight;
 };
 type Props = PropsWithChildren<ApplicationLayoutBodyBottomBarProps>;

package/lib/es/components/applicationLayout/ApplicationLayoutBodyNavigation.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
 export type ApplicationLayoutBodyNavigationProps = {
+    /**
+     * Additional class names that are added to the respective component. Example: `has-offset`.
+     */
     className?: string;
 };
 declare const ApplicationLayoutBodyNavigation: React.ForwardRefExoticComponent<ApplicationLayoutBodyNavigationProps & {

package/lib/es/components/applicationLayout/ApplicationLayoutHeader.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
 export type ApplicationLayoutHeaderProps = {
+    /**
+     * Additional class names that are added to the respective component.
+     */
     className?: string;
 };
 declare const ApplicationLayoutHeader: React.ForwardRefExoticComponent<ApplicationLayoutHeaderProps & {

package/lib/es/components/applicationLayout/ApplicationLayoutSidebar.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
 export type ApplicationLayoutSidebarProps = {
+    /**
+     * Additional class names that are added to the respective component
+     */
     className?: string;
 };
 declare const ApplicationLayoutSidebar: React.ForwardRefExoticComponent<ApplicationLayoutSidebarProps & {

package/lib/es/components/aspectRatioPlaceholder/AspectRatioPlaceholder.d.ts

@@ -1,8 +1,11 @@
 import { type PropsWithChildren } from 'react';
 export type AspectRatioPlaceholderProps = {
+    /** Defines the aspect ratio width. @default 16 */
     height?: number;
+    /** Defines the aspect ratio height. @default 9 */
     width?: number;
+    /** Additional class names that are added to the wrapping element. */
     className?: string;
 };
-declare const AspectRatioPlaceholder: (props: AspectRatioPlaceholderProps & PropsWithChildren) => JSX.Element;
+declare const AspectRatioPlaceholder: (props: AspectRatioPlaceholderProps & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export default AspectRatioPlaceholder;

package/lib/es/components/assetTree/Tree.js

@@ -41,8 +41,7 @@ const SEARCH_DEBOUNCE = 100;
 const otherwise = stubTrue_1.default;
 const notEqual = (0, negate_1.default)(isEqual_1.default);
 const notEmpty = (0, negate_1.default)(isEmpty_1.default);
-const Divider = () => ((0, jsx_runtime_1.jsx)("div", { className: 'TreeSelectAllDivider bg-light width-2 height-15 ' +
-        'margin-top-2 margin-bottom-0 margin-left-10 margin-right-10' }));
+const Divider = () => (0, jsx_runtime_1.jsx)("div", { className: 'TreeSelectDivider bg-light padding-left-1 height-10 margin-top-2 margin-x-10' });
 const isNameObject = item => (0, isObject_1.default)(item.name);
 const getFullName = item => `${item.name.firstName} ${item.name.lastName}`;
 const getName = item => (isNameObject(item) ? getFullName(item) : item.name);

package/lib/es/components/assetTree/TreeLeafList.d.ts

@@ -1,5 +1,5 @@
 export default TreeLeafList;
-declare function TreeLeafList(props: any): JSX.Element[];
+declare function TreeLeafList(props: any): import("react/jsx-runtime").JSX.Element[];
 declare namespace TreeLeafList {
     const displayName: string;
     namespace propTypes {

package/lib/es/components/assetTree/TreeNodeContainer.d.ts

@@ -3,7 +3,7 @@ declare function TreeNodeContainer({ isOpen, groupId, children }: {
     isOpen: any;
     groupId: any;
     children: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace TreeNodeContainer {
     const displayName: string;
     namespace propTypes {

package/lib/es/components/assetTree/TreeNothingFound.d.ts

@@ -1,3 +1,3 @@
 export default TreeNothingFound;
-declare const TreeNothingFound: React.MemoExoticComponent<() => JSX.Element>;
+declare const TreeNothingFound: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
 import React from "react";

package/lib/es/components/assetTree/TreeOption.d.ts

@@ -1,5 +1,5 @@
 export default TreeOption;
-declare function TreeOption(props: any): JSX.Element;
+declare function TreeOption(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace TreeOption {
     const displayName: string;
     namespace defaultProps {

package/lib/es/components/assetTree/TreeOption.js

@@ -8,8 +8,8 @@ const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const Switch_1 = tslib_1.__importDefault(require("../switch/Switch"));
 const TreeOption = props => {
     const { isChecked, className, label, onChange } = props, remainingProps = tslib_1.__rest(props, ["isChecked", "className", "label", "onChange"]);
-    const optionClasses = (0, classnames_1.default)('TreeOption', 'display-flex', 'justify-content-start', 'cursor-pointer', className);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, remainingProps, { className: optionClasses, onClick: onChange }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'pointer-events-none scale-80' }, { children: (0, jsx_runtime_1.jsx)(Switch_1.default, { keyName: 'TreeOption-switch', checked: isChecked }) })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'margin-left-5 padding-top-2' }, { children: label }))] })));
+    const optionClasses = (0, classnames_1.default)('TreeOption', 'display-flex', 'justify-content-start', 'align-items-center', 'gap-10', 'cursor-pointer', className);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, remainingProps, { className: optionClasses, onClick: onChange }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'flex-1-1' }, { children: label })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'pointer-events-none scale-80' }, { children: (0, jsx_runtime_1.jsx)(Switch_1.default, { keyName: 'TreeOption-switch', checked: isChecked }) }))] })));
 };
 TreeOption.displayName = 'TreeOption';
 TreeOption.defaultProps = {