@sprinklrjs/spaceweb 12.14.4 → 12.33.2

package/baseui/accordion/types.d.ts

@@ -0,0 +1,143 @@
+import type * as React from 'react';
+import type { Override } from '../helpers/overrides';
+import type { STATE_CHANGE_TYPE } from './constants';
+export declare type AccordionState = {
+    expanded: Array<React.Key>;
+};
+export declare type PanelState = {
+    expanded: boolean;
+};
+export declare type StateChangeType = keyof typeof STATE_CHANGE_TYPE;
+export declare type StateReducer = (stateChangeType: StateChangeType, nextState: AccordionState, currentState: AccordionState) => AccordionState;
+export declare type PanelStateReducer = (stateChangeType: StateChangeType, nextState: PanelState, currentState: PanelState) => PanelState;
+export declare type AccordionOverrides = {
+    Content?: Override;
+    ContentAnimationContainer?: Override;
+    Header?: Override;
+    PanelContainer?: Override;
+    Root?: Override;
+    ToggleIcon?: Override;
+    ToggleIconGroup?: Override;
+};
+export declare type PanelOverrides = {
+    PanelContainer?: Override;
+    Header?: Override;
+    ToggleIcon?: Override;
+    ToggleIconGroup?: Override;
+    Content?: Override;
+    ContentAnimationContainer?: Override;
+};
+export declare type OnChangeHandler = (a: {
+    expanded: boolean;
+}) => unknown;
+export declare type AccordionOnChangeHandler = (a: {
+    expanded: Array<React.Key>;
+}) => unknown;
+export declare type AccordionProps = {
+    /** Determines how many panels may be expanded at a time. If set to
+     * true it will collapse a current panel when a new panel is expanded.
+     * If set to false more than one panel may be expanded at a time. */
+    accordion?: boolean;
+    /** Accordion expandable items. See Panel API below for reference. */
+    children: React.ReactNode;
+    /** If set to true all its children panels will be disabled from toggling. */
+    disabled?: boolean;
+    initialState?: AccordionState;
+    /** Handler called each time a panel is toggled. expanded prop is an array
+     * of Panel keys that are currently expanded. */
+    onChange?: AccordionOnChangeHandler;
+    overrides?: AccordionOverrides;
+    /** Handler called each time the component state changes.
+     * Used to override default state-change functionality. */
+    stateReducer: StateReducer;
+    /**
+     * Allows users to render all child content whether a panel is expanded or not
+     * for SEO purposed
+     */
+    renderAll?: boolean;
+};
+export declare type StatelessAccordionOnChangeHandler = (a: {
+    expanded: Array<React.Key>;
+    key: React.Key;
+}) => unknown;
+export declare type StatelessAccordionProps = {
+    /** Determines how many panels may be expanded at a time. If set to
+     * true it will collapse a current panel when a new panel is expanded.
+     * If set to false more than one panel may be expanded at a time. */
+    accordion?: boolean;
+    /** Accordion expandable items. See Panel API below for reference. */
+    children: React.ReactNode;
+    /** If set to true all its children panels will be disabled from toggling. */
+    disabled?: boolean;
+    /** List of Panel keys which are expanded. */
+    expanded: Array<React.Key>;
+    /** Handler called each time a panel is toggled. */
+    onChange?: StatelessAccordionOnChangeHandler;
+    overrides?: AccordionOverrides & PanelOverrides;
+    /**
+     * Allows users to render all child content whether a panel is expanded or not
+     * for SEO purposed
+     */
+    renderPanelContent?: boolean;
+    /**
+     * Allows users to render all child content whether a panel is expanded or not
+     * for SEO purposed
+     */
+    renderAll?: boolean;
+};
+declare type SharedPanelProps = {
+    /** The content visible when Panel is expanded. */
+    children: React.ReactNode;
+    /** Defaults to the disabled value provided by the parent Accordion component. */
+    disabled?: boolean;
+    /** Id for a panel, when provided populates aria-controls
+     * attribute for panel button and content
+     * */
+    'aria-controls'?: string;
+    /** The key of a Panel. Used to maintain list of expanded panels.
+     * Must be unique across children of the Accordion. */
+    key?: React.Key;
+    /** Handler for individual Panel change events. */
+    onChange?: OnChangeHandler;
+    /** Handler for the Header's click events. */
+    onClick?: (e: Event) => unknown;
+    /** Handler for the Header's keyDown events. */
+    onKeyDown?: (e: KeyboardEvent) => unknown;
+    overrides?: PanelOverrides;
+    /** The title of an accordion panel. */
+    title?: React.ReactNode;
+    /**
+     * Allows users to render all child content whether a panel is expanded or not
+     * for SEO purposed
+     */
+    renderPanelContent?: boolean;
+    /**
+     * Allows users to render all child content whether a panel is expanded or not
+     * for SEO purposed
+     */
+    renderAll?: boolean;
+};
+export declare type PanelProps = SharedPanelProps & {
+    /** Defines if the panel is expanded. If set to true the panel is rendered expanded. */
+    expanded?: boolean;
+};
+declare type SharedStatefulPanelContainerProps = {
+    /** Initial state of a stateful panel component.
+     * The expanded prop indicates if the panel is initially expanded.
+     * If set to true the panel will be expanded initially */
+    initialState?: PanelState;
+    onChange?: OnChangeHandler;
+    stateReducer?: PanelStateReducer;
+};
+export declare type StatefulPanelContainerProps = SharedStatefulPanelContainerProps & {
+    children: (props: Omit<PanelProps, 'children'>) => React.ReactNode;
+};
+export declare type StatefulPanelProps = SharedStatefulPanelContainerProps & SharedPanelProps;
+export declare type SharedStylePropsArg = {
+    $color?: string;
+    $disabled: boolean | undefined | null;
+    $expanded?: boolean | null;
+    $size?: string | number;
+    $isFocusVisible: boolean;
+};
+export {};

