@sprinklrjs/spaceweb 14.11.4 → 14.12.0

package/esm/transitions/grow/types.d.ts

@@ -1,5 +1,5 @@
-import { Override } from '../../overrides';
-import { TimingFunction, TransitionProps } from '../transition';
+import type { Override } from '../../overrides';
+import type { TimingFunction, TransitionProps } from '../transition';
 export type GrowOverrides = {
     Container?: Override<any>;
 };

package/esm/transitions/transition/SwitchTransition.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
-import { SwitchTransitionProps } from 'react-transition-group/SwitchTransition';
+import type { ReactElement } from 'react';
+import type { SwitchTransitionProps } from 'react-transition-group/SwitchTransition';
 declare const SwitchTransitionWrapper: (props: SwitchTransitionProps) => ReactElement;
 export default SwitchTransitionWrapper;

package/esm/transitions/transition/transition.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { TransitionProps } from './types';
+import type { ReactElement } from 'react';
+import type { TransitionProps } from './types';
 declare const Transition: {
     ({ visible, children, duration, overrides, containerRef, style, className, onEnter, onExit, animationStyles, disableExitTransition, disableEnterTransition, enableAppearTransition, ...restProps }: TransitionProps): ReactElement;
     displayName: string;

package/esm/transitions/transition/types.d.ts

@@ -1,7 +1,8 @@
-import React, { CSSProperties, ReactNode } from 'react';
-import { Override } from '../../overrides';
-import CSS from 'csstype';
-import { SpacewebComponentProps } from '../../types';
+import type { CSSProperties, ReactNode } from 'react';
+import type React from 'react';
+import type { Override } from '../../overrides';
+import type CSS from 'csstype';
+import type { SpacewebComponentProps } from '../../types';
 export type AnimationStatus = 'entered' | 'entering' | 'exited' | 'exiting';
 export type Duration = {
     enter: number;

package/esm/truncateWithTooltip/TruncateWithTooltip.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 import type { TruncateWithTooltipProps } from './types';
 export declare const INITIAL_STATE: {
     readonly isOpen: true;

package/esm/truncateWithTooltip/TruncateWithTooltip.js

@@ -1,6 +1,5 @@
 import { __assign, __read } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Libraries
 import { memo } from 'react';
 // Hooks
 import { useStyle } from '../style';
@@ -13,12 +12,14 @@ export var INITIAL_STATE = { isOpen: true };
 var TruncateWithTooltip = memo(function (_a) {
     var children = _a.children, _b = _a.maskWidth, maskWidth = _b === void 0 ? 1.6 : _b, tooltipClassName = _a.tooltipClassName, prefixEl = _a.prefixEl, suffixEl = _a.suffixEl, overrides = _a.overrides, _c = _a.truncationType, truncationType = _c === void 0 ? 'ellipsis' : _c, maxLines = _a.maxLines, maxWidth = _a.maxWidth, className = _a.className, _d = _a.noTooltipOnTruncation, noTooltipOnTruncation = _d === void 0 ? false : _d;
     var _e = __read(useOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.Tooltip, StatefulTooltip), 2), TooltipComponent = _e[0], tooltipProps = _e[1];
-    var _f = useTruncateWithTooltip(), mouseEventProps = _f.mouseEventProps, renderTooltip = _f.renderTooltip, elementRef = _f.elementRef;
+    var _f = useTruncateWithTooltip({
+        onMouseEnterDelay: tooltipProps.onMouseEnterDelay,
+    }), mouseEventProps = _f.mouseEventProps, renderTooltip = _f.renderTooltip, elementRef = _f.elementRef;
     var isRTL = useStyle().isRTL;
     var isTruncationEllipsis = truncationType === 'ellipsis';
     var shouldRenderTooltipOnTruncation = renderTooltip && !noTooltipOnTruncation;
     var contentEl = (_jsx(Box, __assign({ ref: elementRef, 
-        // @ts-ignore
+        // @ts-ignore -- CSS custom property not in CSSProperties
         style: { '--sw-webkit-line-clamp': maxLines }, className: isTruncationEllipsis
             ? // webkit-line-clamp-[--sw-webkit-line-clamp] overrides the webkit-line-clamp property from line-clamp-1
                 [maxLines ? ['line-clamp-1 whitespace-normal webkit-line-clamp-[--sw-webkit-line-clamp]'] : 'truncate']
@@ -31,13 +32,13 @@ var TruncateWithTooltip = memo(function (_a) {
                 className,
                 maxWidth ? 'max-w-[--sw-max-width]' : '',
             ], 
-            // @ts-ignore
+            // @ts-ignore -- CSS custom property not in CSSProperties
             style: { '--sw-max-width': "".concat(maxWidth, "rem") } }, mouseEventProps, { children: [prefixEl, contentEl, suffixEl] })));
         return shouldRenderTooltipOnTruncation ? wrapWithTooltip(bodyEl_1) : bodyEl_1;
     }
     var bodyEl = (_jsxs(Box, { children: [prefixEl, contentEl, suffixEl] }));
     return (_jsx(Box, __assign({ "data-testid": "content", className: ['w-full', className, maxWidth ? 'max-w-[--sw-max-width]' : ''], style: {
-            // @ts-ignore
+            // @ts-ignore -- CSS custom property not in CSSProperties
             '--sw-max-width': "".concat(maxWidth, "rem"),
             maskImage: "linear-gradient(".concat(isRTL ? '-90deg' : '90deg', ", #000 0%, #000 calc(100% - ").concat(maskWidth, "rem), transparent)"),
         } }, mouseEventProps, { children: shouldRenderTooltipOnTruncation ? wrapWithTooltip(bodyEl) : bodyEl })));

package/esm/truncateWithTooltip/hooks/useTruncateWithTooltip.d.ts

@@ -1,5 +1,10 @@
-import { RefObject, MouseEventHandler } from 'react';
-export declare const useTruncateWithTooltip: (noTooltipOnTruncation?: boolean, onMouseEnter?: MouseEventHandler, onMouseLeave?: MouseEventHandler) => {
+import type { RefObject, MouseEventHandler } from 'react';
+export declare const useTruncateWithTooltip: ({ noTooltipOnTruncation, onMouseEnter, onMouseLeave, onMouseEnterDelay, }?: {
+    noTooltipOnTruncation?: boolean | undefined;
+    onMouseEnter?: MouseEventHandler | undefined;
+    onMouseLeave?: MouseEventHandler | undefined;
+    onMouseEnterDelay?: number | undefined;
+}) => {
     mouseEventProps: {
         onMouseEnter?: MouseEventHandler | undefined;
         onMouseLeave?: MouseEventHandler | undefined;

package/esm/truncateWithTooltip/hooks/useTruncateWithTooltip.js

@@ -1,9 +1,9 @@
 import { __read } from "tslib";
 import { useState, useCallback, useRef } from 'react';
-var DELAY = 200;
-export var useTruncateWithTooltip = function (noTooltipOnTruncation, onMouseEnter, onMouseLeave) {
-    if (noTooltipOnTruncation === void 0) { noTooltipOnTruncation = false; }
-    var _a = __read(useState(false), 2), renderTooltip = _a[0], setRenderTooltip = _a[1];
+var DEFAULT_DELAY = 200;
+export var useTruncateWithTooltip = function (_a) {
+    var _b = _a === void 0 ? {} : _a, noTooltipOnTruncation = _b.noTooltipOnTruncation, onMouseEnter = _b.onMouseEnter, onMouseLeave = _b.onMouseLeave, _c = _b.onMouseEnterDelay, onMouseEnterDelay = _c === void 0 ? DEFAULT_DELAY : _c;
+    var _d = __read(useState(false), 2), renderTooltip = _d[0], setRenderTooltip = _d[1];
     var timeoutRef = useRef();
     var elementRef = useRef(null);
     var handleOnMouseEnter = useCallback(function (e) {
@@ -12,20 +12,20 @@ export var useTruncateWithTooltip = function (noTooltipOnTruncation, onMouseEnte
                 return;
             }
             var _a = elementRef.current, scrollWidth = _a.scrollWidth, clientWidth = _a.clientWidth, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
-            // Added + 2 to accomodated for different font style and slight line height issues
+            // Added + 2 to accommodate different font styles and slight line height issues
             if (scrollWidth > clientWidth || scrollHeight > clientHeight + 2) {
                 setRenderTooltip(true);
             }
             else {
                 setRenderTooltip(false);
             }
-        }, DELAY);
-        onMouseEnter && onMouseEnter(e);
-    }, [onMouseEnter]);
+        }, onMouseEnterDelay);
+        onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+    }, [onMouseEnter, onMouseEnterDelay]);
     var handleOnMouseLeave = useCallback(function (e) {
         clearTimeout(timeoutRef.current);
         setRenderTooltip(false);
-        onMouseLeave && onMouseLeave(e);
+        onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
     }, [onMouseLeave]);
     return {
         mouseEventProps: {

package/esm/types.d.ts

@@ -1,8 +1,8 @@
-import { AllHTMLAttributes, CSSProperties, ElementType, ReactNode } from 'react';
-import { StyleObject as StyletronStyleObject } from 'styletron-react';
-import { KeyframesObject as StyletronKeyframesObject, StandardEngine as StyletronStandardEngine } from 'styletron-standard';
-import { Direction, Theme, ThemeClassNames } from '@sprinklrjs/spaceweb-themes/types';
-import rtlCSSJS from 'rtl-css-js';
+import type { AllHTMLAttributes, CSSProperties, ElementType, ReactNode } from 'react';
+import type { StyleObject as StyletronStyleObject } from 'styletron-react';
+import type { KeyframesObject as StyletronKeyframesObject, StandardEngine as StyletronStandardEngine } from 'styletron-standard';
+import type { Direction, Theme, ThemeClassNames } from '@sprinklrjs/spaceweb-themes/types';
+import type rtlCSSJS from 'rtl-css-js';
 export type StyleObject = StyletronStyleObject;
 export type StandardEngine = StyletronStandardEngine;
 export type KeyframesObject = StyletronKeyframesObject;

package/esm/typography/Typography.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TruncateWithTooltipProps } from '../truncateWithTooltip';
+import type { TruncateWithTooltipProps } from '../truncateWithTooltip';
 declare const Typography: import("react").ForwardRefExoticComponent<Omit<import("react").AllHTMLAttributes<HTMLElement>, "className" | "style"> & {
     $as?: import("react").ElementType | undefined;
     className?: import("..").ClassName;

package/esm/typography/types.d.ts

@@ -1,7 +1,7 @@
-import { PropsWithChildren } from 'react';
-import { SpacewebComponentProps } from '../types';
-import { Override } from '../overrides';
-import { TruncateWithTooltipProps } from '../truncateWithTooltip';
+import type { PropsWithChildren } from 'react';
+import type { SpacewebComponentProps } from '../types';
+import type { Override } from '../overrides';
+import type { TruncateWithTooltipProps } from '../truncateWithTooltip';
 type TypographyBodyHeaderVariants = 'display' | 'heading-1' | 'heading-2' | 'heading-3' | 'heading-4' | 'heading-5' | 'heading-6' | 'heading-7' | 'body-lg' | 'body-md' | 'body-sm' | 'body-xs';
 /**
  * @deprecated Prefer TypographyBodyHeaderVariants

package/esm/utils/intlNumberFormatUtils/index.d.ts

@@ -1,4 +1,4 @@
-import { NumberVariant } from './types';
+import type { NumberVariant } from './types';
 export declare const getFormattedNumber: ({ value, locale, variant, numberOptions, }: {
     value: number;
     locale: string;

package/esm/utils/intlNumberFormatUtils/index.js

@@ -33,6 +33,6 @@ export var getFormattedNumber = function (_a) {
         }
     }
     return Intl.NumberFormat(locale, __assign({ minimumFractionDigits: 0, maximumFractionDigits: maximumFractionDigits, 
-        // @ts-ignore -- yarn migration
+        // @ts-ignore -- Intl.NumberFormatOptions.notation missing from current TS lib DOM types
         notation: notation }, numberOptions)).format(value);
 };

package/esm/video/DefaultFallbackImg.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
-import { DefaultFallbackProps } from '../image/types';
+import type { ReactElement } from 'react';
+import type { DefaultFallbackProps } from '../image/types';
 declare const DefaultFallbackImg: ({ width, height, iconSize, overrides, isValidVideo, }: DefaultFallbackProps) => ReactElement;
 export default DefaultFallbackImg;

package/esm/video/Video.js

@@ -10,7 +10,6 @@ import Play from '../icon/components/play-video';
 import VideoDisabled from '../icon/components/video-non-playable';
 import { Image as SWImage } from '../image';
 import { Box } from '../box';
-// hooks
 import { useOverrides, mergeOverrides } from '../overrides';
 // utils
 import styled from '../style/styled';

package/esm/video/types.d.ts

@@ -1,7 +1,6 @@
-import { ReactNode } from 'react';
-import * as React from 'react';
-import { Override } from '../overrides';
-import { SpacewebComponentProps } from '../types';
+import type * as React from 'react';
+import type { Override } from '../overrides';
+import type { SpacewebComponentProps } from '../types';
 export type VideoOverrides = {
     Root?: Override<{}>;
     Video?: Override<{}>;
@@ -11,7 +10,7 @@ export type VideoOverrides = {
     FallbackImg?: Override<{}>;
 };
 export type VideoProps = SpacewebComponentProps<React.VideoHTMLAttributes<HTMLVideoElement>> & {
-    children?: ReactNode;
+    children?: React.ReactNode;
     disabled?: boolean;
     height?: number;
     overrides?: VideoOverrides;

package/form-control/context.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Intent } from '../types';
+import type { Intent } from '../types';
 type FormControlContextValueType = {
     intent?: Intent;
 };

package/form-control/form-control.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { FormControlProps } from './types';
+import type { FormControlProps } from './types';
 declare const FormControl: React.ForwardRefExoticComponent<FormControlProps & React.RefAttributes<HTMLElement>>;
 export { FormControl };

package/form-control/form-control.js

@@ -71,7 +71,7 @@ var FormControl = (0, react_2.forwardRef)(function (_a, ref) {
                             _a[a11yErrorMessageId] = intentMessageNode,
                             _a[a11yDisabledTooltipId] = shouldShowDisabledTooltip,
                             _a));
-                        var childElement = React.cloneElement(child, tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ key: key, id: a11yFieldId, 'aria-invalid': invalidInput }, (invalidInput ? { 'aria-errormessage': error ? a11yErrorMessageId : a11yCaptionId } : {})), { 'aria-labelledby': a11yLabelId }), (ariaDescribedBy ? { 'aria-describedby': ariaDescribedBy } : {})), { 'aria-required': required ? 'true' : 'false', size: onlyChildProps.size || size, disabled: onlyChildProps.disabled || disabled, required: onlyChildProps.required || required }));
+                        var childElement = React.cloneElement(child, tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ key: key, id: a11yFieldId, 'aria-invalid': invalidInput }, (invalidInput ? { 'aria-errormessage': error ? a11yErrorMessageId : a11yCaptionId } : {})), (label ? { 'aria-labelledby': a11yLabelId } : {})), (ariaDescribedBy ? { 'aria-describedby': ariaDescribedBy } : {})), { 'aria-required': required ? 'true' : 'false', size: onlyChildProps.size || size, disabled: onlyChildProps.disabled || disabled, required: onlyChildProps.required || required }));
                         return shouldShowDisabledTooltip ? ((0, jsx_runtime_1.jsx)(DisabledTooltip, tslib_1.__assign({ content: disabledTooltip }, disabledTooltipProps, { children: (0, jsx_runtime_1.jsx)(box_1.Box, tslib_1.__assign({ className: "inline-block w-full" }, { children: childElement })) }), "disabled-tooltip-".concat(key))) : (childElement);
                     }),
                     captionMessage ? ((0, jsx_runtime_1.jsx)(Caption, tslib_1.__assign({ "data-spaceweb": "form-control-caption", id: a11yCaptionId }, sharedProps, captionProps, { children: renderWithIcon(intent, captionMessage) }))) : null,

package/form-control/info-icon.d.ts

@@ -1,8 +1,9 @@
-import React, { ReactNode } from 'react';
-import { TooltipProps } from '../tooltip';
-import { IconProps } from '../icon';
-import { ClassName } from '../types';
-import { FormControlOverrides } from '@sprinklrjs/spaceweb/form-control/types';
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { TooltipProps } from '../tooltip';
+import type { IconProps } from '../icon';
+import type { ClassName } from '../types';
+import type { FormControlOverrides } from '@sprinklrjs/spaceweb/form-control/types';
 type InfoIconOverrides = {
     SubTextTooltip?: FormControlOverrides['SubTextTooltip'];
     InfoIconContainer?: FormControlOverrides['InfoIconContainer'];

package/form-control/info-icon.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
-// components
 var tooltip_1 = require("../tooltip");
 var alert_warning_1 = tslib_1.__importDefault(require("../icon/components/alert-warning"));
 var overrides_1 = require("../overrides");

package/form-control/styled-component.js

@@ -5,6 +5,7 @@ var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 var themeHelpers_1 = require("../helpers/themeHelpers");
 var style_1 = require("../style");
+var box_1 = require("../box");
 var getIntentColor = function (_a, _b) {
     var theme = _a.theme;
     var $intent = _b.$intent;
@@ -32,7 +33,7 @@ exports.InternalStyledInfoIconContainer = (0, style_1.styled)('div', commonIconC
 exports.InternalStyledInfoIconContainer.__standard = 'Ignore';
 exports.DeprecatedStyledInfoIconContainer = (0, style_1.styled)('div', commonIconContainerClasses, 'spr-ui-03 ml-1 h-3 w-3');
 exports.DeprecatedStyledInfoIconContainer.__standard = 'Ignore';
-var RequiredDot = function (props) { return (0, jsx_runtime_1.jsx)("span", tslib_1.__assign({}, props, { children: "*" })); };
+var RequiredDot = function (props) { return ((0, jsx_runtime_1.jsx)(box_1.Box, tslib_1.__assign({ "$as": "span" }, props, { children: "*" }))); };
 exports.StyledRequiredDot = (0, style_1.styled)(RequiredDot, 'spr-text-error shrink-0 text-14 font-400 leading-150');
 exports.StyledRequiredDot.__standard = 'Ignore';
 exports.StyledRoot = (0, style_1.styled)('div', 'flex', function (utils, _a) {

package/form-control/types.d.ts

@@ -1,7 +1,6 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../overrides';
-import { ClassName, Intent, Styles } from '../types';
-import { ElementType } from 'react';
+import type { ClassName, Intent, Styles } from '../types';
 export type layout = 'vertical' | 'horizontal' | 'inline';
 export type Size = 'small' | 'medium';
 export type FormControlOverrides = {
@@ -40,7 +39,7 @@ export type FormControlProps = {
     required?: boolean;
     intent?: Intent;
     disabledTooltip?: React.ReactNode;
-    $as?: ElementType;
+    $as?: React.ElementType;
     className?: ClassName;
     style?: Styles;
 };

package/grid/Col.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren, ReactElement } from 'react';
-import { ColProps } from './types';
+import type { PropsWithChildren, ReactElement } from 'react';
+import type { ColProps } from './types';
 export declare const Col: {
     (props: PropsWithChildren<ColProps>): ReactElement;
     displayName: string;

package/grid/Grid.d.ts

@@ -1,8 +1,8 @@
 /**
  * @author Ivan Torres
  */
-import { ReactNode } from 'react';
-import { GridProps } from './types';
+import type { ReactNode } from 'react';
+import type { GridProps } from './types';
 export type Props = GridProps & {
     children?: ReactNode | ReactNode[];
 };

package/grid/Grid.js

@@ -3,9 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Grid = void 0;
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * @author Ivan Torres
- */
 var react_1 = require("react");
 var box_1 = require("../box");
 var useStyle_1 = tslib_1.__importDefault(require("../style/useStyle"));

package/grid/index.d.ts

@@ -1,6 +1,6 @@
 import { Grid } from './Grid';
 import { Col } from './Col';
-import { GridProps, ColProps } from './types';
+import type { GridProps, ColProps } from './types';
 export { Col, Grid };
 export type { ColProps, GridProps };
 export default Grid;

package/grid/types.d.ts

@@ -1,4 +1,4 @@
-import { SpacewebComponentProps } from '../types';
+import type { SpacewebComponentProps } from '../types';
 export type Grid = {
     cols?: number;
     rows?: number;

package/helpers/ClearIconButton.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { IconButtonProps } from '../button/IconButton';
-import { SharedProps } from '../select/types';
-declare const ClearIconButton: ({ size, $size, $isOpen, ...props }: IconButtonProps & Pick<SharedProps, '$size' | '$isOpen'>) => React.ReactElement;
+import type { IconButtonProps } from '../button/IconButton';
+import type { SharedProps } from '../select/types';
+declare const ClearIconButton: ({ size, $size: _$size, $isOpen: _$isOpen, ...props }: IconButtonProps & Pick<SharedProps, '$size' | '$isOpen'>) => React.ReactElement;
 export default ClearIconButton;

package/helpers/ClearIconButton.js

@@ -6,7 +6,7 @@ var IconButton_1 = tslib_1.__importDefault(require("../button/IconButton"));
 var close_1 = tslib_1.__importDefault(require("../icon/components/close"));
 var locale_1 = require("../locale");
 var ClearIconButton = function (_a) {
-    var size = _a.size, $size = _a.$size, $isOpen = _a.$isOpen, props = tslib_1.__rest(_a, ["size", "$size", "$isOpen"]);
+    var size = _a.size, _$size = _a.$size, _$isOpen = _a.$isOpen, props = tslib_1.__rest(_a, ["size", "$size", "$isOpen"]);
     var locale = (0, locale_1.useLocale)();
     var isDeprecatedSize = size !== 'small' && size !== 'medium';
     return ((0, jsx_runtime_1.jsx)(IconButton_1.default, tslib_1.__assign({ "aria-label": locale.input.clearAriaLabel }, props, { size: isDeprecatedSize ? undefined : 'small', overrides: isDeprecatedSize

package/helpers/commonStyles.js

@@ -19,9 +19,8 @@ var chevronStyles = function (_a, _b) {
     return styles;
 };
 exports.chevronStyles = chevronStyles;
-var chevronClassNames = function (_a, _b) {
-    var theme = _a.theme, px2rem = _a.px2rem;
-    var $isOpen = _b.$isOpen;
+var chevronClassNames = function (_, _a) {
+    var $isOpen = _a.$isOpen;
     return "h-2.5 w-2.5 transition-transform duration-200 ml-1 cursor-pointer ".concat($isOpen ? 'spr-icon-04 rotate-180' : 'spr-icon-01');
 };
 exports.chevronClassNames = chevronClassNames;

package/helpers/intentHelper.d.ts

@@ -1,4 +1,4 @@
-import { StyleUtils } from '../types';
+import type { StyleUtils } from '../types';
 export declare const intentColor: ({ theme, deprecatedAIThemeEnabled }: StyleUtils, { $intent }: {
     $intent?: string | undefined;
 }, defaultColor?: string) => string;

package/helpers/longHandHelpers.d.ts

@@ -1,4 +1,4 @@
-import { Properties } from 'csstype';
+import type { Properties } from 'csstype';
 export declare const borderRadius: (value: any) => Properties;
 export declare const borderWidth: (value: any) => Properties;
 export declare const borderStyle: (value: any) => Properties;

package/helpers/themeHelpers.d.ts

@@ -1,5 +1,5 @@
-import { Theme } from '@sprinklrjs/spaceweb-themes/types';
-import { Size } from '../types';
+import type { Theme } from '@sprinklrjs/spaceweb-themes/types';
+import type { Size } from '../types';
 export declare const isDarkTheme: (theme: any) => boolean;
 export declare const getComponentTheme: (theme: Theme, componentName: string) => any;
 export declare const getDeprecatedComponentTheme: (theme: Theme, componentName: string) => any;

package/hooks/useAutoFocus.d.ts

@@ -1,5 +1,5 @@
-import { RefObject, Ref } from 'react';
-import { FocusPosition } from '../input/types';
+import type { RefObject, Ref } from 'react';
+import type { FocusPosition } from '../input/types';
 type Params<T> = {
     autoFocus?: FocusPosition;
     inputRef?: Ref<T>;

package/hooks/useAutoFocus.js

@@ -57,6 +57,7 @@ var useAutoFocus = function (_a) {
         }
         catch (err) {
             if (__DEV__) {
+                // eslint-disable-next-line no-console -- debug logging
                 console.error(err);
             }
         }

package/hooks/useDebouncedEventHandler.d.ts

@@ -1,6 +1,6 @@
 /**
  *  Created by Aneree on 10/12/20.
  */
-import { ReactEventHandler } from 'react';
+import type { ReactEventHandler } from 'react';
 declare const useDebouncedEventHandler: <EH extends ReactEventHandler>(func: EH, defaultHandler?: EH | undefined, debounceInterval?: number) => (event: Parameters<EH>[0]) => void;
 export { useDebouncedEventHandler };

package/hooks/useDebouncedEventHandler.js

@@ -2,9 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDebouncedEventHandler = void 0;
 var tslib_1 = require("tslib");
-/**
- *  Created by Aneree on 10/12/20.
- */
 var react_1 = require("react");
 var debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
 var useLatest_1 = require("./useLatest");

package/hooks/useHover.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch, SetStateAction } from 'react';
+import type { Dispatch, SetStateAction } from 'react';
 export declare const useHover: () => [{
     onMouseEnter: () => void;
     onMouseLeave: () => void;

package/hooks/useMatchMedia.js

@@ -14,6 +14,7 @@ var getInitialState = function (query, defaultState) {
     }
     // A default value has not been provided, and you are rendering on the server, warn of a possible hydration mismatch when defaulting to false.
     if (process.env.NODE_ENV !== 'production') {
+        // eslint-disable-next-line no-console -- debug logging
         console.warn('`useMedia` When server side rendering, defaultState should be defined to prevent a hydration mismatches.');
     }
     return false;
@@ -34,7 +35,7 @@ var useMedia = function (query, defaultState) {
             mediaQueryList.addEventListener('change', onChange);
         }
         else {
-            // @ts-ignore -- Safari
+            // @ts-ignore -- Safari MediaQueryList still exposes addListener, not addEventListener
             mediaQueryList.addListener(onChange);
         }
         setState(mediaQueryList.matches);
@@ -44,7 +45,7 @@ var useMedia = function (query, defaultState) {
                 mediaQueryList.removeEventListener('change', onChange);
             }
             else {
-                // @ts-ignore -- Safari
+                // @ts-ignore -- Safari MediaQueryList still exposes removeListener, not removeEventListener
                 mediaQueryList.removeListener(onChange);
             }
         };

package/hooks/useSVGAnimation.d.ts

@@ -1,5 +1,5 @@
-import { MouseEventHandler } from 'react';
-import { AnimationType } from '../icon';
+import type { MouseEventHandler } from 'react';
+import type { AnimationType } from '../icon';
 type Params<T extends {
     animate?: AnimationType | boolean;
 }> = Omit<T, 'animate' | 'onMouseEnter' | 'onMouseLeave'> & {

package/hooks/useTabsKeyboardNavigation.d.ts

@@ -1,4 +1,4 @@
-import { KeyboardEvent, RefObject } from 'react';
+import type { KeyboardEvent, RefObject } from 'react';
 export declare enum KEYBOARD_ACTION {
     next = "next",
     previous = "previous"

package/hooks/useTabsKeyboardNavigation.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTabsKeyboardNavigation = exports.KEYBOARD_ACTION = void 0;
-// libs
 var react_1 = require("react");
 // hooks
 var theme_1 = require("../theme");

package/hooks/useTransitionState.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTransitionState = void 0;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
-// eslint-disable-next-line arrow-parens
 var useTransitionState = function () {
     var params = [];
     for (var _i = 0; _i < arguments.length; _i++) {

package/icon/components/alert-solid.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import { IconProps } from '../types';
+import type { IconProps } from '../types';
 export default function AlertSolid(props: IconProps): React.ReactElement;

package/icon/components/alert-warning.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import { IconProps } from '../types';
+import type { IconProps } from '../types';
 export default function AlertWarning(props: IconProps): React.ReactElement;

package/icon/components/alert.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import { IconProps } from '../types';
+import type { IconProps } from '../types';
 export default function Alert(props: IconProps): React.ReactElement;

package/icon/components/calendar-solid.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import { IconProps } from '../types';
+import type { IconProps } from '../types';
 export default function CalendarSolid(props: IconProps): React.ReactElement;

package/icon/components/chevron-down-solid.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import { IconProps } from '../types';
+import type { IconProps } from '../types';
 export default function ChevronDownSolid(props: IconProps): React.ReactElement;

package/icon/components/chevron-down.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import { IconProps } from '../types';
+import type { IconProps } from '../types';
 export default function ChevronDown(props: IconProps): React.ReactElement;

package/icon/components/chevron-left.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import { IconProps } from '../types';
+import type { IconProps } from '../types';
 export default function ChevronLeft(props: IconProps): React.ReactElement;

package/icon/components/chevron-right.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import { IconProps } from '../types';
+import type { IconProps } from '../types';
 export default function ChevronRight(props: IconProps): React.ReactElement;

package/icon/components/clock-icon.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import { IconProps } from '../types';
+import type { IconProps } from '../types';
 export default function ClockIcon(props: IconProps): React.ReactElement;

package/icon/components/close.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import { IconProps } from '../types';
+import type { IconProps } from '../types';
 export default function Close(props: IconProps): React.ReactElement;

package/icon/components/delete-solid.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import { IconProps } from '../types';
+import type { IconProps } from '../types';
 export default function DeleteSolid(props: IconProps): React.ReactElement;