@sprinklrjs/spaceweb 14.11.4 → 14.12.0

package/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/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/baseui/tree-view/tree-label.js

@@ -15,7 +15,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 = tslib_1.__read((0, overrides_1.useOverrides)(IconContainerOverride, styled_components_1.StyledIconContainer), 2), IconContainer = _c[0], iconContainerProps = _c[1];
     var _d = tslib_1.__read((0, overrides_1.useOverrides)(ExpandIconOverride, chevron_right_1.default), 2), Right = _d[0], RightProps = _d[1];
     var _e = tslib_1.__read((0, overrides_1.useOverrides)(CollapseIconOverride, chevron_down_1.default), 2), CollapseIcon = _e[0], collpaseProps = _e[1];

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

@@ -48,7 +48,7 @@ var TreeNode = /** @class */ (function (_super) {
         var _d = tslib_1.__read((0, overrides_1.getOverrides)(TreeItemListOverride, styled_components_1.StyledTreeItemList), 2), TreeItemList = _d[0], treeItemListProps = _d[1];
         var _e = tslib_1.__read((0, overrides_1.getOverrides)(TreeItemOverride, styled_components_1.StyledTreeItem), 2), TreeItem = _e[0], treeItemProps = _e[1];
         var _f = tslib_1.__read((0, overrides_1.getOverrides)(TreeLabelOverride, tree_label_1.default), 2), TreeLabel = _f[0], treeLabelProps = _f[1];
-        return ((0, jsx_runtime_1.jsxs)(TreeItem, tslib_1.__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: [(0, jsx_runtime_1.jsx)(TreeLabel, tslib_1.__assign({ onClick: this.onToggle, node: node, hasChildren: hasChildren, isExpanded: isExpanded, isSelected: selectedNodeId === getId(node), isFocusVisible: isFocusVisible, label: label, overrides: overrides }, treeLabelProps)), children && (isExpanded || renderAll) && ((0, jsx_runtime_1.jsx)(TreeItemList, tslib_1.__assign({ role: "group", "$indentGuides": !!indentGuides, "$isChildNode": true, "$expanded": !!isExpanded }, treeItemListProps, { children: children.map(function (childNode, index) { return ((0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsxs)(TreeItem, tslib_1.__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: [(0, jsx_runtime_1.jsx)(TreeLabel, tslib_1.__assign({ onClick: this.onToggle, node: node, hasChildren: hasChildren, isExpanded: isExpanded, isSelected: selectedNodeId === getId(node), isFocusVisible: isFocusVisible, label: label, overrides: overrides }, treeLabelProps)), children && (isExpanded || renderAll) && ((0, jsx_runtime_1.jsx)(TreeItemList, tslib_1.__assign({ role: "group", "$indentGuides": !!indentGuides, "$isChildNode": true, "$expanded": !!isExpanded }, treeItemListProps, { children: children.map(function (childNode, _index) { return ((0, jsx_runtime_1.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/baseui/tree-view/tree-view.js

@@ -111,8 +111,7 @@ 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/baseui/tree-view/utils.js

@@ -34,9 +34,7 @@ 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) {
@@ -81,12 +79,10 @@ 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/baseui/utils/focusVisible.js

@@ -111,7 +111,7 @@ 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/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/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/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/breadcrumb/breadcrumb-item.js

@@ -9,7 +9,6 @@ var noop_1 = tslib_1.__importDefault(require("lodash/noop"));
 var typography_1 = require("../typography");
 var link_1 = require("../link");
 var breadcrumb_ellipsis_1 = tslib_1.__importDefault(require("./breadcrumb-ellipsis"));
-// hooks
 var overrides_1 = require("../overrides");
 var style_1 = require("../style");
 // styles

package/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/breadcrumb/breadcrumb.js

@@ -13,6 +13,7 @@ var useBreadCrumbWidths_1 = require("./hooks/useBreadCrumbWidths");
 var locale_1 = require("../locale");
 // styles
 var styled_components_1 = require("./styled-components");
+var box_1 = require("../box");
 var Breadcrumb = function (_a) {
     var children = _a.children, _b = _a.separator, separator = _b === void 0 ? styled_components_1.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 = (0, locale_1.useLocale)().breadCrumb;
@@ -51,7 +52,7 @@ var Breadcrumb = function (_a) {
         var effectiveMaxItems = maxItems || (visibleItemsCount !== null && visibleItemsCount !== void 0 ? visibleItemsCount : 2);
         return renderCondensedBreadcrumbs(Math.max(2, effectiveMaxItems));
     };
-    return ((0, jsx_runtime_1.jsx)("nav", tslib_1.__assign({ className: "w-full flex items-center justify-center" }, { children: (0, jsx_runtime_1.jsx)(Root, tslib_1.__assign({ ref: containerRef, "data-testid": "breadcrumb-root", className: className, style: style, tabIndex: -1 }, sharedProps, rootProps, { children: renderBreadcrumbs() })) })));
+    return ((0, jsx_runtime_1.jsx)(box_1.Box, tslib_1.__assign({ "$as": "nav", className: "w-full flex items-center justify-center" }, { children: (0, jsx_runtime_1.jsx)(Root, tslib_1.__assign({ ref: containerRef, "data-testid": "breadcrumb-root", className: className, style: style, tabIndex: -1 }, sharedProps, rootProps, { children: renderBreadcrumbs() })) })));
 };
 Breadcrumb.displayName = 'Breadcrumb';
 Breadcrumb.__standard = 'Component';

package/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/button/Button.js

@@ -20,7 +20,7 @@ var context_1 = require("../form-control/context");
 var omit_1 = tslib_1.__importDefault(require("lodash/omit"));
 var helpers_2 = require("./helpers");
 var Button = (0, react_1.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 = tslib_1.__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 = tslib_1.__rest(props, ["overrides", "className", "style", "size", "shape", "variant", "isLoading", "intent", "isSelected", "children", "tooltipContent", "disabled", "fullWidth", "animate", "dropdownContent", "onClick", "startEnhancer", "endEnhancer", "href", "type"]);
     var enhancerProps = (0, omit_1.default)(props, ['className', 'style']);
     var _f = tslib_1.__read((0, react_1.useState)(false), 2), isFocusVisible = _f[0], setIsFocusVisible = _f[1];
     var styleUtils = (0, style_1.useStyle)();
@@ -51,7 +51,7 @@ var Button = (0, react_1.forwardRef)(function (props, ref) {
             setIsFocusVisible(true);
         }
     }, []);
-    var handleBlur = (0, react_1.useCallback)(function (event) {
+    var handleBlur = (0, react_1.useCallback)(function (_event) {
         if (isFocusVisible) {
             setIsFocusVisible(false);
         }

package/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/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/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/button/DropdownEnhancer.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
-// libs
 var react_1 = require("react");
 // components
 var popover_1 = require("../popover");

package/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/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/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/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/button/IconTextButton/styled-components.js

@@ -3,9 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.iconTextButtonStyle = void 0;
 var tslib_1 = require("tslib");
 var classNames_1 = tslib_1.__importDefault(require("../../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'
         ? (0, classNames_1.default)($isSelected ? 'spr-text-04 spr-icon-secondary' : 'spr-text-01', 'active:spr-text-04 bg-transparent')
         : 'bg-transparent';

package/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/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/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/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/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/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/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/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/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/checkbox/checkbox.js

@@ -108,9 +108,7 @@ var Checkbox = function (_a) {
         $outlineWidth: $outlineWidth,
         $labelPlacement: labelPlacement,
     };
-    var labelComp = children && ((0, jsx_runtime_1.jsx)(Label, tslib_1.__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
-        (0, jsx_runtime_1.jsx)(box_1.Box, tslib_1.__assign({ onClick: function (e) { return e.preventDefault(); } }, { children: children }))) : (children) })));
+    var labelComp = children && ((0, jsx_runtime_1.jsx)(Label, tslib_1.__assign({}, sharedProps, labelProps, { children: containsInteractiveElement ? (0, jsx_runtime_1.jsx)(box_1.Box, tslib_1.__assign({ onClick: function (e) { return e.preventDefault(); } }, { children: children })) : children })));
     var getCheckmarkIcon = function () {
         if (isIndeterminate) {
             return (0, jsx_runtime_1.jsx)(subtract_1.default, { size: size === 'medium' || size === 'large' ? 10 : 8 });

package/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/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/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/color-picker/ColorPalette.js

@@ -26,7 +26,7 @@ exports.ColorPalette = (0, react_1.memo)(function (_a) {
     var colorPalette = _colorPalette !== null && _colorPalette !== void 0 ? _colorPalette : defaultColorPalette;
     var _b = tslib_1.__read((0, overrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.Swatches, grid_1.Grid), 2), Swatches = _b[0], swatchesProps = _b[1];
     var _c = tslib_1.__read((0, overrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.Swatch, Swatch_1.Swatch), 2), Swatch = _c[0], swatchProps = _c[1];
-    return ((0, jsx_runtime_1.jsxs)(box_1.Box, tslib_1.__assign({ className: "min-h-40" }, { children: [presets.map(function (preset, index) {
+    return ((0, jsx_runtime_1.jsxs)(box_1.Box, tslib_1.__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) ? ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, tslib_1.__assign({ className: "spr-text-primary", variant: "body-md", weight: "semibold" }, { children: preset.label })), (0, jsx_runtime_1.jsx)(Swatches, tslib_1.__assign({ className: "mb-4 mt-2", cols: constants_1.SWATCHES_PER_ROW, colGap: 1, rowGap: 1 }, swatchesProps, { children: preset.colors.map(function (color) { return ((0, jsx_runtime_1.jsx)(Swatch, tslib_1.__assign({ color: color, onChange: onChange, isSelected: selectedColor === color || (!selectedColor && color === colors_1.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) ? ((0, jsx_runtime_1.jsx)(Swatches, tslib_1.__assign({ cols: constants_1.SWATCHES_PER_ROW, colGap: 1, rowGap: 1 }, swatchesProps, { children: colorPalette.map(function (color) { return ((0, jsx_runtime_1.jsx)(Swatch, tslib_1.__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/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/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/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/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/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/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/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/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/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;

package/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/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/date-picker/DateInput.js

@@ -183,7 +183,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/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/date-picker/StatelessDatePicker.js

@@ -29,7 +29,7 @@ var style_1 = require("../style");
 var StatelessDatePicker = function (_props) {
     var _a, _b, _c;
     var theme = (0, style_1.useStyle)().theme;
-    var _d = (0, context_1.useContextualFormProps)(_props), onChange = _d.onChange, onBlur = _d.onBlur, _e = _d.adapter, adapter = _e === void 0 ? date_fns_adapter_1.default : _e, _f = _d.size, size = _f === void 0 ? (0, themeHelpers_1.getDefaultSize)(theme) : _f, _g = _d.formatString, formatString = _g === void 0 ? constants_1.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 ? (0, getSystemTzName_1.getSystemTzName)() : _l, _m = _d.showTimezone, showTimezone = _m === void 0 ? false : _m, timezoneOptions = _d.timezoneOptions, props = tslib_1.__rest(_d, ["onChange", "onBlur", "adapter", "size", "formatString", "isOpen", "onFocus", "clearable", "displayValueAtRangeIndex", "variant", "overrides", "intent", "value", "formatDisplayValue", "autoSizeInput", "weekStartsOn", "timezone", "showTimezone", "timezoneOptions"]);
+    var _d = (0, context_1.useContextualFormProps)(_props), onChange = _d.onChange, onBlur = _d.onBlur, _e = _d.adapter, adapter = _e === void 0 ? date_fns_adapter_1.default : _e, _f = _d.size, size = _f === void 0 ? (0, themeHelpers_1.getDefaultSize)(theme) : _f, _g = _d.formatString, formatString = _g === void 0 ? constants_1.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 ? (0, getSystemTzName_1.getSystemTzName)() : _l, _m = _d.showTimezone, showTimezone = _m === void 0 ? false : _m, timezoneOptions = _d.timezoneOptions, props = tslib_1.__rest(_d, ["onChange", "onBlur", "adapter", "size", "formatString", "isOpen", "onFocus", "clearable", "displayValueAtRangeIndex", "variant", "overrides", "intent", "value", "formatDisplayValue", "autoSizeInput", "weekStartsOn", "timezone", "showTimezone", "timezoneOptions"]);
     var locale = (0, locale_1.useLocale)();
     var dateHelpers = React.useMemo(function () { return new date_helpers_1.default(adapter); }, [adapter]);
     var dateFnsLocale = React.useMemo(function () { return (0, utils_1.prepareLocale)(props.locale, { weekStartsOn: weekStartsOn }); }, [weekStartsOn, props.locale]);

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