@sprinklrjs/spaceweb 14.11.4 → 14.12.0

package/esm/baseui/select/value.js

@@ -9,7 +9,11 @@ import { INITIAL_STATE } from '../../truncateWithTooltip/TruncateWithTooltip';
 var Value = function (props) {
     var _a = props.overrides, overrides = _a === void 0 ? {} : _a, noTooltipOnTruncation = props.noTooltipOnTruncation, restProps = __rest(props, ["overrides", "noTooltipOnTruncation"]);
     var _b = __read(useOverrides(overrides.SingleValue, StyledSingleValue), 2), SingleValue = _b[0], _c = _b[1], onMouseEnter = _c.onMouseEnter, onMouseLeave = _c.onMouseLeave, singleValueProps = __rest(_c, ["onMouseEnter", "onMouseLeave"]);
-    var _d = useTruncateWithTooltip(noTooltipOnTruncation, onMouseEnter, onMouseLeave), mouseEventProps = _d.mouseEventProps, renderTooltip = _d.renderTooltip, elementRef = _d.elementRef;
+    var _d = useTruncateWithTooltip({
+        noTooltipOnTruncation: noTooltipOnTruncation,
+        onMouseEnter: onMouseEnter,
+        onMouseLeave: onMouseLeave,
+    }), mouseEventProps = _d.mouseEventProps, renderTooltip = _d.renderTooltip, elementRef = _d.elementRef;
     var el = (_jsx(SingleValue, __assign({ ref: elementRef }, mouseEventProps, restProps, singleValueProps, { children: props.children })));
     return renderTooltip ? (_jsx(StatefulTooltip, __assign({ initialState: INITIAL_STATE, content: _jsx(Box, __assign({ "data-testid": "tooltip", className: "max-w-2xl break-words" }, { children: props.children })), placement: "bottom", accessibilityType: "tooltip" }, mouseEventProps, { children: el }))) : (el);
 };

package/esm/baseui/timepicker/timepicker.js

