@sprinklrjs/spaceweb 10.1.0

package/esm/popover/popover.js

@@ -0,0 +1,39 @@
+import { __assign, __read, __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Popover as BasePopover } from 'baseui/popover';
+import * as React from 'react';
+import { 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, triggerTypeMap } from './adapter';
+import { arrowStyles, getBodyStyles, getInnerStyles } from './overrides';
+import { StyledArrowTriangle } from './styled-components';
+// @ts-ignore
+BasePopover.displayName = 'BaseUIPopover';
+var Popover = React.forwardRef(function (_a, ref) {
+    var overrides = _a.overrides, children = _a.children, placement = _a.placement, accessibilityType = _a.accessibilityType, _b = _a.triggerType, triggerType = _b === void 0 ? 'click' : _b, _c = _a.showArrow, showArrow = _c === void 0 ? false : _c, targetElement = _a.targetElement, isOpen = _a.isOpen, _d = _a.focusLock, focusLock = _d === void 0 ? false : _d, _e = _a.returnFocus, returnFocus = _e === void 0 ? triggerType === 'click' : _e, content = _a.content, restProps = __rest(_a, ["overrides", "children", "placement", "accessibilityType", "triggerType", "showArrow", "targetElement", "isOpen", "focusLock", "returnFocus", "content"]);
+    var _f = useContent({ content: content }), setContentHost = _f.setContentHost, wrappedContent = _f.wrappedContent;
+    var focusLockProps = useFocusLock({ returnFocus: returnFocus, focusLock: focusLock });
+    var _g = __read(useOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.ArrowTriangle, StyledArrowTriangle), 2), ArrowTriangle = _g[0], arrowTriangleProps = _g[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 mappedProps = {
+        placement: placement && placementMap[placement],
+        accessibilityType: accessibilityType && accessibilityMap[accessibilityType],
+        triggerType: triggerType && triggerTypeMap[triggerType],
+    };
+    var childNode = children;
+    if (typeof children === 'function') {
+        childNode = children({ isOpen: isOpen });
+    }
+    var id = useUniqueId();
+    return (_jsx(LayersManager, __assign({ zIndex: Z_INDEX.POPOVER }, { children: _jsx(BasePopover, __assign({ id: id }, restProps, mappedProps, { showArrow: showArrow, isOpen: isOpen, overrides: _overrides, ref: ref, content: wrappedContent }, focusLockProps, { children: _jsx(PopoverChildEnhancer, __assign({ targetElement: targetElement }, { children: childNode }), void 0) }), void 0) }), void 0));
+});
+Popover.displayName = 'Popover';
+export default Popover;

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { StatefulPopoverProps } from './types';
+declare function StatefulPopover(props: StatefulPopoverProps): React.ReactElement;
+declare namespace StatefulPopover {
+    var defaultProps: Partial<StatefulPopoverProps>;
+}
+export default StatefulPopover;

package/esm/popover/stateful-popover.js

@@ -0,0 +1,23 @@
+import { __assign, __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StatefulContainer } from 'baseui/popover';
+import Popover from './popover';
+import { ON_MOUSE_LEAVE_DELAY } from './constants';
+function StatefulPopover(props) {
+    var children = props.children, _a = props.overrides, overrides = _a === void 0 ? {} : _a, restProps = __rest(props, ["children", "overrides"]);
+    return (_jsx(StatefulContainer, __assign({}, restProps, { children: function (popoverProps) { return (_jsx(Popover, __assign({}, popoverProps, { overrides: overrides }, { children: children }), void 0)); } }), void 0));
+}
+StatefulPopover.defaultProps = {
+    accessibilityType: 'menu',
+    ignoreBoundary: false,
+    overrides: {},
+    onMouseEnterDelay: 200,
+    onMouseLeaveDelay: ON_MOUSE_LEAVE_DELAY,
+    placement: 'auto',
+    showArrow: false,
+    triggerType: 'click',
+    dismissOnClickOutside: true,
+    dismissOnEsc: true,
+    stateReducer: function (_, nextState) { return nextState; },
+};
+export default StatefulPopover;

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

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