package/baseui/accordion/types.js

@@ -0,0 +1,8 @@
+"use strict";
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+Object.defineProperty(exports, "__esModule", { value: true });

package/baseui/button/button-internals.d.ts

@@ -0,0 +1,2 @@
+import type { ButtonProps } from './types';
+export default function ButtonInternals(props: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/baseui/button/button-internals.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+var React = (0, tslib_1.__importStar)(require("react"));
+var ReactIs = (0, tslib_1.__importStar)(require("react-is"));
+var styled_components_1 = require("./styled-components");
+var utils_1 = require("./utils");
+var overrides_1 = require("../helpers/overrides");
+// @ts-ignore
+function RenderEnhancer(props) {
+    var Enhancer = props.Enhancer, restProps = (0, tslib_1.__rest)(props, ["Enhancer"]);
+    if (typeof Enhancer === 'string') {
+        return Enhancer;
+    }
+    if (ReactIs.isValidElementType(Enhancer)) {
+        return (0, jsx_runtime_1.jsx)(Enhancer, (0, tslib_1.__assign)({}, restProps), void 0);
+    }
+    return Enhancer;
+}
+function ButtonInternals(props) {
+    var children = props.children, _a = props.overrides, overrides = _a === void 0 ? {} : _a, startEnhancer = props.startEnhancer, endEnhancer = props.endEnhancer;
+    var _b = (0, tslib_1.__read)((0, overrides_1.getOverrides)(overrides.StartEnhancer, styled_components_1.StartEnhancer), 2), StartEnhancer = _b[0], startEnhancerProps = _b[1];
+    var _c = (0, tslib_1.__read)((0, overrides_1.getOverrides)(overrides.EndEnhancer, styled_components_1.EndEnhancer), 2), EndEnhancer = _c[0], endEnhancerProps = _c[1];
+    var sharedProps = (0, utils_1.getSharedProps)(props);
+    if (props.isLoading) {
+        var hiddenStyle = { opacity: 0, display: 'flex', height: '0px' };
+        return (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ style: hiddenStyle }, { children: children }), void 0);
+    }
+    return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [startEnhancer !== null && startEnhancer !== undefined && ((0, jsx_runtime_1.jsx)(StartEnhancer, (0, tslib_1.__assign)({}, sharedProps, startEnhancerProps, { children: (0, jsx_runtime_1.jsx)(RenderEnhancer, { Enhancer: startEnhancer }, void 0) }), void 0)), children, endEnhancer !== null && endEnhancer !== undefined && ((0, jsx_runtime_1.jsx)(EndEnhancer, (0, tslib_1.__assign)({}, sharedProps, endEnhancerProps, { children: (0, jsx_runtime_1.jsx)(RenderEnhancer, { Enhancer: endEnhancer }, void 0) }), void 0))] }, void 0));
+}
+exports.default = ButtonInternals;

