@sprinklrjs/spaceweb 12.33.2 → 14.11.3

package/esm/style/customTwMerge.js

@@ -0,0 +1,286 @@
+import { __assign, __read, __spreadArray } from "tslib";
+import { createTailwindMerge, getDefaultConfig, validators } from 'tailwind-merge';
+var LINE_STYLES = [
+    'solid',
+    'dashed',
+    'dotted',
+    'double',
+    'none',
+    'hidden',
+    '[solid-sw]',
+    '[dashed-sw]',
+    '[dotted-sw]',
+    '[double-sw]',
+    '[none-sw]',
+    '[hidden-sw]',
+];
+var isArbitraryValue = validators.isArbitraryValue, isLength = validators.isLength, isNumber = validators.isNumber, isArbitraryNumber = validators.isArbitraryNumber;
+export var mergeClasses = createTailwindMerge(function () {
+    var _a;
+    var defaultConfig = getDefaultConfig();
+    return {
+        cacheSize: 500,
+        separator: ':',
+        theme: __assign(__assign({}, defaultConfig.theme), { borderRadius: __spreadArray(__spreadArray([], __read(defaultConfig.theme.borderRadius), false), [isNumber, 'inherit'], false) }),
+        classGroups: __assign(__assign({}, defaultConfig.classGroups), { break: [{ break: ['normal', 'words', 'all', 'keep', 'word'] }], resize: __spreadArray(__spreadArray([], __read(defaultConfig.classGroups.resize), false), ['resize-[--sw-resize]'], false), isolation: __spreadArray(__spreadArray([], __read(((_a = defaultConfig.classGroups.isolation) !== null && _a !== void 0 ? _a : [])), false), ['isolation-[--sw-isolate]'], false), 'border-color': __spreadArray(__spreadArray([], __read(defaultConfig.classGroups['border-color']), false), [
+                'spr-hover',
+                'spr-border-quinary',
+                'spr-focus-01',
+                'spr-border-focus',
+                'spr-border-01',
+                'spr-border-secondary',
+                'spr-border-02',
+                'spr-border-primary',
+                'spr-border-03',
+                'spr-border-tertiary',
+                'spr-border-04',
+                'spr-border-quaternary',
+                'spr-border-inverse',
+                'spr-border-05',
+                'spr-border-white',
+                'spr-border-06',
+                'spr-card-border',
+                'spr-popup-border',
+                'spr-tooltip-border',
+                'spr-support-error-border',
+                'spr-border-error',
+                'spr-support-success-border',
+                'spr-border-success',
+                'spr-support-warning-border',
+                'spr-border-warning',
+                'spr-field-border',
+                'spr-interactive-focus',
+                'spr-interactive-hover-border',
+                'border-[--sw-border-color]',
+                'sw-btn-border-error',
+                'sw-btn-border-error-hover',
+                'sw-btn-border-error-active',
+                'spr-clr-violet-border',
+                'spr-clr-fuschia-border',
+                'spr-clr-magenta-border',
+                'ai-border-01',
+                'ai-border-02',
+                'ai-border-03',
+                'ai-border-04',
+                'ai-border-gradient',
+            ], false), rounded: __spreadArray(__spreadArray([], __read(defaultConfig.classGroups.rounded), false), ['rounded-max'], false), 'font-size': [
+                { text: __spreadArray(__spreadArray([], __read(defaultConfig.classGroups['font-size'][0].text), false), [isNumber], false) },
+                'font-size-inherit',
+                'text-[inherit-sw]',
+                'text-[--sw-font-size]',
+            ], leading: [
+                {
+                    leading: [
+                        'none',
+                        'tight',
+                        'snug',
+                        'normal',
+                        'relaxed',
+                        'loose',
+                        'auto',
+                        isArbitraryValue,
+                        isLength,
+                        isNumber,
+                    ],
+                },
+            ], 'text-color': __spreadArray(__spreadArray([], __read(defaultConfig.classGroups['text-color']), false), [
+                'spr-text-01',
+                'spr-text-primary',
+                'spr-text-02',
+                'spr-text-secondary',
+                'spr-text-03',
+                'spr-text-tertiary',
+                'spr-text-04',
+                'spr-text-link-active',
+                'spr-text-05',
+                'spr-text-white',
+                'spr-text-06',
+                'spr-text-inverse',
+                'spr-link',
+                'spr-text-magenta',
+                'spr-text-placeholder',
+                'spr-support-error-text',
+                'spr-text-error',
+                'spr-support-warning-text',
+                'spr-text-warning',
+                'spr-support-success-text',
+                'spr-text-success',
+                'nav-text-01',
+                'spr-text-disable',
+                'color-[--sw-color]',
+                'sw-btn-tertiary-text',
+            ], false), bg: ['bg-[--sw-bg]'], 'bg-image': __spreadArray(__spreadArray([], __read(defaultConfig.classGroups['bg-image']), false), ['bg-image-[--sw-bg-image]'], false), duration: __spreadArray(__spreadArray([], __read(defaultConfig.classGroups.duration), false), ['duration-[--sw-duration]'], false), delay: __spreadArray(__spreadArray([], __read(defaultConfig.classGroups.delay), false), ['delay-[--sw-delay]'], false), 'timing-function': __spreadArray(__spreadArray([], __read(defaultConfig.classGroups.ease), false), ['timing-function-[--sw-timing-function]'], false), animate: __spreadArray(__spreadArray([], __read(defaultConfig.classGroups.animate), false), [
+                'animate-clip',
+                'animate-spin',
+                'animate-ball',
+                'animate-stick',
+                'animate-circular',
+                'animate-circular-container',
+            ], false), 'bg-color': __spreadArray(__spreadArray([], __read(defaultConfig.classGroups['bg-color']), false), [
+                'spr-ui-01',
+                'spr-bg-primary',
+                'spr-ui-02',
+                'spr-bg-secondary',
+                'spr-ui-03',
+                'spr-bg-tertiary',
+                'spr-ui-04',
+                'spr-ui-05',
+                'spr-bg-quaternary',
+                'spr-ui-06',
+                'spr-bg-quinary',
+                'spr-bg-inverse',
+                'spr-ui-focus',
+                'spr-ui-focus-reverse',
+                'spr-ui-hover',
+                'spr-ui-hover-reverse',
+                'spr-support-error',
+                'spr-bg-error',
+                'spr-support-error-highlight',
+                'spr-support-success',
+                'spr-bg-success',
+                'spr-support-success-highlight',
+                'spr-support-warning',
+                'spr-bg-warning',
+                'spr-support-warning-highlight',
+                'spr-bg-overlay',
+                'spr-bg-white',
+                'spr-bg-neutral',
+                'spr-clr-blue-highlight',
+                'spr-tag',
+                'spr-tag-01',
+                'spr-tag-02',
+                'spr-field',
+                'spr-popup',
+                'spr-overlay',
+                'spr-tooltip-01',
+                'spr-highlight',
+                'spr-favourite',
+                'spr-notification',
+                'spr-interactive',
+                'spr-interactive-01',
+                'spr-interactive-hover',
+                'spr-interactive-disable',
+                'spr-interactive-02',
+                'spr-clr-blue',
+                'spr-clr-green',
+                'spr-clr-lavender',
+                'spr-clr-orange',
+                'spr-clr-pink',
+                'spr-clr-red',
+                'spr-clr-sea',
+                'spr-clr-teal',
+                'spr-clr-yellow',
+                'spr-clr-grey',
+                'spr-clr-purple',
+                'spr-clr-lt-yellow',
+                'spr-clr-darker-blue',
+                'spr-secondary-yellow',
+                'spr-secondary-green',
+                'spr-secondary-teal',
+                'spr-secondary-lt-pink',
+                'spr-secondary-pink',
+                'spr-secondary-maroon',
+                'spr-secondary-orange',
+                'spr-clr-magenta',
+                'spr-clr-fuschia',
+                'spr-clr-violet',
+                'spr-clr-lt-violet',
+                'nav-ui-01',
+                'nav-ui-hover-01',
+                'ai-ui-01',
+                'ai-ui-02',
+                'ai-ui-03',
+                'ai-ui-04',
+                'ai-ui-05',
+                'ai-ui-06',
+                'ai-highlight',
+                'ai-interactive-loading',
+                'ai-interactive-disable',
+                'ai-bg-gradient',
+                'bg-[--sw-bg-color]',
+                'sw-btn-tertiary-hover',
+                'sw-btn-tertiary-active',
+                'sw-btn-bg-error',
+                'sw-btn-bg-error-hover',
+                'sw-btn-bg-error-active',
+                'spr-bg-error-highlight',
+                'spr-bg-warning-highlight',
+                'spr-bg-success-highlight',
+                'spr-bg-success-highlight-2',
+            ], false), 'bg-size': __spreadArray(__spreadArray([], __read(defaultConfig.classGroups['bg-size']), false), ['bg-[--sw-bg-size]'], false), fill: __spreadArray(__spreadArray([], __read(defaultConfig.classGroups.fill), false), [
+                'spr-icon-primary',
+                'spr-icon-01',
+                'spr-icon-02',
+                'spr-icon-tertiary',
+                'spr-icon-03',
+                'spr-icon-secondary',
+                'spr-icon-04',
+                'spr-icon-inverse',
+                'spr-icon-05',
+                'spr-icon-06',
+                'spr-icon-hover',
+                'spr-icon-quaternary',
+                'spr-icon-disable',
+                'spr-icon-white',
+                'spr-icon-hover-reverse',
+                'spr-icon-error',
+                'spr-icon-success',
+                'spr-icon-warning',
+                'nav-icon-01',
+                'nav-icon-focus-01',
+            ], false), 'stroke-width': __spreadArray(__spreadArray([], __read(defaultConfig.classGroups['stroke-w']), false), ['stroke-width-[--sw-stroke-width]'], false), stroke: __spreadArray(__spreadArray([], __read(defaultConfig.classGroups.stroke), false), ['stroke-[--sw-stroke]'], false), shadow: [
+                { shadow: ['', 'none', 'inner', isArbitraryValue] },
+                'spr-shadow-01',
+                'spr-shadow-02',
+                'spr-shadow-03',
+                'spr-shadow-04',
+                'spr-shadow-05',
+                'spr-shadow-06',
+                'spr-shadow-100',
+                'spr-shadow-200',
+            ], 'font-weight': [
+                {
+                    font: [
+                        'thin',
+                        'extralight',
+                        'light',
+                        'normal',
+                        'regular',
+                        'medium',
+                        'semibold',
+                        'bold',
+                        'extrabold',
+                        'black',
+                        'inherit',
+                        isArbitraryValue,
+                        isNumber, // to test
+                    ],
+                },
+            ], opacity: [{ opacity: [isArbitraryValue, isNumber, isArbitraryNumber] }], 'border-style': [{ border: LINE_STYLES }], 'border-style-l': [{ 'border-l': LINE_STYLES }], 'border-style-r': [{ 'border-r': LINE_STYLES }], 'border-style-t': [{ 'border-t': LINE_STYLES }], 'border-style-b': [{ 'border-b': LINE_STYLES }], 'transform-none': ['transform-none'], 'st-trans': [{ 'st-trans': [isArbitraryValue] }], 'max-w': __spreadArray(__spreadArray([], __read(defaultConfig.classGroups['max-w']), false), [{ 'max-w': [isNumber] }], false), 'max-h': __spreadArray(__spreadArray([], __read(defaultConfig.classGroups['max-h']), false), [{ 'max-h': [isNumber] }], false), 'min-w': __spreadArray(__spreadArray([], __read(defaultConfig.classGroups['min-w']), false), [{ 'min-w': [isNumber] }], false), 'min-h': __spreadArray(__spreadArray([], __read(defaultConfig.classGroups['min-h']), false), [{ 'min-h': [isNumber] }], false), content: [{ content: ['none', 'empty', isArbitraryValue] }] }),
+        conflictingClassGroups: __assign(__assign({}, defaultConfig.conflictingClassGroups), { 'font-size': [], bg: ['bg-color', 'bg-size', 'bg-image'], 'border-style': ['border-style-l', 'border-style-r', 'border-style-t', 'border-style-b'], 'transform-none': [
+                'scale',
+                'scale-x',
+                'scale-y',
+                'translate',
+                'translate-x',
+                'translate-y',
+                'rotate',
+                'skew',
+                'skew-x',
+                'skew-y',
+                'st-trans',
+            ], 'st-trans': [
+                'scale',
+                'scale-x',
+                'scale-y',
+                'translate',
+                'translate-x',
+                'translate-y',
+                'rotate',
+                'skew',
+                'skew-x',
+                'skew-y',
+            ] }),
+        conflictingClassGroupModifiers: __assign({}, defaultConfig.conflictingClassGroupModifiers),
+    };
+});

