@toptal/picasso-button 4.0.24-alpha-1757603192867.0 → 4.0.24-alpha-1757603777486.0

package/dist-package/src/ButtonBase/ButtonBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonBase.js","sourceRoot":"","sources":["../../../src/ButtonBase/ButtonBase.tsx"],"names":[],"mappings":"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"}

package/dist-package/src/ButtonBase/index.d.ts

@@ -0,0 +1,5 @@
+import type { Props } from './ButtonBase';
+export { default as ButtonBase } from './ButtonBase';
+export type { IconPositionType } from './ButtonBase';
+export declare type ButtonBaseProps = Props;
+//# sourceMappingURL=index.d.ts.map

package/dist-package/src/ButtonBase/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ButtonBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,YAAY,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AACpD,oBAAY,eAAe,GAAG,KAAK,CAAA"}

package/dist-package/src/ButtonBase/index.js

@@ -0,0 +1,2 @@
+export { default as ButtonBase } from './ButtonBase';
+//# sourceMappingURL=index.js.map

package/dist-package/src/ButtonBase/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ButtonBase/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/dist-package/src/ButtonBase/styles.d.ts

@@ -0,0 +1,6 @@
+export declare const createCoreClassNames: ({ disabled, loading, }: {
+    disabled?: boolean | undefined;
+    focused?: boolean | undefined;
+    loading?: boolean | undefined;
+}) => string[];
+//# sourceMappingURL=styles.d.ts.map

package/dist-package/src/ButtonBase/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/ButtonBase/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB;;;;MAO7B,MAAM,EA4BT,CAAA"}

package/dist-package/src/ButtonBase/styles.js

@@ -0,0 +1,29 @@
+export const createCoreClassNames = ({ disabled, loading, }) => {
+    const classNames = [
+        'text-lg',
+        'inline-flex',
+        'items-center',
+        'justify-center',
+        'select-none',
+        'appearance-none',
+        'm-0',
+        'relative',
+        'normal-case',
+        'align-middle',
+        'transition-colors',
+        'duration-350',
+        'ease-out',
+        'shrink-0',
+        'outline-none',
+        '[[data-component-type="button"]+&]:ml-4',
+    ];
+    if (!disabled && !loading) {
+        classNames.push('cursor-pointer');
+    }
+    else {
+        classNames.push('cursor-default');
+        classNames.push('pointer-events-none');
+    }
+    return classNames;
+};
+//# sourceMappingURL=styles.js.map

package/dist-package/src/ButtonBase/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/ButtonBase/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,QAAQ,EACR,OAAO,GAKR,EAAY,EAAE;IACb,MAAM,UAAU,GAAG;QACjB,SAAS;QACT,aAAa;QACb,cAAc;QACd,gBAAgB;QAChB,aAAa;QACb,iBAAiB;QACjB,KAAK;QACL,UAAU;QACV,aAAa;QACb,cAAc;QACd,mBAAmB;QACnB,cAAc;QACd,UAAU;QACV,UAAU;QACV,cAAc;QACd,yCAAyC;KAC1C,CAAA;IAED,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,EAAE;QACzB,UAAU,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;KAClC;SAAM;QACL,UAAU,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;QACjC,UAAU,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAA;KACvC;IAED,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA"}

package/dist-package/src/ButtonCheckbox/ButtonCheckbox.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { ButtonControlLabelProps } from '../ButtonControlLabel';
+export interface Props extends Omit<ButtonControlLabelProps, 'control'> {
+    testIds?: {
+        checkbox?: string;
+    };
+}
+declare const ButtonCheckbox: ({ testIds, ...props }: Props) => JSX.Element;
+export default ButtonCheckbox;
+//# sourceMappingURL=ButtonCheckbox.d.ts.map

package/dist-package/src/ButtonCheckbox/ButtonCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonCheckbox.d.ts","sourceRoot":"","sources":["../../../src/ButtonCheckbox/ButtonCheckbox.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAGpE,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,uBAAuB,EAAE,SAAS,CAAC;IACrE,OAAO,CAAC,EAAE;QACR,QAAQ,CAAC,EAAE,MAAM,CAAA;KAClB,CAAA;CACF;AAED,QAAA,MAAM,cAAc,0BAA2B,KAAK,gBAOnD,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist-package/src/ButtonCheckbox/ButtonCheckbox.js