package/baseui/button/button.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { ButtonProps, SharedStyleProps } from './types';
+export interface ButtonComponentType {
+    <C extends React.ElementType = 'button'>(props: ButtonProps & SharedStyleProps & Omit<React.ComponentProps<C>, keyof ButtonProps | keyof SharedStyleProps> & {
+        $as?: C | React.ComponentType<any> | keyof JSX.IntrinsicElements;
+    }): JSX.Element;
+    displayName?: string;
+}
+declare const ForwardedButton: ButtonComponentType;
+export default ForwardedButton;

package/baseui/button/button.js

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+var React = (0, tslib_1.__importStar)(require("react"));
+var styled_components_1 = require("./styled-components");
+var utils_1 = require("./utils");
+var button_internals_1 = (0, tslib_1.__importDefault)(require("./button-internals"));
+var default_props_1 = require("./default-props");
+var overrides_1 = require("../helpers/overrides");
+var focusVisible_1 = require("../utils/focusVisible");
+var Button = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(Button, _super);
+    function Button() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = { isFocusVisible: false };
+        // @ts-ignore
+        _this.internalOnClick = function () {
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+            }
+            var _a = _this.props, isLoading = _a.isLoading, onClick = _a.onClick;
+            if (isLoading) {
+                args[0].preventDefault();
+                return;
+            }
+            // @ts-expect-error
+            onClick && onClick.apply(void 0, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(args), false));
+        };
+        _this.handleFocus = function (event) {
+            if ((0, focusVisible_1.isFocusVisible)(event)) {
+                _this.setState({ isFocusVisible: true });
+            }
+        };
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        _this.handleBlur = function (event) {
+            if (_this.state.isFocusVisible !== false) {
+                _this.setState({ isFocusVisible: false });
+            }
+        };
+        return _this;
+    }
+    Button.prototype.render = function () {
+        var _a;
+        var _b = this.props, _c = _b.overrides, overrides = _c === void 0 ? {} : _c, 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        size = _b.size, 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        kind = _b.kind, 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        shape = _b.shape, isLoading = _b.isLoading, 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        isSelected = _b.isSelected, 
+        // Removing from restProps
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        startEnhancer = _b.startEnhancer, 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        endEnhancer = _b.endEnhancer, 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        children = _b.children, forwardedRef = _b.forwardedRef, 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        colors = _b.colors, restProps = (0, tslib_1.__rest)(_b, ["overrides", "size", "kind", "shape", "isLoading", "isSelected", "startEnhancer", "endEnhancer", "children", "forwardedRef", "colors"]);
+        // Get overrides
+        var _d = (0, tslib_1.__read)((0, overrides_1.getOverrides)(
+        // adding both (1) BaseButton and (2) Root
+        // (1) because it's a Button under the hood
+        // (2) because we want consistency with the rest of the components
+        overrides.BaseButton || overrides.Root, styled_components_1.BaseButton), 2), BaseButton = _d[0], baseButtonProps = _d[1];
+        var _e = (0, tslib_1.__read)((0, overrides_1.getOverrides)(overrides.LoadingSpinner, styled_components_1.LoadingSpinner), 2), LoadingSpinner = _e[0], loadingSpinnerProps = _e[1];
+        var _f = (0, tslib_1.__read)((0, overrides_1.getOverrides)(overrides.LoadingSpinnerContainer, styled_components_1.LoadingSpinnerContainer), 2), LoadingSpinnerContainer = _f[0], loadingSpinnerContainerProps = _f[1];
+        var sharedProps = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, (0, utils_1.getSharedProps)(this.props)), { $isFocusVisible: this.state.isFocusVisible });
+        var ariaLoadingElements = isLoading
+            ? (_a = {},
+                _a['aria-label'] = typeof this.props.children === 'string'
+                    ? "loading ".concat(this.props.children)
+                    : 'content is loading',
+                _a['aria-busy'] = 'true',
+                _a['aria-live'] = 'polite',
+                _a) : {};
+        return ((0, jsx_runtime_1.jsx)(BaseButton, (0, tslib_1.__assign)({ ref: forwardedRef, "data-baseweb": "button" }, ariaLoadingElements, sharedProps, restProps, baseButtonProps, { 
+            // Applies last to override passed in onClick
+            onClick: this.internalOnClick, onFocus: (0, focusVisible_1.forkFocus)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, restProps), baseButtonProps), this.handleFocus), onBlur: (0, focusVisible_1.forkBlur)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, restProps), baseButtonProps), this.handleBlur) }, { children: isLoading ? ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)(button_internals_1.default, (0, tslib_1.__assign)({}, this.props), void 0), (0, jsx_runtime_1.jsx)(LoadingSpinnerContainer, (0, tslib_1.__assign)({}, sharedProps, loadingSpinnerContainerProps, { children: (0, jsx_runtime_1.jsx)(LoadingSpinner, (0, tslib_1.__assign)({}, sharedProps, loadingSpinnerProps), void 0) }), void 0)] }, void 0)) : ((0, jsx_runtime_1.jsx)(button_internals_1.default, (0, tslib_1.__assign)({}, this.props), void 0)) }), void 0));
+    };
+    Button.defaultProps = default_props_1.defaultProps;
+    return Button;
+}(React.Component));
+var ForwardedButton = React.forwardRef(function (props, ref) { return (0, jsx_runtime_1.jsx)(Button, (0, tslib_1.__assign)({ forwardedRef: ref }, props), void 0); });
+ForwardedButton.displayName = 'Button';
+exports.default = ForwardedButton;