package/esm/popover/styled-components.js

@@ -0,0 +1,15 @@
+import { ARROW_SIZE } from './constants';
+export { StyledInner, StyledArrow, StyledBody, StyledPadding } from 'baseui/popover';
+import styled from '../style/styled';
+export var StyledArrowTriangle = styled('div', function (_a) {
+    var theme = _a.theme;
+    return ({
+        boxSizing: 'border-box',
+        borderWidth: "".concat(ARROW_SIZE, "px"),
+        borderTopColor: theme.spr.popup,
+        borderRightColor: theme.spr.popup,
+        borderLeftColor: theme.borderColor.transparent,
+        borderBottomColor: theme.borderColor.transparent,
+        borderStyle: 'solid',
+    });
+});

package/esm/popover/types.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+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'> & {
+    overrides?: {
+        [key in keyof BasePopoverOverrides]?: Override<any>;
+    } & {
+        ArrowTriangle?: Override<any>;
+    };
+    children?: React.ReactNode | ((args: {
+        isOpen: boolean;
+    }) => React.ReactNode);
+    targetElement?: HTMLElement | null;
+};
+export declare type StatefulPopoverProps = Omit<BaseStatefulPopoverProps, 'overrides' | 'children'> & {
+    overrides?: {
+        [key in keyof BasePopoverOverrides]?: Override<any>;
+    };
+    children?: React.ReactNode | ((args: {
+        isOpen: boolean;
+    }) => React.ReactNode);
+};
+export declare type StatefulPopoverContainerProps = Omit<BaseStatefulPopoverContainerProps, 'overrides'> & {
+    overrides?: {
+        [key in keyof BasePopoverOverrides]?: Override<any>;
+    };
+};
+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 { ARROW_SIZE, ARROW_WIDTH, POPOVER_MARGIN, STATE_CHANGE_TYPE, ANIMATE_IN_TIME, ANIMATE_OUT_TIME, } from 'baseui/popover';

package/esm/popover/types.js

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

package/esm/popover/useFoucsLock.d.ts

@@ -0,0 +1,6 @@
+declare type Params = {
+    focusLock: boolean;
+    returnFocus: boolean;
+};
+export declare const useFocusLock: ({ focusLock, returnFocus }: Params) => Params;
+export {};

package/esm/popover/useFoucsLock.js

@@ -0,0 +1,9 @@
+export var useFocusLock = function (_a) {
+    var focusLock = _a.focusLock, returnFocus = _a.returnFocus;
+    var _focusLock = focusLock;
+    if (returnFocus) {
+        // according to baseui - focusLock should be true for returnFocus to work
+        _focusLock = true;
+    }
+    return { focusLock: _focusLock, returnFocus: returnFocus };
+};

package/esm/popover/utils.d.ts

@@ -0,0 +1,14 @@
+import { Placement } from './types';
+/**
+ * Splits something like 'topLeft' to ['top', 'left'] for easier usage
+ * https://github.com/uber/baseweb/blob/master/src/popover/utils.js#L58
+ */
+export declare function splitPlacement(placement: Placement): string[];
+/**
+ * Returns the opposite of the specified position. Useful for tooltip
+ * positioning logic.
+ * Examples:
+ * top -> bottom
+ * left -> right
+ */
+export declare function getOppositePosition(position: string): string;

package/esm/popover/utils.js

@@ -0,0 +1,27 @@
+/**
+ * Splits something like 'topLeft' to ['top', 'left'] for easier usage
+ * https://github.com/uber/baseweb/blob/master/src/popover/utils.js#L58
+ */
+export function splitPlacement(placement) {
+    var matches = placement.match(/^([a-z]+)([A-Z][a-z]+)?/) || [];
+    return matches
+        .slice(1, 3)
+        .filter(Boolean)
+        .map(function (s) { return s.toLowerCase(); });
+}
+var OPPOSITE_POSITIONS = {
+    top: 'bottom',
+    bottom: 'top',
+    right: 'left',
+    left: 'right',
+};
+/**
+ * Returns the opposite of the specified position. Useful for tooltip
+ * positioning logic.
+ * Examples:
+ * top -> bottom
+ * left -> right
+ */
+export function getOppositePosition(position) {
+    return OPPOSITE_POSITIONS[position];
+}