@@ -0,0 +1,20 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { Checkbox } from '@toptal/picasso-checkbox';
+import { ButtonControlLabel } from '../ButtonControlLabel';
+const ButtonCheckbox = (_a) => {
+    var { testIds } = _a, props = __rest(_a, ["testIds"]);
+    return (React.createElement(ButtonControlLabel, Object.assign({}, props, { control: React.createElement(Checkbox, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.checkbox }) })));
+};
+export default ButtonCheckbox;
+//# sourceMappingURL=ButtonCheckbox.js.map

package/dist-package/src/ButtonCheckbox/ButtonCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonCheckbox.js","sourceRoot":"","sources":["../../../src/ButtonCheckbox/ButtonCheckbox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAGnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAQ1D,MAAM,cAAc,GAAG,CAAC,EAA4B,EAAE,EAAE;QAAhC,EAAE,OAAO,OAAmB,EAAd,KAAK,cAAnB,WAAqB,CAAF;IACzC,OAAO,CACL,oBAAC,kBAAkB,oBACb,KAAK,IACT,OAAO,EAAE,oBAAC,QAAQ,mBAAc,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,GAAI,IACrD,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist-package/src/ButtonCheckbox/index.d.ts

@@ -0,0 +1,4 @@
+import type { Props } from './ButtonCheckbox';
+export { default as ButtonCheckbox } from './ButtonCheckbox';
+export declare type ButtonCheckboxProps = Props;
+//# sourceMappingURL=index.d.ts.map

package/dist-package/src/ButtonCheckbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ButtonCheckbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAE7C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,oBAAY,mBAAmB,GAAG,KAAK,CAAA"}

package/dist-package/src/ButtonCheckbox/index.js

@@ -0,0 +1,2 @@
+export { default as ButtonCheckbox } from './ButtonCheckbox';
+//# sourceMappingURL=index.js.map

package/dist-package/src/ButtonCheckbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ButtonCheckbox/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA"}

package/dist-package/src/ButtonCircular/ButtonCircular.d.ts

@@ -0,0 +1,30 @@
+import type { ReactElement, MouseEvent, ElementType } from 'react';
+import type { BaseProps, ButtonOrAnchorProps, OverridableComponent } from '@toptal/picasso-shared';
+export declare type VariantType = 'primary' | 'flat' | 'transparent';
+export interface Props extends BaseProps, ButtonOrAnchorProps {
+    /** Show button in the active state (left mouse button down) */
+    active?: boolean;
+    /** The component used for the root node. Either a string to use a DOM element or a component. */
+    as?: ElementType;
+    /** Disables button */
+    disabled?: boolean;
+    /** Set focused style for the button */
+    focused?: boolean;
+    /** Set hovered style for the button */
+    hovered?: boolean;
+    /** Add an `<Icon />` along Button's children */
+    icon?: ReactElement;
+    /** Shows a loading indicator and disables click events */
+    loading?: boolean;
+    /** Callback invoked when component is clicked */
+    onClick?: (event: MouseEvent<HTMLButtonElement & HTMLAnchorElement>) => void;
+    /** The variant to use */
+    variant?: VariantType;
+    /** HTML Value of Button component */
+    value?: string | number;
+    /** Adjust button size to be bigger on screens under xl  */
+    responsive?: boolean;
+}
+export declare const ButtonCircular: OverridableComponent<Props>;
+export default ButtonCircular;
+//# sourceMappingURL=ButtonCircular.d.ts.map

package/dist-package/src/ButtonCircular/ButtonCircular.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonCircular.d.ts","sourceRoot":"","sources":["../../../src/ButtonCircular/ButtonCircular.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAGlE,OAAO,KAAK,EACV,SAAS,EACT,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,wBAAwB,CAAA;AAK/B,oBAAY,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,aAAa,CAAA;AAE5D,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,mBAAmB;IAC3D,+DAA+D;IAC/D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,iGAAiG;IACjG,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gDAAgD;IAChD,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iDAAiD;IACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC5E,yBAAyB;IACzB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,cAAc,EAAE,oBAAoB,CAAC,KAAK,CA6CrD,CAAA;AAQF,eAAe,cAAc,CAAA"}

package/dist-package/src/ButtonCircular/ButtonCircular.js

