@sprinklrjs/spaceweb 12.14.4 → 12.33.2

package/esm/time-range-picker/TimeRangePicker.js

@@ -1,8 +1,8 @@
 import { __assign, __read, __rest, __spreadArray } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo, useCallback } from 'react';
-import dateFnsAdapter from 'baseui/datepicker/utils/date-fns-adapter';
-import DateHelpers from 'baseui/datepicker/utils/date-helpers';
+import dateFnsAdapter from '../baseui/datepicker/utils/date-fns-adapter';
+import DateHelpers from '../baseui/datepicker/utils/date-helpers';
 import RangeSelectorContainer from './RangeSelectorContainer';
 import { getSelectedTimeRange, getSystemTzName, getDefaultTimeRangePresets, convertDateFromTargetTzToSystemTz, convertDateFromSystemTzToTargetTz, formatSummaryValue, } from './utils';
 import { useDatePickerState, StatelessDatePicker } from '../date-picker';
@@ -14,6 +14,10 @@ import { CUSTOM_OPTION } from './constants';
 import { IconButton } from '../button';
 import BaseCalendarIcon from '../icon/components/calendar-solid';
 var __DEV__ = process.env.NODE_ENV !== 'production';
+var CalendarIconInputButton = function (_a) {
+    var size = _a.size, value = _a.value, isSelected = _a.isSelected, locale = _a.locale;
+    return (_jsx(IconButton, __assign({ tooltipContent: value !== null && value !== void 0 ? value : locale.calendar.calendarButtonAriaLabel, size: size, bordered: true, shape: "square", isSelected: isSelected }, { children: _jsx(BaseCalendarIcon, {}, void 0) }), void 0));
+};
 export var TimeRangePicker = function (_a) {
     var _b = _a.adapter, adapter = _b === void 0 ? dateFnsAdapter : _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.placeholder, placeholder = _c === void 0 ? "".concat(DEFAULT_FORMAT_STRING, "-").concat(DEFAULT_FORMAT_STRING) : _c, _d = _a.formatString, formatString = _d === void 0 ? DEFAULT_FORMAT_STRING : _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, props = __rest(_a, ["adapter", "onSubmit", "timezone", "value", "formatDisplayValue", "timeRangePresets", "overrides", "timeSelect", "peekNextMonth", "excludeDates", "filterDate", "minDate", "maxDate", "placeholder", "formatString", "onClose", "onChange", "showTimezoneInSummary", "clearable", "onClear", "showFullDateInSummary", "autoSizeInput", "preset", "startOpen", "fixedHeight", "monthsShown", "weekStartsOn", "disableTimezone", "displayVariant"]);
     if (__DEV__) {
@@ -124,12 +128,14 @@ export var TimeRangePicker = function (_a) {
         return mergeOverrides({
             Input: __assign(__assign({}, (displayVariant === 'iconButton'
                 ? {
-                    component: function () { return (_jsx(IconButton, __assign({ tooltipContent: locale.calendar.calendarButtonAriaLabel, size: props.size, bordered: true, shape: "square" }, { children: _jsx(BaseCalendarIcon, {}, void 0) }), void 0)); },
+                    component: CalendarIconInputButton,
                     Before: {
                         component: function () { return null; },
                     },
                 }
                 : {})), { props: {
+                    isSelected: !!value && value.length > 0,
+                    locale: locale,
                     overrides: __assign({}, (displayVariant === 'compact'
                         ? {
                             Before: {

package/esm/time-range-picker/constants.d.ts

@@ -1,5 +1,3 @@
 export declare const CUSTOM_OPTION: {
     id: string;
 };
-export declare const CALENDAR_HEIGHT = 373;
-export declare const TIME_SELECT_ROW_HEIGHT = 75;

package/esm/time-range-picker/constants.js

@@ -1,5 +1,3 @@
 export var CUSTOM_OPTION = {
     id: 'CUSTOM',
 };
-export var CALENDAR_HEIGHT = 373;
-export var TIME_SELECT_ROW_HEIGHT = 75;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { DatepickerOverrides, FormatString, StatelessDatePickerProps } from '../date-picker';
 import { Override } from '../overrides';
-import { Option } from 'baseui/select';
+import { Option } from '../baseui/select';
 import { BaseSelectProps } from '../select/types';
 export type { FormatString } from '../date-picker';
 export declare type TimeRangePreset = {
@@ -29,7 +29,6 @@ export declare type TimeRangePickerOverrides = DatepickerOverrides<Record<string
     Header?: Override<Record<string, any>>;
     HeaderBeforeEnhancer?: Override<Record<string, any>>;
     FooterBeforeEnhancer?: Override<Record<string, any>>;
-    TimezonePicker?: Override<Record<string, any>>;
     Calendar?: Override<Record<string, any>>;
 };
 export declare type TimeRangePickerValue = {

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

@@ -1,6 +1,6 @@
-import DateHelpers from 'baseui/datepicker/utils/date-helpers';
+import DateHelpers from '../baseui/datepicker/utils/date-helpers';
 import { Locale } from '../locale';
-import { FormatSummaryValueOptions, TimeRangePreset } from './types';
+import type { FormatSummaryValueOptions, TimeRangePreset } from './types';
 export declare const getSelectedTimeRange: (selectedTimeRange: string | undefined, timeRangeOptions: Array<TimeRangePreset>) => TimeRangePreset | undefined;
 export declare const getSystemTzName: () => string;
 /**
@@ -54,10 +54,6 @@ export declare const switchEpochTimezone: (date: Date | number, tzFrom?: string,
 export declare const getDateForGivenTimezone: (timezone?: string | undefined) => Date;
 export declare const getDefaultTimeRangePresets: (locale: Locale) => TimeRangePreset[];
 export declare const formatSummaryValue: ({ date, presetId, presetLabel, timezone, formatString, showFullDateInSummary, showTimezoneInSummary, adapter, locale, hidePresetLabel, displayVariant, }: FormatSummaryValueOptions) => string;
-export declare const getHeight: ({ monthsShown, timeSelect }: {
-    monthsShown?: number | undefined;
-    timeSelect?: boolean | undefined;
-}) => number;
 export declare const getRangeError: ({ maxDate, minDate, dateHelpers, timeRange, locale, preset, }: {
     minDate?: Date | null | undefined;
     maxDate?: Date | null | undefined;

package/esm/time-range-picker/utils.js

@@ -1,12 +1,12 @@
 import { DEFAULT_FORMAT_STRING } from '../date-picker/constants';
 import { findTimeZone, getZonedTime } from 'timezone-support/dist/index-1900-2050';
-import dateFnsAdapter from 'baseui/datepicker/utils/date-fns-adapter';
-import DateHelpers from 'baseui/datepicker/utils/date-helpers';
-import getInterpolatedString from 'baseui/helpers/i18n-interpolation';
+import dateFnsAdapter from '../baseui/datepicker/utils/date-fns-adapter';
+import DateHelpers from '../baseui/datepicker/utils/date-helpers';
+import getInterpolatedString from '../baseui/helpers/i18n-interpolation';
 import { subDays, addDays } from 'date-fns';
 import { zonedTimeToUtc, utcToZonedTime } from 'date-fns-tz';
 import { isTimeInRange, normalizeDashes } from '../date-picker/utils';
-import { CALENDAR_HEIGHT, CUSTOM_OPTION, TIME_SELECT_ROW_HEIGHT } from './constants';
+import { CUSTOM_OPTION } from './constants';
 export var getSelectedTimeRange = function (selectedTimeRange, timeRangeOptions) { return timeRangeOptions.find(function (_a) {
     var id = _a.id;
     return id === selectedTimeRange;
@@ -405,7 +405,6 @@ var formatSummaryForCompactVariant = function (_a) {
     // 13 Apr - 15 May
     return "".concat(dateHelpers.formatDate(date[0], 'dd MMM', locale), " \u2013 ").concat(dateHelpers.formatDate(date[1], 'dd MMM', locale));
 };
-// eslint-disable-next-line max-statements
 export var formatSummaryValue = function (_a) {
     var date = _a.date, presetId = _a.presetId, presetLabel = _a.presetLabel, _b = _a.timezone, timezone = _b === void 0 ? getSystemTzName() : _b, _c = _a.formatString, formatString = _c === void 0 ? DEFAULT_FORMAT_STRING : _c, _d = _a.showFullDateInSummary, showFullDateInSummary = _d === void 0 ? false : _d, _e = _a.showTimezoneInSummary, showTimezoneInSummary = _e === void 0 ? false : _e, _f = _a.adapter, adapter = _f === void 0 ? dateFnsAdapter : _f, locale = _a.locale, _g = _a.hidePresetLabel, hidePresetLabel = _g === void 0 ? false : _g, _h = _a.displayVariant, displayVariant = _h === void 0 ? 'default' : _h;
     var dateHelpers = new DateHelpers(adapter);
@@ -417,7 +416,7 @@ export var formatSummaryValue = function (_a) {
         return '';
     }
     var label = hidePresetLabel ? '' : presetLabel;
-    if (displayVariant === 'compact') {
+    if (displayVariant === 'compact' || displayVariant === 'iconButton') {
         return formatSummaryForCompactVariant({
             adapter: adapter,
             date: date,
@@ -434,16 +433,6 @@ export var formatSummaryValue = function (_a) {
     }
     return label;
 };
-export var getHeight = function (_a) {
-    var monthsShown = _a.monthsShown, timeSelect = _a.timeSelect;
-    if (timeSelect && monthsShown === 1) {
-        return CALENDAR_HEIGHT + 2 * TIME_SELECT_ROW_HEIGHT;
-    }
-    if (timeSelect) {
-        return CALENDAR_HEIGHT + TIME_SELECT_ROW_HEIGHT;
-    }
-    return CALENDAR_HEIGHT;
-};
 var ERROR_FORMATE_DATE = 'dd MMM, yyyy hh:mm a';
 export var getRangeError = function (_a) {
     var maxDate = _a.maxDate, minDate = _a.minDate, dateHelpers = _a.dateHelpers, timeRange = _a.timeRange, locale = _a.locale, preset = _a.preset;

package/esm/tooltip/disabled-tooltip-container.d.ts

@@ -21,13 +21,14 @@ declare const DisabledTooltipContainer: {
         onMouseEnterDelay?: number | undefined;
         onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
         onMouseLeaveDelay?: number | undefined;
-        overrides?: import("baseui/popover").PopoverOverrides | undefined;
+        overrides?: import("../baseui/popover").PopoverOverrides | undefined;
         placement?: "auto" | "bottom" | "left" | "right" | "top" | "topLeft" | "topRight" | "rightTop" | "rightBottom" | "bottomRight" | "bottomLeft" | "leftBottom" | "leftTop" | undefined;
         popperOptions?: any;
         renderAll?: boolean | undefined;
         returnFocus?: boolean | FocusOptions | ((returnTo: Element) => boolean | FocusOptions) | undefined;
         triggerType?: "hover" | "click" | undefined;
         popoverMargin?: number | undefined;
+        repositionOnResize?: boolean | undefined;
     };
 };
 export default DisabledTooltipContainer;

package/esm/tooltip/disabled-tooltip-container.js

@@ -2,7 +2,7 @@ import { __assign, __read, __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import Tooltip from './tooltip';
-import baseDefaultProps from 'baseui/tooltip/default-props';
+import baseDefaultProps from '../baseui/tooltip/default-props';
 import { mergeOverrides } from '../overrides';
 var DisabledTooltipContainer = function (_a) {
     var content = _a.content, children = _a.children, onMouseEnterDelay = _a.onMouseEnterDelay, onMouseLeaveDelay = _a.onMouseLeaveDelay, overrides = _a.overrides, props = __rest(_a, ["content", "children", "onMouseEnterDelay", "onMouseLeaveDelay", "overrides"]);

package/esm/tooltip/overrides.js

@@ -1,7 +1,10 @@
 import { __assign } from "tslib";
-export var getArrowStyle = function (_a) {
+export var getArrowStyle = function (_a, _b) {
     var theme = _a.theme;
-    return ({ backgroundColor: theme.spr.tooltip01 });
+    var $intent = _b.$intent;
+    return ({
+        backgroundColor: $intent === 'ai' ? theme.spr.clrMagenta : theme.spr.tooltip01,
+    });
 };
 export var getBodyStyle = function () { return ({
     backgroundColor: 'transparent',
@@ -31,10 +34,12 @@ var getTypography = function (_a, _b) {
 };
 export var innerStyles = [
     'break-words',
-    function (utils) {
+    function (utils, _a) {
+        var $intent = _a.$intent;
         var theme = utils.theme;
+        var isAiIntent = $intent === 'ai';
         return {
-            backgroundColor: theme.spr.tooltip01,
+            backgroundColor: isAiIntent ? theme.spr.clrMagenta : theme.spr.tooltip01,
             color: theme.spr.text06,
             borderTopLeftRadius: theme.borderRadius['4'],
             borderTopRightRadius: theme.borderRadius['4'],
@@ -46,6 +51,7 @@ export var innerStyles = [
             paddingLeft: theme.padding['3'],
             paddingRight: theme.padding['3'],
             boxSizing: 'border-box',
+            width: 'max-content',
         };
     },
     getTypography,

package/esm/tooltip/stateful-tooltip-container.d.ts

@@ -21,13 +21,14 @@ declare const StatefulContainer: {
         onMouseEnterDelay?: number | undefined;
         onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
         onMouseLeaveDelay?: number | undefined;
-        overrides?: import("baseui/popover").PopoverOverrides | undefined;
+        overrides?: import("../baseui/popover").PopoverOverrides | undefined;
         placement?: "auto" | "bottom" | "left" | "right" | "top" | "topLeft" | "topRight" | "rightTop" | "rightBottom" | "bottomRight" | "bottomLeft" | "leftBottom" | "leftTop" | undefined;
         popperOptions?: any;
         renderAll?: boolean | undefined;
         returnFocus?: boolean | FocusOptions | ((returnTo: Element) => boolean | FocusOptions) | undefined;
         triggerType?: "hover" | "click" | undefined;
         popoverMargin?: number | undefined;
+        repositionOnResize?: boolean | undefined;
     };
 };
 export default StatefulContainer;

package/esm/tooltip/stateful-tooltip-container.js

@@ -1,6 +1,6 @@
 import { __assign } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import baseDefaultProps from 'baseui/tooltip/default-props';
+import baseDefaultProps from '../baseui/tooltip/default-props';
 import { StatefulContainer as StatefulPopoverContainer } from '../popover';
 var StatefulContainer = function (props) { return (_jsx(StatefulPopoverContainer, __assign({}, props), void 0)); };
 StatefulContainer.displayName = 'StatefulContainer';

package/esm/tooltip/stateful-tooltip.d.ts

@@ -23,12 +23,13 @@ declare const StatefulTooltip: {
         onMouseEnterDelay?: number | undefined;
         onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
         onMouseLeaveDelay?: number | undefined;
-        overrides?: import("baseui/popover").PopoverOverrides | undefined;
+        overrides?: import("../baseui/popover").PopoverOverrides | undefined;
         placement?: "auto" | "bottom" | "left" | "right" | "top" | "topLeft" | "topRight" | "rightTop" | "rightBottom" | "bottomRight" | "bottomLeft" | "leftBottom" | "leftTop" | undefined;
         popperOptions?: any;
         renderAll?: boolean | undefined;
         triggerType?: "hover" | "click" | undefined;
         popoverMargin?: number | undefined;
+        repositionOnResize?: boolean | undefined;
     };
 };
 export default StatefulTooltip;

package/esm/tooltip/stateful-tooltip.js

@@ -1,13 +1,11 @@
 import { __assign, __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import defaultProps from 'baseui/tooltip/default-props';
-import { useConvertOverrides } from '../helpers/baseui/useConvertOverrides';
+import defaultProps from '../baseui/tooltip/default-props';
 import StatefulContainer from './stateful-tooltip-container';
 import Tooltip from './tooltip';
 var StatefulTooltip = function (props) {
-    var children = props.children, size = props.size, label = props.label, _a = props.overrides, overrides = _a === void 0 ? {} : _a, viewportAsBoundary = props.viewportAsBoundary, restProps = __rest(props, ["children", "size", "label", "overrides", "viewportAsBoundary"]);
-    var _overrides = useConvertOverrides(overrides, undefined, [overrides]);
-    return (_jsx(StatefulContainer, __assign({ dismissOnClickOutside: true, dismissOnEsc: true, triggerType: "hover" }, restProps, { overrides: _overrides }, { children: function (tooltipProps) { return (_jsx(Tooltip, __assign({}, tooltipProps, { size: size, label: label, viewportAsBoundary: viewportAsBoundary }, { children: children }), void 0)); } }), void 0));
+    var children = props.children, size = props.size, label = props.label, _a = props.overrides, overrides = _a === void 0 ? {} : _a, viewportAsBoundary = props.viewportAsBoundary, intent = props.intent, restProps = __rest(props, ["children", "size", "label", "overrides", "viewportAsBoundary", "intent"]);
+    return (_jsx(StatefulContainer, __assign({ dismissOnClickOutside: true, dismissOnEsc: true, triggerType: "hover" }, restProps, { overrides: overrides }, { children: function (tooltipProps) { return (_jsx(Tooltip, __assign({}, tooltipProps, { size: size, label: label, viewportAsBoundary: viewportAsBoundary, intent: intent }, { children: children }), void 0)); } }), void 0));
 };
 StatefulTooltip.displayName = 'StatefulTooltip';
 StatefulTooltip.defaultProps = __assign(__assign({}, defaultProps), { showArrow: true, focusLock: false, returnFocus: false });

package/esm/tooltip/styled-component.d.ts

@@ -1,2 +1,2 @@
-export { StyledBody, StyledArrow, StyledInner } from 'baseui/tooltip';
+export { StyledBody, StyledArrow, StyledInner } from '../baseui/tooltip';
 export declare const StyledLabel: import("../style/styled").StyledComponent;

package/esm/tooltip/styled-component.js

@@ -1,3 +1,3 @@
 import styled from '../style/styled';
-export { StyledBody, StyledArrow, StyledInner } from 'baseui/tooltip';
+export { StyledBody, StyledArrow, StyledInner } from '../baseui/tooltip';
 export var StyledLabel = styled('div', 'spr-text-02 mb-1 typography-l1 font-medium self-start');

package/esm/tooltip/tooltip.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { TooltipProps } from './types';
 declare const Tooltip: {
-    ({ size, label, content, overrides, children, targetElement, isOpen, triggerType, returnFocus, focusLock, placement, popperOptions, ignoreBoundary, viewportAsBoundary, ...restProps }: TooltipProps): ReactElement;
+    ({ size, label, content, overrides, children, targetElement, isOpen, triggerType, returnFocus, focusLock, placement, popperOptions, ignoreBoundary, viewportAsBoundary, intent, ...restProps }: TooltipProps): ReactElement;
     displayName: string;
 };
 export default Tooltip;

package/esm/tooltip/tooltip.js

@@ -1,13 +1,12 @@
 import { __assign, __read, __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 // TODO: baseui/tooltip is using Popover internally which we cannot override
-import { Tooltip as BaseTooltip } from 'baseui/tooltip';
+import { Tooltip as BaseTooltip } from '../baseui/tooltip';
 import * as React from 'react';
 import { useMemo } from 'react';
 import { PopoverChildEnhancer } from '../popover/PopoverEnahncer';
-import { useConvertOverrides } from '../helpers/baseui/useConvertOverrides';
 import { LayersManager, Z_INDEX } from '../layer';
-import { useOverrides } from '../overrides';
+import { mergeOverrides, useOverrides } from '../overrides';
 import { useFocusLock, useContent } from '../popover/hooks';
 import useUniqueId from '../hooks/useUniqueId';
 import { getArrowStyle, getBodyStyle, innerStyles } from './overrides';
@@ -21,26 +20,31 @@ var DISABLED_FOCUS_PROPS = {
 // @ts-ignore
 BaseTooltip.displayName = 'BaseUITooltip';
 var Tooltip = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? 'sm' : _b, label = _a.label, content = _a.content, _c = _a.overrides, overrides = _c === void 0 ? {} : _c, children = _a.children, targetElement = _a.targetElement, isOpen = _a.isOpen, _d = _a.triggerType, triggerType = _d === void 0 ? 'hover' : _d, _e = _a.returnFocus, returnFocus = _e === void 0 ? triggerType === 'click' : _e, _f = _a.focusLock, focusLock = _f === void 0 ? false : _f, _g = _a.placement, placement = _g === void 0 ? 'auto' : _g, popperOptions = _a.popperOptions, ignoreBoundary = _a.ignoreBoundary, viewportAsBoundary = _a.viewportAsBoundary, restProps = __rest(_a, ["size", "label", "content", "overrides", "children", "targetElement", "isOpen", "triggerType", "returnFocus", "focusLock", "placement", "popperOptions", "ignoreBoundary", "viewportAsBoundary"]);
+    var _b = _a.size, size = _b === void 0 ? 'sm' : _b, label = _a.label, content = _a.content, _c = _a.overrides, overrides = _c === void 0 ? {} : _c, children = _a.children, targetElement = _a.targetElement, isOpen = _a.isOpen, _d = _a.triggerType, triggerType = _d === void 0 ? 'hover' : _d, _e = _a.returnFocus, returnFocus = _e === void 0 ? triggerType === 'click' : _e, _f = _a.focusLock, focusLock = _f === void 0 ? false : _f, _g = _a.placement, placement = _g === void 0 ? 'auto' : _g, popperOptions = _a.popperOptions, ignoreBoundary = _a.ignoreBoundary, _h = _a.viewportAsBoundary, viewportAsBoundary = _h === void 0 ? true : _h, _j = _a.intent, intent = _j === void 0 ? 'default' : _j, restProps = __rest(_a, ["size", "label", "content", "overrides", "children", "targetElement", "isOpen", "triggerType", "returnFocus", "focusLock", "placement", "popperOptions", "ignoreBoundary", "viewportAsBoundary", "intent"]);
     var focusLockProps = useFocusLock({ returnFocus: returnFocus, focusLock: focusLock });
-    var sharedProps = { $size: size, $label: !!label };
-    var _h = __read(useOverrides(overrides.Label, StyledLabel), 2), Label = _h[0], labelProps = _h[1];
+    var sharedProps = useMemo(function () { return ({ $size: size, $label: !!label, $intent: intent }); }, [intent, label, size]);
+    var _k = __read(useOverrides(overrides.Label, StyledLabel), 2), Label = _k[0], labelProps = _k[1];
     // add label on top of content
     var contentToDisplay = [];
     if (label) {
         contentToDisplay.push(_jsx(Label, __assign({}, labelProps, sharedProps, { children: label }), "label"));
     }
     contentToDisplay.push(_jsx(React.Fragment, { children: typeof content === 'function' ? content() : content }, "content"));
-    var childNode = children;
+    var childNode;
     if (typeof children === 'function') {
         childNode = children({ isOpen: isOpen });
     }
-    var _j = useContent({ content: contentToDisplay }), setContentHost = _j.setContentHost, wrappedContent = _j.wrappedContent;
-    var _overrides = useConvertOverrides({
-        Body: { style: getBodyStyle, props: sharedProps },
-        Arrow: { style: getArrowStyle, props: sharedProps },
-        Inner: { style: innerStyles, props: __assign(__assign({}, sharedProps), { ref: setContentHost }) },
-    }, overrides, [overrides, size, label, setContentHost]);
+    else {
+        childNode = children;
+    }
+    var _l = useContent({ content: contentToDisplay }), setContentHost = _l.setContentHost, wrappedContent = _l.wrappedContent;
+    var _overrides = useMemo(function () {
+        return mergeOverrides({
+            Body: { style: getBodyStyle, props: sharedProps },
+            Arrow: { style: getArrowStyle, props: sharedProps },
+            Inner: { style: innerStyles, props: __assign(__assign({}, sharedProps), { ref: setContentHost }) },
+        }, overrides);
+    }, [overrides, setContentHost, sharedProps]);
     var id = useUniqueId();
     var mergedPopperOptions = useMemo(function () { return (__assign(__assign({}, getPopperOptions({ ignoreBoundary: ignoreBoundary, viewportAsBoundary: viewportAsBoundary })), popperOptions)); }, [popperOptions, ignoreBoundary, viewportAsBoundary]);
     return (_jsx(LayersManager, __assign({ zIndex: Z_INDEX.POPOVER }, { children: _jsx(BaseTooltip, __assign({ id: id }, restProps, { triggerType: triggerType, isOpen: isOpen, overrides: _overrides, content: wrappedContent, placement: placement }, focusLockProps, (triggerType === 'hover' ? DISABLED_FOCUS_PROPS : {}), { popperOptions: mergedPopperOptions }, { children: _jsx(PopoverChildEnhancer, __assign({ targetElement: targetElement }, { children: childNode }), void 0) }), void 0) }), void 0));

package/esm/tooltip/types.d.ts

@@ -1,12 +1,14 @@
-import { TetherPlacement } from 'baseui/layer';
-import { SharedStylePropsArg } from 'baseui/popover';
-import { StatefulTooltipProps as BaseStatefulTooltipProps, TooltipProps as BaseTooltipProps } from 'baseui/tooltip';
+import { TetherPlacement } from '../baseui/layer';
+import { SharedStylePropsArg } from '../baseui/popover';
+import { StatefulTooltipProps as BaseStatefulTooltipProps, TooltipProps as BaseTooltipProps } from '../baseui/tooltip';
 import * as React from 'react';
 import { Override } from '../overrides';
 import { TriggerType } from '../popover';
+import type { Intent } from '../types';
 declare type SpacewebSharedProps = {
     $size: Size;
     $label: boolean;
+    $intent: Intent;
 };
 export declare type Size = 'sm' | 'md' | 'lg';
 export declare type SharedProps = SharedStylePropsArg & SpacewebSharedProps;
@@ -40,6 +42,7 @@ export declare type StatefulTooltipProps = Omit<BaseStatefulTooltipProps, 'overr
     triggerType?: TriggerType;
     placement?: TetherPlacement;
     viewportAsBoundary?: boolean;
+    intent?: Intent;
 } & DeprecatedProps;
 export declare type TooltipProps = Omit<BaseTooltipProps, 'overrides' | 'children' | 'autoFocus' | 'focusLock' | 'returnFocus' | 'triggerType' | 'placement'> & {
     overrides?: {
@@ -56,6 +59,7 @@ export declare type TooltipProps = Omit<BaseTooltipProps, 'overrides' | 'childre
     triggerType?: TriggerType;
     placement?: TetherPlacement;
     viewportAsBoundary?: boolean;
+    intent?: Intent;
 } & DeprecatedProps;
 export type { Placement, TriggerType, AccessibilityType } from '../popover';
-export type { StatefulTooltipContainerProps } from 'baseui/tooltip';
+export type { StatefulTooltipContainerProps } from '../baseui/tooltip';

package/esm/transitions/collapse/collapse.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { CollapseProps } from './types';
+declare const Collapse: {
+    ({ visible, timingFunction, children, onEnter, onEntering, onEntered, onExit, onExited, onExiting, disableExitTransition, disableEnterTransition, enableAppearTransition, containerRef, duration, dimension, overrides, collapsedSize, unmountOnExit, ...props }: CollapseProps): ReactElement;
+    displayName: string;
+};
+export default Collapse;

package/esm/transitions/collapse/collapse.js

@@ -0,0 +1,64 @@
+import { __assign, __read, __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from 'react';
+import BaseTransition from 'react-transition-group/Transition';
+import { forceReflow } from '../transition/helperFunction';
+import useCombinedHandler from '../../hooks/useCombinedHandler';
+import { StyledContainer } from './styled-components';
+import { useOverrides } from '../../overrides';
+import useCombinedRefs from '../../hooks/useCombinedRef';
+import { DEFAULT_TIMING_FUNCTION, DEFAULT_DURATION } from '../transition/constants';
+import usePreferredReducedMotion from '../../hooks/usePreferredReducedMotion';
+var Collapse = function (_a) {
+    var _b = _a.visible, visible = _b === void 0 ? true : _b, _c = _a.timingFunction, timingFunction = _c === void 0 ? DEFAULT_TIMING_FUNCTION : _c, children = _a.children, onEnter = _a.onEnter, onEntering = _a.onEntering, onEntered = _a.onEntered, onExit = _a.onExit, onExited = _a.onExited, onExiting = _a.onExiting, _d = _a.disableExitTransition, disableExitTransition = _d === void 0 ? false : _d, _e = _a.disableEnterTransition, disableEnterTransition = _e === void 0 ? false : _e, _f = _a.enableAppearTransition, enableAppearTransition = _f === void 0 ? false : _f, _g = _a.containerRef, containerRef = _g === void 0 ? null : _g, _h = _a.duration, duration = _h === void 0 ? { enter: DEFAULT_DURATION, exit: DEFAULT_DURATION } : _h, _j = _a.dimension, dimension = _j === void 0 ? 'height' : _j, overrides = _a.overrides, _k = _a.collapsedSize, collapsedSize = _k === void 0 ? 0 : _k, unmountOnExit = _a.unmountOnExit, props = __rest(_a, ["visible", "timingFunction", "children", "onEnter", "onEntering", "onEntered", "onExit", "onExited", "onExiting", "disableExitTransition", "disableEnterTransition", "enableAppearTransition", "containerRef", "duration", "dimension", "overrides", "collapsedSize", "unmountOnExit"]);
+    var prefersReducedMotion = usePreferredReducedMotion();
+    var nodeRef = useRef(null);
+    var mergedRef = useCombinedRefs(nodeRef, containerRef);
+    // eslint-disable-next-line no-param-reassign
+    if (unmountOnExit)
+        collapsedSize = 0;
+    var scrollKey = dimension === 'height' ? 'scrollHeight' : 'scrollWidth';
+    // accepting duration as both number and object
+    var durationProp = typeof duration === 'number' ? { enter: duration, exit: duration } : duration;
+    var handleEnter = useCombinedHandler(function () {
+        if (nodeRef.current) {
+            nodeRef.current.style[dimension] = collapsedSize ? "".concat(collapsedSize, "px") : '0px';
+        }
+    }, onEnter);
+    var handleEntering = useCombinedHandler(function () {
+        if (nodeRef.current) {
+            nodeRef.current.style[dimension] = "".concat(nodeRef.current[scrollKey], "px");
+        }
+    }, onEntering);
+    var handleEntered = useCombinedHandler(function () {
+        if (nodeRef.current) {
+            nodeRef.current.style[dimension] = '';
+        }
+    }, onEntered);
+    var handleExit = useCombinedHandler(function () {
+        if (nodeRef.current) {
+            nodeRef.current.style[dimension] = "".concat(nodeRef.current[scrollKey], "px");
+            forceReflow(nodeRef.current);
+        }
+    }, onExit);
+    var handleExiting = useCombinedHandler(function () {
+        if (nodeRef.current) {
+            nodeRef.current.style[dimension] = "".concat(collapsedSize, "px");
+        }
+    }, onExiting);
+    var handleExited = useCombinedHandler(function () {
+        if (nodeRef.current) {
+            nodeRef.current.style[dimension] = "".concat(collapsedSize, "px");
+        }
+    }, onExited);
+    var _l = __read(useOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.Container, StyledContainer), 2), Container = _l[0], containerProps = _l[1];
+    var sharedProps = {
+        $duration: durationProp,
+        $timingFunction: timingFunction,
+        $dimension: dimension,
+        $collapsedSize: collapsedSize,
+    };
+    return prefersReducedMotion ? (_jsx(Container, __assign({}, containerProps, sharedProps, { children: visible ? children : null }), void 0)) : (_jsx(BaseTransition, __assign({ in: visible }, props, { unmountOnExit: unmountOnExit, timeout: durationProp, nodeRef: nodeRef, onEnter: handleEnter, onEntering: handleEntering, onEntered: handleEntered, onExit: handleExit, onExiting: handleExiting, onExited: handleExited, enter: !disableEnterTransition, exit: !disableExitTransition, appear: enableAppearTransition }, { children: function (state) { return (_jsx(Container, __assign({ ref: mergedRef, "$state": state }, sharedProps, containerProps, { children: children }), void 0)); } }), void 0));
+};
+Collapse.displayName = 'Collapse';
+export default Collapse;

package/esm/transitions/collapse/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Collapse } from './collapse';
+export type { CollapseProps, CollapseSharedProps, Dimension, } from './types';
+export type { TransitionCallbacks, Duration, TimingFunction, } from '../transition/index';

package/esm/transitions/collapse/index.js

@@ -0,0 +1 @@
+export { default as Collapse } from './collapse';

package/esm/transitions/collapse/styled-components.d.ts

@@ -0,0 +1 @@
+export declare const StyledContainer: import("../../style/styled").StyledComponent;

package/esm/transitions/collapse/styled-components.js

@@ -0,0 +1,23 @@
+import { __assign } from "tslib";
+import { styled } from '../../style';
+import { ENTERED, ENTERING, EXITED, EXITING } from 'react-transition-group/Transition';
+function getCollapseStyles($duration, $timingFunction, $dimension, $collapsedSize) {
+    var _a, _b;
+    return _a = {},
+        _a[EXITED] = (_b = {},
+            _b[$dimension] = "".concat($collapsedSize, "px"),
+            _b.visibility = $collapsedSize ? 'visible' : 'hidden',
+            _b),
+        _a[EXITING] = {
+            transition: "".concat($dimension, " ").concat($duration.exit, "ms ").concat($timingFunction),
+        },
+        _a[ENTERING] = {
+            transition: "".concat($dimension, " ").concat($duration.enter, "ms ").concat($timingFunction),
+        },
+        _a[ENTERED] = {},
+        _a;
+}
+export var StyledContainer = styled('div', 'overflow-hidden m-0 p-0', function (_, _a) {
+    var $state = _a.$state, $duration = _a.$duration, $timingFunction = _a.$timingFunction, $dimension = _a.$dimension, $collapsedSize = _a.$collapsedSize;
+    return (__assign({}, getCollapseStyles($duration, $timingFunction, $dimension, $collapsedSize)[$state]));
+});

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

@@ -0,0 +1,19 @@
+import { Override } from '../../overrides';
+import { TransitionProps, Duration, TimingFunction } from '../transition';
+export declare type Dimension = 'height' | 'width';
+export declare type CollapseSharedProps = {
+    $timingFunction?: TimingFunction;
+    $duration?: Duration;
+    $dimension?: Dimension;
+    $collapsedSize?: number;
+};
+declare type CollapseOverrides = {
+    Container?: Override<CollapseSharedProps>;
+};
+export declare type CollapseProps = Omit<TransitionProps, 'overrides' | 'animationStyles'> & {
+    dimension?: Dimension;
+    overrides?: CollapseOverrides;
+    collapsedSize?: number;
+    timingFunction?: TimingFunction;
+};
+export {};

package/esm/transitions/collapse/types.js

@@ -0,0 +1 @@
+export {};

package/esm/transitions/fade/fade.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { FadeProps } from './types';
+declare const Fade: {
+    ({ duration, timingFunction, children, ...props }: FadeProps): ReactElement;
+    displayName: string;
+};
+export default Fade;

package/esm/transitions/fade/fade.js

@@ -0,0 +1,27 @@
+import { __assign, __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Transition } from '../transition/index';
+import { ENTERED, ENTERING, EXITED, EXITING } from 'react-transition-group/Transition';
+import { DEFAULT_DURATION, DEFAULT_TIMING_FUNCTION } from '../transition/constants';
+var Fade = function (_a) {
+    var _b;
+    var _c = _a.duration, duration = _c === void 0 ? DEFAULT_DURATION : _c, _d = _a.timingFunction, timingFunction = _d === void 0 ? DEFAULT_TIMING_FUNCTION : _d, children = _a.children, props = __rest(_a, ["duration", "timingFunction", "children"]);
+    var durationProp = typeof duration === 'number' ? { enter: duration, exit: duration } : duration;
+    var fadeStyles = (_b = {},
+        _b[ENTERING] = {
+            opacity: 1,
+            transition: "opacity ".concat(durationProp.enter, "ms ").concat(timingFunction),
+        },
+        _b[ENTERED] = {},
+        _b[EXITING] = {
+            opacity: 0,
+            transition: "opacity ".concat(durationProp.exit, "ms ").concat(timingFunction),
+        },
+        _b[EXITED] = {
+            opacity: 0,
+        },
+        _b);
+    return (_jsx(Transition, __assign({}, props, { animationStyles: fadeStyles, duration: duration }, { children: children }), void 0));
+};
+Fade.displayName = 'Fade';
+export default Fade;

package/esm/transitions/fade/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Fade } from './fade';
+export type { FadeProps } from './types';
+export type { TransitionCallbacks, Duration, TimingFunction } from '../transition/index';

package/esm/transitions/fade/index.js

@@ -0,0 +1 @@
+export { default as Fade } from './fade';

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

@@ -0,0 +1,10 @@
+import { Override } from '../../overrides';
+import { TimingFunction, TransitionProps } from '../transition';
+declare type FadeOverrides = {
+    Container?: Override<any>;
+};
+export declare type FadeProps = Omit<TransitionProps, 'overrides' | 'animationStyles'> & {
+    overrides?: FadeOverrides;
+    timingFunction?: TimingFunction;
+};
+export {};

package/esm/transitions/fade/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { GrowProps } from './types';
+declare const Grow: {
+    ({ duration, timingFunction, children, ...props }: GrowProps): ReactElement;
+    displayName: string;
+};
+export default Grow;