package/esm/progress/circular/CircularProgress.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { CircularProgressProps } from './types';
+declare const CircularProgress: ({ intent, infinite, label, backgroundColor, value, className, color, size, thickness, overrides, }: CircularProgressProps) => ReactElement;
+export default CircularProgress;

package/esm/progress/circular/CircularProgress.js

@@ -0,0 +1,19 @@
+import { __assign, __read } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { add$props } from '../../helpers';
+import { useOverrides } from '../../overrides';
+import { StyledBar, StyledBarContainer, StyledLabel, StyledLabelContainer, StyledProgress, StyledRoot, StyledSvg, VIEWBOX_SIZE, getProgressInlineStyles, } from './styled-component';
+var CircularProgress = function (_a) {
+    var _b = _a.intent, intent = _b === void 0 ? 'default' : _b, _c = _a.infinite, infinite = _c === void 0 ? false : _c, label = _a.label, backgroundColor = _a.backgroundColor, _d = _a.value, value = _d === void 0 ? 0 : _d, className = _a.className, color = _a.color, _e = _a.size, size = _e === void 0 ? 50 : _e, _f = _a.thickness, thickness = _f === void 0 ? 3 : _f, overrides = _a.overrides;
+    var strokeWidth = (VIEWBOX_SIZE / size) * thickness;
+    var sharedProps = __assign(__assign({}, add$props({ intent: intent, infinite: infinite, backgroundColor: backgroundColor, value: value, color: color, size: size, thickness: thickness, strokeWidth: strokeWidth })), { $withLabel: !!label });
+    var _g = __read(useOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.Root, StyledRoot), 2), Root = _g[0], rootProps = _g[1];
+    var _h = __read(useOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.BarContainer, StyledBarContainer), 2), BarContainer = _h[0], barContainerProps = _h[1];
+    var _j = __read(useOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.Svg, StyledSvg), 2), Svg = _j[0], svgProps = _j[1];
+    var _k = __read(useOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.Bar, StyledBar), 2), Bar = _k[0], barProps = _k[1];
+    var _l = __read(useOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.Progress, StyledProgress), 2), Progress = _l[0], progressProps = _l[1];
+    var _m = __read(useOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.LabelContainer, StyledLabelContainer), 2), LabelContainer = _m[0], labelContainerProps = _m[1];
+    var _o = __read(useOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.Label, StyledLabel), 2), Label = _o[0], labelProps = _o[1];
+    return (_jsxs(Root, __assign({ className: className, role: "progressbar", "aria-valuenow": !infinite ? Math.round(value) : undefined, "aria-valuemin": !infinite ? 0 : undefined, "aria-valuemax": !infinite ? 100 : undefined }, sharedProps, rootProps, { children: [_jsx(BarContainer, __assign({ "data-testid": "bar-container" }, sharedProps, barContainerProps, { children: _jsxs(Svg, __assign({ viewBox: "".concat(VIEWBOX_SIZE / 2, " ").concat(VIEWBOX_SIZE / 2, " ").concat(VIEWBOX_SIZE, " ").concat(VIEWBOX_SIZE) }, sharedProps, svgProps, { children: [_jsx(Bar, __assign({ "data-testid": "bar" }, sharedProps, barProps), void 0), _jsx(Progress, __assign({ inlineStyles: getProgressInlineStyles({ value: value, infinite: infinite, strokeWidth: strokeWidth }) }, sharedProps, progressProps), void 0)] }), void 0) }), void 0), label ? (_jsx(LabelContainer, __assign({}, sharedProps, labelContainerProps, { children: _jsx(Label, __assign({}, sharedProps, labelProps, { children: typeof label === 'function' ? label(sharedProps) : label }), void 0) }), void 0)) : null] }), void 0));
+};
+export default CircularProgress;

