@loadsmart/loadsmart-ui 7.7.0-beta.1 → 8.0.0-beta.1

package/dist/components/ToggleGroup/ToggleGroup.d.ts

@@ -1,6 +1,7 @@
+import { default as React } from 'react';
 import { ToggleGroupOptionProps, ToggleGroupProps } from './ToggleGroup.types';
 declare function ToggleGroup(props: ToggleGroupProps): JSX.Element;
 declare namespace ToggleGroup {
-    var Option: import("styled-components").StyledComponent<({ value, children, disabled, ...others }: ToggleGroupOptionProps) => JSX.Element, any, {}, never>;
+    var Option: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<ToggleGroupOptionProps, never>> & string & Omit<({ value, children, disabled, ...others }: ToggleGroupOptionProps) => JSX.Element, keyof React.Component<any, {}, any>>;
 }
 export default ToggleGroup;

package/dist/components/TopNavigation/Logo/Logo.d.ts

@@ -1,8 +1,13 @@
-import { PropsWithChildren } from 'react';
+import { default as React, PropsWithChildren } from 'react';
 export type LogoProps = PropsWithChildren<{
     url: string;
     className?: string;
 }>;
 declare function Logo({ url, className, children }: LogoProps): JSX.Element;
-declare const _default: import('styled-components').StyledComponent<typeof Logo, any, LogoProps, never>;
+declare const _default: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<{
+    url: string;
+    className?: string;
+} & {
+    children?: React.ReactNode | undefined;
+}, LogoProps>> & string & Omit<typeof Logo, keyof React.Component<any, {}, any>>;
 export default _default;