@@ -59,7 +59,9 @@ var TimePicker = /** @class */ (function (_super) {
             _this.handleChange(seconds);
         };
         _this.secondsToLabel = function (seconds, format, langCode) {
-            var _a = __read(_this.dateHelpers.secondsToHourMinute(seconds), 2), hours = _a[0], minutes = _a[1];
+            var hourMinute = _this.dateHelpers.secondsToHourMinute(seconds);
+            var hours = hourMinute[0];
+            var minutes = hourMinute[1];
             var zeroPrefix = function (n) { return (n < 10 ? "0".concat(n) : n); };
             if (format === '12') {
                 var isAfterNoon = seconds >= NOON;
@@ -87,7 +89,6 @@ var TimePicker = /** @class */ (function (_super) {
          * Converts a time string, e.g. 10:00, to one or more possible TimePicker
          * options representing that time.
          */
-        // eslint-disable-next-line max-statements -- function is required
         _this.stringToOptions = function (str, format) {
             if (format === void 0) { format = '12'; }
             // leading zero is optional, AM/PM is optional
@@ -143,7 +144,8 @@ var TimePicker = /** @class */ (function (_super) {
             return setSeconds(setMinutes(setHours(date, hours), minutes), seconds);
         };
         _this.getTimeWindowInSeconds = function () {
-            var _a = _this.props, min = _a.minTime, max = _a.maxTime, ignoreMinMaxDateComponent = _a.ignoreMinMaxDateComponent;
+            var _a = _this.props, min = _a.minTime, max = _a.maxTime;
+            var ignoreMinMaxDateComponent = _this.props.ignoreMinMaxDateComponent;
             var dayStart = _this.setTime(_this.props.value, 0, 0, 0);
             var dayEnd = _this.setTime(_this.props.value, 24, 0, 0);
             if (!min || (_this.props.adapter.isBefore(min, dayStart) && !ignoreMinMaxDateComponent)) {
@@ -170,9 +172,8 @@ var TimePicker = /** @class */ (function (_super) {
                 end: (maxDate - midnightDate) / 1000,
             };
         };
-        // eslint-disable-next-line max-statements -- required for performing validation
         _this.buildSteps = function () {
-            var _a = _this.props, _b = _a.step, step = _b === void 0 ? 900 : _b, timeRanges = _a.timeRanges, value = _a.value;
+            var _a = _this.props, _b = _a.step, step = _b === void 0 ? 900 : _b, timeRanges = _a.timeRanges, _value = _a.value;
             var timeWindow = _this.getTimeWindowInSeconds();
             var stepCount = (timeWindow.end - timeWindow.start) / step;
             if (process.env.NODE_ENV !== 'production' && stepCount > 500) {
@@ -263,11 +264,9 @@ var TimePicker = /** @class */ (function (_super) {
         }
         if (formatChanged || stepChanged || minTimeChange || maxTimeChange || timeRangesChanged) {
             var steps = this.buildSteps();
-            // eslint-disable-next-line react/no-did-update-set-state -- baseui migration
             this.setState({ steps: steps });
         }
         if (prevProps.value && !this.props.value) {
-            // eslint-disable-next-line react/no-did-update-set-state -- baseui migration
             this.setState({ value: null });
         }
     };

package/esm/baseui/timepicker/types.d.ts

@@ -2,7 +2,7 @@ import type { Override } from '../../overrides';
 import type { Option } from '../select';
 import type { Size } from '../input';
 import type { DateIOAdapter } from '../datepicker/utils/types';
-import { TimeRange } from '../datepicker/types';
+import type { TimeRange } from '../datepicker/types';
 export type TimePickerOverrides = {
     Select?: Override<Record<string, any>>;
 };

package/esm/baseui/tree-view/index.d.ts

@@ -3,7 +3,7 @@ import { toggleIsExpanded } from './utils';
 export { default as TreeView } from './tree-view';
 export { default as StatefulTreeView } from './stateful-tree-view';
 export * from './types';
-export { StyledTreeItemList, StyledTreeItem, StyledItemContent, StyledIconContainer, } from './styled-components';
+export { StyledTreeItemList, StyledTreeItem, StyledItemContent, StyledIconContainer } from './styled-components';
 export { default as TreeLabel } from './tree-label';
 export { default as TreeLabelInteractable } from './tree-label-interactable';
 export { toggleIsExpanded };

package/esm/baseui/tree-view/index.js

@@ -2,7 +2,7 @@ import { toggleIsExpanded } from './utils';
 export { default as TreeView } from './tree-view';
 export { default as StatefulTreeView } from './stateful-tree-view';
 export * from './types';
-export { StyledTreeItemList, StyledTreeItem, StyledItemContent, StyledIconContainer, } from './styled-components';
+export { StyledTreeItemList, StyledTreeItem, StyledItemContent, StyledIconContainer } from './styled-components';
 export { default as TreeLabel } from './tree-label';
 export { default as TreeLabelInteractable } from './tree-label-interactable';
 export { toggleIsExpanded };

package/esm/baseui/tree-view/tree-label-interactable.d.ts

@@ -1,4 +1,4 @@
-import { Overrides } from '../../overrides';
+import type { Overrides } from '../../overrides';
 import type { ComponentType, PropsWithChildren } from 'react';
 declare const TreeLabelInteractable: ComponentType<PropsWithChildren<{
     overrides?: {

package/esm/baseui/tree-view/tree-label.js

@@ -13,7 +13,7 @@ var TreeLabel = function (_a) {
         $isFocusVisible: !!isFocusVisible,
         $hasChildren: !!hasChildren,
     };
-    var IconContainerOverride = overrides.IconContainer, ExpandIconOverride = overrides.ExpandIcon, CollapseIconOverride = overrides.CollapseIcon, LeafIconContainerOverride = overrides.LeafIconContainer, LeafIconOverride = overrides.LeafIcon, TreeItemContentOverride = overrides.TreeItemContent;
+    var IconContainerOverride = overrides.IconContainer, ExpandIconOverride = overrides.ExpandIcon, CollapseIconOverride = overrides.CollapseIcon, LeafIconContainerOverride = overrides.LeafIconContainer, _LeafIconOverride = overrides.LeafIcon, TreeItemContentOverride = overrides.TreeItemContent;
     var _c = __read(useOverrides(IconContainerOverride, StyledIconContainer), 2), IconContainer = _c[0], iconContainerProps = _c[1];
     var _d = __read(useOverrides(ExpandIconOverride, ChevronRight), 2), Right = _d[0], RightProps = _d[1];
     var _e = __read(useOverrides(CollapseIconOverride, ChevronDown), 2), CollapseIcon = _e[0], collpaseProps = _e[1];

package/esm/baseui/tree-view/tree-node.js

@@ -46,7 +46,7 @@ var TreeNode = /** @class */ (function (_super) {
         var _d = __read(getOverrides(TreeItemListOverride, StyledTreeItemList), 2), TreeItemList = _d[0], treeItemListProps = _d[1];
         var _e = __read(getOverrides(TreeItemOverride, StyledTreeItem), 2), TreeItem = _e[0], treeItemProps = _e[1];
         var _f = __read(getOverrides(TreeLabelOverride, StyledTreeLabel), 2), TreeLabel = _f[0], treeLabelProps = _f[1];
-        return (_jsxs(TreeItem, __assign({ role: "treeitem", ref: this.treeItemRef, "data-nodeid": getId(node), tabIndex: selectedNodeId === getId(node) ? 0 : -1, onKeyDown: function (e) { return onKeyDown && onKeyDown(e, node); }, onBlur: onBlur, onFocus: this.onFocus, "aria-expanded": isExpanded, "$isLeafNode": !hasChildren, "$node": node }, treeItemProps, { children: [_jsx(TreeLabel, __assign({ onClick: this.onToggle, node: node, hasChildren: hasChildren, isExpanded: isExpanded, isSelected: selectedNodeId === getId(node), isFocusVisible: isFocusVisible, label: label, overrides: overrides }, treeLabelProps)), children && (isExpanded || renderAll) && (_jsx(TreeItemList, __assign({ role: "group", "$indentGuides": !!indentGuides, "$isChildNode": true, "$expanded": !!isExpanded }, treeItemListProps, { children: children.map(function (childNode, index) { return (_jsx(TreeNode, { indentGuides: !!indentGuides, renderAll: renderAll, node: childNode, getId: getId, onToggle: onToggle, overrides: overrides, selectedNodeId: selectedNodeId, onKeyDown: onKeyDown, onFocus: onFocus, onBlur: onBlur, addRef: addRef, removeRef: removeRef, isFocusVisible: isFocusVisible }, getId(childNode))); }) })))] })));
+        return (_jsxs(TreeItem, __assign({ role: "treeitem", ref: this.treeItemRef, "data-nodeid": getId(node), tabIndex: selectedNodeId === getId(node) ? 0 : -1, onKeyDown: function (e) { return onKeyDown && onKeyDown(e, node); }, onBlur: onBlur, onFocus: this.onFocus, "aria-expanded": isExpanded, "$isLeafNode": !hasChildren, "$node": node }, treeItemProps, { children: [_jsx(TreeLabel, __assign({ onClick: this.onToggle, node: node, hasChildren: hasChildren, isExpanded: isExpanded, isSelected: selectedNodeId === getId(node), isFocusVisible: isFocusVisible, label: label, overrides: overrides }, treeLabelProps)), children && (isExpanded || renderAll) && (_jsx(TreeItemList, __assign({ role: "group", "$indentGuides": !!indentGuides, "$isChildNode": true, "$expanded": !!isExpanded }, treeItemListProps, { children: children.map(function (childNode, _index) { return (_jsx(TreeNode, { indentGuides: !!indentGuides, renderAll: renderAll, node: childNode, getId: getId, onToggle: onToggle, overrides: overrides, selectedNodeId: selectedNodeId, onKeyDown: onKeyDown, onFocus: onFocus, onBlur: onBlur, addRef: addRef, removeRef: removeRef, isFocusVisible: isFocusVisible }, getId(childNode))); }) })))] })));
     };
     return TreeNode;
 }(React.Component));

package/esm/baseui/tree-view/tree-view.js

@@ -109,8 +109,7 @@ export default function TreeView(props) {
             setSelectedNodeId(getId(data[0]));
         }
     };
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    var onBlur = function (event) {
+    var onBlur = function (_event) {
         if (focusVisible) {
             setFocusVisible(false);
         }

package/esm/baseui/tree-view/utils.js

@@ -30,9 +30,7 @@ export var getPrevId = function (nodes, nodeId, parentId, getId) {
             if (i === 0) {
                 return parentId;
             }
-            else {
-                return getLastLeafId(nodes[i - 1], getId);
-            }
+            return getLastLeafId(nodes[i - 1], getId);
         }
         // @ts-ignore
         if (nodes[i].isExpanded && nodes[i].children && nodes[i].children.length) {
@@ -75,12 +73,10 @@ export var getNextId = function (nodes, nodeId, closestOmmer, getId) {
                 // @ts-ignore
                 return getId(nodes[i].children[0]);
             }
-            else if (nodes[i + 1]) {
+            if (nodes[i + 1]) {
                 return getId(nodes[i + 1]);
             }
-            else {
-                return closestOmmer;
-            }
+            return closestOmmer;
         }
         // @ts-ignore
         if (nodes[i].isExpanded && nodes[i].children && nodes[i].children.length) {

package/esm/baseui/utils/focusVisible.js

@@ -107,7 +107,7 @@ export function isFocusVisible(event) {
     try {
         return event.target.matches(':focus-visible');
     }
-    catch (error) {
+    catch (_a) {
         // browsers not implementing :focus-visible will throw a SyntaxError
         // we use our own heuristic for those browsers
         // rethrow might be better if it's not the expected error but do we really

package/esm/box/types.d.ts

@@ -1,5 +1,5 @@
-import { Override } from '../overrides';
-import { SpacewebComponentProps } from '../types';
+import type { Override } from '../overrides';
+import type { SpacewebComponentProps } from '../types';
 export type BoxProps = SpacewebComponentProps & {
     overrides?: {
         Box?: Override<Record<string, any>>;

package/esm/breadcrumb/breadcrumb-ellipsis.d.ts

@@ -1,3 +1,3 @@
-import { BreadcrumbEllipsisProps } from './types';
+import type { BreadcrumbEllipsisProps } from './types';
 declare const BreadcrumbEllipsis: ({ focusBreadcrumbContainer, collapsedItems, collapsedItemsTooltip, }: BreadcrumbEllipsisProps) => import("react/jsx-runtime").JSX.Element;
 export default BreadcrumbEllipsis;

package/esm/breadcrumb/breadcrumb-item.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BreadcrumbItemSharedProps, Enhancer } from './types';
+import type { BreadcrumbItemSharedProps, Enhancer } from './types';
 declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<import("../link").LinkProps, "onClick"> & {
     isLastChild?: boolean | undefined;
     menuSeparator?: boolean | undefined;

package/esm/breadcrumb/breadcrumb-item.js

@@ -7,7 +7,6 @@ import _noop from 'lodash/noop';
 import { Typography } from '../typography';
 import { Link } from '../link';
 import BreadcrumbEllipsis from './breadcrumb-ellipsis';
-// hooks
 import { useOverrides, mergeOverrides } from '../overrides';
 import { useStyle } from '../style';
 // styles

package/esm/breadcrumb/breadcrumb.d.ts

@@ -1,5 +1,5 @@
 import { type ReactElement } from 'react';
-import { BreadcrumbProps } from './types';
+import type { BreadcrumbProps } from './types';
 declare const Breadcrumb: {
     ({ children, separator, gap, maxItems, className, style, overrides, }: BreadcrumbProps): ReactElement;
     displayName: string;

package/esm/breadcrumb/breadcrumb.js

@@ -11,6 +11,7 @@ import { useBreadcrumbWidths } from './hooks/useBreadCrumbWidths';
 import { useLocale } from '../locale';
 // styles
 import { DEFAULT_SEPARATOR, StyledWrapper } from './styled-components';
+import { Box } from '../box';
 var Breadcrumb = function (_a) {
     var children = _a.children, _b = _a.separator, separator = _b === void 0 ? DEFAULT_SEPARATOR : _b, _c = _a.gap, gap = _c === void 0 ? 4 : _c, maxItems = _a.maxItems, className = _a.className, style = _a.style, _d = _a.overrides, overrides = _d === void 0 ? {} : _d;
     var breadCrumb = useLocale().breadCrumb;
@@ -49,7 +50,7 @@ var Breadcrumb = function (_a) {
         var effectiveMaxItems = maxItems || (visibleItemsCount !== null && visibleItemsCount !== void 0 ? visibleItemsCount : 2);
         return renderCondensedBreadcrumbs(Math.max(2, effectiveMaxItems));
     };
-    return (_jsx("nav", __assign({ className: "w-full flex items-center justify-center" }, { children: _jsx(Root, __assign({ ref: containerRef, "data-testid": "breadcrumb-root", className: className, style: style, tabIndex: -1 }, sharedProps, rootProps, { children: renderBreadcrumbs() })) })));
+    return (_jsx(Box, __assign({ "$as": "nav", className: "w-full flex items-center justify-center" }, { children: _jsx(Root, __assign({ ref: containerRef, "data-testid": "breadcrumb-root", className: className, style: style, tabIndex: -1 }, sharedProps, rootProps, { children: renderBreadcrumbs() })) })));
 };
 Breadcrumb.displayName = 'Breadcrumb';
 Breadcrumb.__standard = 'Component';

package/esm/breadcrumb/types.d.ts

@@ -1,7 +1,8 @@
-import React, { ReactNode } from 'react';
-import { Override } from '../overrides';
-import { LinkProps } from '../link';
-import { SpacewebComponentProps } from '../types';
+import type { ReactNode } from 'react';
+import type React from 'react';
+import type { Override } from '../overrides';
+import type { LinkProps } from '../link';
+import type { SpacewebComponentProps } from '../types';
 export type Enhancer<SharedProps> = ReactNode | ((props: SharedProps) => ReactNode);
 export type BreadcrumbItemSharedProps = {
     $isLastChild?: boolean;

package/esm/button/Button.js

@@ -18,7 +18,7 @@ import { useContextualFormProps } from '../form-control/context';
 import _omit from 'lodash/omit';
 import { getPaddingStyleVariables } from './helpers';
 var Button = forwardRef(function (props, ref) {
-    var _a = props.overrides, overrides = _a === void 0 ? {} : _a, className = props.className, style = props.style, _size = props.size, shape = props.shape, _b = props.variant, variant = _b === void 0 ? 'primary' : _b, _c = props.isLoading, isLoading = _c === void 0 ? false : _c, _intent = props.intent, isSelected = props.isSelected, children = props.children, tooltipContent = props.tooltipContent, _d = props.disabled, disabled = _d === void 0 ? false : _d, fullWidth = props.fullWidth, _e = props.animate, animate = _e === void 0 ? false : _e, dropdownContent = props.dropdownContent, onClick = props.onClick, startEnhancer = props.startEnhancer, endEnhancer = props.endEnhancer, href = props.href, type = props.type, restProps = __rest(props, ["overrides", "className", "style", "size", "shape", "variant", "isLoading", "intent", "isSelected", "children", "tooltipContent", "disabled", "fullWidth", "animate", "dropdownContent", "onClick", "startEnhancer", "endEnhancer", "href", "type"]);
+    var _a = props.overrides, overrides = _a === void 0 ? {} : _a, className = props.className, style = props.style, _size = props.size, shape = props.shape, _b = props.variant, variant = _b === void 0 ? 'primary' : _b, _c = props.isLoading, isLoading = _c === void 0 ? false : _c, _intent = props.intent, isSelected = props.isSelected, children = props.children, tooltipContent = props.tooltipContent, _d = props.disabled, disabled = _d === void 0 ? false : _d, fullWidth = props.fullWidth, _e = props.animate, animate = _e === void 0 ? false : _e, dropdownContent = props.dropdownContent, onClick = props.onClick, _startEnhancer = props.startEnhancer, _endEnhancer = props.endEnhancer, href = props.href, type = props.type, restProps = __rest(props, ["overrides", "className", "style", "size", "shape", "variant", "isLoading", "intent", "isSelected", "children", "tooltipContent", "disabled", "fullWidth", "animate", "dropdownContent", "onClick", "startEnhancer", "endEnhancer", "href", "type"]);
     var enhancerProps = _omit(props, ['className', 'style']);
     var _f = __read(useState(false), 2), isFocusVisible = _f[0], setIsFocusVisible = _f[1];
     var styleUtils = useStyle();
@@ -49,7 +49,7 @@ var Button = forwardRef(function (props, ref) {
             setIsFocusVisible(true);
         }
     }, []);
-    var handleBlur = useCallback(function (event) {
+    var handleBlur = useCallback(function (_event) {
         if (isFocusVisible) {
             setIsFocusVisible(false);
         }

package/esm/button/CitationButton/CitationButton.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { CitationButtonProps } from './types';
+import type { CitationButtonProps } from './types';
 declare const CitationButton: import("react").ForwardRefExoticComponent<CitationButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export default CitationButton;

package/esm/button/CitationButton/types.d.ts

@@ -1,3 +1,3 @@
-import { ButtonProps, ButtonSharedProps } from '../types';
+import type { ButtonProps, ButtonSharedProps } from '../types';
 export type CitationButtonProps = Omit<ButtonProps, 'size' | 'intent'>;
 export type SharedProps = Omit<ButtonSharedProps, '$size'>;

package/esm/button/DropdownEnhancer.d.ts

@@ -1,6 +1,6 @@
-import { ReactElement } from 'react';
-import { ButtonProps, ButtonSharedProps } from './types';
-import { StatefulPopoverProps } from '../popover/types';
+import type { ReactElement } from 'react';
+import type { ButtonProps, ButtonSharedProps } from './types';
+import type { StatefulPopoverProps } from '../popover/types';
 type DropdownEnhancerProps = {
     dropdownContent: StatefulPopoverProps['content'];
     overrides?: ButtonProps['overrides'];

package/esm/button/DropdownEnhancer.js

@@ -1,6 +1,5 @@
 import { __assign, __read } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-// libs
 import { forwardRef } from 'react';
 // components
 import { StatefulPopover } from '../popover';

package/esm/button/IconButton/IconButton.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IconButtonProps } from './types';
+import type { IconButtonProps } from './types';
 declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export default IconButton;

package/esm/button/IconButton/styled-components.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { IconProps } from '../../icon';
-import { ClassName } from '../../types';
+import type { IconProps } from '../../icon';
+import type { ClassName } from '../../types';
 export declare const getBorderRadiiStyles: (utils: any, props: any) => string;
 export declare const iconButtonStyles: ClassName;
 export declare const renderIconButtonChild: (theme: any, size: any, child: React.ReactElement<IconProps>) => React.ReactElement<IconProps, string | React.JSXElementConstructor<any>> | null;

package/esm/button/IconButton/types.d.ts

@@ -1,6 +1,6 @@
-import { ButtonProps, ButtonSharedProps } from '../types';
-import { Size } from '../../types';
-import { StatefulTooltipProps } from '../../tooltip/types';
+import type { ButtonProps, ButtonSharedProps } from '../types';
+import type { Size } from '../../types';
+import type { StatefulTooltipProps } from '../../tooltip/types';
 type BaseIconButtonProps = Omit<ButtonProps, 'size'> & {
     size?: Size;
     bordered?: boolean;

package/esm/button/IconTextButton/styled-components.d.ts

@@ -1,2 +1,2 @@
-import { ClassName } from '../../types';
+import type { ClassName } from '../../types';
 export declare const iconTextButtonStyle: ClassName;

package/esm/button/IconTextButton/styled-components.js

@@ -1,7 +1,6 @@
 import cx from '../../classNames';
-var getVariantStyles = function (_a, _b) {
-    var theme = _a.theme;
-    var $iconTextVariant = _b.$iconTextVariant, $isSelected = _b.$isSelected;
+var getVariantStyles = function (_, _a) {
+    var $iconTextVariant = _a.$iconTextVariant, $isSelected = _a.$isSelected;
     return $iconTextVariant === 'default'
         ? cx($isSelected ? 'spr-text-04 spr-icon-secondary' : 'spr-text-01', 'active:spr-text-04 bg-transparent')
         : 'bg-transparent';

package/esm/button/IconTextButton/types.d.ts

@@ -1,6 +1,6 @@
-import { ComponentType } from 'react';
-import { ButtonProps, ButtonSharedProps } from '../types';
-import { IconProps } from '../../icon';
+import type { ComponentType } from 'react';
+import type { ButtonProps, ButtonSharedProps } from '../types';
+import type { IconProps } from '../../icon';
 export type Variant = 'default' | 'bulk';
 export type IconTextButtonProps = Omit<ButtonProps, 'variant'> & {
     icon?: ComponentType<React.PropsWithChildren<IconProps>>;

package/esm/button/button-enhancers.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps, ButtonSharedProps } from './types';
+import type { ButtonProps, ButtonSharedProps } from './types';
 import * as React from 'react';
 declare const ButtonEnhancers: (props: Omit<{
     size?: import("./types").Size | undefined;

package/esm/button/helpers.d.ts

@@ -1,6 +1,6 @@
-import { Size, StyleFn, StyleObject, StyleUtils } from '../types';
-import { ButtonSharedProps, ButtonStyleParams } from './types';
-import { Theme } from '@sprinklrjs/spaceweb-themes/types';
+import type { Size, StyleFn, StyleObject, StyleUtils } from '../types';
+import type { ButtonSharedProps, ButtonStyleParams } from './types';
+import type { Theme } from '@sprinklrjs/spaceweb-themes/types';
 /**
  * className fns that we know will always return a string; used since we directly combine these in template literals
  */

package/esm/button/styled-components.d.ts

@@ -1,5 +1,5 @@
-import { ClassName, StyleFn } from '../types';
-import { ButtonSharedProps } from './types';
+import type { ClassName, StyleFn } from '../types';
+import type { ButtonSharedProps } from './types';
 export declare const getBorderRadiiStyles: ({ theme, px2rem }: {
     theme: any;
     px2rem: any;

package/esm/button/types.d.ts

@@ -1,9 +1,8 @@
-import * as React from 'react';
-import { Override } from '../overrides';
-import { TooltipProps } from '../tooltip/types';
-import { Intent, Variant, SpacewebComponentProps, Size } from '../types';
-import { AriaRole } from 'react';
-import { StatefulPopoverProps } from '../popover/types';
+import type * as React from 'react';
+import type { Override } from '../overrides';
+import type { TooltipProps } from '../tooltip/types';
+import type { Intent, Variant, SpacewebComponentProps, Size } from '../types';
+import type { StatefulPopoverProps } from '../popover/types';
 export type Shape = 'default' | 'round' | 'square' | 'pill';
 export type { Size };
 export type ButtonSharedProps = {
@@ -43,7 +42,7 @@ export type ButtonProps = SpacewebComponentProps<{
     disabled?: boolean;
     fullWidth?: boolean;
     autoFocus?: boolean;
-    role?: AriaRole | undefined;
+    role?: React.AriaRole | undefined;
     href?: string;
     target?: string;
     rel?: string;

package/esm/button-group/ButtonGroup.d.ts

@@ -1,4 +1,4 @@
-import { FocusEvent } from 'react';
+import type { FocusEvent } from 'react';
 declare const ButtonGroup: import("react").ForwardRefExoticComponent<Omit<{
     children?: import("react").ReactNode;
     className?: import("..").ClassName;

package/esm/button-group/helpers.d.ts

@@ -1,7 +1,7 @@
-import { ButtonSharedProps } from '../button';
+import type { ButtonSharedProps } from '../button';
 import type { ClassNameStyleFn } from '../types';
 import type { ButtonGroupSharedProps } from './types';
-import { StyleObject } from 'styletron-standard';
+import type { StyleObject } from 'styletron-standard';
 /** Get size dependent atomic classes for ButtonGroup */
 export declare const getButtonGroupSizeClasses: ClassNameStyleFn<ButtonGroupSharedProps>;
 /** Get size dependent atomic classes for child buttons of ButtonGroup */

package/esm/button-group/styled-components.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { ClassName, StyleUtils } from '../types';
-import { ButtonGroupChildProps, ButtonGroupProps } from './types';
-import { ButtonSharedProps } from '../button';
+import type { ClassName, StyleUtils } from '../types';
+import type { ButtonGroupChildProps, ButtonGroupProps } from './types';
+import type { ButtonSharedProps } from '../button';
 export declare const StyledRoot: import("../style/styled").StyledComponent;
 export declare const getButtonOverrides: (utils: StyleUtils, props: ButtonSharedProps) => ClassName;
 export declare const renderButtonGroupChild: (buttonGroupProps: Omit<{

package/esm/button-group/types.d.ts

@@ -1,9 +1,8 @@
-import * as React from 'react';
-import { Overrides, Override } from '../overrides';
-import { Variant, Size, ClassName, SpacewebComponentProps, Intent } from '../types';
-import { Variant as IconTextButtonVariant } from '../button/IconTextButton';
-import { Shape, ButtonSharedProps } from '../button';
-import { AriaRole } from 'react';
+import type * as React from 'react';
+import type { Overrides, Override } from '../overrides';
+import type { Variant, Size, ClassName, SpacewebComponentProps, Intent } from '../types';
+import type { Variant as IconTextButtonVariant } from '../button/IconTextButton';
+import type { Shape, ButtonSharedProps } from '../button';
 type ButtonGroupOverrides = {
     Root?: Override<any>;
 };
@@ -26,7 +25,7 @@ export type ButtonGroupProps = SpacewebComponentProps<{
     intent?: Intent;
     variant?: Variant | IconTextButtonVariant;
     activateOnFocus?: boolean;
-    role?: AriaRole | undefined;
+    role?: React.AriaRole | undefined;
     onFocus?: (event: React.FocusEvent<HTMLElement>) => void;
     onBlur?: (event: React.FocusEvent<HTMLElement>) => void;
 }>;
@@ -46,7 +45,7 @@ export type ButtonGroupChildProps = {
     onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
     tabIndex?: number;
     'aria-selected'?: boolean;
-    role?: AriaRole;
+    role?: React.AriaRole;
 };
 export type StatefulButtonGroupProps = ButtonGroupProps & {
     initialState?: number[];

package/esm/checkbox/checkbox.js

@@ -106,9 +106,7 @@ var Checkbox = function (_a) {
         $outlineWidth: $outlineWidth,
         $labelPlacement: labelPlacement,
     };
-    var labelComp = children && (_jsx(Label, __assign({}, sharedProps, labelProps, { children: containsInteractiveElement ? (
-        // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions -- prevents the event from bubbling up to the label and moving focus to the radio button
-        _jsx(Box, __assign({ onClick: function (e) { return e.preventDefault(); } }, { children: children }))) : (children) })));
+    var labelComp = children && (_jsx(Label, __assign({}, sharedProps, labelProps, { children: containsInteractiveElement ? _jsx(Box, __assign({ onClick: function (e) { return e.preventDefault(); } }, { children: children })) : children })));
     var getCheckmarkIcon = function () {
         if (isIndeterminate) {
             return _jsx(Indeterminate, { size: size === 'medium' || size === 'large' ? 10 : 8 });

package/esm/checkbox/hooks/useStatefulCheckbox.d.ts

@@ -1,4 +1,4 @@
-import { StatefulContainerProps } from '../types';
+import type { StatefulContainerProps } from '../types';
 import type { ChangeEvent, FocusEvent, MouseEvent } from 'react';
 declare const useStatefulCheckbox: ({ initialState, stateReducer, onChange, onMouseEnter, onMouseLeave, onFocus, onBlur, ...restProps }: StatefulContainerProps) => {
     checked: boolean | undefined;

package/esm/checkbox/styled-components.d.ts

@@ -1,5 +1,5 @@
-import { StyleUtils } from '../types';
-import { SharedProps } from './types';
+import type { StyleUtils } from '../types';
+import type { SharedProps } from './types';
 export declare const getCheckmarkBorderColor: (utils: StyleUtils, props: SharedProps) => string;
 export declare const getCheckmarkBackgroundColor: (utils: StyleUtils, props: SharedProps) => string;
 export declare const StyledRoot: import("../style").StyledComponent;

package/esm/color-picker/ColorPalette.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ColorPickerOverrides, ColorPickerProps } from './types';
+import type { ColorPickerOverrides, ColorPickerProps } from './types';
 type ContentProps = {
     color?: string;
     noReset?: boolean;

package/esm/color-picker/ColorPalette.js

@@ -23,7 +23,7 @@ export var ColorPalette = memo(function (_a) {
     var colorPalette = _colorPalette !== null && _colorPalette !== void 0 ? _colorPalette : defaultColorPalette;
     var _b = __read(useOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.Swatches, Grid), 2), Swatches = _b[0], swatchesProps = _b[1];
     var _c = __read(useOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.Swatch, DefaultSwatch), 2), Swatch = _c[0], swatchProps = _c[1];
-    return (_jsxs(Box, __assign({ className: "min-h-40" }, { children: [presets.map(function (preset, index) {
+    return (_jsxs(Box, __assign({ className: "min-h-40" }, { children: [presets.map(function (preset, _index) {
                 var _a;
                 return ((_a = preset.colors) === null || _a === void 0 ? void 0 : _a.length) ? (_jsxs(Fragment, { children: [_jsx(Typography, __assign({ className: "spr-text-primary", variant: "body-md", weight: "semibold" }, { children: preset.label })), _jsx(Swatches, __assign({ className: "mb-4 mt-2", cols: SWATCHES_PER_ROW, colGap: 1, rowGap: 1 }, swatchesProps, { children: preset.colors.map(function (color) { return (_jsx(Swatch, __assign({ color: color, onChange: onChange, isSelected: selectedColor === color || (!selectedColor && color === RESET_COLOR) }, swatchProps, { className: ['w-6 h-6', swatchProps === null || swatchProps === void 0 ? void 0 : swatchProps.className] }), color)); }) }))] }, preset.label)) : null;
             }), (colorPalette === null || colorPalette === void 0 ? void 0 : colorPalette.length) ? (_jsx(Swatches, __assign({ cols: SWATCHES_PER_ROW, colGap: 1, rowGap: 1 }, swatchesProps, { children: colorPalette.map(function (color) { return (_jsx(Swatch, __assign({ color: color, overrides: overrides, onChange: onChange, isSelected: selectedColor === color }, swatchProps, { className: ['w-6 h-6', swatchProps === null || swatchProps === void 0 ? void 0 : swatchProps.className] }), color)); }) }))) : null] })));

package/esm/color-picker/Swatch.d.ts

@@ -1,6 +1,6 @@
-import { ReactElement } from 'react';
-import { ClassName, Styles } from '../types';
-import { SwatchColor } from './types';
+import type { ReactElement } from 'react';
+import type { ClassName, Styles } from '../types';
+import type { SwatchColor } from './types';
 export type SwatchProps = {
     color: SwatchColor;
     isSelected: boolean;

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

@@ -1,9 +1,9 @@
 import type { Override } from '../overrides';
 import type { ColorResult, RGBColor } from 'react-color';
-import { GRADIENT_TYPE } from './constants';
+import type { GRADIENT_TYPE } from './constants';
 import type { SelectProps } from '../select';
 import type { BoxProps } from '../box';
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 export type ColorPickerOverrides = {
     Root?: Override<Record<string, any>>;
     Heading?: Override<Record<string, any>>;

package/esm/container/ContainerProps.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 type ContainerProps = {
     children: ReactNode;
     variant: 'fixed' | 'fluid';

package/esm/currency/Currency.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CurrencyProps } from './types';
+import type { CurrencyProps } from './types';
 export declare const Currency: {
     ({ value, variant, currency, currencyOptions, }: CurrencyProps): JSX.Element;
     __standard: string;

package/esm/currency/constants.d.ts

@@ -1,3 +1,3 @@
-import { CompactAutoFormat } from '../utils/intlNumberFormatUtils/types';
+import type { CompactAutoFormat } from '../utils/intlNumberFormatUtils/types';
 export declare const DEFAULT_VARIANT: CompactAutoFormat;
 export declare const DEFAULT_CURRENCY = "USD";

package/esm/currency/types.d.ts

@@ -1,4 +1,4 @@
-import { NumberVariant } from '../utils/intlNumberFormatUtils/types';
+import type { NumberVariant } from '../utils/intlNumberFormatUtils/types';
 export type CurrencyProps = {
     value: number;
     variant?: NumberVariant;

package/esm/currency/useCurrency.d.ts

@@ -1,2 +1,2 @@
-import { CurrencyProps } from './types';
+import type { CurrencyProps } from './types';
 export declare const useCurrency: ({ value, currency, variant, currencyOptions, }: CurrencyProps) => string;

package/esm/currency/utils.d.ts

@@ -1,4 +1,4 @@
-import { NumberVariant } from '../utils/intlNumberFormatUtils/types';
+import type { NumberVariant } from '../utils/intlNumberFormatUtils/types';
 export declare const getFormattedCurrency: ({ value, locale, variant, currencyOptions, currency, }: {
     value: number;
     locale: string;

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

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 import type { DateInputProps } from './types';
 export declare const DateInput: {
     ({ adapter, formatString: _formatString, onChange, value: _value, locale, weekStartsOn, overrides, minDate: _minDate, maxDate: _maxDate, timeSelect, showTimezone, timezone, timezoneOptions, onFocus: _onFocus, onBlur: _onBlur, onKeyDown: _onKeyDown, placeholder, getTimeRangesForDate, onOpen, onClose, inputToDateParser, disableTimezoneSwitch, disableOutOfBoundaryDateAdaptation, ...restProps }: DateInputProps): ReactElement;