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

package/README.md

@@ -21,7 +21,7 @@ Miranda UI is a [React](https://reactjs.org/) components library. It works with
 
 ## Steps to install
 
-1. You need to have node 16 or the latest LTS version installed;
+1. You need to have node 20 or the latest LTS version installed;
 
    One option is to use [NVM](https://github.com/nvm-sh/nvm). You can run `nvm use` or set it to run automatically in a directory with a .nvmrc file.
 
@@ -41,6 +41,18 @@ or
 npm install @loadsmart/loadsmart-ui
 ```
 
+This library is now ESM-only. Ensure your project supports ESM.
+
+### Jest Configuration
+
+If you are using Jest, you need to add this library to `transformIgnorePatterns` in your Jest configuration to ensure it is properly transformed. Example:
+
+```json
+{
+ "transformIgnorePatterns": ["node_modules/(?!@loadsmart/loadsmart-ui)"]
+}
+```
+
 ## Demo
 
 You can check our Storybook [here](https://loadsmart.github.io/miranda/).

package/dist/DragDropFile.context-oKnUu6d3.js

@@ -0,0 +1,33 @@
+import React__default, { createContext, useCallback, useMemo, useContext } from "react";
+const DragDropFileContext = createContext(void 0);
+const DragDropFileProvider = ({
+  fileList,
+  onFilesAdded,
+  onFileRemoved,
+  onRetryUpload,
+  children
+}) => {
+  const onRemoveFile = useCallback((removedItem, index) => {
+    onFileRemoved([...fileList.slice(0, index), ...fileList.slice(index + 1)], removedItem, index);
+  }, [fileList]);
+  const contextValue = useMemo(() => ({
+    fileList,
+    onFilesAdded,
+    onRemoveFile,
+    onRetryUpload
+  }), [fileList, onFilesAdded, onRemoveFile, onRetryUpload]);
+  return /* @__PURE__ */ React__default.createElement(DragDropFileContext.Provider, { value: contextValue }, children);
+};
+const useDragDropFileContext = () => {
+  const context = useContext(DragDropFileContext);
+  if (!context) {
+    throw new Error("useDragDropFileContext must be used within an DragDropFileProvider");
+  }
+  return context;
+};
+export {
+  DragDropFileContext as D,
+  DragDropFileProvider as a,
+  useDragDropFileContext as u
+};
+//# sourceMappingURL=DragDropFile.context-oKnUu6d3.js.map

package/dist/{DragDropFile.context-D-EBrXnw.js.map → DragDropFile.context-oKnUu6d3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DragDropFile.context-D-EBrXnw.js","sources":["../src/components/DragDropFile/DragDropFile.context.tsx"],"sourcesContent":["import React, { createContext, useContext, useCallback, useMemo } from 'react'\n\nimport type { DragDropFileContextValue, DragDropFileProviderProps, FileWithStatus } from './types'\n\nexport const DragDropFileContext = createContext<DragDropFileContextValue | undefined>(undefined)\n\nexport const DragDropFileProvider = ({\n  fileList,\n  onFilesAdded,\n  onFileRemoved,\n  onRetryUpload,\n  children,\n}: DragDropFileProviderProps): JSX.Element => {\n  const onRemoveFile = useCallback(\n    (removedItem: FileWithStatus, index: number) => {\n      onFileRemoved([...fileList.slice(0, index), ...fileList.slice(index + 1)], removedItem, index)\n    },\n    [fileList]\n  )\n\n  const contextValue = useMemo(\n    () => ({ fileList, onFilesAdded, onRemoveFile, onRetryUpload }),\n    [fileList, onFilesAdded, onRemoveFile, onRetryUpload]\n  )\n\n  return (\n    <DragDropFileContext.Provider value={contextValue}>{children}</DragDropFileContext.Provider>\n  )\n}\n\nexport const useDragDropFileContext = (): DragDropFileContextValue => {\n  const context = useContext(DragDropFileContext)\n\n  if (!context) {\n    throw new Error('useDragDropFileContext must be used within an DragDropFileProvider')\n  }\n\n  return context\n}\n"],"names":["DragDropFileContext","createContext","undefined","DragDropFileProvider","fileList","onFilesAdded","onFileRemoved","onRetryUpload","children","onRemoveFile","useCallback","removedItem","index","slice","contextValue","useMemo","useDragDropFileContext","context","useContext","Error"],"mappings":"gFAIaA,EAAsBC,gBAAoDC,MAAS,EAEnFC,EAAuBA,CAAC,CACnCC,SAAAA,EACAC,aAAAA,EACAC,cAAAA,EACAC,cAAAA,EACAC,SAAAA,CACyB,IAAmB,CAC5C,MAAMC,EAAeC,EAAAA,YACnB,CAACC,EAA6BC,IAAkB,CAC9CN,EAAc,CAAC,GAAGF,EAASS,MAAM,EAAGD,CAAK,EAAG,GAAGR,EAASS,MAAMD,EAAQ,CAAC,CAAC,EAAGD,EAAaC,CAAK,CAAA,EAE/F,CAACR,CAAQ,CACX,EAEMU,EAAeC,EAAAA,QACnB,KAAO,CAAEX,SAAAA,EAAUC,aAAAA,EAAcI,aAAAA,EAAcF,cAAAA,IAC/C,CAACH,EAAUC,EAAcI,EAAcF,CAAa,CACtD,EAEA,+BACGP,EAAoB,SAApB,CAA6B,MAAOc,GAAeN,CAAS,CAEjE,EAEaQ,EAAyBA,IAAgC,CAC9DC,MAAAA,EAAUC,aAAWlB,CAAmB,EAE9C,GAAI,CAACiB,EACG,MAAA,IAAIE,MAAM,oEAAoE,EAG/EF,OAAAA,CACT"}
+{"version":3,"file":"DragDropFile.context-oKnUu6d3.js","sources":["../src/components/DragDropFile/DragDropFile.context.tsx"],"sourcesContent":["import React, { createContext, useContext, useCallback, useMemo } from 'react'\n\nimport type { DragDropFileContextValue, DragDropFileProviderProps, FileWithStatus } from './types'\n\nexport const DragDropFileContext = createContext<DragDropFileContextValue | undefined>(undefined)\n\nexport const DragDropFileProvider = ({\n  fileList,\n  onFilesAdded,\n  onFileRemoved,\n  onRetryUpload,\n  children,\n}: DragDropFileProviderProps): JSX.Element => {\n  const onRemoveFile = useCallback(\n    (removedItem: FileWithStatus, index: number) => {\n      onFileRemoved([...fileList.slice(0, index), ...fileList.slice(index + 1)], removedItem, index)\n    },\n    [fileList]\n  )\n\n  const contextValue = useMemo(\n    () => ({ fileList, onFilesAdded, onRemoveFile, onRetryUpload }),\n    [fileList, onFilesAdded, onRemoveFile, onRetryUpload]\n  )\n\n  return (\n    <DragDropFileContext.Provider value={contextValue}>{children}</DragDropFileContext.Provider>\n  )\n}\n\nexport const useDragDropFileContext = (): DragDropFileContextValue => {\n  const context = useContext(DragDropFileContext)\n\n  if (!context) {\n    throw new Error('useDragDropFileContext must be used within an DragDropFileProvider')\n  }\n\n  return context\n}\n"],"names":["DragDropFileContext","createContext","undefined","DragDropFileProvider","fileList","onFilesAdded","onFileRemoved","onRetryUpload","children","onRemoveFile","useCallback","removedItem","index","slice","contextValue","useMemo","useDragDropFileContext","context","useContext","Error"],"mappings":";AAIaA,MAAAA,sBAAsBC,cAAoDC,MAAS;AAEzF,MAAMC,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACyB,MAAmB;AAC5C,QAAMC,eAAeC,YACnB,CAACC,aAA6BC,UAAkB;AAC9CN,kBAAc,CAAC,GAAGF,SAASS,MAAM,GAAGD,KAAK,GAAG,GAAGR,SAASS,MAAMD,QAAQ,CAAC,CAAC,GAAGD,aAAaC,KAAK;AAAA,EAAA,GAE/F,CAACR,QAAQ,CACX;AAEMU,QAAAA,eAAeC,QACnB,OAAO;AAAA,IAAEX;AAAAA,IAAUC;AAAAA,IAAcI;AAAAA,IAAcF;AAAAA,MAC/C,CAACH,UAAUC,cAAcI,cAAcF,aAAa,CACtD;AAEA,sDACG,oBAAoB,UAApB,EAA6B,OAAOO,gBAAeN,QAAS;AAEjE;AAEO,MAAMQ,yBAAyBA,MAAgC;AAC9DC,QAAAA,UAAUC,WAAWlB,mBAAmB;AAE9C,MAAI,CAACiB,SAAS;AACN,UAAA,IAAIE,MAAM,oEAAoE;AAAA,EAAA;AAG/EF,SAAAA;AACT;"}

package/dist/components/Banner/Banner.d.ts

@@ -16,8 +16,8 @@ export interface BannerActionProps extends BannerProps {
     onActionButtonClick?: () => void;
     onSecondaryActionButtonClick?: () => void;
 }
-export declare const CloseButton: import('styled-components').StyledComponent<typeof DefaultCloseButton, any, {}, never>;
-export declare const Icon: import('styled-components').StyledComponent<React.ComponentType<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>>, any, {}, never>;
+export declare const CloseButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../../common/CloseButton').CloseButtonProps, never>> & string & Omit<typeof DefaultCloseButton, keyof React.Component<any, {}, any>>;
+export declare const Icon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('../IconFactory').IconProps<import('../IconFactory').IconMapping> | (import('../IconFactory').IconProps<import('../IconFactory').IconMapping> & React.RefAttributes<React.Component<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>, any, any>>), import('styled-components/dist/types').BaseObject>> & (string & (Omit<React.ComponentClass<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>, any>, keyof React.Component<any, {}, any>> | Omit<React.FunctionComponent<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>>, keyof React.Component<any, {}, any>>));
 declare function Banner({ scale, variant, icon, title, description, onClose, dismissible, ...others }: BannerProps): React.JSX.Element | null;
 export declare function BannerLarge({ scale, variant, icon, title, description, onClose, dismissible, ...others }: BannerProps): React.JSX.Element | null;
 export declare function BannerAction({ scale, variant, icon, title, action, secondaryAction, onActionButtonClick, onSecondaryActionButtonClick, ...others }: BannerActionProps): JSX.Element;

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

@@ -11,7 +11,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     scale?: 'small' | 'default' | 'large';
     loading?: boolean;
 }
-export declare const Children: import('styled-components').StyledComponent<"span", any, ButtonProps, never>;
+export declare const Children: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, ButtonProps>> & string;
 export declare const BaseButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export declare function Caret(props: Omit<IconProps, 'name'>): JSX.Element;

package/dist/components/Calendar/Pickers/PickerButton.d.ts

@@ -1,4 +1,6 @@
-declare const _default: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<import('../../Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>, any, {
+declare const _default: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<Omit<import('../../Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+}, "$status"> & {
     $status: "default" | "current-day" | "faded" | "selection-start" | "selection-end" | "selection" | "next-month-day";
-}, never>;
+}, never>> & string;
 export default _default;

package/dist/components/Card/Card.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { default as React, HTMLAttributes, ReactNode } from 'react';
 import { default as CardTitle } from './CardTitle';
 import { default as Status } from '../../utils/types/Status';
 export interface CardProps extends HTMLAttributes<HTMLElement> {
@@ -9,8 +9,8 @@ export interface CardProps extends HTMLAttributes<HTMLElement> {
 declare function Card({ flagged, status, children, ...others }: CardProps): JSX.Element;
 declare namespace Card {
     var Title: typeof CardTitle;
-    var Subtitle: import("styled-components").StyledComponent<"div", any, {}, never>;
-    var Separator: import("styled-components").StyledComponent<"hr", any, {}, never>;
-    var Body: import("styled-components").StyledComponent<"div", any, {}, never>;
+    var Subtitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+    var Separator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, never>> & string;
+    var Body: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 }
 export default Card;

package/dist/components/Card/CardTitle.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode, HTMLAttributes } from 'react';
+import { default as React, ReactNode, HTMLAttributes } from 'react';
 export interface CardTitleProps extends HTMLAttributes<HTMLElement> {
     leading?: ReactNode;
 }
-declare const Wrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare function CardTitle({ children, leading, ...others }: CardTitleProps): JSX.Element;
 export { Wrapper as CardTitleWrapper };
 export default CardTitle;

package/dist/components/DatePicker/DatePicker.d.ts

@@ -4,7 +4,7 @@ import { CalendarDate } from '../Calendar';
 import { DatePickerProps } from './DatePicker.types';
 import { TextFieldProps } from '../TextField';
 export declare const formatter: import('../Calendar').DateFormat;
-export declare const ClearButton: import('styled-components').StyledComponent<typeof CloseButton, any, {}, never>;
+export declare const ClearButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../../common/CloseButton').CloseButtonProps, never>> & string & Omit<typeof CloseButton, keyof React.Component<any, {}, any>>;
 interface DateInputProps extends Omit<TextFieldProps, 'onChange'> {
     onChange: (date: CalendarDate) => void;
 }

package/dist/components/DatePicker/useDatePicker.d.ts

@@ -27,11 +27,11 @@ declare function useDatePicker(props: DatePickerProps): {
         children?: import('react').ReactNode;
         accept?: string | undefined;
         alt?: string | undefined;
-        autoComplete?: string | undefined;
+        autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;
         capture?: boolean | "user" | "environment" | undefined;
         checked?: boolean | undefined;
         form?: string | undefined;
-        formAction?: string | undefined;
+        formAction?: string | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
@@ -60,7 +60,7 @@ declare function useDatePicker(props: DatePickerProps): {
         accessKey?: string | undefined;
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -225,6 +225,8 @@ declare function useDatePicker(props: DatePickerProps): {
         onProgressCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onRateChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onRateChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onResize?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onResizeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeeked?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeekedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeeking?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
@@ -293,9 +295,7 @@ declare function useDatePicker(props: DatePickerProps): {
         onPointerCancel?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerCancelCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerEnter?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerEnterCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerLeave?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerLeaveCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOver?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOverCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOut?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
@@ -338,7 +338,7 @@ declare function useDatePicker(props: DatePickerProps): {
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
         autoFocus?: boolean | undefined;
         className?: string | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -347,7 +347,6 @@ declare function useDatePicker(props: DatePickerProps): {
         id?: string | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
-        placeholder?: string | undefined;
         slot?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
         style?: import('react').CSSProperties | undefined;
@@ -507,6 +506,8 @@ declare function useDatePicker(props: DatePickerProps): {
         onProgressCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onRateChange?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onRateChangeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+        onResize?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+        onResizeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onSeeked?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onSeekedCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onSeeking?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
@@ -576,9 +577,7 @@ declare function useDatePicker(props: DatePickerProps): {
         onPointerCancel?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import('react').PointerEventHandler<HTMLDivElement> | undefined;

package/dist/components/DatePicker/useDateRangePicker.d.ts

@@ -20,11 +20,11 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         children?: import('react').ReactNode;
         accept?: string | undefined;
         alt?: string | undefined;
-        autoComplete?: string | undefined;
+        autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;
         capture?: boolean | "user" | "environment" | undefined;
         checked?: boolean | undefined;
         form?: string | undefined;
-        formAction?: string | undefined;
+        formAction?: string | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
@@ -53,7 +53,7 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         accessKey?: string | undefined;
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -217,6 +217,8 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         onProgressCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onRateChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onRateChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onResize?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onResizeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeeked?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeekedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeeking?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
@@ -285,9 +287,7 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         onPointerCancel?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerCancelCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerEnter?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerEnterCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerLeave?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerLeaveCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOver?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOverCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOut?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
@@ -326,11 +326,11 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         children?: import('react').ReactNode;
         accept?: string | undefined;
         alt?: string | undefined;
-        autoComplete?: string | undefined;
+        autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;
         capture?: boolean | "user" | "environment" | undefined;
         checked?: boolean | undefined;
         form?: string | undefined;
-        formAction?: string | undefined;
+        formAction?: string | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
@@ -359,7 +359,7 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         accessKey?: string | undefined;
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -523,6 +523,8 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         onProgressCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onRateChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onRateChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onResize?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+        onResizeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeeked?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeekedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
         onSeeking?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
@@ -591,9 +593,7 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         onPointerCancel?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerCancelCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerEnter?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerEnterCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerLeave?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerLeaveCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOver?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOverCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOut?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
@@ -636,7 +636,7 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
         autoFocus?: boolean | undefined;
         className?: string | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -645,7 +645,6 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         id?: string | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
-        placeholder?: string | undefined;
         slot?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
         style?: import('react').CSSProperties | undefined;
@@ -805,6 +804,8 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         onProgressCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onRateChange?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onRateChangeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+        onResize?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
+        onResizeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onSeeked?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onSeekedCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onSeeking?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
@@ -874,9 +875,7 @@ declare function useDateRangePicker(props: DateRangePickerProps): {
         onPointerCancel?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import('react').PointerEventHandler<HTMLDivElement> | undefined;

package/dist/components/Dialog/Dialog.d.ts

@@ -25,13 +25,11 @@ export interface DialogActionCancelProps extends Omit<ButtonProps, 'onClick' | '
 declare function DialogActionCancel({ onCancel, children, ...others }: DialogActionCancelProps): React.JSX.Element;
 declare function Dialog({ scale, open, ...others }: DialogProps): JSX.Element;
 declare namespace Dialog {
-    var Header: import("styled-components").StyledComponent<"h1", any, {}, never>;
-    var Body: import("styled-components").StyledComponent<"div", any, {}, never>;
+    var Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+    var Body: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
     var ActionConfirm: typeof DialogActionConfirm;
     var ActionCancel: typeof DialogActionCancel;
     var Actions: typeof DialogActions;
-    var Close: import("styled-components").StyledComponent<typeof import("../..").CloseButton, any, {
-        size: 16;
-    }, "size">;
+    var Close: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("../..").CloseButtonProps, import("../..").CloseButtonProps>, never>, never>, never>> & string;
 }
 export default Dialog;

package/dist/components/DragDropFile/styles.d.ts

@@ -1,11 +1,11 @@
 import { default as React } from 'react';
 import { StackProps, Stack } from '../Layout/Stack';
 import { DropZoneProps } from './types';
-export declare const DragDropFileWrapper: import('styled-components').StyledComponent<typeof Stack, any, {
+export declare const DragDropFileWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<StackProps, {
     withFileList: boolean;
-}, never>;
-export declare const DropZoneWrapper: import('styled-components').StyledComponent<(props: StackProps) => React.JSX.Element, any, Pick<DropZoneProps, "disabled" | "error">, never>;
-export declare const HiddenInput: import('styled-components').StyledComponent<"input", any, {}, never>;
-export declare const UploadIcon: import('styled-components').StyledComponent<React.ComponentType<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>>, any, {}, never>;
-export declare const FileListUL: import('styled-components').StyledComponent<(props: StackProps) => React.JSX.Element, any, {}, never>;
-export declare const Divider: import('styled-components').StyledComponent<"div", any, {}, never>;
+}>> & string & Omit<typeof Stack, keyof React.Component<any, {}, any>>;
+export declare const DropZoneWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<StackProps, Pick<DropZoneProps, "disabled" | "error">>> & string & Omit<(props: StackProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;
+export declare const HiddenInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const UploadIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('../IconFactory').IconProps<import('../IconFactory').IconMapping> | (import('../IconFactory').IconProps<import('../IconFactory').IconMapping> & React.RefAttributes<React.Component<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>, any, any>>), import('styled-components/dist/types').BaseObject>> & (string & (Omit<React.ComponentClass<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>, any>, keyof React.Component<any, {}, any>> | Omit<React.FunctionComponent<import('../IconFactory').IconProps<import('../IconFactory').IconMapping>>, keyof React.Component<any, {}, any>>));
+export declare const FileListUL: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<StackProps, never>> & string & Omit<(props: StackProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;
+export declare const Divider: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/Dropdown/Dropdown.d.ts

@@ -40,8 +40,8 @@ declare namespace Dropdown {
     var Menu: React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<HTMLDivElement>>;
     var Section: typeof DropdownMenuSection;
     var Item: typeof DropdownMenuItem;
-    var Separator: import("styled-components").StyledComponent<"hr", any, {
-        'aria-hidden': true;
-    }, "aria-hidden">;
+    var Separator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {
+        ref?: ((instance: HTMLHRElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLHRElement> | null | undefined;
+    }>, never>, never>> & string;
 }
 export default Dropdown;

package/dist/components/Dropdown/DropdownMenu.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
 import { DropdownMenuItemProps, DropdownMenuProps, DropdownMenuSectionProps } from './Dropdown.types';
-export declare const DropdownSeparator: import('styled-components').StyledComponent<"hr", any, {
-    'aria-hidden': true;
-}, "aria-hidden">;
+export declare const DropdownSeparator: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {
+    ref?: ((instance: HTMLHRElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLHRElement> | null | undefined;
+}>, never>, never>> & string;
 export declare const DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<HTMLDivElement>>;
 export declare function DropdownMenuItem(props: DropdownMenuItemProps): JSX.Element;
 export declare function DropdownMenuSection(props: DropdownMenuSectionProps): JSX.Element;

package/dist/components/Layout/Stack.d.ts

@@ -6,11 +6,11 @@ export interface StackProps extends HTMLAttributes<HTMLElement> {
     align?: AlignValue;
     as?: string | React.ComponentType<any>;
 }
-export declare const StackContainer: import('styled-components').StyledComponent<"div", any, {
+export declare const StackContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $space: StackProps["space"];
     $justify: StackProps["justify"];
     $align: StackProps["align"];
-}, never>;
+}>> & string;
 /**
  * Stack layout component.
  * @param {StackProps} props

package/dist/components/Loaders/LoadingBar.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
-export declare const Bar: import('styled-components').StyledComponent<"div", any, {
+export declare const Bar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     width?: number;
     velocity?: number;
-}, never>;
+}>> & string;
 export interface LoadingBarProps {
     alignment?: 'left' | 'center' | 'right';
     title?: React.ReactNode;

package/dist/components/Loaders/index.d.ts

@@ -1,3 +1,3 @@
-export { default as Spinner, SpinnerProps } from './Spinner';
-export { default as LoadingBar, LoadingBarProps } from './LoadingBar';
-export { default as LoadingDots, LoadingDotsProps } from './LoadingDots';
+export { default as Spinner, type SpinnerProps } from './Spinner';
+export { default as LoadingBar, type LoadingBarProps } from './LoadingBar';
+export { default as LoadingDots, type LoadingDotsProps } from './LoadingDots';

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

@@ -15,8 +15,6 @@ declare namespace Modal {
     var Header: ({ title, children }: PropsWithChildren<{
         title: string;
     }>) => React.JSX.Element;
-    var Close: import("styled-components").StyledComponent<typeof CloseButton, any, {
-        size: 16;
-    }, "size">;
+    var Close: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("common/CloseButton").CloseButtonProps, import("common/CloseButton").CloseButtonProps>, never>, never>> & string & Omit<typeof CloseButton, keyof React.Component<any, {}, any>>;
 }
 export default Modal;

package/dist/components/SideNavigation/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({ className, url, 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/SideNavigation/Menu/Menu.d.ts

@@ -9,8 +9,13 @@ type MenuItemProps = {
     active?: boolean;
 } & PropsWithChildren<MenuLinkProps & MenuExpandableProps>;
 declare function MenuItem(props: MenuItemProps): React.JSX.Element;
-declare const _default: string & import('styled-components').StyledComponentBase<typeof Menu, any, {}, never> & import('hoist-non-react-statics').NonReactStatics<typeof Menu, {}> & {
+declare const _default: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<MenuProps, never>> & string & Omit<typeof Menu, keyof React.Component<any, {}, any>> & {
     Item: typeof MenuItem;
-    SubItem: import('styled-components').StyledComponent<({ url, ...props }: MenuLinkProps) => JSX.Element, any, {}, never>;
+    SubItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.HTMLAttributes<HTMLAnchorElement> & {
+        label: string;
+        leading?: React.ReactNode;
+        trailing?: React.ReactNode;
+        url?: string;
+    }, never>> & string & Omit<({ url, ...props }: MenuLinkProps) => JSX.Element, keyof React.Component<any, {}, any>>;
 };
 export default _default;

package/dist/components/SideNavigation/Menu/MenuLink.d.ts

@@ -6,5 +6,10 @@ export type MenuLinkProps = React.HTMLAttributes<HTMLAnchorElement> & {
     url?: string;
 };
 declare function MenuLink({ url, ...props }: MenuLinkProps): JSX.Element;
-declare const _default: import('styled-components').StyledComponent<typeof MenuLink, any, {}, never>;
+declare const _default: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.HTMLAttributes<HTMLAnchorElement> & {
+    label: string;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+    url?: string;
+}, never>> & string & Omit<typeof MenuLink, keyof React.Component<any, {}, any>>;
 export default _default;

package/dist/components/SideNavigation/SideNavigation.d.ts

@@ -6,8 +6,13 @@ export interface SideNavigationProps {
 }
 declare function SideNavigation({ className, children }: SideNavigationProps): JSX.Element;
 declare namespace SideNavigation {
-    var Logo: import("styled-components").StyledComponent<({ className, url, children }: import("./Logo/Logo").LogoProps) => JSX.Element, any, import("./Logo/Logo").LogoProps, never>;
-    var Menu: string & import("styled-components").StyledComponentBase<({ label, children, ...props }: import("./Menu/Menu").MenuProps) => JSX.Element, any, {}, never> & import("hoist-non-react-statics").NonReactStatics<({ label, children, ...props }: import("./Menu/Menu").MenuProps) => JSX.Element, {}> & {
+    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<({ className, url, children }: import("./Logo/Logo").LogoProps) => JSX.Element, keyof React.Component<any, {}, any>>;
+    var Menu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("./Menu/Menu").MenuProps, never>> & string & Omit<({ label, children, ...props }: import("./Menu/Menu").MenuProps) => JSX.Element, keyof React.Component<any, {}, any>> & {
         Item: (props: {
             active?: boolean;
         } & React.HTMLAttributes<HTMLAnchorElement> & {
@@ -20,9 +25,14 @@ declare namespace SideNavigation {
         } & {
             children?: ReactNode | undefined;
         }) => React.JSX.Element;
-        SubItem: import("styled-components").StyledComponent<({ url, ...props }: import("./Menu/MenuLink").MenuLinkProps) => JSX.Element, any, {}, never>;
+        SubItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.HTMLAttributes<HTMLAnchorElement> & {
+            label: string;
+            leading?: ReactNode;
+            trailing?: ReactNode;
+            url?: string;
+        }, never>> & string & Omit<({ url, ...props }: import("./Menu/MenuLink").MenuLinkProps) => JSX.Element, keyof React.Component<any, {}, any>>;
     };
     var Separator: typeof import("./Separator").Separator;
-    var CloseButton: import("styled-components").StyledComponent<typeof import("common/CloseButton").default, any, CloseButtonProps, never>;
+    var CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<CloseButtonProps, CloseButtonProps>> & string & Omit<typeof import("common/CloseButton").default, keyof React.Component<any, {}, any>>;
 }
 export default SideNavigation;

package/dist/components/Steps/StepsStep.d.ts

@@ -1,8 +1,8 @@
-import { PropsWithChildren } from 'react';
+import { default as React, PropsWithChildren } from 'react';
 export interface StepsStepProps {
     id: number | string;
     className?: string;
 }
-export declare const StepWrapper: import('styled-components').StyledComponent<"article", any, import('../../theming').ThemedProps, never>;
+export declare const StepWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
 declare function StepsStep({ children, id, ...others }: PropsWithChildren<StepsStepProps>): JSX.Element;
 export default StepsStep;

package/dist/components/Table/Table.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { useSelection } from './Selection';
 import { default as TableSortHandle } from './TableSortHandle';
 import { TableProps, TableSectionProps, TableRowProps, TableCellProps, TableCaptionProps, TableSelectionProps, SelectionCellProps, TablePickerItemProps, TablePickerProps, ExpandableTableRowProps } from './Table.types';
@@ -8,7 +9,7 @@ declare namespace Table {
     var Row: typeof TableRow;
     var Cell: typeof TableCell;
     var HeadCell: typeof TableHeadCell;
-    var Foot: import("styled-components").StyledComponent<"tfoot", any, {}, never>;
+    var Foot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
     var Caption: typeof TableCaption;
     var Selection: {
         Actions: typeof TableSelectionActions;

package/dist/components/TablePagination/TablePagination.styles.d.ts

@@ -1,4 +1,5 @@
-export declare const NoPaddingButton: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<import('../Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>, any, {
-    variant: "tertiary";
-    scale: "small";
-}, "scale" | "variant">;
+export declare const NoPaddingButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('../Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+}, Omit<import('../Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+}>, never>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;