@@ -0,0 +1,34 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+import cx from 'classnames';
+import { ButtonBase } from '../ButtonBase';
+import { createRootClassNames, createVariantClassNames } from './styles';
+export const ButtonCircular = forwardRef(function ButtonCircular(props, ref) {
+    const { className, variant = 'primary', active, focused, hovered, disabled, responsive, loading } = props, rest = __rest(props, ["className", "variant", "active", "focused", "hovered", "disabled", "responsive", "loading"]);
+    const variantClassNames = createVariantClassNames(variant, {
+        disabled,
+        focused,
+        hovered,
+        active,
+        loading,
+    });
+    const finalClassName = cx(createRootClassNames({ responsive, active, disabled, focused, hovered }), variantClassNames, className);
+    const contentClassName = cx('font-semibold whitespace-nowrap', 'text-button-small', loading ? 'opacity-0' : '');
+    return (React.createElement(ButtonBase, Object.assign({}, rest, { ref: ref, loading: loading, className: finalClassName, contentClassName: contentClassName, disabled: disabled })));
+});
+ButtonCircular.defaultProps = {
+    variant: 'primary',
+};
+ButtonCircular.displayName = 'ButtonCircular';
+export default ButtonCircular;
+//# sourceMappingURL=ButtonCircular.js.map

package/dist-package/src/ButtonCircular/ButtonCircular.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonCircular.js","sourceRoot":"","sources":["../../../src/ButtonCircular/ButtonCircular.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,MAAM,YAAY,CAAA;AAO3B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAA;AA6BxE,MAAM,CAAC,MAAM,cAAc,GAAgC,UAAU,CAGnE,SAAS,cAAc,CAAC,KAAK,EAAE,GAAG;IAClC,MAAM,EACJ,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,MAAM,EACN,OAAO,EACP,OAAO,EACP,QAAQ,EACR,UAAU,EACV,OAAO,KAEL,KAAK,EADJ,IAAI,UACL,KAAK,EAVH,6FAUL,CAAQ,CAAA;IACT,MAAM,iBAAiB,GAAG,uBAAuB,CAAC,OAAO,EAAE;QACzD,QAAQ;QACR,OAAO;QACP,OAAO;QACP,MAAM;QACN,OAAO;KACR,CAAC,CAAA;IAEF,MAAM,cAAc,GAAG,EAAE,CACvB,oBAAoB,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EACxE,iBAAiB,EACjB,SAAS,CACV,CAAA;IAED,MAAM,gBAAgB,GAAG,EAAE,CACzB,iCAAiC,EACjC,mBAAmB,EACnB,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAC3B,CAAA;IAED,OAAO,CACL,oBAAC,UAAU,oBACL,IAAI,IACR,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,cAAc,EACzB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,IAClB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,cAAc,CAAC,YAAY,GAAG;IAC5B,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE7C,eAAe,cAAc,CAAA"}

package/dist-package/src/ButtonCircular/index.d.ts

@@ -0,0 +1,5 @@
+import type { Props } from './ButtonCircular';
+export { default as ButtonCircular } from './ButtonCircular';
+export declare type ButtonCircularProps = Props;
+export type { VariantType as ButtonCircularVariantType } from './ButtonCircular';
+//# sourceMappingURL=index.d.ts.map

package/dist-package/src/ButtonCircular/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ButtonCircular/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAE7C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,oBAAY,mBAAmB,GAAG,KAAK,CAAA;AACvC,YAAY,EAAE,WAAW,IAAI,yBAAyB,EAAE,MAAM,kBAAkB,CAAA"}

package/dist-package/src/ButtonCircular/index.js

@@ -0,0 +1,2 @@
+export { default as ButtonCircular } from './ButtonCircular';
+//# sourceMappingURL=index.js.map

package/dist-package/src/ButtonCircular/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ButtonCircular/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA"}

package/dist-package/src/ButtonCircular/styles.d.ts

@@ -0,0 +1,17 @@
+import type { VariantType } from './ButtonCircular';
+export declare const createRootClassNames: ({ responsive, }: {
+    disabled?: boolean | undefined;
+    focused?: boolean | undefined;
+    hovered?: boolean | undefined;
+    active?: boolean | undefined;
+    loading?: boolean | undefined;
+    responsive?: boolean | undefined;
+}) => string[];
+export declare const createVariantClassNames: (variant: VariantType, { disabled, focused, hovered, active, loading, }: {
+    disabled?: boolean | undefined;
+    focused?: boolean | undefined;
+    hovered?: boolean | undefined;
+    active?: boolean | undefined;
+    loading?: boolean | undefined;
+}) => string[];
+//# sourceMappingURL=styles.d.ts.map