package/esm/style/cvaWrapper.d.ts

@@ -0,0 +1,12 @@
+import type { ClassValue } from 'clsx';
+import type { ThemeContext } from '../types';
+type Variants = Record<string, Record<string, string>>;
+type ConfigType = {
+    variants?: Variants;
+    defaultVariants?: Record<string, ClassValue>;
+    compoundVariants?: (Record<string, ClassValue> & {
+        className: string;
+    })[];
+};
+export declare const cvaWrapper: <Props extends Record<string, unknown>>(componentName: string, subComponentName: string, defaultCVAConfig: [string, ConfigType] | [string]) => ({ theme, deprecatedAIThemeEnabled }: ThemeContext, sharedProps: Props) => string;
+export {};

package/esm/style/cvaWrapper.js

@@ -0,0 +1,14 @@
+import { __assign, __read, __spreadArray } from "tslib";
+import { cva } from 'class-variance-authority';
+export var cvaWrapper = function (componentName, subComponentName, defaultCVAConfig) {
+    return function (_a, sharedProps) {
+        var _b, _c;
+        var theme = _a.theme, deprecatedAIThemeEnabled = _a.deprecatedAIThemeEnabled;
+        var defaultCVAClasses = cva.apply(void 0, __spreadArray([], __read(defaultCVAConfig), false))(__assign(__assign({}, sharedProps), { $deprecatedAIThemeEnabled: deprecatedAIThemeEnabled }));
+        var themeOverrideCVAConfig = (_c = (_b = theme === null || theme === void 0 ? void 0 : theme[componentName]) === null || _b === void 0 ? void 0 : _b[subComponentName]) === null || _c === void 0 ? void 0 : _c.cvaConfig;
+        var themeOverrideCVAClasses = themeOverrideCVAConfig
+            ? cva.apply(void 0, __spreadArray([], __read(themeOverrideCVAConfig), false))(__assign(__assign({}, sharedProps), { $deprecatedAIThemeEnabled: deprecatedAIThemeEnabled }))
+            : '';
+        return "".concat(defaultCVAClasses, " ").concat(themeOverrideCVAClasses);
+    };
+};