package/esm/progress/circular/index.d.ts

@@ -0,0 +1,3 @@
+import CircularProgress from './CircularProgress';
+export default CircularProgress;
+export type { CircularSharedProps, CircularProgressProps } from './types';

package/esm/progress/circular/index.js

@@ -0,0 +1,2 @@
+import CircularProgress from './CircularProgress';
+export default CircularProgress;

package/esm/progress/circular/styled-component.d.ts

@@ -0,0 +1,15 @@
+export declare const getProgressInlineStyles: ({ strokeWidth, value, infinite, }: {
+    strokeWidth: number;
+    value: number;
+    infinite?: boolean | undefined;
+}) => {
+    strokeDashoffset: string;
+};
+export declare const VIEWBOX_SIZE = 44;
+export declare const StyledRoot: import("../../style/styled").StyledComponent;
+export declare const StyledBarContainer: import("../../style/styled").StyledComponent;
+export declare const StyledSvg: import("../../style/styled").StyledComponent;
+export declare const StyledBar: import("../../style/styled").StyledComponent;
+export declare const StyledProgress: import("../../style/styled").StyledComponent;
+export declare const StyledLabelContainer: import("../../style/styled").StyledComponent;
+export declare const StyledLabel: import("../../style/styled").StyledComponent;

package/esm/progress/circular/styled-component.js

@@ -0,0 +1,98 @@
+import { __assign, __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled } from '../../style';
+import { getIntentColor } from '../helper';
+/**
+ * CircularProgress styles are inspired from material-ui
+ * https://github.com/mui-org/material-ui/blob/next/packages/material-ui/src/CircularProgress/CircularProgress.js
+ */
+//Setting styles inline, in order prevent multiple styletron classes creation
+var BaseProgress = function (_a) {
+    var inlineStyles = _a.inlineStyles, props = __rest(_a, ["inlineStyles"]);
+    return (_jsx("circle", __assign({ style: inlineStyles }, props), void 0));
+};
+export var getProgressInlineStyles = function (_a) {
+    var strokeWidth = _a.strokeWidth, value = _a.value, infinite = _a.infinite;
+    var circumference = 2 * Math.PI * ((VIEWBOX_SIZE - strokeWidth) / 2);
+    return {
+        strokeDashoffset: "".concat((((100 - value) / 100) * circumference).toFixed(3), "px"),
+    };
+};
+export var VIEWBOX_SIZE = 44;
+export var StyledRoot = styled('span', 'relative inline-flex', function (_a, _b) {
+    var px2rem = _a.px2rem;
+    var $size = _b.$size;
+    return ({
+        height: px2rem($size),
+        width: px2rem($size),
+    });
+});
+export var StyledBarContainer = styled('span', 'inline-block h-full w-full', function (_a, _b) {
+    var theme = _a.theme;
+    var $color = _b.$color, $intent = _b.$intent, $infinite = _b.$infinite;
+    return (__assign({ color: $color || getIntentColor($intent, theme) }, (!$infinite
+        ? {
+            transform: 'rotate(-90deg)',
+        }
+        : {
+            animationDuration: '1.4s',
+            animationIterationCount: 'infinite',
+            animationTimingFunction: 'linear',
+            animationName: {
+                '0%': {
+                    transform: 'rotate(0deg)',
+                },
+                '100%': {
+                    transform: 'rotate(360deg)',
+                },
+            },
+        })));
+});
+export var StyledSvg = styled('svg');
+export var StyledBar = styled('circle', function (_a, _b) {
+    var theme = _a.theme, px2rem = _a.px2rem;
+    var $backgroundColor = _b.$backgroundColor, $strokeWidth = _b.$strokeWidth;
+    return ({
+        stroke: $backgroundColor || theme.spr.tag02,
+        fill: 'none',
+        cx: px2rem(VIEWBOX_SIZE),
+        cy: px2rem(VIEWBOX_SIZE),
+        r: px2rem((VIEWBOX_SIZE - $strokeWidth) / 2),
+        strokeWidth: $strokeWidth,
+    });
+});
+export var StyledProgress = styled(BaseProgress, 'stroke-current', { fill: 'none' }, function (_a, _b) {
+    var px2rem = _a.px2rem;
+    var $infinite = _b.$infinite, $value = _b.$value, $strokeWidth = _b.$strokeWidth;
+    var circumference = 2 * Math.PI * ((VIEWBOX_SIZE - $strokeWidth) / 2);
+    return __assign({ cx: px2rem(VIEWBOX_SIZE), cy: px2rem(VIEWBOX_SIZE), r: px2rem((VIEWBOX_SIZE - $strokeWidth) / 2), strokeWidth: $strokeWidth }, (!$infinite
+        ? {
+            willChange: 'strokeDashoffset',
+            transitionTimingFunction: 'ease',
+            transitionDuration: '400ms',
+            strokeDasharray: circumference.toFixed(3),
+        }
+        : {
+            animationDuration: '1.4s',
+            animationIterationCount: 'infinite',
+            animationTimingFunction: 'ease-in-out',
+            strokeDasharray: '80px, 200px',
+            strokeDashoffset: '0px',
+            animationName: {
+                '0%': {
+                    strokeDasharray: '1px, 200px',
+                    strokeDashoffset: '0px',
+                },
+                '50%': {
+                    strokeDasharray: '100px, 200px',
+                    strokeDashoffset: '-15px',
+                },
+                '100%': {
+                    strokeDasharray: '100px, 200px',
+                    strokeDashoffset: '-125px',
+                },
+            },
+        }));
+});
+export var StyledLabelContainer = styled('div', 'absolute flex items-center justify-center inset-0');
+export var StyledLabel = styled('div', 'typography-h6', { fontVariantNumeric: 'tabular-nums' });