package/baseui/button/constants.d.ts

@@ -0,0 +1,18 @@
+export declare const KIND: {
+    readonly primary: "primary";
+    readonly secondary: "secondary";
+    readonly tertiary: "tertiary";
+};
+export declare const SHAPE: {
+    readonly default: "default";
+    readonly pill: "pill";
+    readonly round: "round";
+    readonly circle: "circle";
+    readonly square: "square";
+};
+export declare const SIZE: {
+    readonly mini: "mini";
+    readonly default: "default";
+    readonly compact: "compact";
+    readonly large: "large";
+};

package/baseui/button/constants.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SIZE = exports.SHAPE = exports.KIND = void 0;
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+exports.KIND = {
+    primary: 'primary',
+    secondary: 'secondary',
+    tertiary: 'tertiary',
+};
+exports.SHAPE = {
+    default: 'default',
+    pill: 'pill',
+    round: 'round',
+    circle: 'circle',
+    square: 'square',
+};
+exports.SIZE = {
+    mini: 'mini',
+    default: 'default',
+    compact: 'compact',
+    large: 'large',
+};

package/baseui/button/default-props.d.ts

@@ -0,0 +1,9 @@
+export declare const defaultProps: {
+    disabled: boolean;
+    isLoading: boolean;
+    isSelected: boolean;
+    kind: "primary";
+    overrides: {};
+    shape: "default";
+    size: "default";
+};

package/baseui/button/default-props.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultProps = void 0;
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+var constants_1 = require("./constants");
+exports.defaultProps = {
+    disabled: false,
+    isLoading: false,
+    isSelected: false,
+    kind: constants_1.KIND.primary,
+    overrides: {},
+    shape: constants_1.SHAPE.default,
+    size: constants_1.SIZE.default,
+};

package/baseui/button/index.d.ts

@@ -0,0 +1,7 @@
+import type { CustomColors } from './types';
+export { default as Button } from './button';
+export { KIND, SIZE, SHAPE } from './constants';
+export { BaseButton as StyledBaseButton, StartEnhancer as StyledStartEnhancer, EndEnhancer as StyledEndEnhancer, LoadingSpinner as StyledLoadingSpinner, LoadingSpinnerContainer as StyledLoadingSpinnerContainer, } from './styled-components';
+export * from './types';
+/** @deprecated use CustomColors instead. To be removed in future versions.*/
+export declare type CustomColorsT = CustomColors;