package/dist-package/src/ButtonCircular/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/ButtonCircular/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEnD,eAAO,MAAM,oBAAoB;;;;;;;cAmBhC,CAAA;AAED,eAAO,MAAM,uBAAuB,YACzB,WAAW;;;;;;MAcnB,MAAM,EA0FR,CAAA"}

package/dist-package/src/ButtonCircular/styles.js

@@ -0,0 +1,93 @@
+export const createRootClassNames = ({ responsive, }) => {
+    const classNames = ['rounded-full', 'p-0'];
+    if (responsive) {
+        classNames.push('w-[2.5em] h-[2.5em] xl:w-[1.5em] xl:h-[1.5em]');
+    }
+    else {
+        classNames.push('w-[1.5em] h-[1.5em]');
+    }
+    return classNames;
+};
+export const createVariantClassNames = (variant, { disabled, focused, hovered, active, loading, }) => {
+    const variantClassNames = [];
+    switch (variant) {
+        case 'primary':
+            variantClassNames.push('border-none');
+            variantClassNames.push('text-white');
+            variantClassNames.push('visited:text-white');
+            if (disabled && !loading) {
+                variantClassNames.push('bg-gray-400');
+            }
+            else {
+                variantClassNames.push('hover:bg-[#4269D6]');
+                variantClassNames.push('active:bg-[#1A41AB]');
+                variantClassNames.push('focus-visible:shadow-[0_0_0_3px_rgba(32,78,207,0.48)]');
+                if (focused) {
+                    variantClassNames.push('shadow-[0_0_0_3px_rgba(32,78,207,0.48)]');
+                }
+                if (hovered) {
+                    variantClassNames.push('bg-[#4269D6]');
+                }
+                else if (active) {
+                    variantClassNames.push('bg-[#1A41AB]');
+                }
+                else {
+                    variantClassNames.push('bg-blue-500');
+                }
+            }
+            break;
+        case 'flat':
+            variantClassNames.push('border-none');
+            variantClassNames.push('text-graphite-700');
+            if (disabled && !loading) {
+                variantClassNames.push('text-graphite-700');
+                variantClassNames.push('opacity-[0.48]');
+                variantClassNames.push('bg-transparent');
+            }
+            else {
+                variantClassNames.push('hover:bg-gray-200');
+                variantClassNames.push('active:bg-gray-400');
+                variantClassNames.push('focus-visible:shadow-[0_0_0_3px_rgba(32,78,207,0.48)]');
+                if (focused) {
+                    variantClassNames.push('shadow-[0_0_0_3px_rgba(32,78,207,0.48)]');
+                }
+                if (hovered) {
+                    variantClassNames.push('bg-gray-200');
+                }
+                else if (active) {
+                    variantClassNames.push('bg-gray-400');
+                }
+                else {
+                    variantClassNames.push('bg-transparent');
+                }
+            }
+            break;
+        case 'transparent':
+            variantClassNames.push('border-none');
+            variantClassNames.push('text-white');
+            if (disabled && !loading) {
+                variantClassNames.push('text-white/[0.48]');
+                variantClassNames.push('bg-transparent');
+            }
+            else {
+                variantClassNames.push('hover:bg-white/[0.08]');
+                variantClassNames.push('active:bg-white/[0.16]');
+                variantClassNames.push('focus-visible:shadow-[0_0_0_3px_rgba(255,255,255,0.48)]');
+                if (focused) {
+                    variantClassNames.push('shadow-[0_0_0_3px_rgba(255,255,255,0.48)]');
+                }
+                if (hovered) {
+                    variantClassNames.push('bg-white/[0.08]');
+                }
+                else if (active) {
+                    variantClassNames.push('bg-white/[0.16]');
+                }
+                else {
+                    variantClassNames.push('bg-transparent');
+                }
+            }
+            break;
+    }
+    return variantClassNames;
+};
+//# sourceMappingURL=styles.js.map

package/dist-package/src/ButtonCircular/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/ButtonCircular/styles.ts"],"names":[],"mappings":"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"}