package/esm/progress/circular/types.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { Override } from '../../overrides';
+import { ProgressSharedProps, ProgressProps } from '../types';
+export declare type CircularSharedProps = ProgressSharedProps & {
+    $size: number;
+    $thickness: number;
+    $strokeWidth: number;
+};
+export declare type CircularProgressProps = ProgressProps & {
+    size?: number;
+    thickness?: number;
+    overrides?: {
+        Root?: Override<CircularSharedProps & Record<string, any>>;
+        LabelContainer?: Override<CircularSharedProps & Record<string, any>>;
+        Label?: Override<CircularSharedProps & Record<string, any>>;
+        Svg?: Override<CircularSharedProps & Record<string, any>>;
+        BarContainer?: Override<CircularSharedProps & Record<string, any>>;
+        Bar?: Override<CircularSharedProps & Record<string, any>>;
+        Progress?: Override<CircularSharedProps & Record<string, any>>;
+    };
+    label?: React.ReactNode | ((props: CircularSharedProps) => React.ReactNode);
+};

package/esm/progress/circular/types.js

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

package/esm/progress/helper.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@sprinklrjs/spaceweb-themes/types';
+import { Intent } from '../types';
+export declare const getIntentColor: (intent: Intent, theme: Theme) => string;

package/esm/progress/helper.js

@@ -0,0 +1,13 @@
+export var getIntentColor = function (intent, theme) {
+    switch (intent) {
+        case 'error':
+            return theme.spr.supportError;
+        case 'warning':
+            return theme.spr.supportWarning;
+        case 'success':
+            return theme.spr.supportSuccess;
+        case 'default':
+        default:
+            return theme.spr.interactive01;
+    }
+};

package/esm/progress/index.d.ts

