@sprinklrjs/spaceweb 14.11.4 → 14.12.0

package/esm/date-input/types.d.ts

@@ -1,8 +1,8 @@
-import { Override } from '../overrides';
-import { DatePickerProps } from '../date-picker';
-import { InputProps } from '../input';
-import { ChangeEvent } from 'react';
-import { getAnyDateParser } from './utils';
+import type { Override } from '../overrides';
+import type { DatePickerProps } from '../date-picker';
+import type { InputProps } from '../input';
+import type { ChangeEvent } from 'react';
+import type { getAnyDateParser } from './utils';
 export type DateInputProps = Omit<InputProps, 'value' | 'onChange' | 'min' | 'max' | 'debouncedOnChange' | 'debounceInterval' | 'type' | 'inputMode' | 'overrides'> & Pick<DatePickerProps, 'getTimeRangesForDate' | 'formatString' | 'adapter' | 'value' | 'weekStartsOn' | 'minDate' | 'maxDate' | 'timeSelect' | 'showTimezone' | 'timezone' | 'timezoneOptions' | 'disableTimezoneSwitch'> & {
     locale?: any;
     disableOutOfBoundaryDateAdaptation?: boolean;

package/esm/date-picker/Calendar.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren, ReactElement } from 'react';
-import { CalendarProps } from './types';
+import type { PropsWithChildren, ReactElement } from 'react';
+import type { CalendarProps } from './types';
 declare const Calendar: {
     ({ overrides, adapter, formatString, weekStartsOn, getDefaultTime, formatDisplayValue, ...props }: PropsWithChildren<CalendarProps>): ReactElement;
     __standard: string;

package/esm/date-picker/DateInput.js

@@ -178,7 +178,7 @@ function (_a) {
             setYear(date ? dateHelpers.getYear(date) : '');
         }
     };