package/dist-package/src/ButtonCompound/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const ButtonCompound: import("packages/shared/dist-package/src").OverridableComponent<import("../Button").Props> & {
+    Group: import("react").ForwardRefExoticComponent<import("../ButtonGroup/ButtonGroup").Props & import("react").RefAttributes<HTMLDivElement>> & {
+        Item: ({ active, disabled, focused, hovered, className, ...rest }: import("../ButtonGroupItem/ButtonGroupItem").Props) => JSX.Element;
+    };
+    Circular: import("packages/shared/dist-package/src").OverridableComponent<import("../ButtonCircular/ButtonCircular").Props>;
+    Action: import("packages/shared/dist-package/src").OverridableComponent<import("../ButtonAction/ButtonAction").Props>;
+    Split: import("react").ForwardRefExoticComponent<import("../ButtonSplit/ButtonSplit").Props & import("react").RefAttributes<HTMLDivElement>>;
+    Checkbox: ({ testIds, ...props }: import("../ButtonCheckbox/ButtonCheckbox").Props) => JSX.Element;
+    Radio: ({ testIds, ...rest }: import("../ButtonRadio/ButtonRadio").Props) => JSX.Element;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist-package/src/ButtonCompound/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ButtonCompound/index.ts"],"names":[],"mappings":";AAQA,eAAO,MAAM,cAAc;;;;;;;;;CAOzB,CAAA"}

package/dist-package/src/ButtonCompound/index.js

@@ -0,0 +1,16 @@
+import { Button } from '../Button';
+import { ButtonGroup } from '../ButtonGroup';
+import { ButtonCircular } from '../ButtonCircular';
+import { ButtonAction } from '../ButtonAction';
+import { ButtonSplit } from '../ButtonSplit';
+import { ButtonCheckbox } from '../ButtonCheckbox';
+import { ButtonRadio } from '../ButtonRadio';
+export const ButtonCompound = Object.assign(Button, {
+    Group: ButtonGroup,
+    Circular: ButtonCircular,
+    Action: ButtonAction,
+    Split: ButtonSplit,
+    Checkbox: ButtonCheckbox,
+    Radio: ButtonRadio,
+});
+//# sourceMappingURL=index.js.map

package/dist-package/src/ButtonCompound/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ButtonCompound/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;IAClD,KAAK,EAAE,WAAW;IAClB,QAAQ,EAAE,cAAc;IACxB,MAAM,EAAE,YAAY;IACpB,KAAK,EAAE,WAAW;IAClB,QAAQ,EAAE,cAAc;IACxB,KAAK,EAAE,WAAW;CACnB,CAAC,CAAA"}

package/dist-package/src/ButtonControlLabel/ButtonControlLabel.d.ts

@@ -0,0 +1,35 @@
+import type { ReactElement, ReactNode } from 'react';
+import React from 'react';
+import type { BaseProps, SizeType } from '@toptal/picasso-shared';
+export interface Props extends BaseProps {
+    /** Show the control initially as checked */
+    checked?: boolean;
+    /** Show button in the active state (left mouse button down) */
+    active?: boolean;
+    /** Disables button */
+    disabled?: boolean;
+    /** Set focused style for the button */
+    focused?: boolean;
+    /** Set hovered style for the button */
+    hovered?: boolean;
+    /** A button can have different sizes */
+    size?: SizeType<'small' | 'medium' | 'large'>;
+    /** HTML Value of Button component */
+    value?: string;
+    /** Callback invoked when value is changed */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+    /** Button text */
+    children: ReactNode;
+    /** The id of the input element */
+    id?: string;
+    /** A control element. For instance, it can be be a Radio or a Checkbox */
+    control: ReactElement;
+}
+declare const ButtonControlLabel: {
+    ({ children, size, className, checked, onChange, id, control, value, disabled, ...props }: Props): JSX.Element;
+    defaultProps: {
+        size: string;
+    };
+};
+export default ButtonControlLabel;
+//# sourceMappingURL=ButtonControlLabel.d.ts.map

package/dist-package/src/ButtonControlLabel/ButtonControlLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonControlLabel.d.ts","sourceRoot":"","sources":["../../../src/ButtonControlLabel/ButtonControlLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAOjE,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wCAAwC;IACxC,IAAI,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAA;IAC7C,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAC1C,OAAO,EAAE,OAAO,KACb,IAAI,CAAA;IACT,kBAAkB;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,kCAAkC;IAClC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,0EAA0E;IAC1E,OAAO,EAAE,YAAY,CAAA;CACtB;AAED,QAAA,MAAM,kBAAkB;+FAWrB,KAAK;;;;CAsBP,CAAA;AAMD,eAAe,kBAAkB,CAAA"}

package/dist-package/src/ButtonControlLabel/ButtonControlLabel.js

@@ -0,0 +1,28 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { twMerge } from '@toptal/picasso-tailwind-merge';
+import { Container } from '@toptal/picasso-container';
+import { Button } from '../Button';
+import { createSizeClassNames, createContentSizeClassNames } from './styles';
+const ButtonControlLabel = (_a) => {
+    var { children, size = 'medium', className, checked, onChange, id, control, value, disabled } = _a, props = __rest(_a, ["children", "size", "className", "checked", "onChange", "id", "control", "value", "disabled"]);
+    const contentLeftSpacing = size === 'large' ? 1 : 0.5;
+    return (React.createElement(Button, Object.assign({}, props, { className: twMerge('text-center', createSizeClassNames(size), className), variant: 'secondary', size: size, as: 'label', htmlFor: id, disabled: disabled }),
+        React.cloneElement(control, { id, checked, value, onChange, disabled }),
+        React.createElement(Container, { className: createContentSizeClassNames(size), left: contentLeftSpacing }, children)));
+};
+ButtonControlLabel.defaultProps = {
+    size: 'medium',
+};
+export default ButtonControlLabel;
+//# sourceMappingURL=ButtonControlLabel.js.map

package/dist-package/src/ButtonControlLabel/ButtonControlLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonControlLabel.js","sourceRoot":"","sources":["../../../src/ButtonControlLabel/ButtonControlLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,oBAAoB,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAA;AA8B5E,MAAM,kBAAkB,GAAG,CAAC,EAWpB,EAAE,EAAE;QAXgB,EAC1B,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,OAAO,EACP,QAAQ,EACR,EAAE,EACF,OAAO,EACP,KAAK,EACL,QAAQ,OAEF,EADH,KAAK,cAVkB,8FAW3B,CADS;IAER,MAAM,kBAAkB,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;IAErD,OAAO,CACL,oBAAC,MAAM,oBACD,KAAK,IACT,SAAS,EAAE,OAAO,CAAC,aAAa,EAAE,oBAAoB,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EACxE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,OAAO,EACV,OAAO,EAAE,EAAE,EACX,QAAQ,EAAE,QAAQ;QAEjB,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;QACxE,oBAAC,SAAS,IACR,SAAS,EAAE,2BAA2B,CAAC,IAAI,CAAC,EAC5C,IAAI,EAAE,kBAAkB,IAEvB,QAAQ,CACC,CACL,CACV,CAAA;AACH,CAAC,CAAA;AAED,kBAAkB,CAAC,YAAY,GAAG;IAChC,IAAI,EAAE,QAAQ;CACf,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist-package/src/ButtonControlLabel/index.d.ts

@@ -0,0 +1,4 @@
+import type { Props } from './ButtonControlLabel';
+export { default as ButtonControlLabel } from './ButtonControlLabel';
+export declare type ButtonControlLabelProps = Props;
+//# sourceMappingURL=index.d.ts.map

package/dist-package/src/ButtonControlLabel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ButtonControlLabel/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAEjD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACpE,oBAAY,uBAAuB,GAAG,KAAK,CAAA"}

package/dist-package/src/ButtonControlLabel/index.js

@@ -0,0 +1,2 @@
+export { default as ButtonControlLabel } from './ButtonControlLabel';
+//# sourceMappingURL=index.js.map

package/dist-package/src/ButtonControlLabel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ButtonControlLabel/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA"}

package/dist-package/src/ButtonControlLabel/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const createSizeClassNames: (size: 'small' | 'medium' | 'large') => string;
+export declare const createContentSizeClassNames: (size: 'small' | 'medium' | 'large') => string;
+//# sourceMappingURL=styles.d.ts.map

package/dist-package/src/ButtonControlLabel/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/ButtonControlLabel/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,SACzB,OAAO,GAAG,QAAQ,GAAG,OAAO,KACjC,MAWF,CAAA;AAED,eAAO,MAAM,2BAA2B,SAChC,OAAO,GAAG,QAAQ,GAAG,OAAO,KACjC,MAWF,CAAA"}

package/dist-package/src/ButtonControlLabel/styles.js

@@ -0,0 +1,17 @@
+export const createSizeClassNames = (size) => {
+    const sizeClassNames = {
+        small: 'py-1 pr-4 pl-2',
+        medium: 'py-2 pr-6 pl-4',
+        large: 'py-4 pr-8 pl-4',
+    };
+    return sizeClassNames[size];
+};
+export const createContentSizeClassNames = (size) => {
+    const sizeClassNames = {
+        small: 'min-w-12',
+        medium: 'min-w-16',
+        large: 'min-w-[5.25rem]',
+    };
+    return sizeClassNames[size];
+};
+//# sourceMappingURL=styles.js.map

package/dist-package/src/ButtonControlLabel/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/ButtonControlLabel/styles.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,IAAkC,EAC1B,EAAE;IACV,MAAM,cAAc,GAGhB;QACF,KAAK,EAAE,gBAAgB;QACvB,MAAM,EAAE,gBAAgB;QACxB,KAAK,EAAE,gBAAgB;KACxB,CAAA;IAED,OAAO,cAAc,CAAC,IAAI,CAAC,CAAA;AAC7B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,IAAkC,EAC1B,EAAE;IACV,MAAM,cAAc,GAGhB;QACF,KAAK,EAAE,UAAU;QACjB,MAAM,EAAE,UAAU;QAClB,KAAK,EAAE,iBAAiB;KACzB,CAAA;IAED,OAAO,cAAc,CAAC,IAAI,CAAC,CAAA;AAC7B,CAAC,CAAA"}

package/dist-package/src/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode, HTMLAttributes } from 'react';
+import React from 'react';
+import type { BaseProps } from '@toptal/picasso-shared';
+export interface Props extends BaseProps, HTMLAttributes<HTMLDivElement> {
+    /** List of `Button` components which you want to render as `ButtonGroup` */
+    children: ReactNode;
+}
+export declare const ButtonGroup: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>> & {
+    Item: ({ active, disabled, focused, hovered, className, ...rest }: import("../ButtonGroupItem/ButtonGroupItem").Props) => JSX.Element;
+};
+export default _default;
+//# sourceMappingURL=ButtonGroup.d.ts.map