@@ -0,0 +1,6 @@
+export { default as LinearProgress } from './linear';
+export { default as CircularProgress } from './circular';
+export { ProgressSegment } from './linear';
+export * from './types';
+export * from './circular/types';
+export * from './linear/types';

package/esm/progress/index.js

@@ -0,0 +1,6 @@
+export { default as LinearProgress } from './linear';
+export { default as CircularProgress } from './circular';
+export { ProgressSegment } from './linear';
+export * from './types';
+export * from './circular/types';
+export * from './linear/types';

package/esm/progress/linear/LinearProgress.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement, PropsWithChildren } from 'react';
+import { LinearProgressProps } from './types';
+declare const LinearProgress: ({ intent, value, backgroundColor, color, label, className, infinite, overrides, children, }: PropsWithChildren<LinearProgressProps>) => ReactElement;
+export default LinearProgress;

package/esm/progress/linear/LinearProgress.js

@@ -0,0 +1,15 @@
+import { __assign, __read } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { add$props } from '../../helpers';
+import { useOverrides } from '../../overrides';
+import { StyledBar, StyledLabel, StyledProgress, StyledRoot, getProgressInlineStyles } from './styled-component';
+var LinearProgress = function (_a) {
+    var _b = _a.intent, intent = _b === void 0 ? 'default' : _b, _c = _a.value, value = _c === void 0 ? 0 : _c, backgroundColor = _a.backgroundColor, color = _a.color, label = _a.label, className = _a.className, _d = _a.infinite, infinite = _d === void 0 ? false : _d, overrides = _a.overrides, children = _a.children;
+    var sharedProps = __assign(__assign({}, add$props({ intent: intent, value: value, backgroundColor: backgroundColor, color: color, infinite: infinite })), { $withLabel: !!label });
+    var _e = __read(useOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.Root, StyledRoot), 2), Root = _e[0], rootProps = _e[1];
+    var _f = __read(useOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.Bar, StyledBar), 2), Bar = _f[0], barProps = _f[1];
+    var _g = __read(useOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.Progress, StyledProgress), 2), Progress = _g[0], progressProps = _g[1];
+    var _h = __read(useOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.Label, StyledLabel), 2), Label = _h[0], labelProps = _h[1];
+    return (_jsxs(Root, __assign({ "data-spaceweb": "linear-progress", role: "progressbar", "aria-valuenow": !infinite ? Math.round(value) : undefined, "aria-valuemin": !infinite ? 0 : undefined, "aria-valuemax": !infinite ? 100 : undefined, className: className }, sharedProps, rootProps, { children: [_jsx(Bar, __assign({ "data-testid": "track" }, sharedProps, barProps, { children: children || (_jsx(Progress, __assign({ "data-testid": "filled-track", inlineStyles: getProgressInlineStyles({ value: value, infinite: infinite }) }, sharedProps, progressProps), void 0)) }), void 0), label ? (_jsx(Label, __assign({}, sharedProps, labelProps, { children: typeof label === 'function' ? label(sharedProps) : label }), void 0)) : null] }), void 0));
+};
+export default LinearProgress;

package/esm/progress/linear/ProgressSegment.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const ProgressSegment: import("react").ForwardRefExoticComponent<Pick<import("..").ProgressProps, "color" | "className" | "value" | "intent"> & {
+    overrides?: {
+        Progress?: import("../../overrides").Override<import("..").ProgressSharedProps & Record<string, any>> | undefined;
+    } | undefined;
+    first?: boolean | undefined;
+    last?: boolean | undefined;
+} & import("react").RefAttributes<HTMLElement>>;
+export default ProgressSegment;

package/esm/progress/linear/ProgressSegment.js