package/esm/style/index.d.ts

@@ -2,4 +2,7 @@
  * @author Ivan Torres
  */
 export { default as styled } from './styled';
+export { default as styledWithCssVariables } from './styled-with-css-variables';
 export { default as useStyle } from './useStyle';
+export { mergeClasses } from './customTwMerge';
+export type { StyledComponent } from './styled';

package/esm/style/index.js

@@ -2,4 +2,6 @@
  * @author Ivan Torres
  */
 export { default as styled } from './styled';
+export { default as styledWithCssVariables } from './styled-with-css-variables';
 export { default as useStyle } from './useStyle';
+export { mergeClasses } from './customTwMerge';

package/esm/style/styled-with-css-variables.d.ts

@@ -0,0 +1,5 @@
+import type { StyledComponent, Tag } from './styled';
+import { CSSVariables, CSSVariablesStyleFn, ClassName } from '../types';
+type StyledFunc = (ComponentOrTag: Tag, cssVariables: CSSVariables | CSSVariablesStyleFn, ...args: ClassName[]) => StyledComponent;
+declare const styledWithCssVariables: StyledFunc;
+export default styledWithCssVariables;

package/esm/style/styled-with-css-variables.js

@@ -0,0 +1,18 @@
+import { __assign } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import styled from './styled';
+var styledWithCssVariables = function (ComponentOrTag, cssVariables) {
+    var baseClassNames = [];
+    for (var _i = 2; _i < arguments.length; _i++) {
+        baseClassNames[_i - 2] = arguments[_i];
+    }
+    var StyledComponent = styled(ComponentOrTag, baseClassNames);
+    var StyledWithCssWrapper = forwardRef(function (props, ref) { return (_jsx(StyledComponent, __assign({ ref: ref }, props, { "$style": [cssVariables, props.$style] }))); });
+    StyledWithCssWrapper.displayName =
+        typeof ComponentOrTag === 'string'
+            ? "styledWithCssVariables(".concat(ComponentOrTag, ")")
+            : "styledWithCssVariables(".concat(ComponentOrTag.displayName || ComponentOrTag.name || ComponentOrTag, ")");
+    return StyledWithCssWrapper;
+};
+export default styledWithCssVariables;