-    var yearBlur = function (event) {
+    var yearBlur = function (_event) {
         setYear(date ? dateHelpers.formatDate(date, 'yyyy') : '');
     };
     var yearChange = function (event) {

package/esm/date-picker/DatePicker.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { DatePickerProps } from './types';
+import type { ReactElement } from 'react';
+import type { DatePickerProps } from './types';
 export declare const DatePicker: {
     (props: DatePickerProps): ReactElement;
     __standard: string;

package/esm/date-picker/StatelessDatePicker.js

@@ -26,7 +26,7 @@ import { useStyle } from '../style';
 export var StatelessDatePicker = function (_props) {
     var _a, _b, _c;
     var theme = useStyle().theme;
-    var _d = useContextualFormProps(_props), onChange = _d.onChange, onBlur = _d.onBlur, _e = _d.adapter, adapter = _e === void 0 ? dateFnsAdapter : _e, _f = _d.size, size = _f === void 0 ? getDefaultSize(theme) : _f, _g = _d.formatString, formatString = _g === void 0 ? DEFAULT_FORMAT_STRING : _g, _h = _d.isOpen, isOpen = _h === void 0 ? false : _h, onFocus = _d.onFocus, clearable = _d.clearable, displayValueAtRangeIndex = _d.displayValueAtRangeIndex, _j = _d.variant, variant = _j === void 0 ? 'default' : _j, overrides = _d.overrides, intent = _d.intent, _value = _d.value, formatDisplayValue = _d.formatDisplayValue, _k = _d.autoSizeInput, autoSizeInput = _k === void 0 ? false : _k, weekStartsOn = _d.weekStartsOn, _l = _d.timezone, timezone = _l === void 0 ? getSystemTzName() : _l, _m = _d.showTimezone, showTimezone = _m === void 0 ? false : _m, timezoneOptions = _d.timezoneOptions, props = __rest(_d, ["onChange", "onBlur", "adapter", "size", "formatString", "isOpen", "onFocus", "clearable", "displayValueAtRangeIndex", "variant", "overrides", "intent", "value", "formatDisplayValue", "autoSizeInput", "weekStartsOn", "timezone", "showTimezone", "timezoneOptions"]);
+    var _d = useContextualFormProps(_props), onChange = _d.onChange, onBlur = _d.onBlur, _e = _d.adapter, adapter = _e === void 0 ? dateFnsAdapter : _e, _f = _d.size, size = _f === void 0 ? getDefaultSize(theme) : _f, _g = _d.formatString, formatString = _g === void 0 ? DEFAULT_FORMAT_STRING : _g, _h = _d.isOpen, isOpen = _h === void 0 ? false : _h, onFocus = _d.onFocus, clearable = _d.clearable, _displayValueAtRangeIndex = _d.displayValueAtRangeIndex, _j = _d.variant, variant = _j === void 0 ? 'default' : _j, overrides = _d.overrides, intent = _d.intent, _value = _d.value, formatDisplayValue = _d.formatDisplayValue, _k = _d.autoSizeInput, autoSizeInput = _k === void 0 ? false : _k, weekStartsOn = _d.weekStartsOn, _l = _d.timezone, timezone = _l === void 0 ? getSystemTzName() : _l, _m = _d.showTimezone, showTimezone = _m === void 0 ? false : _m, timezoneOptions = _d.timezoneOptions, props = __rest(_d, ["onChange", "onBlur", "adapter", "size", "formatString", "isOpen", "onFocus", "clearable", "displayValueAtRangeIndex", "variant", "overrides", "intent", "value", "formatDisplayValue", "autoSizeInput", "weekStartsOn", "timezone", "showTimezone", "timezoneOptions"]);
     var locale = useLocale();
     var dateHelpers = React.useMemo(function () { return new DateHelpers(adapter); }, [adapter]);
     var dateFnsLocale = React.useMemo(function () { return prepareLocale(props.locale, { weekStartsOn: weekStartsOn }); }, [weekStartsOn, props.locale]);

package/esm/date-picker/TimeInput.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import DateHelpers from '../baseui/datepicker/utils/date-helpers';
-import { DateIOAdapter } from '../baseui/datepicker/utils/types';
-import { GetTimeRangesForDate } from '../baseui/datepicker/types';
+import type DateHelpers from '../baseui/datepicker/utils/date-helpers';
+import type { DateIOAdapter } from '../baseui/datepicker/utils/types';
+import type { GetTimeRangesForDate } from '../baseui/datepicker/types';
 import type { InputSize } from '../input/types';
 type TimeInputProps = {
     time?: Date | null;

package/esm/date-picker/TimezoneDisplay.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 import type { TimezonePickerProps } from '../time-zone-picker';
 type Props = Pick<TimezonePickerProps, 'mapLabels' | 'timezoneOptions' | 'value' | 'date'> & {};
 export declare const TimezoneOptionsDisplay: import("react").MemoExoticComponent<({ date, mapLabels, timezoneOptions, value }: Props) => ReactElement>;

package/esm/date-picker/stateful-container.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { StatefulContainerProps } from './types';
+import type { ReactElement } from 'react';
+import type { StatefulContainerProps } from './types';
 declare const StatefulContainer: {
     ({ adapter, onChange, value, startOpen, ...props }: StatefulContainerProps): ReactElement;
     defaultProps: {

package/esm/date-picker/stateful-container.js

@@ -30,7 +30,7 @@ var StatefulContainer = function (_a) {
             setIsOpen(false);
         }
     }, [setDate, setIsOpen, onChange, props.showTimezone]);
-    var children = props.children, restProps = __rest(props, ["children"]);
+    var _children = props.children, restProps = __rest(props, ["children"]);
     return (_c = props.children) === null || _c === void 0 ? void 0 : _c.call(props, __assign(__assign({}, restProps), { value: date, adapter: adapter, onChange: handleDateChange, onFocus: handleOpen, onBlur: handleClose, isOpen: isOpen, range: false, timezone: timezone }));
 };
 StatefulContainer.defaultProps = {

package/esm/date-picker/styled-components.d.ts

@@ -1,8 +1,8 @@
-import { ClassName, Styles } from '../types';
+import type { ClassName, Styles } from '../types';
 export declare const StyledInputWrapper: import("../style").StyledComponent;
 export declare const getInputPaddingX: (size: any) => "px-1.75" | "px-2.75";
 export declare const getInputPaddingY: (size: any) => "py-2" | "py-1.5" | "py-0.75" | "py-2.5";
-export declare const getDayStyles: (todaySOD: any) => ClassName;
+export declare const getDayStyles: (_todaySOD: any) => ClassName;
 export declare const getDayNumberStyles: (todaySOD: any) => Styles;
 export declare const StyledFooter: import("../style").StyledComponent;
 export declare const StyledFooterBeforeEnhancer: import("../style").StyledComponent;

package/esm/date-picker/styled-components.js

@@ -124,7 +124,7 @@ var getTempRTLAdaptedStyles = function (code) {
     }));
     return dayStyles[code] || {};
 };
-export var getDayStyles = function (todaySOD) { return [
+export var getDayStyles = function (_todaySOD) { return [
     'text-12 leading-5 w-9 flex items-center justify-center forced-colors:after:content-empty',
     function (_, _a) {
         var $isHovered = _a.$isHovered, $isFocusVisible = _a.$isFocusVisible;

package/esm/date-picker/types.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { CalendarProps as BaseCalendarProps, DatepickerProps as BaseDatepickerProps, SharedStylePropsT } from '../baseui/datepicker';
-import { TimePickerProps } from '../time-picker';
-import { TimezonePickerProps } from '../time-zone-picker';
-import { InputSize, InputVariant } from '../input';
-import { Override } from '../overrides/types';
-import { Intent } from '../types';
+import type { CalendarProps as BaseCalendarProps, DatepickerProps as BaseDatepickerProps, SharedStylePropsT } from '../baseui/datepicker';
+import type { TimePickerProps } from '../time-picker';
+import type { TimezonePickerProps } from '../time-zone-picker';
+import type { InputSize, InputVariant } from '../input';
+import type { Override } from '../overrides/types';
+import type { Intent } from '../types';
 export type FormatString = string;
 export type WeekStartsOn = 0 | 1 | 2 | 3 | 4 | 5 | 6;
 export type CalendarProps = Omit<BaseCalendarProps, 'overrides'> & {

package/esm/date-picker/utils.js

@@ -1,12 +1,9 @@
 import { __assign, __rest } from "tslib";
-// eslint-disable-next-line import/no-duplicates -- required for date-fns
 import en from 'date-fns/locale/en-US';
 import getInterpolatedString from '../baseui/helpers/i18n-interpolation';
 import DateHelpers from '../baseui/datepicker/utils/date-helpers';
 import dateFnsAdapter from '../baseui/datepicker/utils/date-fns-adapter';
-// eslint-disable-next-line import/no-duplicates -- required for date-fns
 import min from 'date-fns/fp/min';
-// eslint-disable-next-line import/no-duplicates -- required for date-fns
 import max from 'date-fns/fp/max';
 import { DEFAULT_FORMAT_STRING, MS_IN_DAY, MS_IN_HOUR, MS_IN_MINUTE, MS_IN_SECOND } from './constants';
 export var getDateInsideMinMaxBoundary = function (date, minDate, maxDate) {

package/esm/date-time/DateTime.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DateTimeProps } from './types';
+import type { DateTimeProps } from './types';
 export declare const DateTime: {
     ({ date, variant, dateTimeOptions }: DateTimeProps): JSX.Element;
     __standard: string;

package/esm/date-time/types.d.ts

@@ -1,4 +1,4 @@
-import { ValueOf } from '../utility-types';
+import type { ValueOf } from '../utility-types';
 export declare const DATE_TIME_VARIANTS: {
     readonly SHORT_DATE: "shortDate";
     readonly MEDIUM_DATE: "mediumDate";

package/esm/date-time/useDateTime.d.ts

@@ -1,2 +1,2 @@
-import { DateTimeProps } from './types';
+import type { DateTimeProps } from './types';
 export declare const useDateTime: ({ date, variant, dateTimeOptions }: DateTimeProps) => string;

package/esm/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/esm/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/esm/form-control/form-control.js

@@ -68,7 +68,7 @@ var FormControl = forwardRef(function (_a, ref) {
                             _a[a11yErrorMessageId] = intentMessageNode,
                             _a[a11yDisabledTooltipId] = shouldShowDisabledTooltip,
                             _a));
-                        var childElement = React.cloneElement(child, __assign(__assign(__assign(__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, __assign(__assign(__assign(__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 ? (_jsx(DisabledTooltip, __assign({ content: disabledTooltip }, disabledTooltipProps, { children: _jsx(Box, __assign({ className: "inline-block w-full" }, { children: childElement })) }), "disabled-tooltip-".concat(key))) : (childElement);
                     }),
                     captionMessage ? (_jsx(Caption, __assign({ "data-spaceweb": "form-control-caption", id: a11yCaptionId }, sharedProps, captionProps, { children: renderWithIcon(intent, captionMessage) }))) : null,

package/esm/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/esm/form-control/info-icon.js

@@ -1,6 +1,5 @@
 import { __assign, __read } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-// components
 import { StatefulTooltip } from '../tooltip';
 import InfoIconSVG from '../icon/components/alert-warning';
 import { useOverrides } from '../overrides';

package/esm/form-control/styled-component.js

@@ -2,6 +2,7 @@ import { __assign } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { isDarkTheme } from '../helpers/themeHelpers';
 import { styled } from '../style';
+import { Box } from '../box';
 export var getIntentColor = function (_a, _b) {
     var theme = _a.theme;
     var $intent = _b.$intent;
@@ -28,7 +29,7 @@ export var InternalStyledInfoIconContainer = styled('div', commonIconContainerCl
 InternalStyledInfoIconContainer.__standard = 'Ignore';
 export var DeprecatedStyledInfoIconContainer = styled('div', commonIconContainerClasses, 'spr-ui-03 ml-1 h-3 w-3');
 DeprecatedStyledInfoIconContainer.__standard = 'Ignore';
-var RequiredDot = function (props) { return _jsx("span", __assign({}, props, { children: "*" })); };
+var RequiredDot = function (props) { return (_jsx(Box, __assign({ "$as": "span" }, props, { children: "*" }))); };
 export var StyledRequiredDot = styled(RequiredDot, 'spr-text-error shrink-0 text-14 font-400 leading-150');
 StyledRequiredDot.__standard = 'Ignore';
 export var StyledRoot = styled('div', 'flex', function (utils, _a) {

package/esm/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/esm/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/esm/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/esm/grid/Grid.js

@@ -1,8 +1,5 @@
 import { __assign } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @author Ivan Torres
- */
 import { useMemo, forwardRef } from 'react';
 import { Box } from '../box';
 import useStyle from '../style/useStyle';

package/esm/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/esm/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/esm/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/esm/helpers/ClearIconButton.js

@@ -4,7 +4,7 @@ import IconButton from '../button/IconButton';
 import Close from '../icon/components/close';
 import { useLocale } from '../locale';
 var ClearIconButton = function (_a) {
-    var size = _a.size, $size = _a.$size, $isOpen = _a.$isOpen, props = __rest(_a, ["size", "$size", "$isOpen"]);
+    var size = _a.size, _$size = _a.$size, _$isOpen = _a.$isOpen, props = __rest(_a, ["size", "$size", "$isOpen"]);
     var locale = useLocale();
     var isDeprecatedSize = size !== 'small' && size !== 'medium';
     return (_jsx(IconButton, __assign({ "aria-label": locale.input.clearAriaLabel }, props, { size: isDeprecatedSize ? undefined : 'small', overrides: isDeprecatedSize

package/esm/helpers/commonStyles.js

@@ -15,9 +15,8 @@ export var chevronStyles = function (_a, _b) {
     }
     return styles;
 };
-export var chevronClassNames = function (_a, _b) {
-    var theme = _a.theme, px2rem = _a.px2rem;
-    var $isOpen = _b.$isOpen;
+export 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');
 };
 /**

package/esm/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/esm/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/esm/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/esm/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/esm/hooks/useAutoFocus.js

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

package/esm/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/esm/hooks/useDebouncedEventHandler.js

@@ -1,7 +1,4 @@
 import { __read, __spreadArray } from "tslib";
-/**
- *  Created by Aneree on 10/12/20.
- */
 import { useMemo, useCallback, useEffect } from 'react';
 import _debounce from 'lodash/debounce';
 import { useLatest } from './useLatest';

package/esm/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/esm/hooks/useMatchMedia.js

@@ -11,6 +11,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;
@@ -31,7 +32,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);
@@ -41,7 +42,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/esm/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/esm/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/esm/hooks/useTabsKeyboardNavigation.js

@@ -1,4 +1,3 @@
-// libs
 import { useCallback, useRef } from 'react';
 // hooks
 import { useTheme } from '../theme';

package/esm/hooks/useTransitionState.js

@@ -1,6 +1,5 @@
 import { __read, __spreadArray } from "tslib";
 import { useCallback, useState, startTransition } from 'react';
-// eslint-disable-next-line arrow-parens
 export var useTransitionState = function () {
     var params = [];
     for (var _i = 0; _i < arguments.length; _i++) {

package/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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;

package/esm/icon/components/error-clr.d.ts

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

package/esm/icon/components/error.d.ts

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

package/esm/icon/components/form.d.ts

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

package/esm/icon/components/imagePreview.d.ts

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

package/esm/icon/components/info-circle.d.ts

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

package/esm/icon/components/info-solid.d.ts

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

package/esm/icon/components/info.d.ts

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

package/esm/icon/components/no-video.d.ts

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

package/esm/icon/components/noPreview.d.ts

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

package/esm/icon/components/options.d.ts

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