package/dist/components/TopNavigation/Menu/Menu.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren, ReactNode, HTMLAttributes } from 'react';
+import { default as React, PropsWithChildren, ReactNode, HTMLAttributes } from 'react';
 import { MenuDropdownSubItem } from './MenuItemDropdown';
 type MenuItemProps = HTMLAttributes<HTMLElement> & PropsWithChildren<{
     label: string;
@@ -13,6 +13,6 @@ declare function Menu(props: MenuProps): JSX.Element;
 declare namespace Menu {
     var Item: typeof MenuItem;
     var SubItem: typeof MenuDropdownSubItem;
-    var Separator: import("styled-components").StyledComponent<"hr", any, {}, never>;
+    var Separator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, never>> & string;
 }
 export default Menu;

package/dist/components/TopNavigation/Menu/MenuItemDropdown.d.ts

@@ -1,8 +1,8 @@
-import { PropsWithChildren, ReactNode, HTMLAttributes } from 'react';
+import { default as React, PropsWithChildren, ReactNode, HTMLAttributes } from 'react';
 import { Dropdown } from '../../Dropdown';
-export declare const MenuDropdown: import('styled-components').StyledComponent<typeof Dropdown, any, {}, never>;
-export declare const MenuDropdownSeparator: import('styled-components').StyledComponent<"hr", any, {}, never>;
-export declare const MenuDropdownLabel: import('styled-components').StyledComponent<"label", any, {}, never>;
+export declare const MenuDropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../../Dropdown').DropdownProps, never>> & string & Omit<typeof Dropdown, keyof React.Component<any, {}, any>>;
+export declare const MenuDropdownSeparator: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, never>> & string;
+export declare const MenuDropdownLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
 type MenuDropdownSubItemProps = HTMLAttributes<HTMLElement> & {
     label: string;
     url?: string;

package/dist/components/TopNavigation/OpenSideNavButton/OpenSideNavButton.d.ts

@@ -1,7 +1,8 @@
+import { default as React } from 'react';
 export type OpenSideNavButtonProps = {
     className?: string;
     onClick: () => void;
 };
 declare function OpenSideNavButton({ className, onClick }: OpenSideNavButtonProps): JSX.Element;
-declare const _default: import('styled-components').StyledComponent<typeof OpenSideNavButton, any, OpenSideNavButtonProps, never>;
+declare const _default: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<OpenSideNavButtonProps, OpenSideNavButtonProps>> & string & Omit<typeof OpenSideNavButton, keyof React.Component<any, {}, any>>;
 export default _default;

package/dist/components/TopNavigation/TopNavigation.d.ts

@@ -1,11 +1,16 @@
-import { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 export interface TopNavigationProps {
     children?: ReactNode;
 }
 declare function TopNavigation({ children }: TopNavigationProps): JSX.Element;
 declare namespace TopNavigation {
-    var Logo: import("styled-components").StyledComponent<({ url, className, children }: import("./Logo/Logo").LogoProps) => JSX.Element, any, import("./Logo/Logo").LogoProps, never>;
+    var Logo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<{
+        url: string;
+        className?: string;
+    } & {
+        children?: ReactNode | undefined;
+    }, import("./Logo/Logo").LogoProps>> & string & Omit<({ url, className, children }: import("./Logo/Logo").LogoProps) => JSX.Element, keyof React.Component<any, {}, any>>;
     var Menu: typeof import("./Menu").Menu;
-    var OpenSideNavButton: import("styled-components").StyledComponent<({ className, onClick }: import("./OpenSideNavButton/OpenSideNavButton").OpenSideNavButtonProps) => JSX.Element, any, import("./OpenSideNavButton/OpenSideNavButton").OpenSideNavButtonProps, never>;
+    var OpenSideNavButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("./OpenSideNavButton/OpenSideNavButton").OpenSideNavButtonProps, import("./OpenSideNavButton/OpenSideNavButton").OpenSideNavButtonProps>> & string & Omit<({ className, onClick }: import("./OpenSideNavButton/OpenSideNavButton").OpenSideNavButtonProps) => JSX.Element, keyof React.Component<any, {}, any>>;
 }
 export default TopNavigation;

package/dist/components/VisuallyHidden/VisuallyHidden.d.ts

@@ -1 +1 @@
-export declare const VisuallyHidden: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const VisuallyHidden: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

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

@@ -1,7 +1,8 @@
+import { default as React } from 'react';
 import { default as Docs } from './VisuallyHidden.mdx';
 declare const _default: {
     title: string;
-    component: import('styled-components').StyledComponent<"span", any, {}, never>;
+    component: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
     parameters: {
         docs: {
             page: typeof Docs;

package/dist/index.js

@@ -2,18 +2,14 @@ import * as React from "react";
 import React__default, { forwardRef, Fragment, useState, useRef, useCallback, useEffect, createContext, useMemo, useReducer, useContext, useLayoutEffect, Children as Children$5, isValidElement } from "react";
 import styled, { css, keyframes, useTheme } from "styled-components";
 import { getToken } from "./theming/index.js";
-import flatten from "lodash/flatten.js";
-import isEmpty from "lodash/isEmpty.js";
+import { isEmpty, flatten, omit, get, range } from "lodash-es";
 import { t as toArray } from "./toArray-Dxb1kUxx.js";
-import { c as conditional, w as whenProps, p as prop } from "./prop-B8LY6G2g.js";
-import omit from "lodash/omit.js";
-import { r as rem, B as BASE_PIXELS } from "./miranda-compatibility.theme-C_FEacSw.js";
+import { c as conditional, w as whenProps, p as prop } from "./prop-K2Z3EsyG.js";
+import { r as rem, B as BASE_PIXELS } from "./miranda-compatibility.theme-kYNEZ7mW.js";
 import { isFunction, identity } from "@loadsmart/utils-function";
 import clsx from "clsx";
 import { isBlank } from "@loadsmart/utils-string";
 import { isNil, isObject } from "@loadsmart/utils-object";
-import get from "lodash/get.js";
-import range from "lodash/range.js";
 import ReactDOM from "react-dom";
 import { useFloating, autoUpdate, offset, flip, shift, arrow } from "@floating-ui/react-dom";
 import { u as useDragDropFileContext } from "./DragDropFile.context-oKnUu6d3.js";