package/baseui/button/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledLoadingSpinnerContainer = exports.StyledLoadingSpinner = exports.StyledEndEnhancer = exports.StyledStartEnhancer = exports.StyledBaseButton = exports.SHAPE = exports.SIZE = exports.KIND = exports.Button = void 0;
+var tslib_1 = require("tslib");
+var button_1 = require("./button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(button_1).default; } });
+// Constants
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "KIND", { enumerable: true, get: function () { return constants_1.KIND; } });
+Object.defineProperty(exports, "SIZE", { enumerable: true, get: function () { return constants_1.SIZE; } });
+Object.defineProperty(exports, "SHAPE", { enumerable: true, get: function () { return constants_1.SHAPE; } });
+// Styled elements
+var styled_components_1 = require("./styled-components");
+Object.defineProperty(exports, "StyledBaseButton", { enumerable: true, get: function () { return styled_components_1.BaseButton; } });
+Object.defineProperty(exports, "StyledStartEnhancer", { enumerable: true, get: function () { return styled_components_1.StartEnhancer; } });
+Object.defineProperty(exports, "StyledEndEnhancer", { enumerable: true, get: function () { return styled_components_1.EndEnhancer; } });
+Object.defineProperty(exports, "StyledLoadingSpinner", { enumerable: true, get: function () { return styled_components_1.LoadingSpinner; } });
+Object.defineProperty(exports, "StyledLoadingSpinnerContainer", { enumerable: true, get: function () { return styled_components_1.LoadingSpinnerContainer; } });
+// Types
+(0, tslib_1.__exportStar)(require("./types"), exports);

package/baseui/button/styled-components.d.ts

@@ -0,0 +1,5 @@
+export declare const BaseButton: import("../../style/styled").StyledComponent;
+export declare const EndEnhancer: import("../../style/styled").StyledComponent;
+export declare const StartEnhancer: import("../../style/styled").StyledComponent;
+export declare const LoadingSpinnerContainer: import("../../style/styled").StyledComponent;
+export declare const LoadingSpinner: import("../../style/styled").StyledComponent;

package/baseui/button/styled-components.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadingSpinner = exports.LoadingSpinnerContainer = exports.StartEnhancer = exports.EndEnhancer = exports.BaseButton = void 0;
+var constants_1 = require("./constants");
+var style_1 = require("../../style");
+exports.BaseButton = (0, style_1.styled)('button', 'inline-flex align-center justify-center border-0 border-none m-0 duration-200', function (_a, _b) {
+    var theme = _a.theme;
+    var $isLoading = _b.$isLoading;
+    return ({
+        flexDirection: $isLoading ? 'column' : 'row',
+        outline: 'none',
+        textDecoration: 'none',
+        WebkitAppearance: 'none',
+        transitionProperty: 'background',
+        transitionTimingFunction: 'cubic-bezier(0, 0, 1, 1)',
+        cursor: 'pointer',
+        ':disabled': {
+            cursor: 'not-allowed',
+        },
+    });
+});
+exports.BaseButton.displayName = 'BaseButton';
+exports.EndEnhancer = (0, style_1.styled)('div', 'flex ml-3');
+exports.EndEnhancer.displayName = 'EndEnhancer';
+exports.StartEnhancer = (0, style_1.styled)('div', 'flex mr-3');
+exports.StartEnhancer.displayName = 'StartEnhancer';
+exports.LoadingSpinnerContainer = (0, style_1.styled)('div', 'static', function (utils, props) {
+    var theme = utils.theme;
+    var $size = props.$size;
+    // we don't have a theming value for this
+    var margins = '3px';
+    if ($size === constants_1.SIZE.mini || $size === constants_1.SIZE.compact) {
+        margins = theme.margin['0.5'];
+    }
+    if ($size === constants_1.SIZE.large) {
+        margins = theme.margin['1'];
+    }
+    return {
+        lineHeight: 0,
+        marginBottom: margins,
+        marginTop: margins,
+    };
+});
+exports.LoadingSpinnerContainer.displayName = 'LoadingSpinnerContainer';
+exports.LoadingSpinner = (0, style_1.styled)('span', 'duration-700 rounded-full border-solid box-border inline-block', function (_a, _b) {
+    var theme = _a.theme;
+    var $size = _b.$size;
+    var dimension = 'h-3.5 w-3.5';
+    if ($size === constants_1.SIZE.mini || $size === constants_1.SIZE.compact) {
+        dimension = 'h-3 w-3';
+    }
+    if ($size === constants_1.SIZE.large) {
+        dimension = 'h-4 w-4';
+    }
+    return dimension;
+}, {
+    borderLeftStyle: 'solid',
+    borderTopStyle: 'solid',
+    borderRightStyle: 'solid',
+    borderBottomStyle: 'solid',
+    animationTimingFunction: 'linear',
+    animationIterationCount: 'infinite',
+    animationName: {
+        to: {
+            transform: 'rotate(360deg)',
+        },
+        from: {
+            transform: 'rotate(0deg)',
+        },
+    },
+});
+exports.LoadingSpinner.displayName = 'LoadingSpinner';

