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

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

@@ -0,0 +1,24 @@
+export const createRootClassNames = () => {
+    const classNames = [
+        'flex',
+        'justify-start',
+        'items-start',
+        '[[data-component-type="button"]+&]:ml-4',
+        '[&>[data-component-type="button"]:hover]:z-[1]',
+        '[&>[data-component-type="button"]:first-child:not(:last-child)]:rounded-r-none',
+        '[&>[data-component-type="button"]:first-child:not(:last-child)]:ml-0',
+        '[&>[data-component-type="button"]:not(:first-child):not(:last-child)]:rounded-none',
+        '[&>[data-component-type="button"]:not(:first-child):not(:last-child)]:ml-[-1px]',
+        '[&>[data-component-type="button"]:last-child:not(:first-child)]:rounded-l-none',
+        '[&>[data-component-type="button"]:last-child:not(:first-child)]:ml-[-1px]',
+        // nested buttons
+        '[&_:first-child:not(:last-child)_[data-component-type="button"]]:rounded-r-none',
+        '[&_:first-child:not(:last-child)_[data-component-type="button"]]:ml-0',
+        '[&_:not(:first-child):not(:last-child)_[data-component-type="button"]]:rounded-none',
+        '[&_:not(:first-child):not(:last-child)_[data-component-type="button"]]:ml-[-1px]',
+        '[&_:last-child:not(:first-child)_[data-component-type="button"]]:rounded-l-none',
+        '[&_:last-child:not(:first-child)_[data-component-type="button"]]:ml-[-1px]',
+    ];
+    return classNames;
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/ButtonGroup/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,UAAU,GAAa;QAC3B,MAAM;QACN,eAAe;QACf,aAAa;QACb,yCAAyC;QAEzC,gDAAgD;QAEhD,gFAAgF;QAChF,sEAAsE;QAEtE,oFAAoF;QACpF,iFAAiF;QAEjF,gFAAgF;QAChF,2EAA2E;QAE3E,iBAAiB;QACjB,iFAAiF;QACjF,uEAAuE;QAEvE,qFAAqF;QACrF,kFAAkF;QAElF,iFAAiF;QACjF,4EAA4E;KAC7E,CAAA;IAED,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { ButtonProps } from '../Button';
+export interface Props extends ButtonProps {
+}
+declare const ButtonGroupItem: ({ active, disabled, focused, hovered, className, ...rest }: Props) => JSX.Element;
+export default ButtonGroupItem;
+//# sourceMappingURL=ButtonGroupItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroupItem.d.ts","sourceRoot":"","sources":["../../../src/ButtonGroupItem/ButtonGroupItem.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAO5C,MAAM,WAAW,KAAM,SAAQ,WAAW;CAAG;AAE7C,QAAA,MAAM,eAAe,+DAOlB,KAAK,gBAkBP,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist-package/src/ButtonGroupItem/ButtonGroupItem.js

@@ -0,0 +1,22 @@
+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 { Button } from '../Button';
+import { createButtonGroupItemClassNames, createGroupVariantClassNames, } from './styles';
+const ButtonGroupItem = (_a) => {
+    var { active, disabled, focused, hovered, className } = _a, rest = __rest(_a, ["active", "disabled", "focused", "hovered", "className"]);
+    const finalClassName = twMerge(createButtonGroupItemClassNames({ active, disabled, focused, hovered }), createGroupVariantClassNames({ active, disabled, hovered }), className);
+    return (React.createElement(Button, Object.assign({}, rest, { active: active, disabled: disabled, focused: focused, hovered: hovered, className: finalClassName, variant: 'secondary' })));
+};
+export default ButtonGroupItem;
+//# sourceMappingURL=ButtonGroupItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroupItem.js","sourceRoot":"","sources":["../../../src/ButtonGroupItem/ButtonGroupItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAGxD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EACL,+BAA+B,EAC/B,4BAA4B,GAC7B,MAAM,UAAU,CAAA;AAIjB,MAAM,eAAe,GAAG,CAAC,EAOjB,EAAE,EAAE;QAPa,EACvB,MAAM,EACN,QAAQ,EACR,OAAO,EACP,OAAO,EACP,SAAS,OAEH,EADH,IAAI,cANgB,yDAOxB,CADQ;IAEP,MAAM,cAAc,GAAG,OAAO,CAC5B,+BAA+B,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EACvE,4BAA4B,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAC3D,SAAS,CACV,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,oBACD,IAAI,IACR,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,cAAc,EACzB,OAAO,EAAC,WAAW,IACnB,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ButtonGroupItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/ButtonGroupItem/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,+BAA+B;;;;;;cAuB3C,CAAA;AAED,eAAO,MAAM,4BAA4B;;;;;MASrC,MAAM,EA6BT,CAAA"}

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

@@ -0,0 +1,40 @@
+export const createButtonGroupItemClassNames = ({ disabled, focused, hovered, active, }) => {
+    const classNames = [
+        'border-solid',
+        'transition-[color,background]',
+        'active:z-[1] hover:z-[1] focus-visible:z-[1] disabled:z-[1]',
+    ];
+    if (active || hovered || focused || disabled) {
+        classNames.push('z-[1]');
+    }
+    return classNames;
+};
+export const createGroupVariantClassNames = ({ disabled, hovered, active, }) => {
+    const classNames = ['visited:text-black', 'border-solid'];
+    if (disabled) {
+        classNames.push('cursor-not-allowed');
+        classNames.push('text-gray-500');
+        if (active) {
+            classNames.push('bg-graphite-700 border-graphite-700');
+        }
+        else {
+            classNames.push('border-gray-500');
+        }
+    }
+    else {
+        classNames.push('active:bg-graphite-700 active:border-graphite-700 active:text-white');
+        classNames.push('hover:border-black');
+        if (hovered) {
+            classNames.push('border-black text-black');
+        }
+        else if (active) {
+            classNames.push('bg-graphite-700 border-graphite-700 text-white');
+            classNames.push('shadow-none');
+        }
+        else {
+            classNames.push('border-gray-400 text-black');
+        }
+    }
+    return classNames;
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/ButtonGroupItem/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAAC,EAC9C,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,GAOP,EAAE,EAAE;IACH,MAAM,UAAU,GAAG;QACjB,cAAc;QACd,+BAA+B;QAC/B,6DAA6D;KAC9D,CAAA;IAED,IAAI,MAAM,IAAI,OAAO,IAAI,OAAO,IAAI,QAAQ,EAAE;QAC5C,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;KACzB;IAED,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,EAC3C,QAAQ,EACR,OAAO,EACP,MAAM,GAMP,EAAY,EAAE;IACb,MAAM,UAAU,GAAG,CAAC,oBAAoB,EAAE,cAAc,CAAC,CAAA;IAEzD,IAAI,QAAQ,EAAE;QACZ,UAAU,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAA;QACrC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;QAEhC,IAAI,MAAM,EAAE;YACV,UAAU,CAAC,IAAI,CAAC,qCAAqC,CAAC,CAAA;SACvD;aAAM;YACL,UAAU,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;SACnC;KACF;SAAM;QACL,UAAU,CAAC,IAAI,CACb,qEAAqE,CACtE,CAAA;QACD,UAAU,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAA;QAErC,IAAI,OAAO,EAAE;YACX,UAAU,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAA;SAC3C;aAAM,IAAI,MAAM,EAAE;YACjB,UAAU,CAAC,IAAI,CAAC,gDAAgD,CAAC,CAAA;YACjE,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;SAC/B;aAAM;YACL,UAAU,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAA;SAC9C;KACF;IAED,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonRadio.d.ts","sourceRoot":"","sources":["../../../src/ButtonRadio/ButtonRadio.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,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;CACF;AAED,QAAA,MAAM,WAAW,yBAA0B,KAAK,gBAO/C,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist-package/src/ButtonRadio/ButtonRadio.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 { Radio } from '@toptal/picasso-radio';
+import { ButtonControlLabel } from '../ButtonControlLabel';
+const ButtonRadio = (_a) => {
+    var { testIds } = _a, rest = __rest(_a, ["testIds"]);
+    return (React.createElement(ButtonControlLabel, Object.assign({}, rest, { control: React.createElement(Radio, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.radio }) })));
+};
+export default ButtonRadio;
+//# sourceMappingURL=ButtonRadio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonRadio.js","sourceRoot":"","sources":["../../../src/ButtonRadio/ButtonRadio.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAG7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAQ1D,MAAM,WAAW,GAAG,CAAC,EAA2B,EAAE,EAAE;QAA/B,EAAE,OAAO,OAAkB,EAAb,IAAI,cAAlB,WAAoB,CAAF;IACrC,OAAO,CACL,oBAAC,kBAAkB,oBACb,IAAI,IACR,OAAO,EAAE,oBAAC,KAAK,mBAAc,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,GAAI,IAC/C,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,27 @@
+import type { ReactNode, HTMLAttributes } from 'react';
+import React from 'react';
+import type { BaseProps } from '@toptal/picasso-shared';
+import type { ButtonProps } from '../Button';
+export interface Props extends BaseProps, Omit<HTMLAttributes<HTMLDivElement>, 'onClick'> {
+    /** Content of Button component */
+    children: ReactNode;
+    /** Content element that opens when anchor is clicked */
+    menu: ReactNode;
+    /** Callback invoked when component is clicked */
+    onClick?: ButtonProps['onClick'];
+    /** A button can have different sizes */
+    size?: ButtonProps['size'];
+    /** The variant to use */
+    variant?: 'primary' | 'secondary';
+    /** Is component disaled or not */
+    disabled?: boolean;
+    menuButtonProps?: Omit<ButtonProps, 'children'>;
+    actionButtonProps?: Omit<ButtonProps, 'children'>;
+    testIds?: {
+        actionButton?: string;
+        menuButton?: string;
+    };
+}
+export declare const ButtonSplit: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default ButtonSplit;
+//# sourceMappingURL=ButtonSplit.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSplit.d.ts","sourceRoot":"","sources":["../../../src/ButtonSplit/ButtonSplit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAc,cAAc,EAAE,MAAM,OAAO,CAAA;AAClE,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAY,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAKjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAS5C,MAAM,WAAW,KACf,SAAQ,SAAS,EACf,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACjD,kCAAkC;IAClC,QAAQ,EAAE,SAAS,CAAA;IACnB,wDAAwD;IACxD,IAAI,EAAE,SAAS,CAAA;IACf,iDAAiD;IACjD,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAChC,wCAAwC;IACxC,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC1B,yBAAyB;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IACjC,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,eAAe,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAA;IAC/C,iBAAiB,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAA;IACjD,OAAO,CAAC,EAAE;QACR,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,CAAA;CACF;AA0BD,eAAO,MAAM,WAAW,8EA4FvB,CAAA;AASD,eAAe,WAAW,CAAA"}

package/dist-package/src/ButtonSplit/ButtonSplit.js

@@ -0,0 +1,69 @@
+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 { ArrowDownMinor24, ArrowDownMinor16 } from '@toptal/picasso-icons';
+import { Dropdown } from '@toptal/picasso-dropdown';
+import { Button } from '../Button';
+import { ButtonGroup } from '../ButtonGroup';
+import { createButtonGroupItemClassNames } from '../ButtonGroupItem/styles';
+import { createActionButtonClassNames, createMenuButtonClassNames, } from './styles';
+const DropdownIcon = ({ size, className, }) => {
+    if (size === 'large') {
+        return React.createElement(ArrowDownMinor24, { className: className });
+    }
+    return React.createElement(ArrowDownMinor16, { className: className });
+};
+const EventStopPropagation = ({ children }) => {
+    const handleClick = (event) => {
+        event.stopPropagation();
+    };
+    return React.createElement("span", { onClick: handleClick }, children);
+};
+export const ButtonSplit = forwardRef(function ButtonSplit(props, ref) {
+    const { size = 'medium', menu, children, variant = 'primary', disabled, style, className, onClick, menuButtonProps, actionButtonProps, testIds = {} } = props, rest = __rest(props, ["size", "menu", "children", "variant", "disabled", "style", "className", "onClick", "menuButtonProps", "actionButtonProps", "testIds"]);
+    const renderMenuButton = ({ isOpen }) => {
+        const menuButtonClassName = twMerge(createButtonGroupItemClassNames({
+            active: menuButtonProps === null || menuButtonProps === void 0 ? void 0 : menuButtonProps.active,
+            hovered: menuButtonProps === null || menuButtonProps === void 0 ? void 0 : menuButtonProps.hovered,
+            disabled: (menuButtonProps === null || menuButtonProps === void 0 ? void 0 : menuButtonProps.disabled) || disabled,
+            focused: menuButtonProps === null || menuButtonProps === void 0 ? void 0 : menuButtonProps.focused,
+        }), createMenuButtonClassNames({
+            variant,
+            size,
+            disabled: (menuButtonProps === null || menuButtonProps === void 0 ? void 0 : menuButtonProps.disabled) || disabled,
+        }), menuButtonProps === null || menuButtonProps === void 0 ? void 0 : menuButtonProps.className);
+        const iconClassName = isOpen ? 'rotate-180' : '';
+        const menuButton = (React.createElement(Button, Object.assign({}, menuButtonProps, { variant: variant, className: menuButtonClassName, size: size, disabled: disabled, "data-testid": testIds.menuButton }),
+            React.createElement(DropdownIcon, { className: iconClassName, size: size })));
+        return disabled ? (React.createElement(EventStopPropagation, null, menuButton)) : (menuButton);
+    };
+    const actionButtonClassName = twMerge(createButtonGroupItemClassNames({
+        active: actionButtonProps === null || actionButtonProps === void 0 ? void 0 : actionButtonProps.active,
+        hovered: actionButtonProps === null || actionButtonProps === void 0 ? void 0 : actionButtonProps.hovered,
+        disabled: (actionButtonProps === null || actionButtonProps === void 0 ? void 0 : actionButtonProps.disabled) || disabled,
+        focused: actionButtonProps === null || actionButtonProps === void 0 ? void 0 : actionButtonProps.focused,
+    }), createActionButtonClassNames({
+        variant,
+    }), actionButtonProps === null || actionButtonProps === void 0 ? void 0 : actionButtonProps.className);
+    const dropdownClassName = twMerge('inline-flex cursor-pointer', disabled && '[&>div]:cursor-auto');
+    return (React.createElement(ButtonGroup, Object.assign({}, rest, { ref: ref, style: style, className: className }),
+        React.createElement(Button, Object.assign({}, actionButtonProps, { className: actionButtonClassName, size: size, variant: variant, disabled: disabled, onClick: onClick, "data-testid": testIds.actionButton }), children),
+        React.createElement(Dropdown, { content: menu, className: dropdownClassName }, ({ isOpen }) => renderMenuButton({ isOpen }))));
+});
+ButtonSplit.defaultProps = {
+    size: 'medium',
+    variant: 'primary',
+};
+ButtonSplit.displayName = 'ButtonSplit';
+export default ButtonSplit;
+//# sourceMappingURL=ButtonSplit.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ButtonSplit/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/ButtonSplit/index.js

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

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

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

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

@@ -0,0 +1,10 @@
+import type { SizeType } from '@toptal/picasso-shared';
+export declare const createActionButtonClassNames: ({ variant, }: {
+    variant?: "primary" | "secondary" | undefined;
+}) => string;
+export declare const createMenuButtonClassNames: ({ variant, size, disabled, }: {
+    variant?: "primary" | "secondary" | undefined;
+    size: SizeType<'small' | 'medium' | 'large'>;
+    disabled?: boolean | undefined;
+}) => string;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/ButtonSplit/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAGtD,eAAO,MAAM,4BAA4B;;YAUxC,CAAA;AAWD,eAAO,MAAM,0BAA0B;;UAM/B,SAAS,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;;YAS7C,CAAA"}

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

@@ -0,0 +1,14 @@
+import { twMerge } from '@toptal/picasso-tailwind-merge';
+export const createActionButtonClassNames = ({ variant, }) => {
+    return twMerge('transition-[color,background]', variant === 'primary' &&
+        'border-r border-l-0 border-y-0 border-solid border-blue-700');
+};
+const menuButtonSizeClassNames = {
+    small: 'min-w-[1.5em] px-[0.25em]',
+    medium: 'min-w-[2em] px-[0.5em]',
+    large: 'min-w-[3em] px-[0.75em]',
+};
+export const createMenuButtonClassNames = ({ variant, size, disabled, }) => {
+    return twMerge(menuButtonSizeClassNames[size], variant === 'primary' && 'border-l border-r-0 border-y-0 border-solid', variant === 'primary' && disabled && 'border-gray-500', variant === 'primary' && !disabled && 'border-blue-700');
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/ButtonSplit/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAExD,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,EAC3C,OAAO,GAGR,EAAE,EAAE;IACH,OAAO,OAAO,CACZ,+BAA+B,EAC/B,OAAO,KAAK,SAAS;QACnB,6DAA6D,CAChE,CAAA;AACH,CAAC,CAAA;AAED,MAAM,wBAAwB,GAG1B;IACF,KAAK,EAAE,2BAA2B;IAClC,MAAM,EAAE,wBAAwB;IAChC,KAAK,EAAE,yBAAyB;CACjC,CAAA;AAED,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EACzC,OAAO,EACP,IAAI,EACJ,QAAQ,GAKT,EAAE,EAAE;IACH,OAAO,OAAO,CACZ,wBAAwB,CAAC,IAAI,CAAC,EAC9B,OAAO,KAAK,SAAS,IAAI,6CAA6C,EACtE,OAAO,KAAK,SAAS,IAAI,QAAQ,IAAI,iBAAiB,EACtD,OAAO,KAAK,SAAS,IAAI,CAAC,QAAQ,IAAI,iBAAiB,CACxD,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,11 @@
+export * from './ButtonCompound';
+export * from './Button';
+export * from './ButtonGroup';
+export * from './ButtonGroupItem';
+export * from './ButtonSplit';
+export * from './ButtonCircular';
+export * from './ButtonAction';
+export * from './ButtonCheckbox';
+export * from './ButtonControlLabel';
+export * from './ButtonRadio';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA"}

package/dist-package/src/index.js

@@ -0,0 +1,11 @@
+export * from './ButtonCompound';
+export * from './Button';
+export * from './ButtonGroup';
+export * from './ButtonGroupItem';
+export * from './ButtonSplit';
+export * from './ButtonCircular';
+export * from './ButtonAction';
+export * from './ButtonCheckbox';
+export * from './ButtonControlLabel';
+export * from './ButtonRadio';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso-button",
-  "version": "4.0.24-alpha-1757603192867.0",
+  "version": "4.0.24-alpha-1757603777486.0",
   "description": "Toptal UI components library - Button",
   "publishConfig": {
     "access": "public",
@@ -23,15 +23,15 @@
   },
   "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
   "dependencies": {
-    "@toptal/picasso-checkbox": "5.0.14-alpha-1757603192867.0",
-    "@toptal/picasso-container": "3.1.3-alpha-1757603192867.0",
-    "@toptal/picasso-dropdown": "4.2.4-alpha-1757603192867.0",
-    "@toptal/picasso-icons": "1.12.2-alpha-1757603192867.0",
-    "@toptal/picasso-loader": "3.0.4-alpha-1757603192867.0",
-    "@toptal/picasso-radio": "5.0.14-alpha-1757603192867.0",
-    "@toptal/picasso-shared": "15.0.1-alpha-1757603192867.0",
-    "@toptal/picasso-utils": "3.1.1-alpha-1757603192867.0",
-    "@toptal/picasso-link": "3.0.7-alpha-1757603192867.0",
+    "@toptal/picasso-checkbox": "5.0.14-alpha-1757603777486.0",
+    "@toptal/picasso-container": "3.1.3-alpha-1757603777486.0",
+    "@toptal/picasso-dropdown": "4.2.4-alpha-1757603777486.0",
+    "@toptal/picasso-icons": "1.12.2-alpha-1757603777486.0",
+    "@toptal/picasso-loader": "3.0.4-alpha-1757603777486.0",
+    "@toptal/picasso-radio": "5.0.14-alpha-1757603777486.0",
+    "@toptal/picasso-shared": "15.0.1-alpha-1757603777486.0",
+    "@toptal/picasso-utils": "3.1.1-alpha-1757603777486.0",
+    "@toptal/picasso-link": "3.0.7-alpha-1757603777486.0",
     "ap-style-title-case": "^1.1.2",
     "@mui/base": "5.0.0-beta.58",
     "classnames": "^2.5.1"
@@ -41,18 +41,18 @@
     "**/styles.js"
   ],
   "peerDependencies": {
-    "@toptal/picasso-tailwind-merge": "2.0.4-alpha-1757603192867.0",
-    "@toptal/picasso-tailwind": "3.0.1-alpha-1757603192867.0",
-    "@toptal/picasso-provider": "5.0.2-alpha-1757603192867.0",
+    "@toptal/picasso-tailwind-merge": "2.0.4-alpha-1757603777486.0",
+    "@toptal/picasso-tailwind": "3.0.1-alpha-1757603777486.0",
+    "@toptal/picasso-provider": "5.0.2-alpha-1757603777486.0",
     "react": ">=16.12.0 < 19.0.0"
   },
   "exports": {
     ".": "./dist-package/src/index.js"
   },
   "devDependencies": {
-    "@toptal/picasso-tailwind-merge": "2.0.4-alpha-1757603192867.0",
-    "@toptal/picasso-provider": "5.0.2-alpha-1757603192867.0",
-    "@toptal/picasso-test-utils": "1.1.2-alpha-1757603192867.0"
+    "@toptal/picasso-tailwind-merge": "2.0.4-alpha-1757603777486.0",
+    "@toptal/picasso-provider": "5.0.2-alpha-1757603777486.0",
+    "@toptal/picasso-test-utils": "1.1.2-alpha-1757603777486.0"
   },
   "files": [
     "dist-package/**",