@0xsquid/ui 0.26.0 → 0.27.1

package/dist/esm/types/components/badges/BadgeImage.d.ts

@@ -10,6 +10,6 @@ interface BadgeImageProps {
      */
     placeholderImageUrl?: string;
 }
-type BadgeSize = 'sm' | 'md';
+type BadgeSize = "sm" | "md";
 export declare function BadgeImage({ imageUrl: _imageUrl, badgeUrl, size, extraMarginForBadge, rounded, placeholderImageUrl, }: BadgeImageProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/esm/types/components/badges/IconLabel.d.ts

@@ -1,10 +1,10 @@
-import { ReactNode } from 'react';
-import { ImageIconVariant } from '../../types/components';
+import { ReactNode } from "react";
+import { ImageVariant } from "../../types/components";
 interface IconLabelProps {
     isLoading?: boolean;
     src?: string;
     children?: ReactNode;
-    variant?: ImageIconVariant;
+    variant?: ImageVariant;
 }
 export declare function IconLabel({ src, children, variant }: IconLabelProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/types/components/badges/Image.d.ts

@@ -0,0 +1,9 @@
+import { ImageSize, ImageVariant } from "../../types/components";
+interface ImageProps {
+    src?: string;
+    variant?: ImageVariant;
+    size?: ImageSize;
+    className?: string;
+}
+export declare function Image({ src, variant, size, className: propsClassName, }: ImageProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/badges/LoadingSkeleton.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps } from 'react';
+import { ComponentProps } from "react";
 export declare const LoadingProvider: import("react").Provider<boolean | null>;
 interface LoadingSkeletonProps {
     className?: string;
@@ -8,12 +8,12 @@ interface LoadingSkeletonProps {
     width?: string;
 }
 export declare function LoadingSkeleton({ className, height, isLoading: isLoadingProp, children, width, }: LoadingSkeletonProps): string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
-interface LoadingTextProps extends ComponentProps<'span'> {
+interface LoadingTextProps extends ComponentProps<"span"> {
     width?: string | [string, string];
     isLoading?: boolean;
 }
 export declare function TextSkeleton({ className, width, children, isLoading, ...props }: LoadingTextProps): string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
-interface LoadingBlockProps extends ComponentProps<'div'> {
+interface LoadingBlockProps extends ComponentProps<"div"> {
     isLoading?: boolean;
 }
 export declare function BlockSkeleton({ isLoading, className, children, ...props }: LoadingBlockProps): string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/dist/esm/types/components/badges/TransactionState.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { ActionStatus, TransactionStateVariant } from '../../types/components';
+import { ReactNode } from "react";
+import { ActionStatus, TransactionStateVariant } from "../../types/components";
 export declare const statusTextClassMap: Record<ActionStatus, string>;
 interface TransactionStateProps extends React.HTMLAttributes<HTMLDivElement> {
     status: ActionStatus;

package/dist/esm/types/components/badges/index.d.ts

@@ -1,7 +1,7 @@
-export * from './BadgeImage';
-export * from './IconLabel';
-export * from './ImageIcon';
-export * from './LoadingSkeleton';
-export * from './TransactionState';
-export * from './UsdAmount';
-export * from './WalletLink';
+export * from "./BadgeImage";
+export * from "./IconLabel";
+export * from "./Image";
+export * from "./LoadingSkeleton";
+export * from "./TransactionState";
+export * from "./UsdAmount";
+export * from "./WalletLink";

package/dist/esm/types/components/buttons/AssetsButton.d.ts

@@ -1,5 +1,5 @@
-import { AssetsButtonVariant } from '../../types/components';
-import { TooltipProps } from '../controls';
+import { AssetsButtonVariant } from "../../types/components";
+import { TooltipProps } from "../controls";
 interface AssetsButtonProps {
     token?: {
         iconUrl: string;
@@ -14,7 +14,7 @@ interface AssetsButtonProps {
     onClick?: () => void;
     variant?: AssetsButtonVariant;
     isLoading?: boolean;
-    tooltip?: Omit<TooltipProps, 'children'>;
+    tooltip?: Omit<TooltipProps, "children">;
 }
 export declare function AssetsButton({ chain, token, onClick, variant, isLoading, tooltip, }: AssetsButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/types/components/buttons/BoostButton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BoostMode } from '../../types/components';
+import { BoostMode } from "../../types/components";
 interface BoostButtonProps {
     boostMode: BoostMode;
     canToggleBoostMode?: boolean;

package/dist/esm/types/components/buttons/Button.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ButtonSize, ButtonVariant } from '../../types/components';
-import { ChipProps } from './Chip';
+import { ButtonSize, ButtonVariant } from "../../types/components";
+import { ChipProps } from "./Chip";
 interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     label?: string;
     icon?: React.ReactNode;

package/dist/esm/types/components/buttons/FeeButton.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { TooltipProps } from '../controls';
+import { TooltipProps } from "../controls";
 interface FeeButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     feeInUsd?: string;
     chipLabel?: string;
-    tooltip?: Omit<TooltipProps, 'children'>;
+    tooltip?: Omit<TooltipProps, "children">;
 }
 export declare function FeeButton({ feeInUsd, chipLabel, className, tooltip, ...props }: FeeButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/types/components/buttons/IconButton.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-interface IconButtonProps extends React.ComponentProps<'button'> {
+interface IconButtonProps extends React.ComponentProps<"button"> {
     icon: React.ReactNode;
 }
-export declare const IconButton: ({ icon, ...props }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/esm/types/components/buttons/StopsButton.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { TooltipProps } from "../controls";
+export interface StopsProps extends React.ComponentProps<"button"> {
+    stopsCount?: string | number;
+    estimatedTime?: string;
+    tooltip?: Omit<TooltipProps, "children">;
+    providers: Provider[];
+}
+export declare function StopsButton({ stopsCount, estimatedTime, tooltip, providers, ...props }: StopsProps): import("react/jsx-runtime").JSX.Element;
+type Provider = {
+    logoUrl: string;
+};
+export {};

package/dist/esm/types/components/buttons/index.d.ts

@@ -1,11 +1,11 @@
-export * from './AddressButton';
-export * from './ArrowButton';
-export * from './AssetsButton';
-export * from './BoostButton';
-export * from './Button';
-export * from './Chip';
-export * from './FeeButton';
-export * from './FilterButton';
-export * from './SettingsButton';
-export * from './IconButton';
-export * from './SettingsButton';
+export * from "./AddressButton";
+export * from "./ArrowButton";
+export * from "./AssetsButton";
+export * from "./BoostButton";
+export * from "./Button";
+export * from "./Chip";
+export * from "./FeeButton";
+export * from "./FilterButton";
+export * from "./SettingsButton";
+export * from "./IconButton";
+export * from "./SettingsButton";

package/dist/esm/types/components/controls/Input.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ButtonVariant } from '../../types/components';
+import { ButtonVariant } from "../../types/components";
 interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     placeholder?: string;
     showIcon?: boolean;

package/dist/esm/types/components/controls/NumericInput.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { SwapDirection } from '../../types/components';
-import { TooltipProps } from './Tooltip';
+import { SwapDirection } from "../../types/components";
+import { TooltipProps } from "./Tooltip";
 interface Token {
     price: number;
     symbol: string;
@@ -24,14 +24,14 @@ interface NumericInputProps extends React.InputHTMLAttributes<HTMLInputElement>
     criticalPriceImpactPercentage?: number;
     direction?: SwapDirection;
     inputModeButton?: {
-        usdModeTooltip?: Omit<TooltipProps, 'children'>;
-        tokenModeTooltip?: Omit<TooltipProps, 'children'>;
+        usdModeTooltip?: Omit<TooltipProps, "children">;
+        tokenModeTooltip?: Omit<TooltipProps, "children">;
         amountUsd?: string;
     };
     maxUsdDecimals?: number;
     isInteractive?: boolean;
     balanceButton?: {
-        tooltip?: Omit<TooltipProps, 'children'>;
+        tooltip?: Omit<TooltipProps, "children">;
     };
 }
 export declare function NumericInput({ priceImpactPercentage, balance, error, criticalPriceImpactPercentage, token, onAmountChange, forcedAmount, maxUsdDecimals, formatIfVerySmall, showDetails, isLoading, direction, inputModeButton, isInteractive, balanceButton, ...props }: NumericInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/controls/SettingsSlider.d.ts

@@ -1,6 +1,6 @@
 export interface SettingsSliderProps {
     value: number | undefined;
-    type: 'percentage' | 'amount';
+    type: "percentage" | "amount";
     onChange?: (value: number | undefined) => void;
     decimalsFormat?: number;
     min?: number;

package/dist/esm/types/components/controls/Switch.d.ts

@@ -1,9 +1,10 @@
-import { SwitchSize } from '../../types/components';
-interface SwitchProps {
+/// <reference types="react" />
+import { SwitchSize } from "../../types/components";
+export interface SwitchProps {
     checked?: boolean;
     onChange?: (checked: boolean) => void;
     size: SwitchSize;
     disabled?: boolean;
+    inputProps?: React.ComponentProps<"input">;
 }
-export declare function Switch({ checked, onChange, size, disabled, }: SwitchProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function Switch({ checked, onChange, size, disabled, inputProps, }: SwitchProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/controls/Tooltip.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-export type TooltipWidth = 'max' | 'container';
-export type TooltipThreshold = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+import React from "react";
+export type TooltipWidth = "max" | "container";
+export type TooltipThreshold = "xxs" | "xs" | "s" | "m" | "l" | "xl" | "xxl";
 export interface TooltipProps {
     children: React.ReactNode;
     tooltipContent?: React.ReactNode;

package/dist/esm/types/components/controls/index.d.ts

@@ -1,6 +1,6 @@
-export * from './Input';
-export * from './NumericInput';
-export * from './SettingsSlider';
-export * from './Switch';
-export * from './Tooltip';
-export * from './RangeInput';
+export * from "./Input";
+export * from "./NumericInput";
+export * from "./SettingsSlider";
+export * from "./Switch";
+export * from "./Tooltip";
+export * from "./RangeInput";

package/dist/esm/types/components/icons/Arrow.d.ts

@@ -20,7 +20,10 @@ export declare function ChevronLargeRightIcon({ size, className, }: {
     size?: string;
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function ChevronRightSmallIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function ChevronRightSmallIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): import("react/jsx-runtime").JSX.Element;
 export declare function ArrowLeftIcon({ className, size, }: {
     className?: string;
     size?: string;
@@ -61,3 +64,15 @@ export declare function ArrowCornerDownRightIcon({ size, className, }: {
     size?: string;
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
+export declare function ChevronDownSmallIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowDownIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowSplit({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/icons/Clock.d.ts

@@ -1,4 +1,4 @@
-export declare function ClockIcon({ className, size, }: {
+export declare function ClockSolidIcon({ className, size, }: {
     className?: string;
     size?: string;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/icons/Coins.d.ts

@@ -1,6 +1,6 @@
 export declare function CoinsIcon(): import("react/jsx-runtime").JSX.Element;
 export declare function CoinsAddIcon(): import("react/jsx-runtime").JSX.Element;
-export declare function Dollar({ className, size, }: {
+export declare function DollarOutlinedIcon({ className, size, }: {
     className?: string;
     size?: string;
 }): import("react/jsx-runtime").JSX.Element;
@@ -8,3 +8,7 @@ export declare function StocksIcon({ size, className, }: {
     size?: string;
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
+export declare function DollarSolidIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/icons/CompassRound.d.ts

@@ -1,4 +1,8 @@
-export declare function CompassRound({ size, className, }: {
+export declare function CompassRoundOutlinedIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CompassRoundSolidIcon({ size, className, }: {
     size?: string;
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/icons/Copy.d.ts

@@ -1,5 +1,5 @@
-import { ComponentProps } from 'react';
+import { ComponentProps } from "react";
 export declare function Copy({ size, strokeWidth, ...props }: {
     size?: string;
     strokeWidth?: string;
-} & ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
+} & ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/icons/CrossAnimatedIcon.d.ts

@@ -2,6 +2,6 @@
 export declare function CrossAnimatedIcon({ size, isOpen, transitionDuration, className, }: {
     size?: number;
     isOpen?: boolean;
-    transitionDuration?: React.CSSProperties['transitionDuration'];
+    transitionDuration?: React.CSSProperties["transitionDuration"];
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/icons/Generic.d.ts

@@ -0,0 +1,40 @@
+export declare function GhostIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SettingsSliderIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function EyeOpenIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function BellAlarmIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function LimitIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PoopIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CatSquareIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function FilterAscendingIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ImageIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function FilterTimelineIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/icons/Link.d.ts

@@ -1,2 +1,2 @@
-import { ComponentProps } from 'react';
-export declare function LinkIcon(props: ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
+import { ComponentProps } from "react";
+export declare function LinkIcon(props: ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/icons/Loader.d.ts

@@ -1,5 +1,5 @@
-import { ComponentProps } from 'react';
-interface LoaderProps extends ComponentProps<'svg'> {
+import { ComponentProps } from "react";
+interface LoaderProps extends ComponentProps<"svg"> {
     size?: string;
     strokeWidth?: string;
     rotateDuration?: string;

package/dist/esm/types/components/icons/Search.d.ts

@@ -1 +1,4 @@
-export declare function SearchIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function SearchIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/icons/Timeline.d.ts

@@ -1,5 +1,5 @@
-import { ComponentProps } from 'react';
-export declare function Timeline({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+import { ComponentProps } from "react";
+export declare function Timeline({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 export declare namespace Timeline {
     var ArrowDown: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     var ArrowReverse: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/icons/index.d.ts

@@ -1,54 +1,55 @@
-export * from './Approve';
-export * from './Arrow';
-export * from './ArrowRotate';
-export * from './Avatars';
-export * from './Bag';
-export * from './Bank';
-export * from './BoostBadge';
-export * from './Calendar';
-export * from './ChainLink';
-export * from './Checkmark';
-export * from './Clock';
-export * from './Coins';
-export * from './Collection';
-export * from './CompassRound';
-export * from './Copy';
-export * from './DashboardFast';
-export * from './DotGrid';
-export * from './EmojiSad';
-export * from './Ethereum';
-export * from './Filter';
-export * from './Heart';
-export * from './Help';
-export * from './HomeIcon';
-export * from './ImageSparkle';
-export * from './Infinity';
-export * from './Lightning';
-export * from './Link';
-export * from './Loader';
-export * from './Max';
-export * from './NotAllowed';
-export * from './Percent';
-export * from './PieChart';
-export * from './Plus';
-export * from './Refresh';
-export * from './Search';
-export * from './Social';
-export * from './Sort';
-export * from './Sparkles';
-export * from './SquareArrowCenter';
-export * from './SquidIcons';
-export * from './SquidLogo';
-export * from './SwapInputs';
-export * from './SwapStatus';
-export * from './SwapStepSeparator';
-export * from './Tag';
-export * from './ThumbsUp';
-export * from './Tick';
-export * from './Timeline';
-export * from './TradingViewSteps';
-export * from './TriangleExclamation';
-export * from './Wallet';
-export * from './CrossAnimatedIcon';
-export * from './Weather';
-export * from './DockIcons';
+export * from "./Approve";
+export * from "./Arrow";
+export * from "./ArrowRotate";
+export * from "./Avatars";
+export * from "./Bag";
+export * from "./Bank";
+export * from "./BoostBadge";
+export * from "./Calendar";
+export * from "./ChainLink";
+export * from "./Checkmark";
+export * from "./Clock";
+export * from "./Coins";
+export * from "./Collection";
+export * from "./CompassRound";
+export * from "./Copy";
+export * from "./DashboardFast";
+export * from "./DotGrid";
+export * from "./EmojiSad";
+export * from "./Ethereum";
+export * from "./Filter";
+export * from "./Heart";
+export * from "./Help";
+export * from "./HomeIcon";
+export * from "./ImageSparkle";
+export * from "./Infinity";
+export * from "./Lightning";
+export * from "./Link";
+export * from "./Loader";
+export * from "./Max";
+export * from "./NotAllowed";
+export * from "./Percent";
+export * from "./PieChart";
+export * from "./Plus";
+export * from "./Refresh";
+export * from "./Search";
+export * from "./Social";
+export * from "./Sort";
+export * from "./Sparkles";
+export * from "./SquareArrowCenter";
+export * from "./SquidIcons";
+export * from "./SquidLogo";
+export * from "./SwapInputs";
+export * from "./SwapStatus";
+export * from "./SwapStepSeparator";
+export * from "./Tag";
+export * from "./ThumbsUp";
+export * from "./Tick";
+export * from "./Timeline";
+export * from "./TradingViewSteps";
+export * from "./TriangleExclamation";
+export * from "./Wallet";
+export * from "./CrossAnimatedIcon";
+export * from "./Weather";
+export * from "./DockIcons";
+export * from "./Generic";

package/dist/esm/types/components/index.d.ts

@@ -1,8 +1,8 @@
-export * from './badges';
-export * from './buttons';
-export * from './controls';
-export * from './icons';
-export * from './layout';
-export * from './lists';
-export * from './typography';
-export * from './views';
+export * from "./badges";
+export * from "./buttons";
+export * from "./controls";
+export * from "./icons";
+export * from "./layout";
+export * from "./lists";
+export * from "./typography";
+export * from "./views";

package/dist/esm/types/components/layout/AppContainer.d.ts

@@ -1,5 +1,5 @@
-import { motion } from 'framer-motion';
-import { ComponentProps } from 'react';
+import { motion } from "framer-motion";
+import { ComponentProps } from "react";
 interface AppContainerProps extends ComponentProps<typeof motion.div> {
     layoutKey?: string;
 }

package/dist/esm/types/components/layout/Boost.d.ts

@@ -1,5 +1,5 @@
-import { BoostMode } from '../../types/components';
-import { TooltipProps } from '../controls';
+import { BoostMode } from "../../types/components";
+import { TooltipProps } from "../controls";
 interface BoostProps {
     boostMode: BoostMode;
     onToggleBoostMode?: ({ boostMode }: {
@@ -7,7 +7,7 @@ interface BoostProps {
     }) => void;
     estimatedTime: string;
     canToggleBoostMode?: boolean;
-    tooltip?: Omit<TooltipProps, 'children'>;
+    tooltip?: Omit<TooltipProps, "children">;
 }
 export declare function Boost({ boostMode, onToggleBoostMode, estimatedTime, canToggleBoostMode, tooltip, }: BoostProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/types/components/layout/Breadcrumb.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode } from "react";
 export declare function Breadcrumb({ children, className, }: {
     children: ReactNode;
     className?: string;

package/dist/esm/types/components/layout/Collapse.d.ts

@@ -1,11 +1,11 @@
-import { ComponentProps } from 'react';
-interface CollapseProps extends ComponentProps<'div'> {
+import { ComponentProps } from "react";
+interface CollapseProps extends ComponentProps<"div"> {
     collapsed: boolean;
     collapsedHeight?: number;
     duration?: number;
 }
 export declare function Collapse({ collapsed, collapsedHeight, children, className, duration, ...props }: CollapseProps): import("react/jsx-runtime").JSX.Element;
-interface SizeTransitionProps extends ComponentProps<'div'> {
+interface SizeTransitionProps extends ComponentProps<"div"> {
 }
 export declare function SizeTransition({ children, className, ...props }: SizeTransitionProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/types/components/layout/CollapsibleMenu.d.ts

@@ -13,7 +13,7 @@ interface CollapsibleMenuProps {
     };
     children?: React.ReactNode;
     isOpen?: boolean;
-    transitionDuration?: React.CSSProperties['transitionDuration'];
+    transitionDuration?: React.CSSProperties["transitionDuration"];
     className?: string;
 }
 export declare function CollapsibleMenu({ children, menuRef, isOpen, transitionDuration, size, className, }: CollapsibleMenuProps): import("react/jsx-runtime").JSX.Element;