package/dist-package/src/ButtonGroup/ButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAKvD,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,cAAc,CAAC;IACtE,4EAA4E;IAC5E,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,eAAO,MAAM,WAAW,8EAkBvB,CAAA;;;;AAID,wBAAoE"}

package/dist-package/src/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,23 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+import { twMerge } from '@toptal/picasso-tailwind-merge';
+import { ButtonGroupItem } from '../ButtonGroupItem';
+import { createRootClassNames } from './styles';
+export const ButtonGroup = forwardRef(function ButtonGroup(props, ref) {
+    const { children, className, style } = props, rest = __rest(props, ["children", "className", "style"]);
+    const finalClassName = twMerge(createRootClassNames(), className);
+    return (React.createElement("div", Object.assign({}, rest, { ref: ref, "data-component-type": 'button', className: finalClassName, style: style }), children));
+});
+ButtonGroup.displayName = 'ButtonGroup';
+export default Object.assign(ButtonGroup, { Item: ButtonGroupItem });
+//# sourceMappingURL=ButtonGroup.js.map

package/dist-package/src/ButtonGroup/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAGxD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAO/C,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,KAAK,EAAE,GAAG;IAC7B,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAA;IAErD,MAAM,cAAc,GAAG,OAAO,CAAC,oBAAoB,EAAE,EAAE,SAAS,CAAC,CAAA;IAEjE,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,yBACY,QAAQ,EAC5B,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE,KAAK,KAEX,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAA"}

package/dist-package/src/ButtonGroup/index.d.ts

@@ -0,0 +1,5 @@
+import type { OmitInternalProps } from '@toptal/picasso-shared';
+import type { Props } from './ButtonGroup';
+export { default as ButtonGroup } from './ButtonGroup';
+export declare type ButtonGroupProps = OmitInternalProps<Props>;
+//# sourceMappingURL=index.d.ts.map

package/dist-package/src/ButtonGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ButtonGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAE1C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,oBAAY,gBAAgB,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA"}

package/dist-package/src/ButtonGroup/index.js

@@ -0,0 +1,2 @@
+export { default as ButtonGroup } from './ButtonGroup';
+//# sourceMappingURL=index.js.map

package/dist-package/src/ButtonGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ButtonGroup/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA"}

package/dist-package/src/ButtonGroup/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const createRootClassNames: () => string[];
+//# sourceMappingURL=styles.d.ts.map

package/dist-package/src/ButtonGroup/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/ButtonGroup/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,gBA8BhC,CAAA"}