package/esm/style/styled.d.ts

@@ -1,11 +1,11 @@
 /**
  * @author Ivan Torres
  */
-import { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
 import * as React from 'react';
-import { Styles } from '../types';
-declare type Tag = keyof JSX.IntrinsicElements | React.ComponentType<React.PropsWithChildren<any>>;
-declare type StyledFunc = (ComponentOrTag: Tag, ...args: Styles[]) => StyledComponent;
-export declare type StyledComponent = ForwardRefExoticComponent<PropsWithoutRef<any> & RefAttributes<HTMLElement | React.ComponentClass>>;
+import { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
+import { ClassName } from '../types';
+export type Tag = keyof JSX.IntrinsicElements | React.ComponentType<React.PropsWithChildren<any>>;
+type StyledFunc = (ComponentOrTag: Tag, ...args: ClassName[]) => StyledComponent;
+export type StyledComponent = ForwardRefExoticComponent<PropsWithoutRef<any> & RefAttributes<HTMLElement | React.ComponentClass>>;
 declare const styled: StyledFunc;
 export default styled;

package/esm/style/styled.js

@@ -4,37 +4,47 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @author Ivan Torres
  */
 /* eslint @typescript-eslint/no-explicit-any: 0 */
-import { useMemo } from 'react';
 import * as React from 'react';
-import cx from '../classNames';
+import { useMemo } from 'react';
 import { useTheme } from '../theme';
 import { omit$props } from '../helpers';
 import _buildUtils from './_buildUtils';
-import _parseStyle from './_parseStyle';
 import useMemoizedStyletron from './useMemoizedStyletron';
+import { mergeClasses } from './customTwMerge';
+import { _parseClassName } from './_parseClassName';
+import { _parseStyleProp } from './_parseStyleProp';
 var styled = function (ComponentOrTag) {
-    var styleArgs = [];
+    var baseClassNames = [];
     for (var _i = 1; _i < arguments.length; _i++) {
-        styleArgs[_i - 1] = arguments[_i];
+        baseClassNames[_i - 1] = arguments[_i];
     }
     var StyledInit = React.forwardRef(function (props, ref) {
         var ctx = useTheme();
+        var debugCssInJs = ctx.debugCssInJs;
         var _a = __read(useMemoizedStyletron(), 1), styletronCSS = _a[0];
-        var _b = props.className, className = _b === void 0 ? '' : _b, style = props.style, $style = props.$style, ownProps = __rest(props, ["className", "style", "$style"]);
+        var _b = props.className, className = _b === void 0 ? '' : _b, style = props.style, sx = props.sx, $className = props.$className, $style = props.$style, ownProps = __rest(props, ["className", "style", "sx", "$className", "$style"]);
         var Component = props.$as || ComponentOrTag;
         // NOTE: prepend previously generated classes by styletron, this can happen
         // when re-styling a component built with `styled` or `className` added
         // on top of it:
         var utils = _buildUtils(ctx, styletronCSS);
-        var _c = __read(_parseStyle(utils, ownProps, [styleArgs, className, $style, style]), 2), styleObject = _c[0], invalidArgs = _c[1];
-        var classNames = cx(invalidArgs, styletronCSS(styleObject));
+        var _c = __read(_parseClassName(utils, styletronCSS, ownProps, [
+            baseClassNames,
+            $className,
+            className,
+        ]), 2), finalClassName = _c[0], cssInJsClassName = _c[1];
+        var _d = __read(_parseStyleProp(utils, styletronCSS, ownProps, [$style, style]), 3), styleClassName = _d[0], inlineStyle = _d[1], cssInJsStyle = _d[2];
+        var classNames = mergeClasses("".concat(finalClassName, " ").concat(styleClassName));
         var componentProps = useMemo(function () { return omit$props(ownProps); }, [ownProps]);
-        return _jsx(Component, __assign({}, componentProps, { className: classNames, ref: ref }), void 0);
+        return (_jsx(Component, __assign({}, componentProps, ((cssInJsClassName || cssInJsStyle) &&
+            debugCssInJs && { 'data-css-in-js': "".concat(cssInJsClassName, " ").concat(cssInJsStyle) }), { className: classNames, style: inlineStyle, ref: ref })));
     });
     StyledInit.displayName =
         typeof ComponentOrTag === 'string'
             ? "styled(".concat(ComponentOrTag, ")")
             : "styled(".concat(ComponentOrTag.displayName || ComponentOrTag.name || ComponentOrTag, ")");
+    // @ts-ignore -- This is done to forward context to the hyperspace-compliance package
+    StyledInit.__baseClasses = baseClassNames;
     return React.memo(StyledInit);
 };
 export default styled;

package/esm/style/useMemoizedStyletron.js

@@ -1,7 +1,6 @@
 import { __read } from "tslib";
 import { useStyletron } from 'styletron-react';
 import { useCallback } from 'react';
-import rtlCSSJS from 'rtl-css-js';
 import { useLatest } from '../hooks/useLatest';
 import { useTheme } from '../theme/context';
 var identity = function (x) { return x; };
@@ -12,8 +11,7 @@ var useMemoizedStyletron = function () {
     var _a = __read(useStyletron(), 1), styletronCSS = _a[0];
     var ctx = useTheme();
     var cssRef = useLatest(styletronCSS);
-    var decorator = ctx.direction === 'rtl' ? rtlCSSJS : identity;
-    var css = useCallback(function (arg) { return cssRef.current(decorator(arg)); }, [cssRef, decorator]);
+    var css = useCallback(function (arg) { return cssRef.current(arg); }, [cssRef]);
     return [css];
 };
 export default useMemoizedStyletron;

package/esm/styleEngine/styleEngine.d.ts

@@ -1,18 +1,20 @@
 import { PropsWithChildren, ReactElement } from 'react';
-import { StandardEngine, Sheet } from '../types';
-export declare type ProviderProps = {
+import { StandardEngine, Sheet, KeyframesObject } from '../types';
+export type ProviderProps = {
     styleEngine?: StandardEngine;
     debug?: boolean;
+    nonce?: string;
 };
 export declare const SPACEWEB_STYLE_PREFIX: Readonly<string>;
 export declare const SPACEWEB_STYLE_CONTAINER_ID: Readonly<string>;
 export declare const isServer: Readonly<boolean>;
 export declare const hydrate: (ownerDocument?: Document) => HTMLCollectionOf<HTMLStyleElement>;
-export declare const getStyleEngine: (ownerDocument?: Document) => StandardEngine;
+export declare const getStyleEngine: (ownerDocument?: Document, nonce?: string) => StandardEngine;
 export declare const StyleProvider: {
     (props: PropsWithChildren<ProviderProps>): ReactElement;
     displayName: string;
 };
 export declare const getStylesheets: () => Sheet[];
 export declare const getStylesheetsHtml: () => string;
-export declare const appendCacheContainer: (ownerDocument?: Document) => Element;
+export declare const deprecatedRenderKeyframes: (keyframes: KeyframesObject) => string;
+export declare const appendCacheContainer: (ownerDocument?: Document, nonce?: string) => Element;

package/esm/styleEngine/styleEngine.js

@@ -38,7 +38,7 @@ export var hydrate = function (ownerDocument) {
     return (ownerDocument || document).getElementsByClassName('_spaceweb_hydrate_');
 };
 // Gets isomorphic Styletron engine.
-export var getStyleEngine = function (ownerDocument) {
+export var getStyleEngine = function (ownerDocument, nonce) {
     if (isServer) {
         if (typeof styletron !== 'undefined')
             return styletron;
@@ -51,10 +51,11 @@ export var getStyleEngine = function (ownerDocument) {
             return styletron;
         }
         // adds a style tag in document.head to make sure only one instance of styletron is created in an app.
-        appendCacheContainer(ownerDocument);
+        appendCacheContainer(ownerDocument, nonce);
         styletron = new Client({
             hydrate: hydrate(ownerDocument),
             prefix: SPACEWEB_STYLE_PREFIX,
+            container: ownerDocument === null || ownerDocument === void 0 ? void 0 : ownerDocument.head,
         });
     }
     return styletron;
@@ -65,7 +66,7 @@ StyletronProvider.displayName = 'StyletronProvider';
 export var StyleProvider = function (props) {
     var doc = useDocument();
     var debugEngine = useMemo(function () { return (props.debug ? new DebugEngine() : new NoopDebugEngine()); }, [props.debug]);
-    return (_jsx(StyletronProvider, __assign({ debug: debugEngine, value: props.styleEngine || getStyleEngine(doc), debugAfterHydration: !!props.debug }, { children: props.children }), void 0));
+    return (_jsx(StyletronProvider, __assign({ debug: debugEngine, value: props.styleEngine || getStyleEngine(doc, props.nonce), debugAfterHydration: !!props.debug }, { children: props.children })));
 };
 StyleProvider.displayName = 'StyleProvider';
 // Gets hydration stylesheets as `Sheet[]` (e.g. Next.js).
@@ -80,8 +81,12 @@ export var getStylesheetsHtml = function () {
     ensureEngine();
     return styletron.getStylesheetsHtml();
 };
+export var deprecatedRenderKeyframes = function (keyframes) {
+    ensureEngine();
+    return styletron.renderKeyframes(keyframes);
+};
 // Appends cache styles to the DOM and returns element's instance.
-export var appendCacheContainer = function (ownerDocument) {
+export var appendCacheContainer = function (ownerDocument, nonce) {
     ensureClient();
     var doc = ownerDocument || document;
     var el = doc.getElementById(SPACEWEB_STYLE_CONTAINER_ID);
@@ -89,6 +94,9 @@ export var appendCacheContainer = function (ownerDocument) {
         return el;
     el = doc.createElement('style');
     el.id = SPACEWEB_STYLE_CONTAINER_ID;
+    if (nonce) {
+        el.setAttribute('nonce', nonce);
+    }
     doc.head.appendChild(el);
     return el;
 };

package/esm/switch/index.d.ts

@@ -1,3 +1,3 @@
 export { Switch, StatefulSwitch } from './switch';
-export { StatefulContainer, StyledRoot, StyledLabel, StyledInput, StyledToggle, StyledToggleTrack, } from '../baseui/checkbox';
+export { StyledRoot, StyledLabel, StyledInput, StyledToggle, StyledToggleTrack } from '../checkbox';
 export * from './types';

package/esm/switch/index.js

@@ -1,3 +1,3 @@
 export { Switch, StatefulSwitch } from './switch';
-export { StatefulContainer, StyledRoot, StyledLabel, StyledInput, StyledToggle, StyledToggleTrack, } from '../baseui/checkbox';
+export { StyledRoot, StyledLabel, StyledInput, StyledToggle, StyledToggleTrack } from '../checkbox';
 export * from './types';

package/esm/switch/switch.d.ts

@@ -1,10 +1,11 @@
 import { ReactElement } from 'react';
 import { SwitchProps, StatefulSwitchProps } from './types';
 export declare const Switch: {
-    (props: SwitchProps): ReactElement;
+    ({ style, ...restProps }: SwitchProps): ReactElement;
     displayName: string;
 };
 export declare const StatefulSwitch: {
     (props: StatefulSwitchProps): ReactElement;
     displayName: string;
+    __standard: string;
 };

package/esm/switch/switch.js

@@ -1,18 +1,15 @@
 import { __assign, __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Checkbox, StatefulCheckbox } from '../checkbox';
-import { STYLE_TYPE } from '../baseui/checkbox';
-import { useSwitchAdapter } from './basewebAdapter';
-import { useCombineRefObjects } from '../hooks/useCombinedRef';
-export var Switch = function (props) {
-    var _a = useSwitchAdapter(props), overrides = _a.overrides, restProps = __rest(_a, ["overrides"]);
-    var inputRefObj = useCombineRefObjects(props.inputRef);
-    return (_jsx(Checkbox, __assign({ overrides: overrides, "data-spaceweb": "Switch", checkmarkType: STYLE_TYPE.toggle_round, labelPlacement: "right" }, restProps, { inputRef: inputRefObj }), void 0));
+import { Checkbox, STYLE_TYPE } from '../checkbox';
+import useStatefulCheckbox from '../checkbox/hooks/useStatefulCheckbox';
+export var Switch = function (_a) {
+    var style = _a.style, restProps = __rest(_a, ["style"]);
+    return (_jsx(Checkbox, __assign({ "data-spaceweb": "switch", checkmarkType: STYLE_TYPE.toggle, labelPlacement: "right" }, restProps)));
 };
 Switch.displayName = 'Switch';
 export var StatefulSwitch = function (props) {
-    var _a = useSwitchAdapter(props), overrides = _a.overrides, restProps = __rest(_a, ["overrides"]);
-    var inputRefObj = useCombineRefObjects(props.inputRef);
-    return (_jsx(StatefulCheckbox, __assign({ overrides: overrides, "data-spaceweb": "StatefulSwitch", checkmarkType: STYLE_TYPE.toggle_round, labelPlacement: "right" }, restProps, { inputRef: inputRefObj }), void 0));
+    var adaptedProps = useStatefulCheckbox(props);
+    return _jsx(Switch, __assign({ "data-spaceweb": "StatefulSwitch", checkmarkType: STYLE_TYPE.toggle }, adaptedProps));
 };
 StatefulSwitch.displayName = 'StatefulSwitch';
+StatefulSwitch.__standard = 'Component';

package/esm/switch/types.d.ts

@@ -1,25 +1 @@
-import { CheckboxProps as BaseSwitchProps, StatefulCheckboxProps as BaseStatefulSwitchProps } from '../checkbox';
-import { SharedProps as BaseSharedProps } from '../baseui/input';
-import { Override } from '../overrides';
-import { Intent } from '../types';
-export declare type SwitchSize = 'sm' | 'md' | 'lg';
-export declare type LabelPlacement = 'left' | 'right' | 'top' | 'bottom';
-export declare type SharedProps = BaseSharedProps & {
-    $checked: boolean;
-    $intent: Intent;
-    $isFocusVisible: boolean;
-    $isHovered: boolean;
-    $size: SwitchSize;
-};
-export declare type SwitchProps = Omit<BaseSwitchProps, 'overrides' | 'size'> & {
-    size?: SwitchSize;
-    overrides?: {
-        [key in keyof Required<BaseSwitchProps>['overrides']]?: Override<SharedProps>;
-    };
-};
-export declare type StatefulSwitchProps = Omit<BaseStatefulSwitchProps, 'overrides' | 'size'> & {
-    size?: SwitchSize;
-    overrides?: {
-        [key in keyof Required<BaseStatefulSwitchProps>['overrides']]?: Override<SharedProps>;
-    };
-};
+export type { CheckboxProps as SwitchProps, StatefulCheckboxProps as StatefulSwitchProps, SharedProps, CheckboxSize as SwitchSize, LabelPlacement, } from '../checkbox';

package/esm/tabs/contexts.js

@@ -1,11 +1,11 @@
 import _noop from 'lodash/noop';
-import { createContext, useContext } from 'react';
-export var StatefulTabsContext = createContext({
+import { useContext } from 'react';
+import { createSingletonContext } from '@sprinklrjs/spaceweb/singleton/createSingletonContext';
+export var StatefulTabsContext = createSingletonContext({
     activeTabId: '0',
     onChange: _noop,
-});
+}, 'StatefulTabsContext');
 StatefulTabsContext.displayName = 'StatefulTabsContext';
 export var useStatefulTabsContext = function () { return useContext(StatefulTabsContext); };
-export var TabListContext = createContext({});
-TabListContext.displayName = 'TabListContext';
+export var TabListContext = createSingletonContext({}, 'TabListContext');
 export var useTabListContext = function () { return useContext(TabListContext); };