@sprinklrjs/spaceweb 14.11.4 → 14.12.0

package/spacewebProvider/SpacewebProvider.d.ts

@@ -1,8 +1,8 @@
-import { ReactElement, ReactNode } from 'react';
+import type { ReactElement, ReactNode } from 'react';
 import * as React from 'react';
-import { StandardEngine } from 'styletron-standard';
-import { Direction, ThemeModule } from '@sprinklrjs/spaceweb-themes/types';
-import { Override } from '../overrides';
+import type { StandardEngine } from 'styletron-standard';
+import type { Direction, ThemeModule } from '@sprinklrjs/spaceweb-themes/types';
+import type { Override } from '../overrides';
 import { LocaleProvider } from '../locale';
 export type Props = {
     children: ReactNode;

package/spacewebProvider/SpacewebProvider.js

@@ -15,7 +15,7 @@ var useHasMounted_1 = require("../hooks/useHasMounted");
 var LAYERS_DEFAULT_ZINDEX = 9999;
 function SpacewebProvider(props) {
     var _a, _b;
-    var children = props.children, _c = props.layersZIndex, layersZIndex = _c === void 0 ? LAYERS_DEFAULT_ZINDEX : _c, overrides = props.overrides, theme = props.theme, locale = props.locale, _d = props.debug, debug = _d === void 0 ? false : _d, density = props.density, langCode = props.langCode, _e = props.debugCssInJs, debugCssInJs = _e === void 0 ? false : _e, nonce = props.nonce;
+    var children = props.children, _c = props.layersZIndex, layersZIndex = _c === void 0 ? LAYERS_DEFAULT_ZINDEX : _c, theme = props.theme, locale = props.locale, _d = props.debug, debug = _d === void 0 ? false : _d, density = props.density, langCode = props.langCode, _e = props.debugCssInJs, debugCssInJs = _e === void 0 ? false : _e, nonce = props.nonce;
     var doc = (0, DocumentProvider_1.useDocument)();
     var styleEngine = props.styleEngine || (0, styleEngine_1.getStyleEngine)(doc, nonce);
     // TODO: This must be removed once baseui code exposes focusVisible from utils/index

package/stack/context.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ClassName, StyleObject } from '../types';
+import type { ClassName, StyleObject } from '../types';
 type stackContextProps = Partial<{
     className: ClassName;
     shrink: boolean;

package/stack/stack.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ClassName } from '../types';
+import type { ClassName } from '../types';
 declare const Stack: React.ForwardRefExoticComponent<Omit<React.AllHTMLAttributes<HTMLElement>, "className" | "style"> & {
     $as?: React.ElementType | undefined;
     className?: ClassName;

package/stack/types.d.ts

@@ -1,5 +1,5 @@
-import { SpacewebComponentProps } from '../types';
-import { Override } from '../overrides';
+import type { SpacewebComponentProps } from '../types';
+import type { Override } from '../overrides';
 type Direction = 'horizontal' | 'vertical';
 type StackConfig = {
     direction?: Direction;

package/style/_buildUtils.d.ts

@@ -1,4 +1,4 @@
-import { StyleUtils, ThemeContext, StyleObject } from '../types';
+import type { StyleUtils, ThemeContext, StyleObject } from '../types';
 type StyletronCSS = (arg: StyleObject) => string;
 declare const _default: (_ctx: ThemeContext, styletronCSS: StyletronCSS) => StyleUtils;
 export default _default;

package/style/_css.d.ts

@@ -1,6 +1,6 @@
 /**
  * @author Ivan Torres
  */
-import { Styles, StyleUtils, StyleObject } from '../types';
+import type { Styles, StyleUtils, StyleObject } from '../types';
 declare const _css: (utils: StyleUtils, styletronCSS: (arg: StyleObject) => string, ...args: Styles[]) => string;
 export default _css;

package/style/_cssParseStyle.d.ts

@@ -1,7 +1,7 @@
 /**
  * @author Ivan Torres
  */
-import { Styles, StyleUtils, StyleObject } from '../types';
+import type { Styles, StyleUtils, StyleObject } from '../types';
 export declare const PSEUDO_SELECTORS: {
     hover: string;
     focus: string;

package/style/_getStyle.d.ts

@@ -1,6 +1,6 @@
 /**
  * @author Ivan Torres
  */
-import { Styles, StyleUtils, StyleObject } from '../types';
+import type { Styles, StyleUtils, StyleObject } from '../types';
 declare const _getStyle: (utils: StyleUtils, ...args: Styles[]) => StyleObject;
 export default _getStyle;

package/style/_getStyleWithProps.d.ts

@@ -1,6 +1,6 @@
 /**
  * @author Ivan Torres
  */
-import { Styles, StyleUtils, StyleObject } from '../types';
+import type { Styles, StyleUtils, StyleObject } from '../types';
 declare const _getStyleWithProps: (utils: StyleUtils, props: any, ...args: Styles[]) => StyleObject;
 export default _getStyleWithProps;

package/style/_parseClassName.d.ts

@@ -1,5 +1,5 @@
 /**
  * @author Ivan Torres
  */
-import { DeprecatedStyleAtom, StyleUtils, RecursiveArray } from '../types';
+import type { DeprecatedStyleAtom, StyleUtils, RecursiveArray } from '../types';
 export declare const _parseClassName: (utils: StyleUtils, styletronCss: any, props: any, className: DeprecatedStyleAtom | RecursiveArray<DeprecatedStyleAtom>) => [string, string];

package/style/_parseStyleProp.d.ts

@@ -1,6 +1,6 @@
 /**
  * @author Ivan Torres
  */
-import { DeprecatedStyleAtom, RecursiveArray, StyleUtils } from '../types';
-import { CSSProperties } from 'react';
+import type { DeprecatedStyleAtom, RecursiveArray, StyleUtils } from '../types';
+import type { CSSProperties } from 'react';
 export declare const _parseStyleProp: (utils: StyleUtils, styletronCss: any, props: any, styles?: DeprecatedStyleAtom | RecursiveArray<DeprecatedStyleAtom>) => [string, CSSProperties, string];

package/style/_parseStyleProp.js

@@ -41,10 +41,11 @@ var resolveStyleObjects = function (flattenStyles, _a) {
     }, ['', '']);
 };
 var _parseStyleProp = function (utils, styletronCss, props, styles) {
-    var flattenStyles = flattenDeep([styles]), isStringsArray = true, // determines if all the arguments are string in the styles
+    var flattenStyles = flattenDeep([styles]);
+    var isStringsArray = true, // determines if all the arguments are string in the styles
     inlineStyles = true; // determines if all the arguments are CssProp objects in the styles
     var inlineStylesObj = {}; // merged object of all the style objects in the arguments
-    flattenStyles.forEach(function (_styleArg, index) {
+    flattenStyles.forEach(function (_styleArg, _index) {
         var styleArg = _styleArg;
         if (typeof styleArg === 'function') {
             styleArg = styleArg(utils, props);

package/style/_px2rem.d.ts

@@ -1,7 +1,7 @@
 /**
  * @author Ivan Torres
  */
-import { ThemeContext } from '../types';
+import type { ThemeContext } from '../types';
 /**
  * Translates length from pixels to rems units (based on theme `htmlFontSize`)
  */

package/style/styled-with-css-variables.d.ts

@@ -1,5 +1,5 @@
 import type { StyledComponent, Tag } from './styled';
-import { CSSVariables, CSSVariablesStyleFn, ClassName } from '../types';
+import type { CSSVariables, CSSVariablesStyleFn, ClassName } from '../types';
 type StyledFunc = (ComponentOrTag: Tag, cssVariables: CSSVariables | CSSVariablesStyleFn, ...args: ClassName[]) => StyledComponent;
 declare const styledWithCssVariables: StyledFunc;
 export default styledWithCssVariables;

package/style/styled.d.ts

@@ -2,8 +2,8 @@
  * @author Ivan Torres
  */
 import * as React from 'react';
-import { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
-import { ClassName } from '../types';
+import type { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
+import type { ClassName } from '../types';
 export type Tag = keyof JSX.IntrinsicElements | React.ComponentType<React.PropsWithChildren<any>>;
 type StyledFunc = (ComponentOrTag: Tag, ...args: ClassName[]) => StyledComponent;
 export type StyledComponent = ForwardRefExoticComponent<PropsWithoutRef<any> & RefAttributes<HTMLElement | React.ComponentClass>>;

package/style/styled.js

@@ -24,7 +24,7 @@ var styled = function (ComponentOrTag) {
         var ctx = (0, theme_1.useTheme)();
         var debugCssInJs = ctx.debugCssInJs;
         var _a = tslib_1.__read((0, useMemoizedStyletron_1.default)(), 1), styletronCSS = _a[0];
-        var _b = props.className, className = _b === void 0 ? '' : _b, style = props.style, sx = props.sx, $className = props.$className, $style = props.$style, ownProps = tslib_1.__rest(props, ["className", "style", "sx", "$className", "$style"]);
+        var _b = props.className, className = _b === void 0 ? '' : _b, style = props.style, _sx = props.sx, $className = props.$className, $style = props.$style, ownProps = tslib_1.__rest(props, ["className", "style", "sx", "$className", "$style"]);
         var Component = props.$as || ComponentOrTag;
         // NOTE: prepend previously generated classes by styletron, this can happen
         // when re-styling a component built with `styled` or `className` added

package/style/useMemoizedStyletron.js

@@ -5,13 +5,13 @@ var styletron_react_1 = require("styletron-react");
 var react_1 = require("react");
 var useLatest_1 = require("../hooks/useLatest");
 var context_1 = require("../theme/context");
-var identity = function (x) { return x; };
+var _identity = function (x) { return x; };
 /**
  * styletron returns new `styletronCSS` function each time the hook is called. This hook memorizes the css function and returns same reference every time.
  */
 var useMemoizedStyletron = function () {
     var _a = tslib_1.__read((0, styletron_react_1.useStyletron)(), 1), styletronCSS = _a[0];
-    var ctx = (0, context_1.useTheme)();
+    var _ctx = (0, context_1.useTheme)();
     var cssRef = (0, useLatest_1.useLatest)(styletronCSS);
     var css = (0, react_1.useCallback)(function (arg) { return cssRef.current(arg); }, [cssRef]);
     return [css];

package/style/useStyle.d.ts

@@ -1,6 +1,6 @@
 /**
  * @author Ivan Torres
  */
-import { StyleUtils } from '../types';
+import type { StyleUtils } from '../types';
 declare const useStyle: () => StyleUtils;
 export default useStyle;

package/styleEngine/styleEngine.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren, ReactElement } from 'react';
-import { StandardEngine, Sheet, KeyframesObject } from '../types';
+import type { PropsWithChildren, ReactElement } from 'react';
+import type { StandardEngine, Sheet, KeyframesObject } from '../types';
 export type ProviderProps = {
     styleEngine?: StandardEngine;
     debug?: boolean;

package/styleEngine/styleEngine.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.appendCacheContainer = exports.deprecatedRenderKeyframes = exports.getStylesheetsHtml = exports.getStylesheets = exports.StyleProvider = exports.getStyleEngine = exports.hydrate = exports.isServer = exports.SPACEWEB_STYLE_CONTAINER_ID = exports.SPACEWEB_STYLE_PREFIX = void 0;
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint @typescript-eslint/no-use-before-define: 0 */
 var react_1 = require("react");
 var styletron_engine_atomic_1 = require("styletron-engine-atomic");
 var styletron_react_1 = require("styletron-react");

package/switch/switch.d.ts

@@ -1,7 +1,7 @@
-import { ReactElement } from 'react';
-import { SwitchProps, StatefulSwitchProps } from './types';
+import type { ReactElement } from 'react';
+import type { SwitchProps, StatefulSwitchProps } from './types';
 export declare const Switch: {
-    ({ style, ...restProps }: SwitchProps): ReactElement;
+    ({ style: _style, ...restProps }: SwitchProps): ReactElement;
     displayName: string;
 };
 export declare const StatefulSwitch: {

package/switch/switch.js

@@ -6,7 +6,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var checkbox_1 = require("../checkbox");
 var useStatefulCheckbox_1 = tslib_1.__importDefault(require("../checkbox/hooks/useStatefulCheckbox"));
 var Switch = function (_a) {
-    var style = _a.style, restProps = tslib_1.__rest(_a, ["style"]);
+    var _style = _a.style, restProps = tslib_1.__rest(_a, ["style"]);
     return ((0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, tslib_1.__assign({ "data-spaceweb": "switch", checkmarkType: checkbox_1.STYLE_TYPE.toggle, labelPlacement: "right" }, restProps)));
 };
 exports.Switch = Switch;

package/tabs/contexts.d.ts

@@ -1,5 +1,5 @@
-import { Key } from 'react';
-import { ChangEventHandler, TabListProps } from './types';
+import type { Key } from 'react';
+import type { ChangEventHandler, TabListProps } from './types';
 export declare const StatefulTabsContext: import("react").Context<{
     activeTabId: Key;
     onChange: ChangEventHandler;

package/tabs/helpers.d.ts

@@ -1,4 +1,4 @@
-import { position } from './types';
+import type { position } from './types';
 export declare const resetStyles = "border-transparent outline-none";
 export declare const baseTabClasses = "spr-text-primary cursor-pointer border-solid border-t-0 border-l-0 border-r-0 border-b-0 focus-visible:spr-link focus-visible:-outline-offset-2";
 export declare const isVertical: ($position?: position) => boolean;

package/tabs/scroll-button.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 export type ScrollButtonProps = {
     scrollDirection: 'backward' | 'forward';
     disabled?: boolean;

package/tabs/stateful-tabs.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren, ReactElement } from 'react';
-import { StatefulTabProps } from './types';
+import type { PropsWithChildren, ReactElement } from 'react';
+import type { StatefulTabProps } from './types';
 declare const StatefulTabs: {
     ({ defaultActiveTabId, children, onChange, }: PropsWithChildren<StatefulTabProps>): ReactElement;
     displayName: string;

package/tabs/styled-components.d.ts

@@ -1,5 +1,5 @@
-import { SharedPropsTabs } from './types';
-import { ClassName, Styles } from '../types';
+import type { SharedPropsTabs } from './types';
+import type { ClassName, Styles } from '../types';
 export declare const tabsStyles: (_: any, { $variant, $position }: SharedPropsTabs) => string;
 export declare const tabStyle: ClassName;
 export declare const tabUnderlineStyles: Styles;

package/tabs/tab-list.d.ts

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

package/tabs/tab.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { TabProps } from './types';
+import type { ReactElement } from 'react';
+import type { TabProps } from './types';
 declare const _default: import("react").MemoExoticComponent<{
     (props: TabProps): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     displayName: string;

package/tabs/tabs-panel.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { TabsPanelProps } from './types';
+import type { ReactElement } from 'react';
+import type { TabsPanelProps } from './types';
 declare const TabsPanel: {
     (props: TabsPanelProps): ReactElement | null;
     displayName: string;

package/tabs/types.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { Override } from '../overrides';
-import { SpacewebComponentProps } from '../types';
-import { TooltipProps } from '../tooltip';
+import type * as React from 'react';
+import type { Override } from '../overrides';
+import type { SpacewebComponentProps } from '../types';
+import type { TooltipProps } from '../tooltip';
 export type position = 'top' | 'left' | 'right';
 export type variant = 'default' | 'flap' | 'deprecated';
 export type Layout = 'vertical' | 'horizontal';

package/tag/constants.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '@sprinklrjs/spaceweb-themes/types';
+import type { Theme } from '@sprinklrjs/spaceweb-themes/types';
 export declare const TAG_INTENT_TO_BG_COLOR: {
     readonly info: (theme: Theme) => "#0E3386" | "#D3E8FF";
     readonly review: (theme: Theme) => "#8A3700" | "#FFDFCA";

package/tag/status-tag.d.ts

@@ -1,5 +1,5 @@
 import { type ReactElement } from 'react';
-import { Override } from '../overrides';
+import type { Override } from '../overrides';
 import type { TagProps, Intent } from './types';
 type StatusTagProps = Omit<TagProps, 'appearance' | 'intent' | 'variant'> & {
     intent?: Intent | 'review';

package/tag/tag.js

@@ -59,10 +59,14 @@ var Tag = (0, react_1.forwardRef)(function (props, ref) {
         $appearance: appearance,
         $addHoverStyles: clickable || $isFocusVisible,
     };
-    var titleText = title || (0, utils_1.getTextFromChildren)(children);
+    var _titleText = title || (0, utils_1.getTextFromChildren)(children);
     var clearableIconSize = (0, utils_1.getTagSizeTheme)(theme, size).clearableIconSize;
     var actionIconButtonOverrides = (0, utils_1.getActionIconButtonOverrides)(size);
-    var _s = (0, useTruncateWithTooltip_1.useTruncateWithTooltip)(noTooltipOnTruncation, onMouseEnter, onMouseLeave), mouseEventProps = _s.mouseEventProps, renderTooltip = _s.renderTooltip, elementRef = _s.elementRef;
+    var _s = (0, useTruncateWithTooltip_1.useTruncateWithTooltip)({
+        noTooltipOnTruncation: noTooltipOnTruncation,
+        onMouseEnter: onMouseEnter,
+        onMouseLeave: onMouseLeave,
+    }), mouseEventProps = _s.mouseEventProps, renderTooltip = _s.renderTooltip, elementRef = _s.elementRef;
     var textElement = ((0, jsx_runtime_1.jsx)(Text, tslib_1.__assign({ ref: elementRef }, sharedProps, textProps, { children: children })));
     return ((0, jsx_runtime_1.jsxs)(Root, tslib_1.__assign({ ref: ref, "data-spaceweb": "tag", role: clickable ? 'button' : null, tabIndex: clickable ? 0 : null, onFocus: onFocus, onBlur: onBlur, onClick: onClick, onKeyDown: handleKeyDown }, sharedProps, restProps, rootProps, { className: [className, rootProps === null || rootProps === void 0 ? void 0 : rootProps.className] }, { children: [startEnhancer && ((0, jsx_runtime_1.jsx)(StartEnhancer, tslib_1.__assign({}, sharedProps, startEnhancerProps, { children: typeof startEnhancer === 'function' ? startEnhancer(sharedProps) : startEnhancer }))), (0, jsx_runtime_1.jsx)(tooltip_1.StatefulTooltip, tslib_1.__assign({ content: renderTooltip ? ((0, jsx_runtime_1.jsx)(box_1.Box, tslib_1.__assign({ "data-testid": "tooltip", className: "max-w-2xl break-words" }, { children: props.children }))) : null, size: "50vw", placement: "bottom", onMouseEnterDelay: 0, onMouseLeaveDelay: 0, accessibilityType: "tooltip" }, mouseEventProps, { children: textElement })), closeable ? ((0, jsx_runtime_1.jsx)(Action, tslib_1.__assign({ "aria-hidden": true, role: "presentation", onClick: onActionClick }, sharedProps, (0, omit_1.default)(actionProps, 'tabIndex'), { children: (0, jsx_runtime_1.jsx)(base_button_1.BaseButton, tslib_1.__assign({ type: "button", className: [
                         'hover:spr-bg-quaternary hover:border border-solid spr-border-quaternary hover:spr-text-primary color-[--sw-color]',

package/tag/utils.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Theme } from '@sprinklrjs/spaceweb-themes/types';
+import type { Theme } from '@sprinklrjs/spaceweb-themes/types';
 export declare const getActionIconButtonOverrides: (size: any) => "h-3.5 w-3.5 rounded-2" | "h-4 w-4 rounded-3" | "h-4.5 w-4.5 rounded-3" | "h-6 w-6 rounded-4";
 export declare function getTextFromChildren(children: React.ReactNode): string | null;
 export declare const getDefaultTagSize: (theme: Theme) => 'xxxs' | 'sm' | 'lg';

package/test-utils/test-provider/TestProvider.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement, ComponentProps } from 'react';
+import type { ReactElement, ComponentProps } from 'react';
 import SpacewebProvider from '../../spacewebProvider';
 type WithOptional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
 /**

package/test-utils/test-provider/helpers.d.ts

@@ -1,5 +1,5 @@
-import { Direction, ThemeModule } from '@sprinklrjs/spaceweb-themes/types';
-import { StyleUtils } from '../../types';
+import type { Direction, ThemeModule } from '@sprinklrjs/spaceweb-themes/types';
+import type { StyleUtils } from '../../types';
 type Breakpoint = [string, string];
 type ScreenList = {
     [name: string]: string;

package/test-utils/test-provider/testableThemes.d.ts

@@ -1,3 +1,3 @@
-import { ThemeModule } from '@sprinklrjs/spaceweb-themes/types';
+import type { ThemeModule } from '@sprinklrjs/spaceweb-themes/types';
 export declare const hyperspaceLight: ThemeModule;
 export declare const hyperspaceDark: ThemeModule;

package/textarea/textarea.js

@@ -14,7 +14,7 @@ var noop_1 = tslib_1.__importDefault(require("lodash/noop"));
 var themeHelpers_1 = require("../helpers/themeHelpers");
 var style_1 = require("../style");
 var Textarea = function (_a) {
-    var _b = _a.autoFocus, autoFocus = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.readOnly, readOnly = _d === void 0 ? false : _d, _e = _a.onBlur, onBlur = _e === void 0 ? noop_1.default : _e, _f = _a.onFocus, onFocus = _f === void 0 ? noop_1.default : _f, _g = _a.overrides, overrides = _g === void 0 ? {} : _g, _h = _a.required, required = _h === void 0 ? false : _h, _rows = _a.rows, style = _a.style, className = _a.className, resize = _a.resize, _size = _a.size, _inputRef = _a.inputRef, props = tslib_1.__rest(_a, ["autoFocus", "disabled", "readOnly", "onBlur", "onFocus", "overrides", "required", "rows", "style", "className", "resize", "size", "inputRef"]);
+    var _b = _a.autoFocus, autoFocus = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.readOnly, readOnly = _d === void 0 ? false : _d, _f = _a.onBlur, onBlur = _f === void 0 ? noop_1.default : _f, _g = _a.onFocus, onFocus = _g === void 0 ? noop_1.default : _g, _h = _a.overrides, overrides = _h === void 0 ? {} : _h, _j = _a.required, required = _j === void 0 ? false : _j, _rows = _a.rows, style = _a.style, className = _a.className, resize = _a.resize, _size = _a.size, _inputRef = _a.inputRef, props = tslib_1.__rest(_a, ["autoFocus", "disabled", "readOnly", "onBlur", "onFocus", "overrides", "required", "rows", "style", "className", "resize", "size", "inputRef"]);
     var inputRef = (0, useAutoFocus_1.default)({ autoFocus: autoFocus, inputRef: _inputRef });
     (0, useAutoSizeTextarea_1.default)({
         value: props.value,
@@ -23,11 +23,11 @@ var Textarea = function (_a) {
     });
     var theme = (0, style_1.useStyle)().theme;
     var size = _size !== null && _size !== void 0 ? _size : (0, themeHelpers_1.getDefaultSize)(theme);
-    var _j = (0, context_1.useContextualFormProps)(props), _k = _j.variant, variant = _k === void 0 ? 'default' : _k, _intent = _j.intent, _l = _j.autoSize, autoSize = _l === void 0 ? false : _l, restProps = tslib_1.__rest(_j, ["variant", "intent", "autoSize"]);
+    var _k = (0, context_1.useContextualFormProps)(props), _l = _k.variant, variant = _l === void 0 ? 'default' : _l, _intent = _k.intent, _m = _k.autoSize, autoSize = _m === void 0 ? false : _m, restProps = tslib_1.__rest(_k, ["variant", "intent", "autoSize"]);
     var maxCharLimit = restProps.maxCharLimit, value = restProps.value;
     var intent = typeof value === 'string' && value.length > (maxCharLimit !== null && maxCharLimit !== void 0 ? maxCharLimit : Infinity) ? 'error' : _intent;
     var rows = _rows !== null && _rows !== void 0 ? _rows : (autoSize ? 1 : 3);
-    var _m = tslib_1.__read((0, react_1.useState)(autoFocus), 2), isFocused = _m[0], setIsFocused = _m[1];
+    var _o = tslib_1.__read((0, react_1.useState)(autoFocus), 2), isFocused = _o[0], setIsFocused = _o[1];
     var sharedProps = (0, react_1.useMemo)(function () { return (0, helpers_1.add$props)({ size: size, variant: variant, intent: intent, autoSize: autoSize, resize: resize }); }, [size, variant, intent, autoSize, resize]);
     var handleFocus = (0, react_1.useCallback)(function (e) {
         setIsFocused(true);
@@ -37,12 +37,12 @@ var Textarea = function (_a) {
         setIsFocused(false);
         onBlur(e);
     }, [onBlur]);
-    var handleContainerClick = (0, react_1.useCallback)(function (e) {
+    var handleContainerClick = (0, react_1.useCallback)(function (_e) {
         var _a;
         (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         setIsFocused(true);
     }, [inputRef]);
-    var _o = tslib_1.__read((0, overrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.Root, styled_components_1.StyledTextAreaRoot), 2), Root = _o[0], rootProps = _o[1];
+    var _p = tslib_1.__read((0, overrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.Root, styled_components_1.StyledTextAreaRoot), 2), Root = _p[0], rootProps = _p[1];
     var inputOverrides = (0, react_1.useMemo)(function () {
         return (0, overrides_1.mergeOverrides)({
             InputContainer: {

package/textarea/types.d.ts

@@ -1,9 +1,8 @@
-import { Ref } from 'react';
-import { InputVariant, FocusPosition, BaseInputProps, StatefulContainerProps } from '../input';
-import { Intent, SpacewebComponentProps } from '../types';
-import { Override } from '../overrides';
+import type { Ref } from 'react';
+import type { InputVariant, FocusPosition, BaseInputProps, StatefulContainerProps, ENHANCER_POSITION, Adjoined, InputSize } from '../input';
+import type { Intent, SpacewebComponentProps } from '../types';
+import type { Override } from '../overrides';
 import type { Properties } from 'csstype';
-import type { ENHANCER_POSITION, Adjoined, InputSize } from '../input';
 export type BaseTextareaProps = BaseInputProps<HTMLTextAreaElement>;
 export type TextareaProps = SpacewebComponentProps<Omit<BaseTextareaProps, 'size' | 'overrides' | 'autoFocus' | 'inputRef'>> & {
     resize?: Properties['resize'];

package/textarea/useAutoSizeTextarea.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { TextareaProps } from './types';
+import type * as React from 'react';
+import type { TextareaProps } from './types';
 declare const useAutoSizeTextarea: ({ value, inputRef, autoSize, }: {
     value: TextareaProps['value'];
     inputRef: React.RefObject<HTMLTextAreaElement>;

package/theme/Provider.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren, ReactElement } from 'react';
-import { ThemeProviderT } from './types';
+import type { PropsWithChildren, ReactElement } from 'react';
+import type { ThemeProviderT } from './types';
 import type { Density } from '@sprinklrjs/spaceweb-themes/types';
 type Props = PropsWithChildren<{
     theme?: ThemeProviderT;

package/theme/context.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ThemeContext } from '../types';
+import type { ThemeContext } from '../types';
 export declare const themeContext: import("react").Context<ThemeContext>;
 export declare const useTheme: () => ThemeContext;
 export declare const ThemeConsumer: import("react").Consumer<ThemeContext>;

package/theme/types.d.ts

@@ -1,4 +1,4 @@
-import { ThemeContext } from '../types';
+import type { ThemeContext } from '../types';
 type RecursivePartial<T> = {
     [P in keyof T]?: T[P] extends (infer U)[] ? RecursivePartial<U>[] : T[P] extends object ? RecursivePartial<T[P]> : T[P];
 };

package/time-picker/TimePicker.d.ts

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

package/time-picker/types.d.ts

@@ -1,8 +1,8 @@
-import { Intent, Styles } from '../types';
-import { Override } from '../overrides/types';
-import { SharedProps, Size } from '../select/types';
-import { TimePickerProps as BaseTimePickerProps, TimePickerOverrides as BaseTimePickerOverrides } from '../baseui/timepicker';
-import { DateIOAdapter } from '../baseui/datepicker/utils/types';
+import type { Intent, Styles } from '../types';
+import type { Override } from '../overrides/types';
+import type { SharedProps, Size } from '../select/types';
+import type { TimePickerProps as BaseTimePickerProps, TimePickerOverrides as BaseTimePickerOverrides } from '../baseui/timepicker';
+import type { DateIOAdapter } from '../baseui/datepicker/utils/types';
 export type TimePickerOverrides = {
     [key in keyof BaseTimePickerOverrides]?: Override<SharedProps>;
 };

package/time-range-picker/RangeSelector.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { RangeSelectorProps } from './types';
+import type { ReactElement } from 'react';
+import type { RangeSelectorProps } from './types';
 declare const _default: import("react").MemoExoticComponent<{
     ({ timeRange, preset, onChange, formatString, footerContent, hidePresetSearch, ...props }: RangeSelectorProps): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     displayName: string;

package/time-range-picker/TimeRangeList.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { TimeRangeListProps } from './types';
+import type { ReactElement } from 'react';
+import type { TimeRangeListProps } from './types';
 declare const _default: import("react").MemoExoticComponent<{
     ({ onChange, timeRange, preset, timeRangePresets, overrides, hidePresetSearch, }: TimeRangeListProps): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     displayName: string;

package/time-range-picker/TimeRangePicker.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { TimeRangePickerProps } from './types';
+import type { ReactElement } from 'react';
+import type { TimeRangePickerProps } from './types';
 export declare const TimeRangePicker: {
     ({ adapter, onSubmit, timezone: _timezone, value, formatDisplayValue, timeRangePresets, overrides, timeSelect, peekNextMonth, excludeDates, filterDate, minDate, maxDate, formatString, placeholder, onClose, onChange, showTimezoneInSummary, clearable, onClear, showFullDateInSummary, autoSizeInput, preset, startOpen, fixedHeight, monthsShown, weekStartsOn, disableTimezone, displayVariant, timezoneOptions, hidePresetSearch, ...props }: TimeRangePickerProps): ReactElement;
     __standard: string;

package/time-range-picker/TimeRangePicker.js

@@ -26,6 +26,7 @@ var TimeRangePicker = function (_a) {
     var _b = _a.adapter, adapter = _b === void 0 ? date_fns_adapter_1.default : _b, onSubmit = _a.onSubmit, _timezone = _a.timezone, value = _a.value, formatDisplayValue = _a.formatDisplayValue, timeRangePresets = _a.timeRangePresets, overrides = _a.overrides, timeSelect = _a.timeSelect, peekNextMonth = _a.peekNextMonth, excludeDates = _a.excludeDates, filterDate = _a.filterDate, minDate = _a.minDate, maxDate = _a.maxDate, _c = _a.formatString, formatString = _c === void 0 ? constants_1.DEFAULT_FORMAT_STRING : _c, _d = _a.placeholder, placeholder = _d === void 0 ? "".concat(formatString, "-").concat(formatString).toLowerCase() : _d, onClose = _a.onClose, onChange = _a.onChange, showTimezoneInSummary = _a.showTimezoneInSummary, clearable = _a.clearable, onClear = _a.onClear, showFullDateInSummary = _a.showFullDateInSummary, autoSizeInput = _a.autoSizeInput, preset = _a.preset, _e = _a.startOpen, startOpen = _e === void 0 ? false : _e, fixedHeight = _a.fixedHeight, _f = _a.monthsShown, monthsShown = _f === void 0 ? 2 : _f, weekStartsOn = _a.weekStartsOn, _g = _a.disableTimezone, disableTimezone = _g === void 0 ? false : _g, _h = _a.displayVariant, displayVariant = _h === void 0 ? 'default' : _h, timezoneOptions = _a.timezoneOptions, _j = _a.hidePresetSearch, hidePresetSearch = _j === void 0 ? false : _j, props = tslib_1.__rest(_a, ["adapter", "onSubmit", "timezone", "value", "formatDisplayValue", "timeRangePresets", "overrides", "timeSelect", "peekNextMonth", "excludeDates", "filterDate", "minDate", "maxDate", "formatString", "placeholder", "onClose", "onChange", "showTimezoneInSummary", "clearable", "onClear", "showFullDateInSummary", "autoSizeInput", "preset", "startOpen", "fixedHeight", "monthsShown", "weekStartsOn", "disableTimezone", "displayVariant", "timezoneOptions", "hidePresetSearch"]);
     if (__DEV__) {
         if (disableTimezone && _timezone) {
+            // eslint-disable-next-line no-console -- debug logging
             console.warn('[spaceweb] timezone can not be passed to the TimeRangePicker when disableTimezone is true');
         }
     }
@@ -100,7 +101,7 @@ var TimeRangePicker = function (_a) {
         displayVariant,
     ]);
     var handleSubmit = (0, react_1.useCallback)(
-    // eslint-disable-next-line no-shadow, @typescript-eslint/no-shadow -- used within function only
+    // eslint-disable-next-line @typescript-eslint/no-shadow -- used within function only
     function (_a) {
         var _b, _c, _d;
         var timeRange = _a.timeRange, preset = _a.preset, timezone = _a.timezone;

package/time-range-picker/TimezonePicker.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 import type { TimezonePickerProps } from './types';
 export declare const TimezonePicker: {
     ({ setTimezone, timezone, overrides, ...props }: TimezonePickerProps): ReactElement;

package/time-range-picker/types.d.ts

@@ -3,7 +3,7 @@ import type { DatepickerOverrides, FormatString, StatelessDatePickerProps } from
 import type { Override } from '../overrides';
 import type { Option } from '../baseui/select';
 import type { Timezone, TimezonePickerOverrides } from '../time-zone-picker/types';
-import { ClassName, Styles } from '../types';
+import type { ClassName, Styles } from '../types';
 export type { FormatString } from '../date-picker';
 export type TimeRangePreset = {
     id: string;

package/time-range-picker/utils.d.ts

@@ -1,7 +1,7 @@
 import DateHelpers from '../baseui/datepicker/utils/date-helpers';
-import { Locale } from '../locale';
+import type { Locale } from '../locale';
 import type { FormatSummaryValueOptions, TimeRangePreset } from './types';
-import { Timezone } from '../time-zone-picker/types';
+import type { Timezone } from '../time-zone-picker/types';
 export declare const getSelectedTimeRange: (selectedTimeRange: string | undefined, timeRangeOptions: Array<TimeRangePreset>) => TimeRangePreset | undefined;
 /**
  @param date: Date object or epoch in source timezone

package/time-zone-picker/TimezonePicker.d.ts

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

package/time-zone-picker/types.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import type { ClassName, Intent, Styles } from '../types';
 import type { SharedProps, Size, Option } from '../select/types';
-import { Override } from '../overrides';
+import type { Override } from '../overrides';
 export type TimezonePickerOverrides = {
     Select?: Override<SharedProps>;
 };