package/baseui/button/types.d.ts

@@ -0,0 +1,47 @@
+import type * as React from 'react';
+import type { KIND, SIZE, SHAPE } from './constants';
+import type { Override } from '../helpers/overrides';
+export declare type ButtonOverrides = {
+    Root?: Override;
+    BaseButton?: Override;
+    StartEnhancer?: Override;
+    EndEnhancer?: Override;
+    LoadingSpinnerContainer?: Override;
+    LoadingSpinner?: Override;
+};
+export declare type CustomColors = {
+    backgroundColor: string;
+    color: string;
+};
+export declare type ButtonProps = {
+    children?: React.ReactNode;
+    colors?: CustomColors;
+    disabled?: boolean;
+    /** A helper rendered at the end of the button. */
+    endEnhancer?: React.ReactNode | React.ComponentType<any>;
+    /** Show loading button style and spinner. */
+    isLoading?: boolean;
+    /** Indicates that the button is selected */
+    isSelected?: boolean;
+    /** Defines the kind (purpose) of a button */
+    kind?: keyof typeof KIND;
+    onClick?: (a: React.SyntheticEvent<HTMLButtonElement>) => unknown;
+    overrides?: ButtonOverrides;
+    /** Defines the shape of the button */
+    shape?: keyof typeof SHAPE;
+    /** Defines the size of the button */
+    size?: keyof typeof SIZE;
+    /** A helper rendered at the start of the button. */
+    startEnhancer?: React.ReactNode | React.ComponentType<any>;
+    type?: 'submit' | 'reset' | 'button';
+};
+export declare type SharedStyleProps = {
+    $colors?: CustomColors;
+    $kind?: keyof typeof KIND;
+    $isSelected?: boolean;
+    $shape?: keyof typeof SHAPE;
+    $size?: keyof typeof SIZE;
+    $isLoading?: boolean;
+    $disabled?: boolean;
+    $isFocusVisible?: boolean;
+};

package/baseui/button/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/baseui/button/utils.d.ts

@@ -0,0 +1,2 @@
+import type { ButtonProps, SharedStyleProps } from './types';
+export declare function getSharedProps({ colors, disabled, isLoading, isSelected, kind, shape, size, }: ButtonProps): Partial<SharedStyleProps>;

package/baseui/button/utils.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSharedProps = void 0;
+function getSharedProps(_a) {
+    var colors = _a.colors, disabled = _a.disabled, isLoading = _a.isLoading, isSelected = _a.isSelected, kind = _a.kind, shape = _a.shape, size = _a.size;
+    return {
+        $colors: colors,
+        $disabled: disabled,
+        $isLoading: isLoading,
+        $isSelected: isSelected,
+        $kind: kind,
+        $shape: shape,
+        $size: size,
+    };
+}
+exports.getSharedProps = getSharedProps;

package/baseui/checkbox/checkbox.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import type { CheckboxProps, DefaultProps, CheckboxState } from './types';
+import type { ChangeEvent } from 'react';
+declare class StatelessCheckbox extends React.Component<CheckboxProps, CheckboxState> {
+    static defaultProps: DefaultProps;
+    inputRef: React.RefObject<HTMLInputElement>;
+    state: {
+        isFocused: boolean;
+        isFocusVisible: boolean;
+        isHovered: boolean;
+        isActive: boolean;
+    };
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: CheckboxProps): void;
+    onMouseEnter: (e: ChangeEvent<HTMLInputElement>) => void;
+    onMouseLeave: (e: ChangeEvent<HTMLInputElement>) => void;
+    onMouseDown: (e: ChangeEvent<HTMLInputElement>) => void;
+    onMouseUp: (e: ChangeEvent<HTMLInputElement>) => void;
+    onFocus: (e: ChangeEvent<HTMLInputElement>) => void;
+    onBlur: (e: ChangeEvent<HTMLInputElement>) => void;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export default StatelessCheckbox;