@@ -0,0 +1,14 @@
+import { __assign, __read, __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useMemo } from 'react';
+import { useOverrides } from '../../overrides';
+import { add$props } from '../../helpers';
+import { StyledProgress, progressSegmentStyles, getProgressInlineStyles } from './styled-component';
+var ProgressSegment = forwardRef(function (_a, ref) {
+    var intent = _a.intent, color = _a.color, value = _a.value, overrides = _a.overrides, className = _a.className, _b = _a.first, first = _b === void 0 ? false : _b, _c = _a.last, last = _c === void 0 ? false : _c, props = __rest(_a, ["intent", "color", "value", "overrides", "className", "first", "last"]);
+    var sharedProps = add$props({ intent: intent, color: color, value: value, first: first, last: last });
+    var _d = __read(useOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.Progress, StyledProgress), 2), Progress = _d[0], progressProps = _d[1];
+    var mergedClassName = useMemo(function () { return [className, progressSegmentStyles, progressProps.className]; }, [className, progressProps.className]);
+    return (_jsx(Progress, __assign({ "aria-valuenow": value, "aria-valuemin": 0, "aria-valuemax": 100, "data-testid": "filled-track", ref: ref, inlineStyles: getProgressInlineStyles({ value: value }) }, sharedProps, props, progressProps, { className: mergedClassName }), void 0));
+});
+export default ProgressSegment;

package/esm/progress/linear/index.d.ts

@@ -0,0 +1,4 @@
+import LinearProgress from './LinearProgress';
+export default LinearProgress;
+export { default as ProgressSegment } from './ProgressSegment';
+export * from './types';

package/esm/progress/linear/index.js

@@ -0,0 +1,4 @@
+import LinearProgress from './LinearProgress';
+export default LinearProgress;
+export { default as ProgressSegment } from './ProgressSegment';
+export * from './types';

package/esm/progress/linear/styled-component.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { StyleUtils } from '../../types';
+export declare const getProgressInlineStyles: ({ value, infinite, }: {
+    value?: number | undefined;
+    infinite?: boolean | undefined;
+}) => React.CSSProperties;
+export declare const StyledRoot: import("../../style/styled").StyledComponent;
+export declare const StyledBar: import("../../style/styled").StyledComponent;
+export declare const StyledProgress: import("../../style/styled").StyledComponent;
+export declare const StyledLabel: import("../../style/styled").StyledComponent;
+export declare const progressSegmentStyles: ({ direction }: StyleUtils, { $first, $last }: {
+    $first: any;
+    $last: any;
+}) => string[];

package/esm/progress/linear/styled-component.js

