@zonos/amino 5.1.33 → 5.1.35

package/all.d.ts

@@ -209,13 +209,13 @@ import './icons/custom/AvatarIcon';
 import './icons/custom/products/CheckoutColorIcon';
 import './icons/custom/products/ClassifyColorIcon';
 import './icons/custom/products/ClearColorIcon';
+import './icons/custom/products/CollectColorIcon';
 import './icons/custom/products/CounterCompanionColorIcon';
 import './icons/custom/products/DashboardColorIcon';
-import './icons/custom/products/DDPColorIcon';
-import './icons/custom/products/DDUColorIcon';
 import './icons/custom/products/HelloColorIcon';
 import './icons/custom/products/InclusivePricingColorIcon';
 import './icons/custom/products/LandedCostColorIcon';
+import './icons/custom/products/PrepayColorIcon';
 import './icons/custom/products/RateColorIcon';
 import './icons/custom/products/RestrictColorIcon';
 import './icons/custom/products/ScreenColorIcon';

package/components/announcement-dialog/AnnouncementDialog.d.ts

@@ -7,7 +7,18 @@ export type AnnouncementDialogProps = BaseDialogProps & {
     label?: string;
     title?: ReactNode;
 };
-export declare const AnnouncementDialog: import("react").ForwardRefExoticComponent<BaseDialogProps & {
+export declare const AnnouncementDialog: import("react").ForwardRefExoticComponent<import("../../types/BaseProps").BaseProps & {
+    children: ReactNode;
+    closeOnBlur?: boolean | undefined;
+    closeOnEsc?: boolean | undefined;
+    open: boolean;
+    popupMotionProps?: import("framer-motion").MotionProps | undefined;
+    themeOverride?: "day" | "night" | "midnight" | undefined;
+    width?: number | undefined;
+    withBackdrop?: boolean | undefined;
+    withBorder?: boolean | undefined;
+    onClose?: (() => void) | undefined;
+} & {
     announcementId: string;
     image?: ReactNode;
     imageWidth?: number | undefined;

package/components/avatar/AvatarBase.d.ts

@@ -1,4 +1,5 @@
 import type { ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
 export type ImageSize = 16 | 24 | 32 | 40 | 48 | 56 | 64;
 export declare const avatarShapes: {
     readonly round: "50%";
@@ -6,6 +7,12 @@ export declare const avatarShapes: {
     readonly square: "0px";
 };
 type AvatarShape = keyof typeof avatarShapes;
+type AvatarStyleProps = {
+    backgroundColor?: string;
+    backgroundPosition?: string;
+    backgroundSize?: string;
+    backgroundUrl?: string;
+};
 export type AvatarProps = {
     /** @default false */
     bordered?: boolean;
@@ -14,12 +21,16 @@ export type AvatarProps = {
     /** @default 32 px */
     size?: ImageSize;
 };
-type AvartarBaseProps = Required<AvatarProps> & {
-    backgroundColor?: string;
-    backgroundPosition?: string;
-    backgroundSize?: string;
-    backgroundUrl?: string;
-    children?: ReactNode;
+export type FullAvatarProps = BaseProps & {
+    /** @default false */
+    bordered?: boolean;
+    /** @default round */
+    shape?: AvatarShape;
+    /** @default 32 px */
+    size?: ImageSize;
 };
-export declare const AvatarBase: ({ children, ...rest }: AvartarBaseProps) => import("react/jsx-runtime").JSX.Element;
+type AvatarBaseProps = BaseProps & {
+    children?: ReactNode;
+} & Required<AvatarProps> & AvatarStyleProps;
+export declare const AvatarBase: ({ backgroundColor, backgroundPosition, backgroundSize, backgroundUrl, bordered, children, className, shape, size, }: AvatarBaseProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/avatar/AvatarBase.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var o,i,s,d,c,u=a(r),b={round:"50%",rounded:"10px",square:"0px"},l=u.default.div(i||(i=e.__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: ",";\n\n  ","\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: ",";\n\n  ","\n"])),(function(e){return e.$bordered?"".concat(e.$size/16,"px solid ").concat(t.theme.gray0):void 0}),(function(n){return n.$size&&r.css(o||(o=e.__makeTemplateObject(["\n      border-radius: ",";\n      height: ","px;\n      width: ","px;\n    "],["\n      border-radius: ",";\n      height: ","px;\n      width: ","px;\n    "])),b[n.$shape],n.$size,n.$size)})),p=u.default.div(c||(c=e.__makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n\n  ","\n\n  ","\n"],["\n  height: 100%;\n  width: 100%;\n\n  ","\n\n  ","\n"])),(function(n){return r.css(s||(s=e.__makeTemplateObject(["\n    border-radius: ",";\n  "],["\n    border-radius: ",";\n  "])),b[n.shape])}),(function(n){return n.backgroundUrl&&r.css(d||(d=e.__makeTemplateObject(["\n      background-image: url(",");\n      background-position: ",";\n      background-repeat: no-repeat;\n      background-size: ",";\n      background-color: ",";\n    "],["\n      background-image: url(",");\n      background-position: ",";\n      background-repeat: no-repeat;\n      background-size: ",";\n      background-color: ",";\n    "])),n.backgroundUrl,n.backgroundPosition||"center",n.backgroundSize,n.backgroundColor||"".concat(t.theme.gray100))}));exports.AvatarBase=function(r){var t=r.children,a=e.__rest(r,["children"]);return n.jsx(l,{$bordered:a.bordered,$shape:a.shape,$size:a.size,children:t||n.jsx(p,e.__assign({},a))})},exports.avatarShapes=b;
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("styled-components"),a=require("../../styles/constants/theme.js");function o(n){return n&&n.__esModule?n:{default:n}}var t,i,c,d,s,u=o(r),b={round:"50%",rounded:"10px",square:"0px"},l=u.default.div(i||(i=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: ",";\n\n  ","\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: ",";\n\n  ","\n"])),(function(n){return n.$bordered?"".concat(n.$size/16,"px solid ").concat(a.theme.gray0):void 0}),(function(e){return e.$size&&r.css(t||(t=n.__makeTemplateObject(["\n      border-radius: ",";\n      height: ","px;\n      width: ","px;\n    "],["\n      border-radius: ",";\n      height: ","px;\n      width: ","px;\n    "])),b[e.$shape],e.$size,e.$size)})),g=u.default.div(s||(s=n.__makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n\n  ","\n\n  ","\n"],["\n  height: 100%;\n  width: 100%;\n\n  ","\n\n  ","\n"])),(function(e){return r.css(c||(c=n.__makeTemplateObject(["\n    border-radius: ",";\n  "],["\n    border-radius: ",";\n  "])),b[e.$shape])}),(function(e){return e.$backgroundUrl&&r.css(d||(d=n.__makeTemplateObject(["\n      background-image: url(",");\n      background-position: ",";\n      background-repeat: no-repeat;\n      background-size: ",";\n      background-color: ",";\n    "],["\n      background-image: url(",");\n      background-position: ",";\n      background-repeat: no-repeat;\n      background-size: ",";\n      background-color: ",";\n    "])),e.$backgroundUrl,e.$backgroundPosition||"center",e.$backgroundSize,e.$backgroundColor||"".concat(a.theme.gray100))}));exports.AvatarBase=function(n){var r=n.backgroundColor,a=n.backgroundPosition,o=n.backgroundSize,t=n.backgroundUrl,i=n.bordered,c=n.children,d=n.className,s=n.shape,u=n.size;return e.jsx(l,{$bordered:i,$shape:s,$size:u,className:d,children:c||e.jsx(g,{$backgroundColor:r,$backgroundPosition:a,$backgroundSize:o,$backgroundUrl:t,$shape:s})})},exports.avatarShapes=b;

package/components/avatar/ImageAvatar.d.ts

@@ -1,5 +1,5 @@
-import { type AvatarProps } from "./AvatarBase";
+import { type FullAvatarProps } from "./AvatarBase";
 export type ImageAvatarProps = {
     imageUrl: string;
-} & AvatarProps;
-export declare const ImageAvatar: ({ bordered, imageUrl, shape, size, }: ImageAvatarProps) => import("react/jsx-runtime").JSX.Element;
+} & FullAvatarProps;
+export declare const ImageAvatar: ({ bordered, className, imageUrl, shape, size, }: ImageAvatarProps) => import("react/jsx-runtime").JSX.Element;

package/components/avatar/ImageAvatar.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("./AvatarBase.js");require("../../_tslib-ccfac372.js"),require("styled-components"),require("../../styles/constants/theme.js");exports.ImageAvatar=function(a){var s=a.bordered,t=void 0!==s&&s,i=a.imageUrl,o=a.shape,n=void 0===o?"round":o,u=a.size,d=void 0===u?32:u;return e.jsx(r.AvatarBase,{backgroundColor:"transparent",backgroundSize:"contain",backgroundUrl:i,bordered:t,shape:n,size:d})};
+"use strict";var e=require("react/jsx-runtime"),r=require("./AvatarBase.js");require("../../_tslib-ccfac372.js"),require("styled-components"),require("../../styles/constants/theme.js");exports.ImageAvatar=function(a){var s=a.bordered,t=void 0!==s&&s,i=a.className,o=a.imageUrl,n=a.shape,u=void 0===n?"round":n,d=a.size,c=void 0===d?32:d;return e.jsx(r.AvatarBase,{backgroundColor:"transparent",backgroundSize:"contain",backgroundUrl:o,bordered:t,className:i,shape:u,size:c})};

package/components/avatar/UserAvatar.d.ts

@@ -1,3 +1,3 @@
-import { type AvatarProps } from "./AvatarBase";
-export type UserAvatarProps = AvatarProps;
-export declare const UserAvatar: ({ bordered, shape, size, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+import { type FullAvatarProps } from "./AvatarBase";
+export type UserAvatarProps = FullAvatarProps;
+export declare const UserAvatar: ({ bordered, className, shape, size, }: UserAvatarProps) => import("react/jsx-runtime").JSX.Element;

package/components/avatar/UserAvatar.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("./AvatarBase.js");require("../../_tslib-ccfac372.js"),require("styled-components"),require("../../styles/constants/theme.js");exports.UserAvatar=function(s){var t=s.bordered,a=void 0!==t&&t,i=s.shape,o=void 0===i?"round":i,d=s.size,n=void 0===d?32:d;return e.jsx(r.AvatarBase,{backgroundPosition:"bottom",backgroundSize:"80%",backgroundUrl:"".concat("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='42' height='44' fill='none' viewBox='0 0 42 44'%3e%3cpath fill='%23A2A2AA' fill-rule='evenodd' d='M21 18.45a8.95 8.95 0 0 0 6.364-2.665A9.152 9.152 0 0 0 30 9.35a9.152 9.152 0 0 0-2.636-6.435A8.95 8.95 0 0 0 21 .25a8.95 8.95 0 0 0-6.364 2.665A9.152 9.152 0 0 0 12 9.35c0 2.414.948 4.728 2.636 6.435A8.95 8.95 0 0 0 21 18.45ZM0 45.75c0-2.788.543-5.55 1.599-8.126a21.25 21.25 0 0 1 4.552-6.888 20.985 20.985 0 0 1 6.813-4.603 20.8 20.8 0 0 1 16.072 0 20.985 20.985 0 0 1 6.813 4.603 21.25 21.25 0 0 1 4.553 6.888A21.439 21.439 0 0 1 42 45.75H0Z' clip-rule='evenodd'/%3e%3c/svg%3e"),bordered:a,shape:o,size:n})};
+"use strict";var e=require("react/jsx-runtime"),r=require("./AvatarBase.js");require("../../_tslib-ccfac372.js"),require("styled-components"),require("../../styles/constants/theme.js");exports.UserAvatar=function(s){var a=s.bordered,t=void 0!==a&&a,i=s.className,o=s.shape,d=void 0===o?"round":o,n=s.size,c=void 0===n?32:n;return e.jsx(r.AvatarBase,{backgroundPosition:"bottom",backgroundSize:"80%",backgroundUrl:"".concat("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='42' height='44' fill='none' viewBox='0 0 42 44'%3e%3cpath fill='%23A2A2AA' fill-rule='evenodd' d='M21 18.45a8.95 8.95 0 0 0 6.364-2.665A9.152 9.152 0 0 0 30 9.35a9.152 9.152 0 0 0-2.636-6.435A8.95 8.95 0 0 0 21 .25a8.95 8.95 0 0 0-6.364 2.665A9.152 9.152 0 0 0 12 9.35c0 2.414.948 4.728 2.636 6.435A8.95 8.95 0 0 0 21 18.45ZM0 45.75c0-2.788.543-5.55 1.599-8.126a21.25 21.25 0 0 1 4.552-6.888 20.985 20.985 0 0 1 6.813-4.603 20.8 20.8 0 0 1 16.072 0 20.985 20.985 0 0 1 6.813 4.603 21.25 21.25 0 0 1 4.553 6.888A21.439 21.439 0 0 1 42 45.75H0Z' clip-rule='evenodd'/%3e%3c/svg%3e"),bordered:t,className:i,shape:d,size:c})};

package/components/badge/Badge.d.ts

@@ -1,11 +1,11 @@
 import type { ReactNode } from 'react';
 import type { FontWeight } from "../text/Text";
+import type { BaseProps } from "../../types/BaseProps";
 type BadgeColor = 'blue' | 'cyan' | 'gray' | 'green' | 'orange' | 'purple' | 'red';
 type Size = 'small' | 'default';
-export interface BadgeProps {
+export type BadgeProps = BaseProps & {
     bold?: boolean;
     children?: ReactNode | string;
-    className?: string;
     color?: BadgeColor;
     /**
      * @default 600
@@ -21,6 +21,6 @@ export interface BadgeProps {
      * @default default
      */
     size?: Size;
-}
+};
 export declare const Badge: ({ bold, children, className, color, fontWeight, icon, iconRight, rounded, size, }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/banner/Banner.d.ts

@@ -1,8 +1,8 @@
 import type { ReactNode } from 'react';
 import type { Intent } from "../../types";
-export type BannerProps = {
+import type { BaseProps } from "../../types/BaseProps";
+export type BannerProps = BaseProps & {
     children?: ReactNode;
-    className?: string;
     footerActions?: ReactNode;
     headerActions?: ReactNode;
     intent?: Exclude<Intent, 'danger' | 'secondary' | 'primary'>;

package/components/button/Button.d.ts

@@ -1,15 +1,15 @@
 import { type ComponentPropsWithoutRef, type MouseEventHandler, type ReactNode } from 'react';
 import { type SpinnerProps } from "../spinner/Spinner";
 import type { Color } from "../../types";
+import type { BaseProps } from "../../types/BaseProps";
 import type { Size } from "../../types/Size";
 import type { Theme } from "../../types/Theme";
 import type { Variant } from "../../types/Variant";
-type ButtonBase = {
+type ButtonBase = BaseProps & {
     background?: Color | 'inherit';
     /** @param borderColor only available for intent 'outline' */
     borderColor?: Color | 'inherit';
     children?: ReactNode;
-    className?: string;
     color?: Color | 'inherit';
     disabled?: boolean;
     fitContentWidth?: boolean;

package/components/button/LegacyButton.d.ts

@@ -1,16 +1,16 @@
 import { type ComponentPropsWithoutRef, type MouseEventHandler, type ReactNode } from 'react';
 import { type SpinnerProps } from "../spinner/Spinner";
 import type { Color } from "../../types";
+import type { BaseProps } from "../../types/BaseProps";
 import type { Intent } from "../../types/Intent";
 import type { Size } from "../../types/Size";
 import type { Theme } from "../../types/Theme";
 type IntentProps = 'outline' | 'subtle' | 'text' | 'link' | 'plain' | Intent;
-type ButtonBase = {
+type ButtonBase = BaseProps & {
     background?: Color | 'inherit';
     /** @param borderColor only available for intent 'outline' */
     borderColor?: Color | 'inherit';
     children?: ReactNode;
-    className?: string;
     color?: Color | 'inherit';
     disabled?: boolean;
     hoverBackground?: Color | 'inherit';

package/components/button/MenuButton.d.ts

@@ -1,8 +1,9 @@
 import { type ReactNode } from 'react';
-export type MenuButtonProps = {
+import type { BaseProps } from "../../types/BaseProps";
+export type MenuButtonProps = BaseProps & {
     action: ReactNode;
     children: ReactNode;
     open: boolean;
     setOpen: (open: boolean) => void;
 };
-export declare const MenuButton: ({ action, children, open, setOpen, }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuButton: ({ action, children, className, open, setOpen, }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;

package/components/button/MenuButton.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),i=require("styled-components"),o=require("../../animations/DropdownAnimation.js"),r=require("../surface/Surface.js"),a=require("../../styles/constants/theme.js");function s(n){return n&&n.__esModule?n:{default:n}}var u,d,m=s(i),c=m.default.div(u||(u=n.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),l=m.default(r.Surface)(d||(d=n.__makeTemplateObject(["\n  animation: "," 250ms ease-in-out;\n  animation-fill-mode: both;\n  border: ",";\n  z-index: 10;\n  position: absolute;\n  padding: "," 0;\n  margin-top: ",";\n  right: 0;\n  min-width: 100%;\n  width: max-content;\n"],["\n  animation: "," 250ms ease-in-out;\n  animation-fill-mode: both;\n  border: ",";\n  z-index: 10;\n  position: absolute;\n  padding: "," 0;\n  margin-top: ",";\n  right: 0;\n  min-width: 100%;\n  width: max-content;\n"])),o.DropdownAnimation,a.theme.border,a.theme.radius6,a.theme.space8);exports.MenuButton=function(n){var i=n.action,o=n.children,r=n.open,a=n.setOpen,s=t.useRef(null),u=t.useCallback((function(n){var e,t=n.target;(null===(e=null==s?void 0:s.current)||void 0===e?void 0:e.contains(t))||a(!1)}),[a]);return t.useEffect((function(){return document.addEventListener("mousedown",u),function(){document.removeEventListener("mousedown",u)}}),[u]),e.jsxs(c,{ref:s,children:[i,r&&e.jsx(l,{dense:!0,depth:"depth16",children:o})]})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("styled-components"),o=require("../../animations/DropdownAnimation.js"),r=require("../surface/Surface.js"),a=require("../../styles/constants/theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var u,d,m=s(i),c=m.default.div(u||(u=e.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),l=m.default(r.Surface)(d||(d=e.__makeTemplateObject(["\n  animation: "," 250ms ease-in-out;\n  animation-fill-mode: both;\n  border: ",";\n  z-index: 10;\n  position: absolute;\n  padding: "," 0;\n  margin-top: ",";\n  right: 0;\n  min-width: 100%;\n  width: max-content;\n"],["\n  animation: "," 250ms ease-in-out;\n  animation-fill-mode: both;\n  border: ",";\n  z-index: 10;\n  position: absolute;\n  padding: "," 0;\n  margin-top: ",";\n  right: 0;\n  min-width: 100%;\n  width: max-content;\n"])),o.DropdownAnimation,a.theme.border,a.theme.radius6,a.theme.space8);exports.MenuButton=function(e){var i=e.action,o=e.children,r=e.className,a=e.open,s=e.setOpen,u=t.useRef(null),d=t.useCallback((function(e){var n,t=e.target;(null===(n=null==u?void 0:u.current)||void 0===n?void 0:n.contains(t))||s(!1)}),[s]);return t.useEffect((function(){return document.addEventListener("mousedown",d),function(){document.removeEventListener("mousedown",d)}}),[d]),n.jsxs(c,{ref:u,className:r,children:[i,a&&n.jsx(l,{dense:!0,depth:"depth16",children:o})]})};

package/components/card/Card.d.ts

@@ -1,8 +1,8 @@
 import type { ReactNode } from 'react';
-export type CardProps = {
+import type { BaseProps } from "../../types/BaseProps";
+export type CardProps = BaseProps & {
     actions?: ReactNode;
     children: ReactNode;
-    className?: string;
     footerActions?: ReactNode;
     footerContent?: ReactNode;
     footerHeight?: number;

package/components/checkbox/Checkbox.d.ts

@@ -1,7 +1,7 @@
 import { type ComponentPropsWithoutRef, type MouseEvent, type ReactNode } from 'react';
-export type CheckboxProps = Omit<ComponentPropsWithoutRef<'label'>, 'onClick' | 'onChange'> & {
+import type { BaseProps } from "../../types/BaseProps";
+export type CheckboxProps = Omit<ComponentPropsWithoutRef<'label'>, 'onClick' | 'onChange'> & BaseProps & {
     checked: boolean;
-    className?: string;
     disabled?: boolean;
     icon?: ReactNode;
     label?: string;

package/components/collapse/Collapse.d.ts

@@ -1,8 +1,8 @@
 import { type ReactNode } from 'react';
 import type { CollapseProps as MuiCollapseProps } from '@mui/material/Collapse';
-export type CollapseProps = {
+import type { BaseProps } from "../../types/BaseProps";
+export type CollapseProps = BaseProps & {
     children: ReactNode;
-    className?: string;
     /**
      * Size when collapsed
      * @default 0

package/components/connection-map/ConnectionMap.d.ts

@@ -1,11 +1,12 @@
+import type { BaseProps } from "../../types/BaseProps";
 import { type ICountryOption } from "../../types/ICountry";
 import { type IGeoJsonWorld } from "../../types/IGeoJsonWorld";
-type Props = {
+type Props = BaseProps & {
     countries: ICountryOption[];
     from: string;
     height?: number;
     to: string;
     worldData: IGeoJsonWorld | null;
 };
-export declare const ConnectionMap: ({ countries, from, height, to, worldData, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const ConnectionMap: ({ className, countries, from, height, to, worldData, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/connection-map/ConnectionMap.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("react-simple-maps"),i=require("d3-geo"),o=require("styled-components"),a=require("topojson-client"),s=require("../skeleton/Skeleton.js"),l=require("../../styles/constants/theme.js"),u=require("../../utils/getCountryCodeByName.js");function d(e){return e&&e.__esModule?e:{default:e}}var c,h,m=d(o),f=m.default.div(c||(c=e.__makeTemplateObject(["\n  background: ",";\n  border-radius: ",";\n  overflow: hidden;\n\n  * {\n    outline: none;\n  }\n"],["\n  background: ",";\n  border-radius: ",";\n  overflow: hidden;\n\n  * {\n    outline: none;\n  }\n"])),l.theme.gray50,l.theme.radius12),g=m.default(s.Skeleton)(h||(h=e.__makeTemplateObject(["\n  box-sizing: border-box;\n  border-radius: ",";\n  width: 100%;\n  /* 50% padding is 100% of width, ratio is 33%, so half */\n  padding: 16.5%;\n  margin: 0;\n"],["\n  box-sizing: border-box;\n  border-radius: ",";\n  width: 100%;\n  /* 50% padding is 100% of width, ratio is 33%, so half */\n  padding: 16.5%;\n  margin: 0;\n"])),l.theme.radius12);exports.ConnectionMap=function(o){var s=o.countries,d=o.from,c=o.height,h=void 0===c?400:c,m=o.to,b=o.worldData,j=e.__read(n.useState([0,0]),2),p=j[0],x=j[1],_=e.__read(n.useState(1),2),v=_[0],k=_[1],y=e.__read(n.useState([0,0,0]),2),M=y[0],q=y[1],C=n.useMemo((function(){return b?a.feature(b,b.objects.countries).features:null}),[b]),w=n.useCallback((function(e){var r=null==C?void 0:C.find((function(r){var n;return u.getCountryCodeByName(null===(n=r.properties)||void 0===n?void 0:n.name,s)===e}));return r?i.geoCentroid(r):[0,0]}),[s,C]),S=!(C&&s.length&&d&&m);return n.useEffect((function(){if(!S){var r=e.__read(w(d),2),n=r[0],t=r[1],o=e.__read(w(m),2),a=o[0],s=o[1],l=i.geoDistance([n,t],[a,s]),u=i.geoDistance([n,0],[a,0]),c=i.geoDistance([0,t],[0,s]),h=function(e,r){return-19.46498024*e+-92.29376925*r+284.7+(e+r>4?80*(e+r-4):0)}(u,c);k(h);var f=e.__read([(n+a)/2,(t+s)/2],2),g=f[0],b=f[1];x([0,b]);var j=-g;Math.abs(n-a)>180&&(j+=180);var p=Math.abs(b)>55?l*-(Math.abs(b)-50):0,_=c>1&&u>c&&Math.max(t,s)>50?u/c*-5:0;q([j,p+_,0])}}),[w,m,d,S]),S?r.jsx(g,{height:h}):r.jsx(f,{children:r.jsxs(t.ComposableMap,{height:h,projection:"geoEqualEarth",projectionConfig:{center:p,rotate:M,scale:v},children:[r.jsx(t.Geographies,{geography:C,children:function(e){return e.geographies.map((function(e){var n=[m,d].includes(u.getCountryCodeByName(e.properties.name,s));return r.jsx(t.Geography,{fill:n?l.theme.blue100:l.theme.gray0,geography:e,stroke:n?l.theme.blue400:l.theme.gray200,strokeWidth:2},e.rsmKey)}))}}),r.jsxs(t.Marker,{coordinates:w(d),children:[r.jsx("circle",{fill:l.theme.blue300,r:10}),r.jsx("circle",{fill:l.theme.blue400,r:7})]}),r.jsxs(t.Marker,{coordinates:w(m),children:[r.jsx("circle",{fill:l.theme.blue300,r:10}),r.jsx("circle",{fill:l.theme.blue400,r:7})]}),r.jsx(t.Line,{from:w(d),stroke:l.theme.blue600,strokeWidth:4,to:w(m)}),r.jsxs(t.Marker,{coordinates:w(d),children:[r.jsx("circle",{fill:"white",r:4}),r.jsx("circle",{fill:l.theme.blue600,r:2})]}),r.jsxs(t.Marker,{coordinates:w(m),children:[r.jsx("circle",{fill:"white",r:4}),r.jsx("circle",{fill:l.theme.blue600,r:2})]})]})})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("react-simple-maps"),i=require("d3-geo"),o=require("styled-components"),a=require("topojson-client"),s=require("../skeleton/Skeleton.js"),l=require("../../styles/constants/theme.js"),u=require("../../utils/getCountryCodeByName.js");function d(e){return e&&e.__esModule?e:{default:e}}var c,h,m=d(o),f=m.default.div(c||(c=e.__makeTemplateObject(["\n  background: ",";\n  border-radius: ",";\n  overflow: hidden;\n\n  * {\n    outline: none;\n  }\n"],["\n  background: ",";\n  border-radius: ",";\n  overflow: hidden;\n\n  * {\n    outline: none;\n  }\n"])),l.theme.gray50,l.theme.radius12),g=m.default(s.Skeleton)(h||(h=e.__makeTemplateObject(["\n  box-sizing: border-box;\n  border-radius: ",";\n  width: 100%;\n  /* 50% padding is 100% of width, ratio is 33%, so half */\n  padding: 16.5%;\n  margin: 0;\n"],["\n  box-sizing: border-box;\n  border-radius: ",";\n  width: 100%;\n  /* 50% padding is 100% of width, ratio is 33%, so half */\n  padding: 16.5%;\n  margin: 0;\n"])),l.theme.radius12);exports.ConnectionMap=function(o){var s=o.className,d=o.countries,c=o.from,h=o.height,m=void 0===h?400:h,b=o.to,j=o.worldData,p=e.__read(n.useState([0,0]),2),x=p[0],_=p[1],v=e.__read(n.useState(1),2),k=v[0],y=v[1],M=e.__read(n.useState([0,0,0]),2),q=M[0],C=M[1],w=n.useMemo((function(){return j?a.feature(j,j.objects.countries).features:null}),[j]),N=n.useCallback((function(e){var r=null==w?void 0:w.find((function(r){var n;return u.getCountryCodeByName(null===(n=r.properties)||void 0===n?void 0:n.name,d)===e}));return r?i.geoCentroid(r):[0,0]}),[d,w]),S=!(w&&d.length&&c&&b);return n.useEffect((function(){if(!S){var r=e.__read(N(c),2),n=r[0],t=r[1],o=e.__read(N(b),2),a=o[0],s=o[1],l=i.geoDistance([n,t],[a,s]),u=i.geoDistance([n,0],[a,0]),d=i.geoDistance([0,t],[0,s]),h=function(e,r){return-19.46498024*e+-92.29376925*r+284.7+(e+r>4?80*(e+r-4):0)}(u,d);y(h);var m=e.__read([(n+a)/2,(t+s)/2],2),f=m[0],g=m[1];_([0,g]);var j=-f;Math.abs(n-a)>180&&(j+=180);var p=Math.abs(g)>55?l*-(Math.abs(g)-50):0,x=d>1&&u>d&&Math.max(t,s)>50?u/d*-5:0;C([j,p+x,0])}}),[N,b,c,S]),S?r.jsx(g,{height:m}):r.jsx(f,{className:s,children:r.jsxs(t.ComposableMap,{height:m,projection:"geoEqualEarth",projectionConfig:{center:x,rotate:q,scale:k},children:[r.jsx(t.Geographies,{geography:w,children:function(e){return e.geographies.map((function(e){var n=[b,c].includes(u.getCountryCodeByName(e.properties.name,d));return r.jsx(t.Geography,{fill:n?l.theme.blue100:l.theme.gray0,geography:e,stroke:n?l.theme.blue400:l.theme.gray200,strokeWidth:2},e.rsmKey)}))}}),r.jsxs(t.Marker,{coordinates:N(c),children:[r.jsx("circle",{fill:l.theme.blue300,r:10}),r.jsx("circle",{fill:l.theme.blue400,r:7})]}),r.jsxs(t.Marker,{coordinates:N(b),children:[r.jsx("circle",{fill:l.theme.blue300,r:10}),r.jsx("circle",{fill:l.theme.blue400,r:7})]}),r.jsx(t.Line,{from:N(c),stroke:l.theme.blue600,strokeWidth:4,to:N(b)}),r.jsxs(t.Marker,{coordinates:N(c),children:[r.jsx("circle",{fill:"white",r:4}),r.jsx("circle",{fill:l.theme.blue600,r:2})]}),r.jsxs(t.Marker,{coordinates:N(b),children:[r.jsx("circle",{fill:"white",r:4}),r.jsx("circle",{fill:l.theme.blue600,r:2})]})]})})};

package/components/cover-sheet/CoverSheet.d.ts

@@ -1,11 +1,11 @@
 import { type ReactNode } from 'react';
 import type { Theme } from "../../types";
-export type CoverSheetProps = {
+import type { BaseProps } from "../../types/BaseProps";
+export type CoverSheetProps = BaseProps & {
     /** used for setting id of the wrapper of where the action will be located */
     actionWrapperId?: string;
     actions?: ReactNode;
     children: ReactNode;
-    className?: string;
     label: string;
     open: boolean;
     themeOverride?: Theme;

package/components/cover-sheet/CoverSheetActions.d.ts

@@ -1,7 +1,7 @@
 import { type ReactNode } from 'react';
-export type CoverSheetProps = {
+import type { BaseProps } from "../../types/BaseProps";
+export type CoverSheetProps = BaseProps & {
     children: ReactNode;
-    className?: string;
     /**
      * Determine where to put this actions in the coversheet
      * @default id for coversheet component is `__cover-sheet-actions`

package/components/currency/Currency.d.ts

@@ -1,6 +1,6 @@
-type Props = {
+import type { BaseProps } from "../../types/BaseProps";
+type Props = BaseProps & {
     amount: number;
-    className?: string;
     code: string;
 };
 export declare const Currency: ({ amount, className, code }: Props) => import("react/jsx-runtime").JSX.Element;

package/components/currency/DualCurrency.d.ts

@@ -1,9 +1,9 @@
+import type { BaseProps } from "../../types/BaseProps";
 type StyledProps = {
     isTabular: boolean;
     width?: string;
 };
-type Props = {
-    className?: string;
+type Props = BaseProps & {
     conversionRate?: number;
     foreignCode: string;
     isTabular?: boolean;

package/components/dialog/BaseDialog.d.ts

@@ -1,9 +1,9 @@
 import React, { type ReactNode } from 'react';
 import { type MotionProps } from 'framer-motion';
+import type { BaseProps } from "../../types/BaseProps";
 import type { Theme } from "../../types/Theme";
-export type BaseDialogProps = {
+export type BaseDialogProps = BaseProps & {
     children: ReactNode;
-    className?: string;
     /** Close when clicking outside dialog (on the backdrop)
      * @default true
      */

package/components/dialog/Dialog.d.ts

@@ -7,7 +7,18 @@ export type DialogProps = BaseDialogProps & {
     subtitle?: string;
     onClose: () => void;
 };
-export declare const Dialog: import("react").ForwardRefExoticComponent<BaseDialogProps & {
+export declare const Dialog: import("react").ForwardRefExoticComponent<import("../../types/BaseProps").BaseProps & {
+    children: ReactNode;
+    closeOnBlur?: boolean | undefined;
+    closeOnEsc?: boolean | undefined;
+    open: boolean;
+    popupMotionProps?: import("framer-motion").MotionProps | undefined;
+    themeOverride?: "day" | "night" | "midnight" | undefined;
+    width?: number | undefined;
+    withBackdrop?: boolean | undefined;
+    withBorder?: boolean | undefined;
+    onClose?: (() => void) | undefined;
+} & {
     actions?: ReactNode;
     label?: ReactNode;
     leftActions?: ReactNode;

package/components/divider/Divider.d.ts

@@ -1,5 +1,5 @@
-type Props = {
-    className?: string;
+import type { BaseProps } from "../../types/BaseProps";
+type Props = BaseProps & {
     vertical?: boolean;
 };
 export declare const Divider: ({ className, vertical }: Props) => import("react/jsx-runtime").JSX.Element;

package/components/drop-zone/DropZone.d.ts

@@ -1,7 +1,7 @@
 import { type DropzoneOptions } from 'react-dropzone';
+import type { BaseProps } from "../../types/BaseProps";
 import { type UploadedFile } from "../../types/UploadedFile";
-export type DropZoneProps = {
-    className?: string;
+export type DropZoneProps = BaseProps & {
     /**
      * This `disabled` state only applies when no file is selected
      * @default false

package/components/file-upload/FileUpload.d.ts

@@ -1,10 +1,10 @@
 import { type DropzoneOptions } from 'react-dropzone';
+import type { BaseProps } from "../../types/BaseProps";
 type UploadFileNoImage = {
     name: string;
     size?: string;
 };
-export type FileUploadProps = {
-    className?: string;
+export type FileUploadProps = BaseProps & {
     /**
      * This `disabled` state only applies when no file is selected
      * @default false

package/components/filter/useFilterWrapper.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from 'react';
-export type BaseFilterProps = {
-    className?: string;
+import type { BaseProps } from "../../types/BaseProps";
+export type BaseFilterProps = BaseProps & {
     dropdownTitle: string;
     label: string;
 };

package/components/glow/GlowWrapper.d.ts

@@ -1,9 +1,9 @@
 import { type ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
 import type { Color } from "../../types/Color";
 import { type Product } from "../../utils/getProductDetails";
-type Props = {
+type Props = BaseProps & {
     children?: ReactNode;
-    className?: string;
     /**
      * @default 'gray600'
      */

package/components/glow/GlowWrapper.js

@@ -1 +1 @@
-"use strict";var o=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),n=require("react"),r=require("styled-components"),i=require("../../styles/constants/theme.js"),c=require("../../utils/getProductDetails.js");function s(o){return o&&o.__esModule?o:{default:o}}require("../../icons/AIDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/AIIcon.js"),require("../../icons/ArrowDownDuotoneIcon.js"),require("../../icons/ArrowDownIcon.js"),require("../../icons/ArrowLeftDuotoneIcon.js"),require("../../icons/ArrowLeftIcon.js"),require("../../icons/ArrowRightDuotoneIcon.js"),require("../../icons/ArrowRightIcon.js"),require("../../icons/ArrowSwapDuotoneIcon.js"),require("../../icons/ArrowSwapIcon.js"),require("../../icons/ArrowUpDuotoneIcon.js"),require("../../icons/ArrowUpIcon.js"),require("../../icons/BagDuotoneIcon.js"),require("../../icons/BagIcon.js"),require("../../icons/BankDuotoneIcon.js"),require("../../icons/BankIcon.js"),require("../../icons/BellDuotoneIcon.js"),require("../../icons/BellIcon.js"),require("../../icons/BellOffDuotoneIcon.js"),require("../../icons/BellOffIcon.js"),require("../../icons/BookDuotoneIcon.js"),require("../../icons/BookIcon.js"),require("../../icons/BookmarkAddDuotoneIcon.js"),require("../../icons/BookmarkAddIcon.js"),require("../../icons/BookmarkCheckDuotoneIcon.js"),require("../../icons/BookmarkCheckIcon.js"),require("../../icons/BookmarkDuotoneIcon.js"),require("../../icons/BookmarkIcon.js"),require("../../icons/BookmarkOffDuotoneIcon.js"),require("../../icons/BookmarkOffIcon.js"),require("../../icons/BookmarkRemoveDuotoneIcon.js"),require("../../icons/BookmarkRemoveIcon.js"),require("../../icons/BookmarkSubtractDuotoneIcon.js"),require("../../icons/BookmarkSubtractIcon.js"),require("../../icons/BoxesDuotoneIcon.js"),require("../../icons/BoxesIcon.js"),require("../../icons/BufferDuotoneIcon.js"),require("../../icons/BufferIcon.js"),require("../../icons/CalculatorDuotoneIcon.js"),require("../../icons/CalculatorIcon.js"),require("../../icons/CalendarDuotoneIcon.js"),require("../../icons/CalendarIcon.js"),require("../../icons/CardDuotoneIcon.js"),require("../../icons/CardIcon.js"),require("../../icons/CaretDownDuotoneIcon.js"),require("../../icons/CaretDownIcon.js"),require("../../icons/CaretLeftDuotoneIcon.js"),require("../../icons/CaretLeftIcon.js"),require("../../icons/CaretRightDuotoneIcon.js"),require("../../icons/CaretRightIcon.js"),require("../../icons/CaretUpDuotoneIcon.js"),require("../../icons/CaretUpIcon.js"),require("../../icons/CartDuotoneIcon.js"),require("../../icons/CartIcon.js"),require("../../icons/ChartDuotoneIcon.js"),require("../../icons/ChartIcon.js"),require("../../icons/CheckCircleDuotoneIcon.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/CheckmarkDuotoneIcon.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/CheckoutDuotoneIcon.js"),require("../../icons/CheckoutIcon.js"),require("../../icons/ChevronDownCircleDuotoneIcon.js"),require("../../icons/ChevronDownCircleIcon.js"),require("../../icons/ChevronDownDuotoneIcon.js"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronLeftCircleDuotoneIcon.js"),require("../../icons/ChevronLeftCircleIcon.js"),require("../../icons/ChevronLeftDuotoneIcon.js"),require("../../icons/ChevronLeftIcon.js"),require("../../icons/ChevronRightCircleDuotoneIcon.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../icons/ChevronRightDuotoneIcon.js"),require("../../icons/ChevronRightIcon.js"),require("../../icons/ChevronUpCircleDuotoneIcon.js"),require("../../icons/ChevronUpCircleIcon.js"),require("../../icons/ChevronUpDuotoneIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../icons/CircleDuotoneIcon.js"),require("../../icons/CircleIcon.js"),require("../../icons/ClassifyDuotoneIcon.js"),require("../../icons/ClassifyIcon.js"),require("../../icons/ClearDuotoneIcon.js"),require("../../icons/ClearIcon.js"),require("../../icons/ClockDuotoneIcon.js"),require("../../icons/ClockIcon.js"),require("../../icons/CodeCircleDuotoneIcon.js"),require("../../icons/CodeCircleIcon.js"),require("../../icons/CodeDuotoneIcon.js"),require("../../icons/CodeIcon.js"),require("../../icons/CoinsDuotoneIcon.js"),require("../../icons/CoinsIcon.js"),require("../../icons/CollectDuotoneIcon.js"),require("../../icons/CollectIcon.js"),require("../../icons/CommentDuotoneIcon.js"),require("../../icons/CommentIcon.js"),require("../../icons/CopilotDuotoneIcon.js"),require("../../icons/CopilotIcon.js"),require("../../icons/CopyDuotoneIcon.js"),require("../../icons/CopyIcon.js"),require("../../icons/CubeDuotoneIcon.js"),require("../../icons/CubeIcon.js"),require("../../icons/DashboardDuotoneIcon.js"),require("../../icons/DashboardIcon.js"),require("../../icons/DiamondDuotoneIcon.js"),require("../../icons/DiamondIcon.js"),require("../../icons/DislikeDuotoneIcon.js"),require("../../icons/DislikeIcon.js"),require("../../icons/DocsDuotoneIcon.js"),require("../../icons/DocsIcon.js"),require("../../icons/DollarDuotoneIcon.js"),require("../../icons/DollarIcon.js"),require("../../icons/DoubleChevronDuotoneIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/DragDuotoneIcon.js"),require("../../icons/DragIcon.js"),require("../../icons/EditDuotoneIcon.js"),require("../../icons/EditIcon.js"),require("../../icons/ExclamationMarkDuotoneIcon.js"),require("../../icons/ExclamationMarkIcon.js"),require("../../icons/ExportDuotoneIcon.js"),require("../../icons/ExportIcon.js"),require("../../icons/ExternalDuotoneIcon.js"),require("../../icons/ExternalIcon.js"),require("../../icons/EyeDuotoneIcon.js"),require("../../icons/EyeIcon.js"),require("../../icons/EyeOffDuotoneIcon.js"),require("../../icons/EyeOffIcon.js"),require("../../icons/FileDuotoneIcon.js"),require("../../icons/FileIcon.js"),require("../../icons/FileUploadDuotoneIcon.js"),require("../../icons/FileUploadIcon.js"),require("../../icons/FilterDuotoneIcon.js"),require("../../icons/FilterIcon.js"),require("../../icons/FolderListDuotoneIcon.js"),require("../../icons/FolderListIcon.js"),require("../../icons/FolderUploadDuotoneIcon.js"),require("../../icons/FolderUploadIcon.js"),require("../../icons/FusionDuotoneIcon.js"),require("../../icons/FusionIcon.js"),require("../../icons/GlobeDuotoneIcon.js"),require("../../icons/GlobeIcon.js"),require("../../icons/GraphQLDuotoneIcon.js"),require("../../icons/GraphQLIcon.js"),require("../../icons/GridDuotoneIcon.js"),require("../../icons/GridIcon.js"),require("../../icons/HelloDuotoneIcon.js"),require("../../icons/HelloIcon.js"),require("../../icons/HelpDuotoneIcon.js"),require("../../icons/HelpIcon.js"),require("../../icons/HexagonDuotoneIcon.js"),require("../../icons/HexagonIcon.js"),require("../../icons/HomeDuotoneIcon.js"),require("../../icons/HomeIcon.js"),require("../../icons/ImageDuotoneIcon.js"),require("../../icons/ImageIcon.js"),require("../../icons/ImportDuotoneIcon.js"),require("../../icons/ImportIcon.js"),require("../../icons/InfoDuotoneIcon.js"),require("../../icons/InfoIcon.js"),require("../../icons/IntegrationDuotoneIcon.js"),require("../../icons/IntegrationIcon.js"),require("../../icons/LandedCostDuotoneIcon.js"),require("../../icons/LandedCostIcon.js"),require("../../icons/LaptopDuotoneIcon.js"),require("../../icons/LaptopIcon.js"),require("../../icons/LightDuotoneIcon.js"),require("../../icons/LightIcon.js"),require("../../icons/LikeDuotoneIcon.js"),require("../../icons/LikeIcon.js"),require("../../icons/LineDownDuotoneIcon.js"),require("../../icons/LineDownIcon.js"),require("../../icons/LineUpDuotoneIcon.js"),require("../../icons/LineUpIcon.js"),require("../../icons/LinkDuotoneIcon.js"),require("../../icons/LinkIcon.js"),require("../../icons/LocationDuotoneIcon.js"),require("../../icons/LocationIcon.js"),require("../../icons/LockDuotoneIcon.js"),require("../../icons/LockIcon.js"),require("../../icons/LoginDuotoneIcon.js"),require("../../icons/LoginIcon.js"),require("../../icons/LogoutDuotoneIcon.js"),require("../../icons/LogoutIcon.js"),require("../../icons/MailDuotoneIcon.js"),require("../../icons/MailIcon.js"),require("../../icons/MenuDuotoneIcon.js"),require("../../icons/MenuIcon.js"),require("../../icons/MinusCircleDuotoneIcon.js"),require("../../icons/MinusCircleIcon.js"),require("../../icons/MinusDuotoneIcon.js"),require("../../icons/MinusIcon.js"),require("../../icons/MobileDuotoneIcon.js"),require("../../icons/MobileIcon.js"),require("../../icons/MoneyDuotoneIcon.js"),require("../../icons/MoneyIcon.js"),require("../../icons/MonitorDuotoneIcon.js"),require("../../icons/MonitorIcon.js"),require("../../icons/NightDuotoneIcon.js"),require("../../icons/NightIcon.js"),require("../../icons/PaletteDuotoneIcon.js"),require("../../icons/PaletteIcon.js"),require("../../icons/PauseCircleDuotoneIcon.js"),require("../../icons/PauseCircleIcon.js"),require("../../icons/PenDuotoneIcon.js"),require("../../icons/PenIcon.js"),require("../../icons/PercentBadgeDuotoneIcon.js"),require("../../icons/PercentBadgeIcon.js"),require("../../icons/PercentDuotoneIcon.js"),require("../../icons/PercentIcon.js"),require("../../icons/PlaneDuotoneIcon.js"),require("../../icons/PlaneIcon.js"),require("../../icons/PlayCircleDuotoneIcon.js"),require("../../icons/PlayCircleIcon.js"),require("../../icons/PlayDuotoneIcon.js"),require("../../icons/PlayIcon.js"),require("../../icons/PlusCircleDuotoneIcon.js"),require("../../icons/PlusCircleIcon.js"),require("../../icons/PlusDuotoneIcon.js"),require("../../icons/PlusIcon.js"),require("../../icons/PrepayDuotoneIcon.js"),require("../../icons/PrepayIcon.js"),require("../../icons/PrinterDuotoneIcon.js"),require("../../icons/PrinterIcon.js"),require("../../icons/RateDuotoneIcon.js"),require("../../icons/RateIcon.js"),require("../../icons/ReceiptDuotoneIcon.js"),require("../../icons/ReceiptIcon.js"),require("../../icons/RefreshDuotoneIcon.js"),require("../../icons/RefreshIcon.js"),require("../../icons/RemoveCircleDuotoneIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveDuotoneIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/RestrictDuotoneIcon.js"),require("../../icons/RestrictIcon.js"),require("../../icons/RocketDuotoneIcon.js"),require("../../icons/RocketIcon.js"),require("../../icons/ScanDuotoneIcon.js"),require("../../icons/ScanIcon.js"),require("../../icons/ScreenDuotoneIcon.js"),require("../../icons/ScreenIcon.js"),require("../../icons/SearchDuotoneIcon.js"),require("../../icons/SearchIcon.js"),require("../../icons/SendDuotoneIcon.js"),require("../../icons/SendIcon.js"),require("../../icons/SettingsDuotoneIcon.js"),require("../../icons/SettingsIcon.js"),require("../../icons/ShoppingListDuotoneIcon.js"),require("../../icons/ShoppingListIcon.js"),require("../../icons/ShoppingTagDuotoneIcon.js"),require("../../icons/ShoppingTagIcon.js"),require("../../icons/SquareDuotoneIcon.js"),require("../../icons/SquareIcon.js"),require("../../icons/StarDuotoneIcon.js"),require("../../icons/StarIcon.js"),require("../../icons/StarOffDuotoneIcon.js"),require("../../icons/StarOffIcon.js"),require("../../icons/StarsDuotoneIcon.js"),require("../../icons/StarsIcon.js"),require("../../icons/SunnyDuotoneIcon.js"),require("../../icons/SunnyIcon.js"),require("../../icons/TagDuotoneIcon.js"),require("../../icons/TagIcon.js"),require("../../icons/TaxDuotoneIcon.js"),require("../../icons/TaxIcon.js"),require("../../icons/ThreeDotDuotoneIcon.js"),require("../../icons/ThreeDotIcon.js"),require("../../icons/TotalLandedCostDuotoneIcon.js"),require("../../icons/TotalLandedCostIcon.js"),require("../../icons/TrashCanDuotoneIcon.js"),require("../../icons/TrashCanIcon.js"),require("../../icons/TriangleDuotoneIcon.js"),require("../../icons/TriangleIcon.js"),require("../../icons/TruckDuotoneIcon.js"),require("../../icons/TruckIcon.js"),require("../../icons/UserDuotoneIcon.js"),require("../../icons/UserIcon.js"),require("../../icons/UtahDuotoneIcon.js"),require("../../icons/UtahIcon.js"),require("../../icons/WarningDuotoneIcon.js"),require("../../icons/WarningIcon.js"),require("../../icons/custom/AvatarIcon.js"),require("../../icons/custom/ZonosIcon.js"),require("../../icons/custom/ZonosLogoIcon.js"),require("../../icons/custom/products/CheckoutColorIcon.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/custom/products/ClassifyColorIcon.js"),require("../../icons/custom/products/ClearColorIcon.js"),require("../../icons/custom/products/CounterCompanionColorIcon.js"),require("../../icons/custom/products/DashboardColorIcon.js"),require("../../icons/custom/products/DDPColorIcon.js"),require("../../icons/custom/products/DDUColorIcon.js"),require("../../icons/custom/products/HelloColorIcon.js"),require("../../icons/custom/products/InclusivePricingColorIcon.js"),require("../../icons/custom/products/LandedCostColorIcon.js"),require("../../icons/custom/products/RateColorIcon.js"),require("../../icons/custom/products/RestrictColorIcon.js"),require("../../icons/custom/products/ScreenColorIcon.js"),require("../../icons/custom/products/TaxColorIcon.js");var u,t=s(r).default.div(u||(u=o.__makeTemplateObject(["\n  z-index: 1;\n  position: relative;\n  overflow: hidden;\n  padding: ","px;\n  box-shadow: inset 0px 0px 1px 1px ",";\n  border-radius: ","px;\n\n  &::after {\n    content: '';\n    z-index: -1;\n    position: absolute;\n    width: min(100%, 400px);\n    height: min(100%, 400px);\n    top: calc(var(--y, 0) * 1px - min(50%, calc(400px / 2)));\n    left: calc(var(--x, 0) * 1px - min(50%, calc(400px / 2)));\n    background: ",";\n    filter: blur(20px);\n\n    transition: opacity 0.5s;\n    opacity: 0;\n  }\n\n  :hover {\n    &::after {\n      opacity: 1;\n    }\n  }\n"],["\n  z-index: 1;\n  position: relative;\n  overflow: hidden;\n  padding: ","px;\n  box-shadow: inset 0px 0px 1px 1px ",";\n  border-radius: ","px;\n\n  &::after {\n    content: '';\n    z-index: -1;\n    position: absolute;\n    width: min(100%, 400px);\n    height: min(100%, 400px);\n    top: calc(var(--y, 0) * 1px - min(50%, calc(400px / 2)));\n    left: calc(var(--x, 0) * 1px - min(50%, calc(400px / 2)));\n    background: ",";\n    filter: blur(20px);\n\n    transition: opacity 0.5s;\n    opacity: 0;\n  }\n\n  :hover {\n    &::after {\n      opacity: 1;\n    }\n  }\n"])),(function(o){return o.$size}),i.theme.gray200,(function(o){return o.$radius}),(function(o){return o.$gradient}));exports.GlowWrapper=function(o){var r=o.children,s=o.className,u=o.glowColor,I=void 0===u?"gray600":u,q=o.product,j=o.radius,a=void 0===j?6:j,l=o.size,D=void 0===l?1:l,C=n.useRef(null),p=n.useMemo((function(){return q?c.getProductDetails({product:q}).gradient:"radial-gradient(\n        circle,\n        ".concat(i.theme[I]," 0%,\n        white 70%\n      );")}),[I,q]);return n.useEffect((function(){var o=C.current,e=function(e){if(o){var n=o.getBoundingClientRect(),r=n.x,i=n.y;o.style.setProperty("--x",(e.clientX-r).toString()),o.style.setProperty("--y",(e.clientY-i).toString())}};return null==o||o.addEventListener("mousemove",e),function(){null==o||o.removeEventListener("mousemove",e)}}),[]),e.jsx(t,{ref:C,$gradient:p,$radius:a,$size:D,className:s,children:r})};
+"use strict";var o=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),n=require("react"),r=require("styled-components"),i=require("../../styles/constants/theme.js"),c=require("../../utils/getProductDetails.js");function s(o){return o&&o.__esModule?o:{default:o}}require("../../icons/AIDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/AIIcon.js"),require("../../icons/ArrowDownDuotoneIcon.js"),require("../../icons/ArrowDownIcon.js"),require("../../icons/ArrowLeftDuotoneIcon.js"),require("../../icons/ArrowLeftIcon.js"),require("../../icons/ArrowRightDuotoneIcon.js"),require("../../icons/ArrowRightIcon.js"),require("../../icons/ArrowSwapDuotoneIcon.js"),require("../../icons/ArrowSwapIcon.js"),require("../../icons/ArrowUpDuotoneIcon.js"),require("../../icons/ArrowUpIcon.js"),require("../../icons/BagDuotoneIcon.js"),require("../../icons/BagIcon.js"),require("../../icons/BankDuotoneIcon.js"),require("../../icons/BankIcon.js"),require("../../icons/BellDuotoneIcon.js"),require("../../icons/BellIcon.js"),require("../../icons/BellOffDuotoneIcon.js"),require("../../icons/BellOffIcon.js"),require("../../icons/BookDuotoneIcon.js"),require("../../icons/BookIcon.js"),require("../../icons/BookmarkAddDuotoneIcon.js"),require("../../icons/BookmarkAddIcon.js"),require("../../icons/BookmarkCheckDuotoneIcon.js"),require("../../icons/BookmarkCheckIcon.js"),require("../../icons/BookmarkDuotoneIcon.js"),require("../../icons/BookmarkIcon.js"),require("../../icons/BookmarkOffDuotoneIcon.js"),require("../../icons/BookmarkOffIcon.js"),require("../../icons/BookmarkRemoveDuotoneIcon.js"),require("../../icons/BookmarkRemoveIcon.js"),require("../../icons/BookmarkSubtractDuotoneIcon.js"),require("../../icons/BookmarkSubtractIcon.js"),require("../../icons/BoxesDuotoneIcon.js"),require("../../icons/BoxesIcon.js"),require("../../icons/BufferDuotoneIcon.js"),require("../../icons/BufferIcon.js"),require("../../icons/CalculatorDuotoneIcon.js"),require("../../icons/CalculatorIcon.js"),require("../../icons/CalendarDuotoneIcon.js"),require("../../icons/CalendarIcon.js"),require("../../icons/CardDuotoneIcon.js"),require("../../icons/CardIcon.js"),require("../../icons/CaretDownDuotoneIcon.js"),require("../../icons/CaretDownIcon.js"),require("../../icons/CaretLeftDuotoneIcon.js"),require("../../icons/CaretLeftIcon.js"),require("../../icons/CaretRightDuotoneIcon.js"),require("../../icons/CaretRightIcon.js"),require("../../icons/CaretUpDuotoneIcon.js"),require("../../icons/CaretUpIcon.js"),require("../../icons/CartDuotoneIcon.js"),require("../../icons/CartIcon.js"),require("../../icons/ChartDuotoneIcon.js"),require("../../icons/ChartIcon.js"),require("../../icons/CheckCircleDuotoneIcon.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/CheckmarkDuotoneIcon.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/CheckoutDuotoneIcon.js"),require("../../icons/CheckoutIcon.js"),require("../../icons/ChevronDownCircleDuotoneIcon.js"),require("../../icons/ChevronDownCircleIcon.js"),require("../../icons/ChevronDownDuotoneIcon.js"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronLeftCircleDuotoneIcon.js"),require("../../icons/ChevronLeftCircleIcon.js"),require("../../icons/ChevronLeftDuotoneIcon.js"),require("../../icons/ChevronLeftIcon.js"),require("../../icons/ChevronRightCircleDuotoneIcon.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../icons/ChevronRightDuotoneIcon.js"),require("../../icons/ChevronRightIcon.js"),require("../../icons/ChevronUpCircleDuotoneIcon.js"),require("../../icons/ChevronUpCircleIcon.js"),require("../../icons/ChevronUpDuotoneIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../icons/CircleDuotoneIcon.js"),require("../../icons/CircleIcon.js"),require("../../icons/ClassifyDuotoneIcon.js"),require("../../icons/ClassifyIcon.js"),require("../../icons/ClearDuotoneIcon.js"),require("../../icons/ClearIcon.js"),require("../../icons/ClockDuotoneIcon.js"),require("../../icons/ClockIcon.js"),require("../../icons/CodeCircleDuotoneIcon.js"),require("../../icons/CodeCircleIcon.js"),require("../../icons/CodeDuotoneIcon.js"),require("../../icons/CodeIcon.js"),require("../../icons/CoinsDuotoneIcon.js"),require("../../icons/CoinsIcon.js"),require("../../icons/CollectDuotoneIcon.js"),require("../../icons/CollectIcon.js"),require("../../icons/CommentDuotoneIcon.js"),require("../../icons/CommentIcon.js"),require("../../icons/CopilotDuotoneIcon.js"),require("../../icons/CopilotIcon.js"),require("../../icons/CopyDuotoneIcon.js"),require("../../icons/CopyIcon.js"),require("../../icons/CubeDuotoneIcon.js"),require("../../icons/CubeIcon.js"),require("../../icons/DashboardDuotoneIcon.js"),require("../../icons/DashboardIcon.js"),require("../../icons/DiamondDuotoneIcon.js"),require("../../icons/DiamondIcon.js"),require("../../icons/DislikeDuotoneIcon.js"),require("../../icons/DislikeIcon.js"),require("../../icons/DocsDuotoneIcon.js"),require("../../icons/DocsIcon.js"),require("../../icons/DollarDuotoneIcon.js"),require("../../icons/DollarIcon.js"),require("../../icons/DoubleChevronDuotoneIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/DragDuotoneIcon.js"),require("../../icons/DragIcon.js"),require("../../icons/EditDuotoneIcon.js"),require("../../icons/EditIcon.js"),require("../../icons/ExclamationMarkDuotoneIcon.js"),require("../../icons/ExclamationMarkIcon.js"),require("../../icons/ExportDuotoneIcon.js"),require("../../icons/ExportIcon.js"),require("../../icons/ExternalDuotoneIcon.js"),require("../../icons/ExternalIcon.js"),require("../../icons/EyeDuotoneIcon.js"),require("../../icons/EyeIcon.js"),require("../../icons/EyeOffDuotoneIcon.js"),require("../../icons/EyeOffIcon.js"),require("../../icons/FileDuotoneIcon.js"),require("../../icons/FileIcon.js"),require("../../icons/FileUploadDuotoneIcon.js"),require("../../icons/FileUploadIcon.js"),require("../../icons/FilterDuotoneIcon.js"),require("../../icons/FilterIcon.js"),require("../../icons/FolderListDuotoneIcon.js"),require("../../icons/FolderListIcon.js"),require("../../icons/FolderUploadDuotoneIcon.js"),require("../../icons/FolderUploadIcon.js"),require("../../icons/FusionDuotoneIcon.js"),require("../../icons/FusionIcon.js"),require("../../icons/GlobeDuotoneIcon.js"),require("../../icons/GlobeIcon.js"),require("../../icons/GraphQLDuotoneIcon.js"),require("../../icons/GraphQLIcon.js"),require("../../icons/GridDuotoneIcon.js"),require("../../icons/GridIcon.js"),require("../../icons/HelloDuotoneIcon.js"),require("../../icons/HelloIcon.js"),require("../../icons/HelpDuotoneIcon.js"),require("../../icons/HelpIcon.js"),require("../../icons/HexagonDuotoneIcon.js"),require("../../icons/HexagonIcon.js"),require("../../icons/HomeDuotoneIcon.js"),require("../../icons/HomeIcon.js"),require("../../icons/ImageDuotoneIcon.js"),require("../../icons/ImageIcon.js"),require("../../icons/ImportDuotoneIcon.js"),require("../../icons/ImportIcon.js"),require("../../icons/InfoDuotoneIcon.js"),require("../../icons/InfoIcon.js"),require("../../icons/IntegrationDuotoneIcon.js"),require("../../icons/IntegrationIcon.js"),require("../../icons/LandedCostDuotoneIcon.js"),require("../../icons/LandedCostIcon.js"),require("../../icons/LaptopDuotoneIcon.js"),require("../../icons/LaptopIcon.js"),require("../../icons/LightDuotoneIcon.js"),require("../../icons/LightIcon.js"),require("../../icons/LikeDuotoneIcon.js"),require("../../icons/LikeIcon.js"),require("../../icons/LineDownDuotoneIcon.js"),require("../../icons/LineDownIcon.js"),require("../../icons/LineUpDuotoneIcon.js"),require("../../icons/LineUpIcon.js"),require("../../icons/LinkDuotoneIcon.js"),require("../../icons/LinkIcon.js"),require("../../icons/LocationDuotoneIcon.js"),require("../../icons/LocationIcon.js"),require("../../icons/LockDuotoneIcon.js"),require("../../icons/LockIcon.js"),require("../../icons/LoginDuotoneIcon.js"),require("../../icons/LoginIcon.js"),require("../../icons/LogoutDuotoneIcon.js"),require("../../icons/LogoutIcon.js"),require("../../icons/MailDuotoneIcon.js"),require("../../icons/MailIcon.js"),require("../../icons/MenuDuotoneIcon.js"),require("../../icons/MenuIcon.js"),require("../../icons/MinusCircleDuotoneIcon.js"),require("../../icons/MinusCircleIcon.js"),require("../../icons/MinusDuotoneIcon.js"),require("../../icons/MinusIcon.js"),require("../../icons/MobileDuotoneIcon.js"),require("../../icons/MobileIcon.js"),require("../../icons/MoneyDuotoneIcon.js"),require("../../icons/MoneyIcon.js"),require("../../icons/MonitorDuotoneIcon.js"),require("../../icons/MonitorIcon.js"),require("../../icons/NightDuotoneIcon.js"),require("../../icons/NightIcon.js"),require("../../icons/PaletteDuotoneIcon.js"),require("../../icons/PaletteIcon.js"),require("../../icons/PauseCircleDuotoneIcon.js"),require("../../icons/PauseCircleIcon.js"),require("../../icons/PenDuotoneIcon.js"),require("../../icons/PenIcon.js"),require("../../icons/PercentBadgeDuotoneIcon.js"),require("../../icons/PercentBadgeIcon.js"),require("../../icons/PercentDuotoneIcon.js"),require("../../icons/PercentIcon.js"),require("../../icons/PlaneDuotoneIcon.js"),require("../../icons/PlaneIcon.js"),require("../../icons/PlayCircleDuotoneIcon.js"),require("../../icons/PlayCircleIcon.js"),require("../../icons/PlayDuotoneIcon.js"),require("../../icons/PlayIcon.js"),require("../../icons/PlusCircleDuotoneIcon.js"),require("../../icons/PlusCircleIcon.js"),require("../../icons/PlusDuotoneIcon.js"),require("../../icons/PlusIcon.js"),require("../../icons/PrepayDuotoneIcon.js"),require("../../icons/PrepayIcon.js"),require("../../icons/PrinterDuotoneIcon.js"),require("../../icons/PrinterIcon.js"),require("../../icons/RateDuotoneIcon.js"),require("../../icons/RateIcon.js"),require("../../icons/ReceiptDuotoneIcon.js"),require("../../icons/ReceiptIcon.js"),require("../../icons/RefreshDuotoneIcon.js"),require("../../icons/RefreshIcon.js"),require("../../icons/RemoveCircleDuotoneIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveDuotoneIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/RestrictDuotoneIcon.js"),require("../../icons/RestrictIcon.js"),require("../../icons/RocketDuotoneIcon.js"),require("../../icons/RocketIcon.js"),require("../../icons/ScanDuotoneIcon.js"),require("../../icons/ScanIcon.js"),require("../../icons/ScreenDuotoneIcon.js"),require("../../icons/ScreenIcon.js"),require("../../icons/SearchDuotoneIcon.js"),require("../../icons/SearchIcon.js"),require("../../icons/SendDuotoneIcon.js"),require("../../icons/SendIcon.js"),require("../../icons/SettingsDuotoneIcon.js"),require("../../icons/SettingsIcon.js"),require("../../icons/ShoppingListDuotoneIcon.js"),require("../../icons/ShoppingListIcon.js"),require("../../icons/ShoppingTagDuotoneIcon.js"),require("../../icons/ShoppingTagIcon.js"),require("../../icons/SquareDuotoneIcon.js"),require("../../icons/SquareIcon.js"),require("../../icons/StarDuotoneIcon.js"),require("../../icons/StarIcon.js"),require("../../icons/StarOffDuotoneIcon.js"),require("../../icons/StarOffIcon.js"),require("../../icons/StarsDuotoneIcon.js"),require("../../icons/StarsIcon.js"),require("../../icons/SunnyDuotoneIcon.js"),require("../../icons/SunnyIcon.js"),require("../../icons/TagDuotoneIcon.js"),require("../../icons/TagIcon.js"),require("../../icons/TaxDuotoneIcon.js"),require("../../icons/TaxIcon.js"),require("../../icons/ThreeDotDuotoneIcon.js"),require("../../icons/ThreeDotIcon.js"),require("../../icons/TotalLandedCostDuotoneIcon.js"),require("../../icons/TotalLandedCostIcon.js"),require("../../icons/TrashCanDuotoneIcon.js"),require("../../icons/TrashCanIcon.js"),require("../../icons/TriangleDuotoneIcon.js"),require("../../icons/TriangleIcon.js"),require("../../icons/TruckDuotoneIcon.js"),require("../../icons/TruckIcon.js"),require("../../icons/UserDuotoneIcon.js"),require("../../icons/UserIcon.js"),require("../../icons/UtahDuotoneIcon.js"),require("../../icons/UtahIcon.js"),require("../../icons/WarningDuotoneIcon.js"),require("../../icons/WarningIcon.js"),require("../../icons/custom/AvatarIcon.js"),require("../../icons/custom/ZonosIcon.js"),require("../../icons/custom/ZonosLogoIcon.js"),require("../../icons/custom/products/CheckoutColorIcon.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/custom/products/ClassifyColorIcon.js"),require("../../icons/custom/products/ClearColorIcon.js"),require("../../icons/custom/products/CollectColorIcon.js"),require("../../icons/custom/products/CounterCompanionColorIcon.js"),require("../../icons/custom/products/DashboardColorIcon.js"),require("../../icons/custom/products/HelloColorIcon.js"),require("../../icons/custom/products/InclusivePricingColorIcon.js"),require("../../icons/custom/products/LandedCostColorIcon.js"),require("../../icons/custom/products/PrepayColorIcon.js"),require("../../icons/custom/products/RateColorIcon.js"),require("../../icons/custom/products/RestrictColorIcon.js"),require("../../icons/custom/products/ScreenColorIcon.js"),require("../../icons/custom/products/TaxColorIcon.js");var u,t=s(r).default.div(u||(u=o.__makeTemplateObject(["\n  z-index: 1;\n  position: relative;\n  overflow: hidden;\n  padding: ","px;\n  box-shadow: inset 0px 0px 1px 1px ",";\n  border-radius: ","px;\n\n  &::after {\n    content: '';\n    z-index: -1;\n    position: absolute;\n    width: min(100%, 400px);\n    height: min(100%, 400px);\n    top: calc(var(--y, 0) * 1px - min(50%, calc(400px / 2)));\n    left: calc(var(--x, 0) * 1px - min(50%, calc(400px / 2)));\n    background: ",";\n    filter: blur(20px);\n\n    transition: opacity 0.5s;\n    opacity: 0;\n  }\n\n  :hover {\n    &::after {\n      opacity: 1;\n    }\n  }\n"],["\n  z-index: 1;\n  position: relative;\n  overflow: hidden;\n  padding: ","px;\n  box-shadow: inset 0px 0px 1px 1px ",";\n  border-radius: ","px;\n\n  &::after {\n    content: '';\n    z-index: -1;\n    position: absolute;\n    width: min(100%, 400px);\n    height: min(100%, 400px);\n    top: calc(var(--y, 0) * 1px - min(50%, calc(400px / 2)));\n    left: calc(var(--x, 0) * 1px - min(50%, calc(400px / 2)));\n    background: ",";\n    filter: blur(20px);\n\n    transition: opacity 0.5s;\n    opacity: 0;\n  }\n\n  :hover {\n    &::after {\n      opacity: 1;\n    }\n  }\n"])),(function(o){return o.$size}),i.theme.gray200,(function(o){return o.$radius}),(function(o){return o.$gradient}));exports.GlowWrapper=function(o){var r=o.children,s=o.className,u=o.glowColor,I=void 0===u?"gray600":u,q=o.product,j=o.radius,a=void 0===j?6:j,l=o.size,D=void 0===l?1:l,C=n.useRef(null),p=n.useMemo((function(){return q?c.getProductDetails({product:q}).gradient:"radial-gradient(\n        circle,\n        ".concat(i.theme[I]," 0%,\n        white 70%\n      );")}),[I,q]);return n.useEffect((function(){var o=C.current,e=function(e){if(o){var n=o.getBoundingClientRect(),r=n.x,i=n.y;o.style.setProperty("--x",(e.clientX-r).toString()),o.style.setProperty("--y",(e.clientY-i).toString())}};return null==o||o.addEventListener("mousemove",e),function(){null==o||o.removeEventListener("mousemove",e)}}),[]),e.jsx(t,{ref:C,$gradient:p,$radius:a,$size:D,className:s,children:r})};

package/components/input/input-type/_FloatLabelInput.d.ts

@@ -1,11 +1,11 @@
 import { type ChangeEventHandler, type HTMLInputTypeAttribute, type InputHTMLAttributes, type KeyboardEventHandler, type ReactNode } from 'react';
 import type { HelpTextProps } from "../../help-text/HelpText";
+import type { BaseProps } from "../../../types/BaseProps";
 import type { Size } from "../../../types/Size";
 export declare const InputValuePrefix: import("styled-components").StyledComponent<"div", any, {}, never>;
 export type InputMode = 'decimal' | 'email' | 'none' | 'numeric' | 'search' | 'tel' | 'text' | 'url';
-type FloatLabelInputType = {
+type FloatLabelInputType = BaseProps & {
     autoFocus?: boolean;
-    className?: string;
     disabled?: boolean;
     inputMode?: InputMode;
     /** A label that will be displayed above the input */
@@ -37,9 +37,8 @@ type FloatLabelInputType = {
     valuePrefix?: ReactNode;
 } & Pick<HelpTextProps, 'error'>;
 export type FloatLabelInputProps = FloatLabelInputType & Omit<InputHTMLAttributes<HTMLInputElement>, keyof FloatLabelInputType>;
-export declare const FloatLabelInput: import("react").ForwardRefExoticComponent<{
+export declare const FloatLabelInput: import("react").ForwardRefExoticComponent<BaseProps & {
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
     disabled?: boolean | undefined;
     inputMode?: InputMode | undefined;
     /** A label that will be displayed above the input */

package/components/list/List.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
-export type ListProps = {
+import type { BaseProps } from "../../types/BaseProps";
+export type ListProps = BaseProps & {
     children?: ReactNode;
-    className?: string;
     withBorder?: boolean;
     withNegativeMargin?: boolean;
 };