@sprinklrjs/spaceweb 12.14.4 → 12.33.2

package/esm/modal/modal-footer.js

@@ -1,9 +1,10 @@
-import { __assign } from "tslib";
+import { __assign, __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { StyledModalFooter } from './styled-components';
 import { add$props } from '../helpers';
-var ModalFooter = function (props) {
-    var sharedProps = add$props({ noBorder: props.noBorder });
+var ModalFooter = function (_a) {
+    var noBorder = _a.noBorder, props = __rest(_a, ["noBorder"]);
+    var sharedProps = add$props({ noBorder: noBorder });
     return _jsx(StyledModalFooter, __assign({}, props, sharedProps), void 0);
 };
 ModalFooter.displayName = 'ModalFooter';

package/esm/modal/modal.js

@@ -1,8 +1,8 @@
 import { __assign, __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
+import { useMemo } from 'react';
 import { IconButton } from '../button';
-import { useConvertOverrides } from '../helpers/baseui/useConvertOverrides';
 import Close from '../icon/components/close';
 import { useStyle } from '../style';
 import { getWidthFromSize, roleMap } from './adapter';
@@ -10,24 +10,27 @@ import { getCloseButtonProps, getDialogContainerStyles, getDialogStyles } from '
 import { StyledModal } from './styled-components';
 import { add$props } from '../helpers';
 import { useLocale } from '../locale';
+import { mergeOverrides } from '../overrides';
 var CloseButton = function (closeProps) { return (_jsx(IconButton, __assign({}, closeProps, { children: _jsx(Close, {}, void 0) }), void 0)); };
 var Modal = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.role, role = _c === void 0 ? 'dialog' : _c, ariaLabel = _a.ariaLabel, overrides = _a.overrides, props = __rest(_a, ["size", "role", "ariaLabel", "overrides"]);
     var utils = useStyle();
     var theme = utils.theme;
-    var sharedProps = add$props({ dialogSize: size });
+    var sharedProps = useMemo(function () { return add$props({ dialogSize: size }); }, [size]);
     var locale = useLocale();
-    var _overrides = useConvertOverrides({
-        DialogContainer: { style: getDialogContainerStyles, props: sharedProps },
-        Dialog: {
-            style: getDialogStyles,
-            props: __assign(__assign({}, (ariaLabel ? { 'aria-label': ariaLabel } : undefined)), sharedProps),
-        },
-        Close: {
-            component: CloseButton,
-            props: getCloseButtonProps(utils, sharedProps, locale.modal.closeAriaLabel),
-        },
-    }, overrides, [overrides, theme]);
+    var _overrides = useMemo(function () {
+        return mergeOverrides({
+            DialogContainer: { style: getDialogContainerStyles, props: sharedProps },
+            Dialog: {
+                style: getDialogStyles,
+                props: __assign(__assign({}, (ariaLabel ? { 'aria-label': ariaLabel } : undefined)), sharedProps),
+            },
+            Close: {
+                component: CloseButton,
+                props: getCloseButtonProps(utils, sharedProps, locale.modal.closeAriaLabel),
+            },
+        }, overrides);
+    }, [sharedProps, ariaLabel, utils, locale.modal.closeAriaLabel, overrides]);
     return (_jsx(StyledModal, __assign({}, props, { size: getWidthFromSize(utils, size), role: roleMap[role], overrides: _overrides }), void 0));
 };
 Modal.displayName = 'Modal';

package/esm/modal/overrides.js

@@ -1,12 +1,13 @@
 import { __assign } from "tslib";
+import { borderColor } from '../helpers/longHandHelpers';
 var getDialogHeightControl = function (_a, _b) {
     var px2rem = _a.px2rem;
     var $dialogSize = _b.$dialogSize;
     switch ($dialogSize) {
         case 'sm':
-            return { maxHeight: px2rem(560) };
+            return { maxHeight: "min(".concat(px2rem(560), ",95%)") };
         case 'md':
-            return { maxHeight: px2rem(660) };
+            return { maxHeight: "min(".concat(px2rem(660), ", 95%)") };
         case 'lg':
             return { height: '90%' };
         case 'fullPage':
@@ -29,7 +30,7 @@ var transitionDuration = function (_a, _b) {
     return ($animate ? { transitionDuration: '200ms' } : {});
 };
 export var getDialogContainerStyles = [
-    'border-box spr-overlay',
+    'border-box spr-overlay h-full',
     getDialogContainerHeightControl,
     transitionDuration,
 ];
@@ -47,18 +48,10 @@ export var getCloseButtonProps = function (_a, _b, ariaLabel) {
         overrides: {
             BaseButton: {
                 style: __assign({ position: 'absolute', top: px2rem(12), right: px2rem(16) }, ($dialogSize === 'fullPage'
-                    ? {
-                        top: px2rem(-44),
-                        right: px2rem(0),
-                        backgroundColor: theme.spr.ui01,
-                        color: theme.spr.icon02,
-                        borderColor: theme.borderColor.transparent,
-                        ':hover': {
+                    ? __assign(__assign({ top: px2rem(-44), right: px2rem(0), backgroundColor: theme.spr.ui01, color: theme.spr.icon02 }, borderColor(theme.borderColor.transparent)), { ':hover': {
                             color: theme.spr.ui04,
                             backgroundColor: theme.spr.ui06,
-                        },
-                    }
-                    : {})),
+                        } }) : {})),
             },
         },
     });

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

@@ -1,6 +1,6 @@
-import { ModalProps as BaseModalProps } from 'baseui/modal';
+import { ModalProps as BaseModalProps } from '../baseui/modal';
 import * as React from 'react';
-export { StyledRoot, StyledClose, StyledDialog, StyledDialogContainer } from 'baseui/modal';
+export { StyledRoot, StyledClose, StyledDialog, StyledDialogContainer } from '../baseui/modal';
 export declare const StyledModal: React.ComponentType<BaseModalProps>;
 export declare const StyledModalHeader: import("../style/styled").StyledComponent;
 export declare const ModalBody: import("../style/styled").StyledComponent;

package/esm/modal/styled-components.js

@@ -1,18 +1,9 @@
-import { Modal as BaseModal } from 'baseui/modal';
-import withThemeOverride from '../helpers/baseui/withThemeOverride';
+import { Modal as BaseModal } from '../baseui/modal';
 import { styled } from '../style';
-export { StyledRoot, StyledClose, StyledDialog, StyledDialogContainer } from 'baseui/modal';
+export { StyledRoot, StyledClose, StyledDialog, StyledDialogContainer } from '../baseui/modal';
 // @ts-ignore
 BaseModal.displayName = 'BaseUIModal';
-export var StyledModal = withThemeOverride(BaseModal, function (theme) { return ({
-    colors: {
-        backgroundPrimary: theme.spr.popup,
-        modalCloseColor: theme.spr.icon02,
-        modalCloseColorHover: theme.spr.icon01,
-        contentPrimary: theme.spr.text01,
-        contentSecondary: theme.spr.text02,
-    },
-}); });
+export var StyledModal = BaseModal;
 export var StyledModalHeader = styled('div', 'typography-h4 spr-text-01 font-bold border-t-0 border-r-0 border-l-0 pt-4 px-6', function (_a, _b) {
     var px2rem = _a.px2rem;
     var $noBorder = _b.$noBorder;

package/esm/modal/types.d.ts

@@ -1,4 +1,4 @@
-import { ModalOverrides, ModalProps as BaseModalProps, SharedStylePropsArg } from 'baseui/modal';
+import { ModalOverrides, ModalProps as BaseModalProps, SharedStylePropsArg } from '../baseui/modal';
 import { Override } from '../overrides';
 import { SpacewebComponentProps } from '../types';
 export declare type Size = 'sm' | 'md' | 'lg' | 'fullPage';
@@ -20,5 +20,5 @@ export declare type ModalHeaderProps = SpacewebComponentProps & {
 export declare type ModalFooterProps = SpacewebComponentProps & {
     noBorder?: boolean;
 };
-export type { ModalState } from 'baseui/modal';
-export { CLOSE_SOURCE } from 'baseui/modal';
+export type { ModalState } from '../baseui/modal';
+export { CLOSE_SOURCE } from '../baseui/modal';

package/esm/modal/types.js

@@ -1 +1 @@
-export { CLOSE_SOURCE } from 'baseui/modal';
+export { CLOSE_SOURCE } from '../baseui/modal';

package/esm/overrides/useOverrides.js

@@ -1,5 +1,5 @@
 /* eslint @typescript-eslint/no-explicit-any: 0 */
-import { getOverrides as baseGetOverrides } from 'baseui/helpers/overrides';
+import { getOverrides as baseGetOverrides } from '../baseui/helpers/overrides';
 import { useMemo } from 'react';
 var getOverrides = function (override, defaultComponent) {
     if (override === void 0) { override = {}; }

package/esm/payment-card/basewebAdapters.d.ts

@@ -1,4 +1,4 @@
-import { PaymentCardOverrides as BasePaymentCardOverrides } from 'baseui/payment-card';
+import { PaymentCardOverrides as BasePaymentCardOverrides } from '../baseui/payment-card';
 import { PaymentCardProps, StatefulPaymentCardProps } from './types';
 declare type AdapterProps = Omit<PaymentCardProps | StatefulPaymentCardProps, 'autoFocus'>;
 declare type BaseWebCardSize = 'default' | 'mini' | 'compact';

package/esm/payment-card/basewebAdapters.js

@@ -5,9 +5,9 @@ import useInputBasewebAdapter from '../input/basewebAdapters';
 import { getIconWrapperStyles } from './styled-components';
 import { add$props } from '../helpers';
 import { mergeOverrides } from '../overrides';
-import { SIZE } from 'baseui/input';
+import { SIZE } from '../baseui/input';
 import { getDefaultSize } from '../helpers/themeHelpers';
-import { useStyle } from '../style/';
+import { useStyle } from '../style';
 var getBasewebPaymentCardSizeMap = function (_size) {
     switch (_size) {
         case 'lg':

package/esm/payment-card/index.d.ts

@@ -1,3 +1,3 @@
-export { StatefulContainer, valid } from 'baseui/payment-card';
+export { StatefulContainer, valid } from '../baseui/payment-card';
 export { PaymentCard, StatefulPaymentCard } from './paymentCard';
 export * from './types';

package/esm/payment-card/index.js

@@ -1,3 +1,3 @@
-export { StatefulContainer, valid } from 'baseui/payment-card';
+export { StatefulContainer, valid } from '../baseui/payment-card';
 export { PaymentCard, StatefulPaymentCard } from './paymentCard';
 export * from './types';

package/esm/payment-card/paymentCard.js

@@ -1,6 +1,6 @@
 import { __assign, __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { PaymentCard as BasePaymentCard, StatefulPaymentCard as BaseStatefulPaymentCard } from 'baseui/payment-card';
+import { PaymentCard as BasePaymentCard, StatefulPaymentCard as BaseStatefulPaymentCard } from '../baseui/payment-card';
 import usePaymentCardBasewebAdpater from './basewebAdapters';
 import useAutoFocus from '../hooks/useAutoFocus';
 // @ts-ignore

package/esm/payment-card/types.d.ts

@@ -1,5 +1,5 @@
 import { Ref } from 'react';
-import { PaymentCardProps as BasePaymentCardProps, StatefulPaymentCardProps as BaseStatefulPaymentCardProps, PaymentCardOverrides as BasePaymentCardOverrides } from 'baseui/payment-card';
+import { PaymentCardProps as BasePaymentCardProps, StatefulPaymentCardProps as BaseStatefulPaymentCardProps, PaymentCardOverrides as BasePaymentCardOverrides } from '../baseui/payment-card';
 import { Override } from '../overrides';
 import { SpacewebComponentProps, Intent } from '../types';
 import { InputSize, InputVariant, SharedProps, FocusPosition } from '../input';

package/esm/phone-input/styled-components.d.ts

@@ -5,7 +5,7 @@ export declare const getFlagContainerStyles: (string | (({ theme, px2rem }: {
     $inputSize: any;
     $isFocusVisible: any;
 }) => any))[];
-export declare const getRootStyles: ({}: {}, { $disabled }: {
+export declare const getRootStyles: (_: any, { $disabled }: {
     $disabled: any;
 }) => "cursor-not-allowed" | undefined;
 export declare const getInputStyles: ({ theme, px2rem }: {

package/esm/phone-input/styled-components.js

@@ -1,14 +1,6 @@
 import { __assign } from "tslib";
 import { styled } from '../style';
 import { getComponentSizeTheme, getDefaultSize } from '../helpers/themeHelpers';
-var dialCodeSizeConfig = function (px2rem) { return ({
-    xxxs: { fontSize: px2rem(10) },
-    xs: { fontSize: px2rem(12) },
-    sm: { fontSize: px2rem(14) },
-    md: { fontSize: px2rem(16) },
-    lg: { fontSize: px2rem(16) },
-}); };
-var getSizeConfig = function (px2rem, size) { var _a; return (_a = dialCodeSizeConfig(px2rem)[size]) !== null && _a !== void 0 ? _a : dialCodeSizeConfig(px2rem).lg; };
 export var getFlagContainerStyles = [
     'min-w-0 spr-ui-05 px-2 py-0.5 text-16 rounded-4',
     function (_a, _b) {
@@ -22,8 +14,8 @@ export var getFlagContainerStyles = [
         }));
     },
 ];
-export var getRootStyles = function (_a, _b) {
-    var $disabled = _b.$disabled;
+export var getRootStyles = function (_, _a) {
+    var $disabled = _a.$disabled;
     return ($disabled ? 'cursor-not-allowed' : undefined);
 };
 export var getInputStyles = function (_a, _b) {
@@ -37,11 +29,11 @@ export var getInputStyles = function (_a, _b) {
 };
 export var StyledCountrySelectContainer = styled('div', 'flex items-center');
 export var StyledDialCode = styled('div', 'flex items-center font-medium', function (_a, _b) {
-    var px2rem = _a.px2rem;
+    var px2rem = _a.px2rem, theme = _a.theme;
     var $size = _b.$size;
-    var sizeTheme = getSizeConfig(px2rem, $size);
+    var inputSizeTheme = getComponentSizeTheme(theme, 'input', $size, getDefaultSize(theme));
     var styles = {
-        fontSize: sizeTheme.fontSize,
+        fontSize: inputSizeTheme.fontSize,
         marginLeft: "".concat(px2rem(4), " /* @noflip */"),
         marginRight: '0 /* @noflip */',
     };

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

@@ -56,7 +56,7 @@ export declare type FixedSizeListItemProps = {
     top: number;
 };
 export declare type VirtualizedCountrySelectDropdownProps = MenuProps & {
-    ListItem: React.ComponentType<FixedSizeListItemProps>;
+    ListItem: React.ComponentType<React.PropsWithChildren<FixedSizeListItemProps>>;
     emptyListHeight?: number;
     listItemHeight?: number;
     overscanCount?: number;

package/esm/popover/PopoverEnahncer.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
  * Baseui overrides anchor element's ref. This component clones and stores anchor/child element's ref.
  * TODO: should be removed once https://github.com/uber/baseweb/issues/4032 is addressed
  */
-export declare const PopoverRefHandler: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLElement | null | undefined>>;
+export declare const PopoverRefHandler: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLElement | null | undefined>>;
 export declare const TargetElementProxy: React.ForwardRefExoticComponent<{
     targetElement?: HTMLElement | null | undefined;
 } & React.RefAttributes<HTMLElement | null | undefined>>;

package/esm/popover/adapter.d.ts

@@ -1,4 +1,4 @@
-import { ACCESSIBILITY_TYPE, PLACEMENT, TRIGGER_TYPE } from 'baseui/popover';
+import { ACCESSIBILITY_TYPE, PLACEMENT, TRIGGER_TYPE } from '../baseui/popover';
 import { AccessibilityType, TriggerType, Placement } from './types';
 import { ValueOf } from '../utility-types';
 export declare const accessibilityMap: Record<AccessibilityType, ValueOf<typeof ACCESSIBILITY_TYPE>>;

package/esm/popover/adapter.js

@@ -1,4 +1,4 @@
-import { ACCESSIBILITY_TYPE, PLACEMENT, TRIGGER_TYPE } from 'baseui/popover';
+import { ACCESSIBILITY_TYPE, PLACEMENT, TRIGGER_TYPE } from '../baseui/popover';
 export var accessibilityMap = {
     menu: ACCESSIBILITY_TYPE.menu,
     none: ACCESSIBILITY_TYPE.none,

package/esm/popover/hooks.d.ts

@@ -7,7 +7,7 @@ export declare const useContent: ({ content }: {
     content: PopoverProps['content'];
 }) => {
     setContentHost: import("react").Dispatch<import("react").SetStateAction<HTMLElement | null>>;
-    wrappedContent: JSX.Element;
+    wrappedContent: import("react/jsx-runtime").JSX.Element;
 };
 declare type UseFocusLockParams = Pick<PopoverProps, 'focusLock' | 'returnFocus'>;
 export declare const useFocusLock: ({ focusLock, returnFocus }: UseFocusLockParams) => UseFocusLockParams;

package/esm/popover/index.d.ts

@@ -1,4 +1,4 @@
-export { StatefulContainer } from 'baseui/popover';
+export { StatefulContainer } from '../baseui/popover';
 export { default as StatefulPopover } from './stateful-popover';
 export { default as Popover } from './popover';
 export { StyledPadding, StyledBody, StyledArrow, StyledInner } from './styled-components';

package/esm/popover/index.js

@@ -1,4 +1,4 @@
-export { StatefulContainer } from 'baseui/popover';
+export { StatefulContainer } from '../baseui/popover';
 export { default as StatefulPopover } from './stateful-popover';
 export { default as Popover } from './popover';
 export { StyledPadding, StyledBody, StyledArrow, StyledInner } from './styled-components';

package/esm/popover/popover.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare const Popover: React.ForwardRefExoticComponent<Omit<import("baseui/popover").PopoverProps, "children" | "overrides" | "triggerType" | "placement"> & {
+declare const Popover: React.ForwardRefExoticComponent<Omit<import("../baseui/popover").PopoverProps, "children" | "overrides" | "placement" | "triggerType"> & {
     overrides?: ({
         Body?: import("../overrides").Override<any> | undefined;
         Arrow?: import("../overrides").Override<any> | undefined;

package/esm/popover/popover.js

@@ -1,13 +1,12 @@
 import { __assign, __read, __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Popover as BasePopover } from 'baseui/popover';
+import { Popover as BasePopover } from '../baseui/popover';
 import * as React from 'react';
 import { useMemo } from 'react';
-import { useOverrides } from '../overrides';
+import { mergeOverrides, useOverrides } from '../overrides';
 import { useContent, useFocusLock } from './hooks';
 import useUniqueId from '../hooks/useUniqueId';
 import { PopoverChildEnhancer } from './PopoverEnahncer';
-import { useConvertOverrides } from '../helpers/baseui/useConvertOverrides';
 import { LayersManager, Z_INDEX } from '../layer';
 import { accessibilityMap, placementMap, rtlPlacementMap, triggerTypeMap } from './adapter';
 import { arrowStyles, getBodyStyles, getInnerStyles } from './overrides';
@@ -18,26 +17,31 @@ import { getPopperOptions } from './utils';
 // @ts-ignore
 BasePopover.displayName = 'BaseUIPopover';
 var Popover = React.forwardRef(function (_a, ref) {
-    var overrides = _a.overrides, children = _a.children, _b = _a.placement, placement = _b === void 0 ? 'auto' : _b, accessibilityType = _a.accessibilityType, _c = _a.triggerType, triggerType = _c === void 0 ? 'click' : _c, _d = _a.showArrow, showArrow = _d === void 0 ? false : _d, targetElement = _a.targetElement, isOpen = _a.isOpen, _e = _a.focusLock, focusLock = _e === void 0 ? false : _e, _f = _a.returnFocus, returnFocus = _f === void 0 ? triggerType === 'click' : _f, content = _a.content, popperOptions = _a.popperOptions, ignoreBoundary = _a.ignoreBoundary, viewportAsBoundary = _a.viewportAsBoundary, restProps = __rest(_a, ["overrides", "children", "placement", "accessibilityType", "triggerType", "showArrow", "targetElement", "isOpen", "focusLock", "returnFocus", "content", "popperOptions", "ignoreBoundary", "viewportAsBoundary"]);
-    var _g = useContent({ content: content }), setContentHost = _g.setContentHost, wrappedContent = _g.wrappedContent;
+    var overrides = _a.overrides, children = _a.children, _b = _a.placement, placement = _b === void 0 ? 'auto' : _b, accessibilityType = _a.accessibilityType, _c = _a.triggerType, triggerType = _c === void 0 ? 'click' : _c, _d = _a.showArrow, showArrow = _d === void 0 ? false : _d, targetElement = _a.targetElement, isOpen = _a.isOpen, _e = _a.focusLock, focusLock = _e === void 0 ? false : _e, _f = _a.returnFocus, returnFocus = _f === void 0 ? triggerType === 'click' : _f, content = _a.content, popperOptions = _a.popperOptions, ignoreBoundary = _a.ignoreBoundary, _g = _a.viewportAsBoundary, viewportAsBoundary = _g === void 0 ? true : _g, restProps = __rest(_a, ["overrides", "children", "placement", "accessibilityType", "triggerType", "showArrow", "targetElement", "isOpen", "focusLock", "returnFocus", "content", "popperOptions", "ignoreBoundary", "viewportAsBoundary"]);
+    var _h = useContent({ content: content }), setContentHost = _h.setContentHost, wrappedContent = _h.wrappedContent;
     var isRTL = useStyle().isRTL;
     var focusLockProps = useFocusLock({ returnFocus: returnFocus, focusLock: focusLock });
-    var _h = __read(useOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.ArrowTriangle, StyledArrowTriangle), 2), ArrowTriangle = _h[0], arrowTriangleProps = _h[1];
-    var _overrides = useConvertOverrides({
-        Body: { style: getBodyStyles },
-        Arrow: { style: arrowStyles, props: { children: _jsx(ArrowTriangle, __assign({}, arrowTriangleProps), void 0) } },
-        Inner: { style: getInnerStyles, props: { ref: setContentHost } },
-    }, overrides, [overrides, setContentHost]);
+    var _j = __read(useOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.ArrowTriangle, StyledArrowTriangle), 2), ArrowTriangle = _j[0], arrowTriangleProps = _j[1];
+    var _overrides = useMemo(function () {
+        return mergeOverrides({
+            Body: { style: getBodyStyles },
+            Arrow: { style: arrowStyles, props: { children: _jsx(ArrowTriangle, __assign({}, arrowTriangleProps), void 0) } },
+            Inner: { style: getInnerStyles, props: { ref: setContentHost } },
+        }, overrides);
+    }, [ArrowTriangle, arrowTriangleProps, overrides, setContentHost]);
     var mappedProps = {
         placement: placement && isRTL ? rtlPlacementMap[placement] : placementMap[placement],
         accessibilityType: accessibilityType && accessibilityMap[accessibilityType],
         triggerType: triggerType && triggerTypeMap[triggerType],
     };
     var combinedRef = useCombinedRefs(ref, restProps.innerRef);
-    var childNode = children;
+    var childNode;
     if (typeof children === 'function') {
         childNode = children({ isOpen: isOpen });
     }
+    else {
+        childNode = children;
+    }
     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(BasePopover, __assign({ id: id }, restProps, mappedProps, { showArrow: showArrow, isOpen: isOpen, overrides: _overrides, innerRef: combinedRef, content: wrappedContent }, focusLockProps, { popperOptions: mergedPopperOptions }, { children: _jsx(PopoverChildEnhancer, __assign({ targetElement: targetElement }, { children: childNode }), void 0) }), void 0) }), void 0));

package/esm/popover/stateful-popover.js

@@ -1,6 +1,6 @@
 import { __assign, __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { StatefulContainer } from 'baseui/popover';
+import { StatefulContainer } from '../baseui/popover';
 import Popover from './popover';
 import { ON_MOUSE_LEAVE_DELAY } from './constants';
 function StatefulPopover(props) {

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

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

package/esm/popover/styled-components.js

@@ -1,5 +1,5 @@
 import { ARROW_SIZE } from './constants';
-export { StyledInner, StyledArrow, StyledBody, StyledPadding } from 'baseui/popover';
+export { StyledInner, StyledArrow, StyledBody, StyledPadding } from '../baseui/popover';
 import styled from '../style/styled';
 export var StyledArrowTriangle = styled('div', function (_a) {
     var theme = _a.theme;

package/esm/popover/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { TetherPlacement } from 'baseui/layer';
-import { PopoverProps as BasePopoverProps, StatefulPopoverProps as BaseStatefulPopoverProps, StatefulPopoverContainerProps as BaseStatefulPopoverContainerProps, PopoverOverrides as BasePopoverOverrides } from 'baseui/popover';
+import { TetherPlacement } from '../baseui/layer';
+import { PopoverProps as BasePopoverProps, StatefulPopoverProps as BaseStatefulPopoverProps, StatefulPopoverContainerProps as BaseStatefulPopoverContainerProps, PopoverOverrides as BasePopoverOverrides } from '../baseui/popover';
 import { Override } from '../overrides';
 export declare type PopoverProps = Omit<BasePopoverProps, 'overrides' | 'children' | 'triggerType' | 'placement'> & {
     overrides?: {
@@ -35,6 +35,6 @@ export declare type StatefulPopoverContainerProps = Omit<BaseStatefulPopoverCont
 export declare type AccessibilityType = 'none' | 'menu' | 'tooltip';
 export declare type TriggerType = 'click' | 'hover';
 export declare type Placement = 'auto' | 'top' | 'topLeft' | 'topRight' | 'right' | 'rightTop' | 'rightBottom' | 'bottom' | 'bottomLeft' | 'bottomRight' | 'left' | 'leftTop' | 'leftBottom';
-export type { Offset, SharedStylePropsArg as SharedProps, StateReducer, } from 'baseui/popover';
-export { STATE_CHANGE_TYPE, ANIMATE_IN_TIME, ANIMATE_OUT_TIME } from 'baseui/popover';
-export { ARROW_SIZE, ARROW_WIDTH, POPOVER_MARGIN } from 'baseui/popover/constants';
+export type { Offset, SharedStylePropsArg as SharedProps, StateReducer, } from '../baseui/popover';
+export { STATE_CHANGE_TYPE, ANIMATE_IN_TIME, ANIMATE_OUT_TIME } from '../baseui/popover';
+export { ARROW_SIZE, ARROW_WIDTH, POPOVER_MARGIN } from '../baseui/popover/constants';

package/esm/popover/types.js

@@ -1,2 +1,2 @@
-export { STATE_CHANGE_TYPE, ANIMATE_IN_TIME, ANIMATE_OUT_TIME } from 'baseui/popover';
-export { ARROW_SIZE, ARROW_WIDTH, POPOVER_MARGIN } from 'baseui/popover/constants';
+export { STATE_CHANGE_TYPE, ANIMATE_IN_TIME, ANIMATE_OUT_TIME } from '../baseui/popover';
+export { ARROW_SIZE, ARROW_WIDTH, POPOVER_MARGIN } from '../baseui/popover/constants';

package/esm/radio/basewebAdapters.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { Radio as BaseRadio, RadioGroup as BaseRadioGroup } from 'baseui/radio';
+import type { Radio as BaseRadio, RadioGroup as BaseRadioGroup } from '../baseui/radio';
 import { RadioGroupProps, RadioProps, Size } from './types';
 import { Intent } from '../types';
 export declare const SpaceRadioContext: React.Context<{

package/esm/radio/basewebAdapters.js

@@ -1,10 +1,10 @@
 import { __assign, __rest } from "tslib";
-import { createContext, useContext } from 'react';
+import { createContext, useContext, useMemo } from 'react';
 import { add$props } from '../helpers';
-import { useConvertOverrides } from '../helpers/baseui/useConvertOverrides';
 import { getRadioLabelStyles, getRadioMarkInnerStyles, getRadioMarkOuterStyles, getRootStyles, } from './styled-components';
 import { useContextualFormProps } from '../form-control/context';
 import { useCombineRefObjects } from '../hooks/useCombinedRef';
+import { mergeOverrides } from '../overrides';
 export var SpaceRadioContext = createContext({
     size: 'md',
     intent: 'default',
@@ -12,38 +12,42 @@ export var SpaceRadioContext = createContext({
 SpaceRadioContext.displayName = 'SpaceRadioContext';
 export function useRadioGroupAdapter(props) {
     var _a = useContextualFormProps(props), size = _a.size, className = _a.className, style = _a.style, overrides = _a.overrides, intent = _a.intent, restProps = __rest(_a, ["size", "className", "style", "overrides", "intent"]);
-    var convertOverrides = useConvertOverrides({
-        RadioGroupRoot: {
-            style: [className, style],
-        },
-    }, overrides);
+    var convertOverrides = useMemo(function () {
+        return mergeOverrides({
+            RadioGroupRoot: {
+                style: [className, style],
+            },
+        }, overrides);
+    }, [className, overrides, style]);
     return __assign(__assign({}, restProps), { overrides: convertOverrides, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, onFocus: props.onFocus, onBlur: props.onBlur });
 }
 export var useRadioAdapter = function (props) {
     var _a = useContext(SpaceRadioContext), size = _a.size, intent = _a.intent;
     var className = props.className, style = props.style, $outlineStyle = props.$outlineStyle, $outlineColor = props.$outlineColor, $outlineOffset = props.$outlineOffset, $outlineWidth = props.$outlineWidth, restProps = __rest(props, ["className", "style", "$outlineStyle", "$outlineColor", "$outlineOffset", "$outlineWidth"]);
-    var sharedProps = add$props({ size: size, intent: intent });
-    var overrides = useConvertOverrides({
-        Root: {
-            style: [className, style, getRootStyles],
-            props: sharedProps,
-        },
-        RadioMarkInner: {
-            style: getRadioMarkInnerStyles,
-            props: sharedProps,
-        },
-        RadioMarkOuter: {
-            style: getRadioMarkOuterStyles,
-            props: __assign(__assign({}, sharedProps), add$props({ $outlineStyle: $outlineStyle, $outlineColor: $outlineColor, $outlineOffset: $outlineOffset, $outlineWidth: $outlineWidth })),
-        },
-        Label: {
-            style: getRadioLabelStyles,
-            props: sharedProps,
-        },
-        // https://prod-gitlab.sprinklr.com/sprinklr/frontend/spaceweb/-/issues/472 - baseui adds position absolute
-        // static position gives unexpected behaviour in Safari. Using position fixed works well for the above issue and Safari as well.
-        Input: { style: { position: 'fixed' } },
-    }, props.overrides);
+    var sharedProps = useMemo(function () { return add$props({ size: size, intent: intent }); }, [intent, size]);
+    var overrides = useMemo(function () {
+        return mergeOverrides({
+            Root: {
+                style: [className, style, getRootStyles],
+                props: sharedProps,
+            },
+            RadioMarkInner: {
+                style: getRadioMarkInnerStyles,
+                props: sharedProps,
+            },
+            RadioMarkOuter: {
+                style: getRadioMarkOuterStyles,
+                props: __assign(__assign({}, sharedProps), add$props({ $outlineStyle: $outlineStyle, $outlineColor: $outlineColor, $outlineOffset: $outlineOffset, $outlineWidth: $outlineWidth })),
+            },
+            Label: {
+                style: getRadioLabelStyles,
+                props: sharedProps,
+            },
+            // https://prod-gitlab.sprinklr.com/sprinklr/frontend/spaceweb/-/issues/472 - baseui adds position absolute
+            // static position gives unexpected behaviour in Safari. Using position fixed works well for the above issue and Safari as well.
+            Input: { style: { position: 'fixed' } },
+        }, props.overrides);
+    }, [className, style, sharedProps, $outlineStyle, $outlineColor, $outlineOffset, $outlineWidth, props.overrides]);
     var inputRefObj = useCombineRefObjects(props.inputRef);
     return __assign(__assign({}, restProps), { overrides: overrides, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, onFocus: props.onFocus, onBlur: props.onBlur, inputRef: inputRefObj });
 };

package/esm/radio/index.d.ts

@@ -1,3 +1,3 @@
 export { Radio, RadioGroup } from './radio';
-export { StatefulRadioGroup, StatefulContainer, StyledRoot, StyledLabel, StyledInput, StyledDescription, StyledRadioMarkInner, StyledRadioMarkOuter, StyledRadioGroupRoot, ALIGN, } from 'baseui/radio';
+export { StatefulRadioGroup, StatefulContainer, StyledRoot, StyledLabel, StyledInput, StyledDescription, StyledRadioMarkInner, StyledRadioMarkOuter, StyledRadioGroupRoot, ALIGN, } from '../baseui/radio';
 export * from './types';

package/esm/radio/index.js

@@ -1,3 +1,3 @@
 export { Radio, RadioGroup } from './radio';
-export { StatefulRadioGroup, StatefulContainer, StyledRoot, StyledLabel, StyledInput, StyledDescription, StyledRadioMarkInner, StyledRadioMarkOuter, StyledRadioGroupRoot, ALIGN, } from 'baseui/radio';
+export { StatefulRadioGroup, StatefulContainer, StyledRoot, StyledLabel, StyledInput, StyledDescription, StyledRadioMarkInner, StyledRadioMarkOuter, StyledRadioGroupRoot, ALIGN, } from '../baseui/radio';
 export * from './types';

package/esm/radio/radio.js

@@ -1,6 +1,6 @@
 import { __assign } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Radio as BaseRadio, RadioGroup as BaseRadioGroup } from 'baseui/radio';
+import { Radio as BaseRadio, RadioGroup as BaseRadioGroup } from '../baseui/radio';
 import { useMemo } from 'react';
 import { useRadioGroupAdapter, useRadioAdapter, SpaceRadioContext } from './basewebAdapters';
 import { useContextualFormProps } from '../form-control/context';

package/esm/radio/styled-components.js

@@ -72,9 +72,9 @@ export var getRadioMarkOuterStyles = function (utils, props) {
 export var getRadioLabelStyles = function (_a, _b) {
     var _c;
     var px2rem = _a.px2rem;
-    var $labelPosition = _b.$labelPosition, $size = _b.$size;
+    var $labelPlacement = _b.$labelPlacement, $size = _b.$size;
     var paddingDirection;
-    switch ($labelPosition) {
+    switch ($labelPlacement) {
         case 'top':
             paddingDirection = 'Bottom';
             break;

package/esm/radio/types.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RadioGroupProps as BaseRadioGroupProps, RadioProps as BaseRadioProps, RadioOverrides, RadioGroupOverrides } from 'baseui/radio';
+import { RadioGroupProps as BaseRadioGroupProps, RadioProps as BaseRadioProps, RadioOverrides, RadioGroupOverrides } from '../baseui/radio';
 import { Intent, SpacewebComponentProps } from '../types';
 import { Override } from '../overrides';
 import { OutlineProps } from '../helpers/commonStyles';
@@ -20,7 +20,6 @@ export declare type SharedProps = {
     $required?: boolean;
     $value?: string;
     $size?: Size;
-    $labelPosition?: LabelPosition;
 };
 declare type CommonProps = {
     onMouseEnter?: (e: React.MouseEvent<HTMLInputElement>) => unknown;

package/esm/select/adaptor.d.ts

@@ -1,4 +1,4 @@
-import { TYPE } from 'baseui/select';
+import { TYPE } from '../baseui/select';
 import { Type } from './types';
 import { ValueOf } from '../utility-types';
 export declare const typeAdaptor: Record<Type, ValueOf<typeof TYPE>>;

package/esm/select/adaptor.js

@@ -1,4 +1,4 @@
-import { TYPE } from 'baseui/select';
+import { TYPE } from '../baseui/select';
 export var typeAdaptor = {
     select: TYPE.select,
     search: TYPE.search,