@@ -0,0 +1,67 @@
+import { __assign, __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { borderRadius } from '../../helpers/longHandHelpers';
+import { styled } from '../../style';
+import { getIntentColor } from '../helper';
+//Setting styles inline, in order prevent multiple styletron classes creation
+var BaseProgress = function (_a) {
+    var inlineStyles = _a.inlineStyles, props = __rest(_a, ["inlineStyles"]);
+    return (_jsx("div", __assign({ style: inlineStyles }, props), void 0));
+};
+export var getProgressInlineStyles = function (_a) {
+    var value = _a.value, infinite = _a.infinite;
+    return (infinite ? {} : { width: "".concat(value, "%") });
+};
+export var StyledRoot = styled('div', 'w-full');
+export var StyledBar = styled('div', 'w-full relative overflow-hidden flex', function (_a, _b) {
+    var theme = _a.theme, px2rem = _a.px2rem;
+    var $backgroundColor = _b.$backgroundColor;
+    return (__assign({ height: px2rem(6), backgroundColor: $backgroundColor || theme.spr.tag02 }, borderRadius(px2rem(3))));
+});
+export var StyledProgress = styled(BaseProgress, 'h-full', function (_a, _b) {
+    var _c, _d, _e;
+    var theme = _a.theme, direction = _a.direction;
+    var $color = _b.$color, $intent = _b.$intent, $value = _b.$value, $infinite = _b.$infinite;
+    var progressStart = direction === 'rtl' ? 'right' : 'left';
+    var progressEnd = direction === 'rtl' ? 'left' : 'right';
+    return __assign(__assign(__assign({ backgroundColor: $color || getIntentColor($intent, theme), willChange: 'width' }, borderRadius('3px')), { transitionProperty: 'width', transitionTimingFunction: 'ease', transitionDuration: '400ms' }), ($infinite && {
+        width: '100%',
+        position: 'absolute',
+        animationDuration: '2.1s',
+        animationIterationCount: 'infinite',
+        animationTimingFunction: 'cubic-bezier(0.65, 0.815, 0.735, 0.395)',
+        animationName: {
+            '0%': (_c = {},
+                _c[progressStart] = '-200%',
+                _c[progressEnd] = '100%',
+                _c),
+            '60%': (_d = {},
+                _d[progressStart] = '107%',
+                _d[progressEnd] = '-8%',
+                _d),
+            '100%': (_e = {},
+                _e[progressStart] = '107%',
+                _e[progressEnd] = '-8%',
+                _e),
+        },
+    }));
+});
+export var StyledLabel = styled('div', 'spr-text-02 mt-3 typography-l2', { fontVariantNumeric: 'tabular-nums' });
+export var progressSegmentStyles = function (_a, _b) {
+    var direction = _a.direction;
+    var $first = _b.$first, $last = _b.$last;
+    var style = [];
+    if (direction === 'rtl') {
+        if (!$first)
+            style.push('rounded-r-0');
+        if (!$last)
+            style.push('rounded-l-0');
+    }
+    else {
+        if (!$first)
+            style.push('rounded-l-0');
+        if (!$last)
+            style.push('rounded-r-0');
+    }
+    return style;
+};

package/esm/progress/linear/types.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { Override } from '../../overrides';
+import { ProgressProps, ProgressSharedProps } from '../types';
+export declare type LinearSharedProps = ProgressSharedProps;
+export declare type LinearProgressProps = ProgressProps & {
+    overrides?: {
+        Root?: Override<LinearSharedProps & Record<string, any>>;
+        Bar?: Override<LinearSharedProps & Record<string, any>>;
+        Progress?: Override<LinearSharedProps & Record<string, any>>;
+        Label?: Override<LinearSharedProps & Record<string, any>>;
+    };
+    label?: React.ReactNode | ((props: LinearSharedProps) => React.ReactNode);
+};
+export declare type ProgressSegmentProps = Pick<ProgressProps, 'className' | 'color' | 'intent' | 'value'> & {
+    overrides?: {
+        Progress?: Override<LinearSharedProps & Record<string, any>>;
+    };
+    first?: boolean;
+    last?: boolean;
+};

package/esm/progress/linear/types.js

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

package/esm/progress/types.d.ts

@@ -0,0 +1,18 @@
+import { ClassName, Intent } from '../types';
+export declare type ProgressSharedProps = {
+    $color?: string;
+    $backgroundColor?: string;
+    $value: number;
+    $intent: Intent;
+    $withLabel: boolean;
+    $infinite?: boolean;
+};
+export declare type ProgressProps = {
+    className?: ClassName;
+    color?: string;
+    backgroundColor?: string;
+    value?: number;
+    intent?: Intent;
+    infinite?: boolean;
+};
+export type { Intent };

package/esm/progress/types.js

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

package/esm/radio/basewebAdapters.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { RadioOverrides, RadioGroupOverrides } from 'baseui/radio';
+import { RadioGroupProps, RadioProps, Size } from './types';
+import { Intent } from '../types';
+export declare const SpaceRadioContext: import("react").Context<{
+    size?: Size | undefined;
+    intent?: Intent | undefined;
+}>;
+export declare function useRadioGroupAdapter<T extends RadioGroupProps>(props: T): {
+    adaptedProps: Omit<T, 'size' | 'overrides' | 'className' | 'style' | 'intent'> & {
+        overrides?: RadioGroupOverrides;
+    };
+};
+export declare const useRadioAdapter: <T extends RadioProps>(props: T) => Omit<T, "style" | "className" | "$outlineColor" | "$outlineWidth" | "$outlineOffset" | "$outlineStyle"> & {
+    overrides: RadioOverrides;
+};