@semcore/button 17.0.0-prerelease.30 → 17.0.0-prerelease.31

package/lib/cjs/component/AbstractButton/AbstractButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AbstractButton.js","names":["_core","require","_baseComponents","_addonTextChildren","_interopRequireDefault","_hasLabels","_logger","_react","_SpinButton","MAP_USE_DEFAULT_THEME","exports","primary","secondary","tertiary","AbstractButton","Component","constructor","args","_defineProperty2","default","React","createRef","ariaLabelledByContent","getTextProps","props","size","asProps","textProps","triggerRef","containerRef","hintProps","getAddonProps","componentDidMount","process","env","NODE_ENV","logger","warn","current","hasLabels","title","displayName","theme","ariaLabelledby","setTimeout","setState","document","getElementById","textContent","render","_ref","styles","use","loading","disabled","neighborLocation","children","ariaLabel","Children","addonLeft","AddonLeft","addonRight","AddonRight","hintPlacement","SButton","Box","Button","CORE_INSTANCE","useTheme","SInner","SSpin","buttonAriaLabel","state","showHint","undefined","createElement","NeighborLocation","Detect","_ref2","sstyled","Fragment","cn","assignProps","getTextColor","Addon","addonTextChildren","Text","Hint"],"sources":["../../../../src/component/AbstractButton/AbstractButton.tsx"],"sourcesContent":["import { NeighborLocation, Box, Hint } from '@semcore/base-components';\nimport { Component, CORE_INSTANCE, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport logger from '@semcore/core/lib/utils/logger';\nimport React from 'react';\n\nimport type { AbstractButtonProps, AbstractButtonTextProps } from './AbstractButton.type';\nimport SpinButton from './SpinButton';\n\nexport const MAP_USE_DEFAULT_THEME: Record<string, string> = {\n  primary: 'info',\n  secondary: 'muted',\n  tertiary: 'info',\n};\n\ntype Props = AbstractButtonProps<any, any, any>;\n\ntype State = {\n  ariaLabelledByContent: null | string;\n};\n\nexport abstract class AbstractButton extends Component<Props, [], never, {}, State> {\n  static displayName = 'AbstractButton';\n\n  containerRef = React.createRef<HTMLButtonElement>();\n\n  state: State = {\n    ariaLabelledByContent: null,\n  };\n\n  protected abstract getTextColor(): string | undefined;\n\n  getTextProps(props: AbstractButtonTextProps<any>) {\n    const { size } = this.asProps;\n\n    // `any` because we don't have typings for `use:PROPS`.\n    const textProps: any = {\n      size,\n      'use:hintProps': {\n        triggerRef: this.containerRef,\n      },\n    };\n\n    if ('hintProps' in props) {\n      textProps['use:hintProps'] = { triggerRef: this.containerRef, ...props.hintProps };\n    }\n\n    return textProps;\n  }\n\n  getAddonProps() {\n    const { size } = this.asProps;\n    return {\n      size,\n    };\n  }\n\n  componentDidMount() {\n    if (process.env.NODE_ENV !== 'production') {\n      logger.warn(\n        this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title,\n        `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n        this.asProps['data-ui-name'] || AbstractButton.displayName,\n      );\n\n      logger.warn(\n        this.asProps.theme === 'warning',\n        'Warning theme is deprecated and will be removed in the next major release.',\n        this.asProps['data-ui-name'] || AbstractButton.displayName,\n      );\n    }\n\n    const ariaLabelledby = this.asProps['aria-labelledby'];\n\n    if (ariaLabelledby) {\n      setTimeout(() => {\n        this.setState({\n          ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? '',\n        });\n      }, 0);\n    }\n  }\n\n  render() {\n    const {\n      styles,\n      use,\n      theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n      loading,\n      disabled = loading,\n      size,\n      neighborLocation,\n      children,\n      title,\n      ['aria-label']: ariaLabel,\n      Children,\n      addonLeft: AddonLeft,\n      addonRight: AddonRight,\n      hintPlacement,\n    } = this.asProps;\n    const SButton = Root;\n    // @ts-ignore\n    const Button = this[CORE_INSTANCE];\n    const useTheme = use && theme ? `${use}-${theme}` : false;\n    const SInner = Box;\n    const SSpin = Box;\n    const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n    const showHint = (children === undefined || title);\n\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) => {\n          return sstyled(styles)(\n            <>\n              <SButton\n                render={Box}\n                invertOutline={theme === 'invert'}\n                type='button'\n                tag='button'\n                tabIndex={0}\n                disabled={disabled}\n                use:theme={useTheme}\n                ref={this.containerRef}\n                text-color={this.getTextColor()}\n                aria-busy={loading}\n                __excludeProps={['title']}\n                aria-label={showHint ? buttonAriaLabel : undefined}\n                neighborLocation={neighborLocation}\n              >\n                {/* @ts-ignore */}\n                <SInner tag='span' loading={loading} data-ui-name={`${this.asProps['data-ui-name']}.InnerWrapper`}>\n                  {AddonLeft\n                    ? (\n                        <Button.Addon>\n                          <AddonLeft />\n                        </Button.Addon>\n                      )\n                    : null}\n                  {addonTextChildren(Children, Button.Text, Button.Addon)}\n                  {AddonRight\n                    ? (\n                        <Button.Addon>\n                          <AddonRight />\n                        </Button.Addon>\n                      )\n                    : null}\n                </SInner>\n                {loading && (\n                  <SSpin tag='span'>\n                    <SpinButton centered size={size} theme={useTheme} />\n                  </SSpin>\n                )}\n              </SButton>\n              {showHint && (\n                <Hint\n                  triggerRef={this.containerRef}\n                  timeout={[250, 50]}\n                  placement={hintPlacement}\n                >\n                  {buttonAriaLabel}\n                </Hint>\n              )}\n            </>,\n          );\n        }}\n      </NeighborLocation.Detect>\n    );\n  }\n}\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,kBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,UAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,OAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,MAAA,GAAAH,sBAAA,CAAAH,OAAA;AAGA,IAAAO,WAAA,GAAAJ,sBAAA,CAAAH,OAAA;AAEO,MAAMQ,qBAA6C,GAAAC,OAAA,CAAAD,qBAAA,GAAG;EAC3DE,OAAO,EAAE,MAAM;EACfC,SAAS,EAAE,OAAO;EAClBC,QAAQ,EAAE;AACZ,CAAC;AAQM,MAAeC,cAAc,SAASC,eAAS,CAA8B;EAAAC,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,qCAGnEC,cAAK,CAACC,SAAS,CAAoB,CAAC;IAAA,IAAAH,gBAAA,CAAAC,OAAA,iBAEpC;MACbG,qBAAqB,EAAE;IACzB,CAAC;EAAA;EAIDC,YAAYA,CAACC,KAAmC,EAAE;IAChD,MAAM;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACC,OAAO;;IAE7B;IACA,MAAMC,SAAc,GAAG;MACrBF,IAAI;MACJ,eAAe,EAAE;QACfG,UAAU,EAAE,IAAI,CAACC;MACnB;IACF,CAAC;IAED,IAAI,WAAW,IAAIL,KAAK,EAAE;MACxBG,SAAS,CAAC,eAAe,CAAC,GAAG;QAAEC,UAAU,EAAE,IAAI,CAACC,YAAY;QAAE,GAAGL,KAAK,CAACM;MAAU,CAAC;IACpF;IAEA,OAAOH,SAAS;EAClB;EAEAI,aAAaA,CAAA,EAAG;IACd,MAAM;MAAEN;IAAK,CAAC,GAAG,IAAI,CAACC,OAAO;IAC7B,OAAO;MACLD;IACF,CAAC;EACH;EAEAO,iBAAiBA,CAAA,EAAG;IAClB,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;MACzCC,eAAM,CAACC,IAAI,CACT,IAAI,CAACR,YAAY,CAACS,OAAO,IAAI,CAAC,IAAAC,kBAAS,EAAC,IAAI,CAACV,YAAY,CAACS,OAAO,CAAC,IAAI,CAAC,IAAI,CAACZ,OAAO,CAACc,KAAK,EACzF,kGAAkG,EAClG,IAAI,CAACd,OAAO,CAAC,cAAc,CAAC,IAAIZ,cAAc,CAAC2B,WACjD,CAAC;MAEDL,eAAM,CAACC,IAAI,CACT,IAAI,CAACX,OAAO,CAACgB,KAAK,KAAK,SAAS,EAChC,4EAA4E,EAC5E,IAAI,CAAChB,OAAO,CAAC,cAAc,CAAC,IAAIZ,cAAc,CAAC2B,WACjD,CAAC;IACH;IAEA,MAAME,cAAc,GAAG,IAAI,CAACjB,OAAO,CAAC,iBAAiB,CAAC;IAEtD,IAAIiB,cAAc,EAAE;MAClBC,UAAU,CAAC,MAAM;QACf,IAAI,CAACC,QAAQ,CAAC;UACZvB,qBAAqB,EAAEwB,QAAQ,CAACC,cAAc,CAACJ,cAAc,CAAC,EAAEK,WAAW,IAAI;QACjF,CAAC,CAAC;MACJ,CAAC,EAAE,CAAC,CAAC;IACP;EACF;EAEAC,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAxB,OAAA;IACP,MAAM;MACJyB,MAAM;MACNC,GAAG;MACHV,KAAK,GAAG,OAAOU,GAAG,KAAK,QAAQ,IAAI3C,qBAAqB,CAAC2C,GAAG,CAAC;MAC7DC,OAAO;MACPC,QAAQ,GAAGD,OAAO;MAClB5B,IAAI;MACJ8B,gBAAgB;MAChBC,QAAQ;MACRhB,KAAK;MACL,CAAC,YAAY,GAAGiB,SAAS;MACzBC,QAAQ;MACRC,SAAS,EAAEC,SAAS;MACpBC,UAAU,EAAEC,UAAU;MACtBC;IACF,CAAC,GAAG,IAAI,CAACrC,OAAO;IAChB,MAAMsC,OAAO,GAgBOC,mBAAG;IAfvB;IACA,MAAMC,MAAM,GAAG,IAAI,CAACC,mBAAa,CAAC;IAClC,MAAMC,QAAQ,GAAGhB,GAAG,IAAIV,KAAK,GAAG,GAAGU,GAAG,IAAIV,KAAK,EAAE,GAAG,KAAK;IACzD,MAAM2B,MAAM,GAAGJ,mBAAG;IAClB,MAAMK,KAAK,GAAGL,mBAAG;IACjB,MAAMM,eAAe,GAAG/B,KAAK,IAAIiB,SAAS,IAAI,IAAI,CAACe,KAAK,CAAClD,qBAAqB,IAAI,EAAE;IAEpF,MAAMmD,QAAQ,GAAIjB,QAAQ,KAAKkB,SAAS,IAAIlC,KAAM;IAElD,oBACEjC,MAAA,CAAAY,OAAA,CAAAwD,aAAA,CAACzE,eAAA,CAAA0E,gBAAgB,CAACC,MAAM;MAACtB,gBAAgB,EAAEA;IAAiB,GACxDA,gBAAgB,IAAK;MAAA,IAAAuB,KAAA;MACrB,OAAAA,KAAA,GAAO,IAAAC,aAAO,EAAC5B,MAAM,CAAC,eACpB5C,MAAA,CAAAY,OAAA,CAAAwD,aAAA,CAAApE,MAAA,CAAAY,OAAA,CAAA6D,QAAA,qBACEzE,MAAA,CAAAY,OAAA,CAAAwD,aAAA,CAACX,OAAO,EAAAc,KAAA,CAAAG,EAAA;QAAA,OAAAjF,KAAA,CAAAkF,WAAA;UAAA,iBAESxC,KAAK,KAAK,QAAQ;UAAA,QAC5B,QAAQ;UAAA,OACT,QAAQ;UAAA,YACF,CAAC;UAAA,YACDY,QAAQ;UAAA,aACPc,QAAQ;UAAA,OACd,IAAI,CAACvC,YAAY;UAAA,cACV,IAAI,CAACsD,YAAY,CAAC,CAAC;UAAA,aACpB9B,OAAO;UAAA,kBACF,CAAC,OAAO,CAAC;UAAA,cACboB,QAAQ,GAAGF,eAAe,GAAGG,SAAS;UAAA,oBAChCnB;QAAgB,GAAAL,IAAA;MAAA,iBAGlC3C,MAAA,CAAAY,OAAA,CAAAwD,aAAA,CAACN,MAAM,EAAAS,KAAA,CAAAG,EAAA;QAAA,OAAK,MAAM;QAAA,WAAU5B,OAAO;QAAA,gBAAgB,GAAG,IAAI,CAAC3B,OAAO,CAAC,cAAc,CAAC;MAAe,IAC9FkC,SAAS,gBAEJrD,MAAA,CAAAY,OAAA,CAAAwD,aAAA,CAACT,MAAM,CAACkB,KAAK,qBACX7E,MAAA,CAAAY,OAAA,CAAAwD,aAAA,CAACf,SAAS,EAAAkB,KAAA,CAAAG,EAAA,iBAAE,CACA,CAAC,GAEjB,IAAI,EACP,IAAAI,0BAAiB,EAAC3B,QAAQ,EAAEQ,MAAM,CAACoB,IAAI,EAAEpB,MAAM,CAACkB,KAAK,CAAC,EACtDtB,UAAU,gBAELvD,MAAA,CAAAY,OAAA,CAAAwD,aAAA,CAACT,MAAM,CAACkB,KAAK,qBACX7E,MAAA,CAAAY,OAAA,CAAAwD,aAAA,CAACb,UAAU,EAAAgB,KAAA,CAAAG,EAAA,kBAAE,CACD,CAAC,GAEjB,IACE,CAAC,EACR5B,OAAO,iBACN9C,MAAA,CAAAY,OAAA,CAAAwD,aAAA,CAACL,KAAK,EAAAQ,KAAA,CAAAG,EAAA;QAAA,OAAK;MAAM,iBACf1E,MAAA,CAAAY,OAAA,CAAAwD,aAAA,CAACnE,WAAA,CAAAW,OAAU,EAAA2D,KAAA,CAAAG,EAAA;QAAA;QAAA,QAAgBxD,IAAI;QAAA,SAAS2C;MAAQ,EAAG,CAC9C,CAEF,CAAC,EACTK,QAAQ,iBACPlE,MAAA,CAAAY,OAAA,CAAAwD,aAAA,CAACzE,eAAA,CAAAqF,IAAI,EAAAT,KAAA,CAAAG,EAAA;QAAA,cACS,IAAI,CAACpD,YAAY;QAAA,WACpB,CAAC,GAAG,EAAE,EAAE,CAAC;QAAA,aACPkC;MAAa,IAEvBQ,eACG,CAER,CAAC;IAEP,CACuB,CAAC;EAE9B;AACF;AAAC7D,OAAA,CAAAI,cAAA,GAAAA,cAAA;AAAA,IAAAI,gBAAA,CAAAC,OAAA,EApJqBL,cAAc,iBACb,gBAAgB","ignoreList":[]}

package/lib/cjs/component/AbstractButton/AbstractButton.type.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=AbstractButton.type.js.map

package/lib/cjs/component/AbstractButton/AbstractButton.type.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AbstractButton.type.js","names":[],"sources":["../../../../src/component/AbstractButton/AbstractButton.type.ts"],"sourcesContent":["import type { BoxProps, NeighborItemProps, SimpleHintPopperProps } from '@semcore/base-components';\nimport type { PropGetterFn } from '@semcore/core';\nimport type { TextProps } from '@semcore/typography';\nimport type React from 'react';\n\nexport type AbstractButtonProps<S, U, T> = BoxProps &\n  NeighborItemProps & {\n    /** Button activity state */\n    active?: boolean;\n    /** Disabled button state */\n    disabled?: boolean;\n    /** Loading button state */\n    loading?: boolean;\n    /** Tag for the left Addon */\n    addonLeft?: React.ElementType;\n    /** Tag for the right Addon */\n    addonRight?: React.ElementType;\n    /**\n     * Placement for hint\n     * @default top\n     */\n    hintPlacement?: SimpleHintPopperProps['placement'];\n\n    /** Button size. Defined in Button.type or ButtonLink.type */\n    size?: S;\n    /** Button usage. Defined in Button.type or ButtonLink.type */\n    use?: U;\n    /** Button theme. Defined in Button.type or ButtonLink.type */\n    theme?: T;\n  };\n\nexport type AbstractButtonAddonProps<S> = BoxProps & {\n  size?: S;\n};\n\nexport type AbstractButtonTextProps<S> = TextProps & {\n  size?: S;\n};\n\nexport type AbstractButtonContext = {\n  getTextProps: PropGetterFn;\n  getAddonProps: PropGetterFn;\n};\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/component/AbstractButton/SpinButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpinButton.js","names":["_spin","_interopRequireDefault","require","_react","SPIN_SIZE_MAP","exports","xl","l","m","s","SpinButton","theme","size","others","default","createElement","_extends2"],"sources":["../../../../src/component/AbstractButton/SpinButton.tsx"],"sourcesContent":["import Spin from '@semcore/spin';\nimport React from 'react';\n\nexport const SPIN_SIZE_MAP: Record<string, string> = {\n  xl: 'm',\n  l: 's',\n  m: 'xs',\n  s: 'xxs',\n};\n\nexport default function SpinButton({ theme, size, ...others }: any) {\n  return (\n    <Spin\n      size={typeof size === 'string' ? SPIN_SIZE_MAP[size] : size}\n      theme='currentColor'\n      {...others}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEO,MAAME,aAAqC,GAAAC,OAAA,CAAAD,aAAA,GAAG;EACnDE,EAAE,EAAE,GAAG;EACPC,CAAC,EAAE,GAAG;EACNC,CAAC,EAAE,IAAI;EACPC,CAAC,EAAE;AACL,CAAC;AAEc,SAASC,UAAUA,CAAC;EAAEC,KAAK;EAAEC,IAAI;EAAE,GAAGC;AAAY,CAAC,EAAE;EAClE,oBACEV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACf,KAAA,CAAAc,OAAI,MAAAE,SAAA,CAAAF,OAAA;IACHF,IAAI,EAAE,OAAOA,IAAI,KAAK,QAAQ,GAAGR,aAAa,CAACQ,IAAI,CAAC,GAAGA,IAAK;IAC5DD,KAAK,EAAC;EAAc,GAChBE,MAAM,CACX,CAAC;AAEN","ignoreList":[]}

package/lib/es6/component/AbstractButton/AbstractButton.js

@@ -1,129 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { assignProps as _assignProps } from "@semcore/core";
-import { NeighborLocation, Box, Hint } from '@semcore/base-components';
-import { Component, CORE_INSTANCE, Root, sstyled } from '@semcore/core';
-import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';
-import hasLabels from '@semcore/core/lib/utils/hasLabels';
-import logger from '@semcore/core/lib/utils/logger';
-import React from 'react';
-import SpinButton from './SpinButton';
-export const MAP_USE_DEFAULT_THEME = {
-  primary: 'info',
-  secondary: 'muted',
-  tertiary: 'info'
-};
-export class AbstractButton extends Component {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "containerRef", /*#__PURE__*/React.createRef());
-    _defineProperty(this, "state", {
-      ariaLabelledByContent: null
-    });
-  }
-  getTextProps(props) {
-    const {
-      size
-    } = this.asProps;
-
-    // `any` because we don't have typings for `use:PROPS`.
-    const textProps = {
-      size,
-      'use:hintProps': {
-        triggerRef: this.containerRef
-      }
-    };
-    if ('hintProps' in props) {
-      textProps['use:hintProps'] = {
-        triggerRef: this.containerRef,
-        ...props.hintProps
-      };
-    }
-    return textProps;
-  }
-  getAddonProps() {
-    const {
-      size
-    } = this.asProps;
-    return {
-      size
-    };
-  }
-  componentDidMount() {
-    if (process.env.NODE_ENV !== 'production') {
-      logger.warn(this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title, `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`, this.asProps['data-ui-name'] || AbstractButton.displayName);
-      logger.warn(this.asProps.theme === 'warning', 'Warning theme is deprecated and will be removed in the next major release.', this.asProps['data-ui-name'] || AbstractButton.displayName);
-    }
-    const ariaLabelledby = this.asProps['aria-labelledby'];
-    if (ariaLabelledby) {
-      setTimeout(() => {
-        this.setState({
-          ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? ''
-        });
-      }, 0);
-    }
-  }
-  render() {
-    var _ref = this.asProps;
-    const {
-      styles,
-      use,
-      theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],
-      loading,
-      disabled = loading,
-      size,
-      neighborLocation,
-      children,
-      title,
-      ['aria-label']: ariaLabel,
-      Children,
-      addonLeft: AddonLeft,
-      addonRight: AddonRight,
-      hintPlacement
-    } = this.asProps;
-    const SButton = Box;
-    // @ts-ignore
-    const Button = this[CORE_INSTANCE];
-    const useTheme = use && theme ? `${use}-${theme}` : false;
-    const SInner = Box;
-    const SSpin = Box;
-    const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';
-    const showHint = children === undefined || title;
-    return /*#__PURE__*/React.createElement(NeighborLocation.Detect, {
-      neighborLocation: neighborLocation
-    }, neighborLocation => {
-      var _ref2;
-      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SButton, _ref2.cn("SButton", {
-        ..._assignProps({
-          "invertOutline": theme === 'invert',
-          "type": 'button',
-          "tag": 'button',
-          "tabIndex": 0,
-          "disabled": disabled,
-          "use:theme": useTheme,
-          "ref": this.containerRef,
-          "text-color": this.getTextColor(),
-          "aria-busy": loading,
-          "__excludeProps": ['title'],
-          "aria-label": showHint ? buttonAriaLabel : undefined,
-          "neighborLocation": neighborLocation
-        }, _ref)
-      }), /*#__PURE__*/React.createElement(SInner, _ref2.cn("SInner", {
-        "tag": 'span',
-        "loading": loading,
-        "data-ui-name": `${this.asProps['data-ui-name']}.InnerWrapper`
-      }), AddonLeft ? /*#__PURE__*/React.createElement(Button.Addon, null, /*#__PURE__*/React.createElement(AddonLeft, _ref2.cn("AddonLeft", {}))) : null, addonTextChildren(Children, Button.Text, Button.Addon), AddonRight ? /*#__PURE__*/React.createElement(Button.Addon, null, /*#__PURE__*/React.createElement(AddonRight, _ref2.cn("AddonRight", {}))) : null), loading && /*#__PURE__*/React.createElement(SSpin, _ref2.cn("SSpin", {
-        "tag": 'span'
-      }), /*#__PURE__*/React.createElement(SpinButton, _ref2.cn("SpinButton", {
-        "centered": true,
-        "size": size,
-        "theme": useTheme
-      })))), showHint && /*#__PURE__*/React.createElement(Hint, _ref2.cn("Hint", {
-        "triggerRef": this.containerRef,
-        "timeout": [250, 50],
-        "placement": hintPlacement
-      }), buttonAriaLabel));
-    });
-  }
-}
-_defineProperty(AbstractButton, "displayName", 'AbstractButton');
-//# sourceMappingURL=AbstractButton.js.map

package/lib/es6/component/AbstractButton/AbstractButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AbstractButton.js","names":["NeighborLocation","Box","Hint","Component","CORE_INSTANCE","Root","sstyled","addonTextChildren","hasLabels","logger","React","SpinButton","MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","AbstractButton","constructor","args","_defineProperty","createRef","ariaLabelledByContent","getTextProps","props","size","asProps","textProps","triggerRef","containerRef","hintProps","getAddonProps","componentDidMount","process","env","NODE_ENV","warn","current","title","displayName","theme","ariaLabelledby","setTimeout","setState","document","getElementById","textContent","render","_ref","styles","use","loading","disabled","neighborLocation","children","ariaLabel","Children","addonLeft","AddonLeft","addonRight","AddonRight","hintPlacement","SButton","Button","useTheme","SInner","SSpin","buttonAriaLabel","state","showHint","undefined","createElement","Detect","_ref2","Fragment","cn","_assignProps","getTextColor","Addon","Text"],"sources":["../../../../src/component/AbstractButton/AbstractButton.tsx"],"sourcesContent":["import { NeighborLocation, Box, Hint } from '@semcore/base-components';\nimport { Component, CORE_INSTANCE, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport logger from '@semcore/core/lib/utils/logger';\nimport React from 'react';\n\nimport type { AbstractButtonProps, AbstractButtonTextProps } from './AbstractButton.type';\nimport SpinButton from './SpinButton';\n\nexport const MAP_USE_DEFAULT_THEME: Record<string, string> = {\n  primary: 'info',\n  secondary: 'muted',\n  tertiary: 'info',\n};\n\ntype Props = AbstractButtonProps<any, any, any>;\n\ntype State = {\n  ariaLabelledByContent: null | string;\n};\n\nexport abstract class AbstractButton extends Component<Props, [], never, {}, State> {\n  static displayName = 'AbstractButton';\n\n  containerRef = React.createRef<HTMLButtonElement>();\n\n  state: State = {\n    ariaLabelledByContent: null,\n  };\n\n  protected abstract getTextColor(): string | undefined;\n\n  getTextProps(props: AbstractButtonTextProps<any>) {\n    const { size } = this.asProps;\n\n    // `any` because we don't have typings for `use:PROPS`.\n    const textProps: any = {\n      size,\n      'use:hintProps': {\n        triggerRef: this.containerRef,\n      },\n    };\n\n    if ('hintProps' in props) {\n      textProps['use:hintProps'] = { triggerRef: this.containerRef, ...props.hintProps };\n    }\n\n    return textProps;\n  }\n\n  getAddonProps() {\n    const { size } = this.asProps;\n    return {\n      size,\n    };\n  }\n\n  componentDidMount() {\n    if (process.env.NODE_ENV !== 'production') {\n      logger.warn(\n        this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title,\n        `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n        this.asProps['data-ui-name'] || AbstractButton.displayName,\n      );\n\n      logger.warn(\n        this.asProps.theme === 'warning',\n        'Warning theme is deprecated and will be removed in the next major release.',\n        this.asProps['data-ui-name'] || AbstractButton.displayName,\n      );\n    }\n\n    const ariaLabelledby = this.asProps['aria-labelledby'];\n\n    if (ariaLabelledby) {\n      setTimeout(() => {\n        this.setState({\n          ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? '',\n        });\n      }, 0);\n    }\n  }\n\n  render() {\n    const {\n      styles,\n      use,\n      theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n      loading,\n      disabled = loading,\n      size,\n      neighborLocation,\n      children,\n      title,\n      ['aria-label']: ariaLabel,\n      Children,\n      addonLeft: AddonLeft,\n      addonRight: AddonRight,\n      hintPlacement,\n    } = this.asProps;\n    const SButton = Root;\n    // @ts-ignore\n    const Button = this[CORE_INSTANCE];\n    const useTheme = use && theme ? `${use}-${theme}` : false;\n    const SInner = Box;\n    const SSpin = Box;\n    const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n    const showHint = (children === undefined || title);\n\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) => {\n          return sstyled(styles)(\n            <>\n              <SButton\n                render={Box}\n                invertOutline={theme === 'invert'}\n                type='button'\n                tag='button'\n                tabIndex={0}\n                disabled={disabled}\n                use:theme={useTheme}\n                ref={this.containerRef}\n                text-color={this.getTextColor()}\n                aria-busy={loading}\n                __excludeProps={['title']}\n                aria-label={showHint ? buttonAriaLabel : undefined}\n                neighborLocation={neighborLocation}\n              >\n                {/* @ts-ignore */}\n                <SInner tag='span' loading={loading} data-ui-name={`${this.asProps['data-ui-name']}.InnerWrapper`}>\n                  {AddonLeft\n                    ? (\n                        <Button.Addon>\n                          <AddonLeft />\n                        </Button.Addon>\n                      )\n                    : null}\n                  {addonTextChildren(Children, Button.Text, Button.Addon)}\n                  {AddonRight\n                    ? (\n                        <Button.Addon>\n                          <AddonRight />\n                        </Button.Addon>\n                      )\n                    : null}\n                </SInner>\n                {loading && (\n                  <SSpin tag='span'>\n                    <SpinButton centered size={size} theme={useTheme} />\n                  </SSpin>\n                )}\n              </SButton>\n              {showHint && (\n                <Hint\n                  triggerRef={this.containerRef}\n                  timeout={[250, 50]}\n                  placement={hintPlacement}\n                >\n                  {buttonAriaLabel}\n                </Hint>\n              )}\n            </>,\n          );\n        }}\n      </NeighborLocation.Detect>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/component/AbstractButton/AbstractButton.type.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=AbstractButton.type.js.map

package/lib/es6/component/AbstractButton/AbstractButton.type.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AbstractButton.type.js","names":[],"sources":["../../../../src/component/AbstractButton/AbstractButton.type.ts"],"sourcesContent":["import type { BoxProps, NeighborItemProps, SimpleHintPopperProps } from '@semcore/base-components';\nimport type { PropGetterFn } from '@semcore/core';\nimport type { TextProps } from '@semcore/typography';\nimport type React from 'react';\n\nexport type AbstractButtonProps<S, U, T> = BoxProps &\n  NeighborItemProps & {\n    /** Button activity state */\n    active?: boolean;\n    /** Disabled button state */\n    disabled?: boolean;\n    /** Loading button state */\n    loading?: boolean;\n    /** Tag for the left Addon */\n    addonLeft?: React.ElementType;\n    /** Tag for the right Addon */\n    addonRight?: React.ElementType;\n    /**\n     * Placement for hint\n     * @default top\n     */\n    hintPlacement?: SimpleHintPopperProps['placement'];\n\n    /** Button size. Defined in Button.type or ButtonLink.type */\n    size?: S;\n    /** Button usage. Defined in Button.type or ButtonLink.type */\n    use?: U;\n    /** Button theme. Defined in Button.type or ButtonLink.type */\n    theme?: T;\n  };\n\nexport type AbstractButtonAddonProps<S> = BoxProps & {\n  size?: S;\n};\n\nexport type AbstractButtonTextProps<S> = TextProps & {\n  size?: S;\n};\n\nexport type AbstractButtonContext = {\n  getTextProps: PropGetterFn;\n  getAddonProps: PropGetterFn;\n};\n"],"mappings":"","ignoreList":[]}

package/lib/es6/component/AbstractButton/SpinButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpinButton.js","names":["Spin","React","SPIN_SIZE_MAP","xl","l","m","s","SpinButton","theme","size","others","createElement","_extends"],"sources":["../../../../src/component/AbstractButton/SpinButton.tsx"],"sourcesContent":["import Spin from '@semcore/spin';\nimport React from 'react';\n\nexport const SPIN_SIZE_MAP: Record<string, string> = {\n  xl: 'm',\n  l: 's',\n  m: 'xs',\n  s: 'xxs',\n};\n\nexport default function SpinButton({ theme, size, ...others }: any) {\n  return (\n    <Spin\n      size={typeof size === 'string' ? SPIN_SIZE_MAP[size] : size}\n      theme='currentColor'\n      {...others}\n    />\n  );\n}\n"],"mappings":";AAAA,OAAOA,IAAI,MAAM,eAAe;AAChC,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAO,MAAMC,aAAqC,GAAG;EACnDC,EAAE,EAAE,GAAG;EACPC,CAAC,EAAE,GAAG;EACNC,CAAC,EAAE,IAAI;EACPC,CAAC,EAAE;AACL,CAAC;AAED,eAAe,SAASC,UAAUA,CAAC;EAAEC,KAAK;EAAEC,IAAI;EAAE,GAAGC;AAAY,CAAC,EAAE;EAClE,oBACET,KAAA,CAAAU,aAAA,CAACX,IAAI,EAAAY,QAAA;IACHH,IAAI,EAAE,OAAOA,IAAI,KAAK,QAAQ,GAAGP,aAAa,CAACO,IAAI,CAAC,GAAGA,IAAK;IAC5DD,KAAK,EAAC;EAAc,GAChBE,MAAM,CACX,CAAC;AAEN","ignoreList":[]}

package/lib/esm/component/AbstractButton/AbstractButton.mjs

@@ -1,129 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { Component, CORE_INSTANCE, sstyled, assignProps } from "@semcore/core";
-import { NeighborLocation, Box, Hint } from "@semcore/base-components";
-import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
-import hasLabels from "@semcore/core/lib/utils/hasLabels";
-import logger from "@semcore/core/lib/utils/logger";
-import React from "react";
-import SpinButton from "./SpinButton.mjs";
-const MAP_USE_DEFAULT_THEME = {
-  primary: "info",
-  secondary: "muted",
-  tertiary: "info"
-};
-class AbstractButton extends Component {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "containerRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(this, "state", {
-      ariaLabelledByContent: null
-    });
-  }
-  getTextProps(props) {
-    const {
-      size
-    } = this.asProps;
-    const textProps = {
-      size,
-      "use:hintProps": {
-        triggerRef: this.containerRef
-      }
-    };
-    if ("hintProps" in props) {
-      textProps["use:hintProps"] = {
-        triggerRef: this.containerRef,
-        ...props.hintProps
-      };
-    }
-    return textProps;
-  }
-  getAddonProps() {
-    const {
-      size
-    } = this.asProps;
-    return {
-      size
-    };
-  }
-  componentDidMount() {
-    if (process.env.NODE_ENV !== "production") {
-      logger.warn(this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title, `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`, this.asProps["data-ui-name"] || AbstractButton.displayName);
-      logger.warn(this.asProps.theme === "warning", "Warning theme is deprecated and will be removed in the next major release.", this.asProps["data-ui-name"] || AbstractButton.displayName);
-    }
-    const ariaLabelledby = this.asProps["aria-labelledby"];
-    if (ariaLabelledby) {
-      setTimeout(() => {
-        var _a;
-        this.setState({
-          ariaLabelledByContent: ((_a = document.getElementById(ariaLabelledby)) == null ? void 0 : _a.textContent) ?? ""
-        });
-      }, 0);
-    }
-  }
-  render() {
-    var _ref = this.asProps;
-    const {
-      styles,
-      use,
-      theme = typeof use === "string" && MAP_USE_DEFAULT_THEME[use],
-      loading,
-      disabled = loading,
-      size,
-      neighborLocation,
-      children,
-      title,
-      ["aria-label"]: ariaLabel,
-      Children,
-      addonLeft: AddonLeft,
-      addonRight: AddonRight,
-      hintPlacement
-    } = this.asProps;
-    const SButton = Box;
-    const Button = this[CORE_INSTANCE];
-    const useTheme = use && theme ? `${use}-${theme}` : false;
-    const SInner = Box;
-    const SSpin = Box;
-    const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? "";
-    const showHint = children === void 0 || title;
-    return /* @__PURE__ */ React.createElement(NeighborLocation.Detect, {
-      neighborLocation
-    }, (neighborLocation2) => {
-      var _ref2;
-      return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SButton, _ref2.cn("SButton", {
-        ...assignProps({
-          "invertOutline": theme === "invert",
-          "type": "button",
-          "tag": "button",
-          "tabIndex": 0,
-          "disabled": disabled,
-          "use:theme": useTheme,
-          "ref": this.containerRef,
-          "text-color": this.getTextColor(),
-          "aria-busy": loading,
-          "__excludeProps": ["title"],
-          "aria-label": showHint ? buttonAriaLabel : void 0,
-          "neighborLocation": neighborLocation2
-        }, _ref)
-      }), /* @__PURE__ */ React.createElement(SInner, _ref2.cn("SInner", {
-        "tag": "span",
-        "loading": loading,
-        "data-ui-name": `${this.asProps["data-ui-name"]}.InnerWrapper`
-      }), AddonLeft ? /* @__PURE__ */ React.createElement(Button.Addon, null, /* @__PURE__ */ React.createElement(AddonLeft, _ref2.cn("AddonLeft", {}))) : null, addonTextChildren(Children, Button.Text, Button.Addon), AddonRight ? /* @__PURE__ */ React.createElement(Button.Addon, null, /* @__PURE__ */ React.createElement(AddonRight, _ref2.cn("AddonRight", {}))) : null), loading && /* @__PURE__ */ React.createElement(SSpin, _ref2.cn("SSpin", {
-        "tag": "span"
-      }), /* @__PURE__ */ React.createElement(SpinButton, _ref2.cn("SpinButton", {
-        "centered": true,
-        "size": size,
-        "theme": useTheme
-      })))), showHint && /* @__PURE__ */ React.createElement(Hint, _ref2.cn("Hint", {
-        "triggerRef": this.containerRef,
-        "timeout": [250, 50],
-        "placement": hintPlacement
-      }), buttonAriaLabel));
-    });
-  }
-}
-_defineProperty(AbstractButton, "displayName", "AbstractButton");
-export {
-  AbstractButton,
-  MAP_USE_DEFAULT_THEME
-};

package/lib/types/component/AbstractButton/AbstractButton.d.ts

@@ -1,21 +0,0 @@
-import { Component } from '@semcore/core';
-import React from 'react';
-import type { AbstractButtonProps, AbstractButtonTextProps } from './AbstractButton.type';
-export declare const MAP_USE_DEFAULT_THEME: Record<string, string>;
-type Props = AbstractButtonProps<any, any, any>;
-type State = {
-    ariaLabelledByContent: null | string;
-};
-export declare abstract class AbstractButton extends Component<Props, [], never, {}, State> {
-    static displayName: string;
-    containerRef: React.RefObject<HTMLButtonElement>;
-    state: State;
-    protected abstract getTextColor(): string | undefined;
-    getTextProps(props: AbstractButtonTextProps<any>): any;
-    getAddonProps(): {
-        size: any;
-    };
-    componentDidMount(): void;
-    render(): React.JSX.Element;
-}
-export {};

package/lib/types/component/AbstractButton/AbstractButton.type.d.ts

@@ -1,37 +0,0 @@
-import type { BoxProps, NeighborItemProps, SimpleHintPopperProps } from '@semcore/base-components';
-import type { PropGetterFn } from '@semcore/core';
-import type { TextProps } from '@semcore/typography';
-import type React from 'react';
-export type AbstractButtonProps<S, U, T> = BoxProps & NeighborItemProps & {
-    /** Button activity state */
-    active?: boolean;
-    /** Disabled button state */
-    disabled?: boolean;
-    /** Loading button state */
-    loading?: boolean;
-    /** Tag for the left Addon */
-    addonLeft?: React.ElementType;
-    /** Tag for the right Addon */
-    addonRight?: React.ElementType;
-    /**
-     * Placement for hint
-     * @default top
-     */
-    hintPlacement?: SimpleHintPopperProps['placement'];
-    /** Button size. Defined in Button.type or ButtonLink.type */
-    size?: S;
-    /** Button usage. Defined in Button.type or ButtonLink.type */
-    use?: U;
-    /** Button theme. Defined in Button.type or ButtonLink.type */
-    theme?: T;
-};
-export type AbstractButtonAddonProps<S> = BoxProps & {
-    size?: S;
-};
-export type AbstractButtonTextProps<S> = TextProps & {
-    size?: S;
-};
-export type AbstractButtonContext = {
-    getTextProps: PropGetterFn;
-    getAddonProps: PropGetterFn;
-};

package/src/component/AbstractButton/AbstractButton.tsx

@@ -1,171 +0,0 @@
-import { NeighborLocation, Box, Hint } from '@semcore/base-components';
-import { Component, CORE_INSTANCE, Root, sstyled } from '@semcore/core';
-import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';
-import hasLabels from '@semcore/core/lib/utils/hasLabels';
-import logger from '@semcore/core/lib/utils/logger';
-import React from 'react';
-
-import type { AbstractButtonProps, AbstractButtonTextProps } from './AbstractButton.type';
-import SpinButton from './SpinButton';
-
-export const MAP_USE_DEFAULT_THEME: Record<string, string> = {
-  primary: 'info',
-  secondary: 'muted',
-  tertiary: 'info',
-};
-
-type Props = AbstractButtonProps<any, any, any>;
-
-type State = {
-  ariaLabelledByContent: null | string;
-};
-
-export abstract class AbstractButton extends Component<Props, [], never, {}, State> {
-  static displayName = 'AbstractButton';
-
-  containerRef = React.createRef<HTMLButtonElement>();
-
-  state: State = {
-    ariaLabelledByContent: null,
-  };
-
-  protected abstract getTextColor(): string | undefined;
-
-  getTextProps(props: AbstractButtonTextProps<any>) {
-    const { size } = this.asProps;
-
-    // `any` because we don't have typings for `use:PROPS`.
-    const textProps: any = {
-      size,
-      'use:hintProps': {
-        triggerRef: this.containerRef,
-      },
-    };
-
-    if ('hintProps' in props) {
-      textProps['use:hintProps'] = { triggerRef: this.containerRef, ...props.hintProps };
-    }
-
-    return textProps;
-  }
-
-  getAddonProps() {
-    const { size } = this.asProps;
-    return {
-      size,
-    };
-  }
-
-  componentDidMount() {
-    if (process.env.NODE_ENV !== 'production') {
-      logger.warn(
-        this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title,
-        `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,
-        this.asProps['data-ui-name'] || AbstractButton.displayName,
-      );
-
-      logger.warn(
-        this.asProps.theme === 'warning',
-        'Warning theme is deprecated and will be removed in the next major release.',
-        this.asProps['data-ui-name'] || AbstractButton.displayName,
-      );
-    }
-
-    const ariaLabelledby = this.asProps['aria-labelledby'];
-
-    if (ariaLabelledby) {
-      setTimeout(() => {
-        this.setState({
-          ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? '',
-        });
-      }, 0);
-    }
-  }
-
-  render() {
-    const {
-      styles,
-      use,
-      theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],
-      loading,
-      disabled = loading,
-      size,
-      neighborLocation,
-      children,
-      title,
-      ['aria-label']: ariaLabel,
-      Children,
-      addonLeft: AddonLeft,
-      addonRight: AddonRight,
-      hintPlacement,
-    } = this.asProps;
-    const SButton = Root;
-    // @ts-ignore
-    const Button = this[CORE_INSTANCE];
-    const useTheme = use && theme ? `${use}-${theme}` : false;
-    const SInner = Box;
-    const SSpin = Box;
-    const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';
-
-    const showHint = (children === undefined || title);
-
-    return (
-      <NeighborLocation.Detect neighborLocation={neighborLocation}>
-        {(neighborLocation) => {
-          return sstyled(styles)(
-            <>
-              <SButton
-                render={Box}
-                invertOutline={theme === 'invert'}
-                type='button'
-                tag='button'
-                tabIndex={0}
-                disabled={disabled}
-                use:theme={useTheme}
-                ref={this.containerRef}
-                text-color={this.getTextColor()}
-                aria-busy={loading}
-                __excludeProps={['title']}
-                aria-label={showHint ? buttonAriaLabel : undefined}
-                neighborLocation={neighborLocation}
-              >
-                {/* @ts-ignore */}
-                <SInner tag='span' loading={loading} data-ui-name={`${this.asProps['data-ui-name']}.InnerWrapper`}>
-                  {AddonLeft
-                    ? (
-                        <Button.Addon>
-                          <AddonLeft />
-                        </Button.Addon>
-                      )
-                    : null}
-                  {addonTextChildren(Children, Button.Text, Button.Addon)}
-                  {AddonRight
-                    ? (
-                        <Button.Addon>
-                          <AddonRight />
-                        </Button.Addon>
-                      )
-                    : null}
-                </SInner>
-                {loading && (
-                  <SSpin tag='span'>
-                    <SpinButton centered size={size} theme={useTheme} />
-                  </SSpin>
-                )}
-              </SButton>
-              {showHint && (
-                <Hint
-                  triggerRef={this.containerRef}
-                  timeout={[250, 50]}
-                  placement={hintPlacement}
-                >
-                  {buttonAriaLabel}
-                </Hint>
-              )}
-            </>,
-          );
-        }}
-      </NeighborLocation.Detect>
-    );
-  }
-}

package/src/component/AbstractButton/AbstractButton.type.ts

@@ -1,43 +0,0 @@
-import type { BoxProps, NeighborItemProps, SimpleHintPopperProps } from '@semcore/base-components';
-import type { PropGetterFn } from '@semcore/core';
-import type { TextProps } from '@semcore/typography';
-import type React from 'react';
-
-export type AbstractButtonProps<S, U, T> = BoxProps &
-  NeighborItemProps & {
-    /** Button activity state */
-    active?: boolean;
-    /** Disabled button state */
-    disabled?: boolean;
-    /** Loading button state */
-    loading?: boolean;
-    /** Tag for the left Addon */
-    addonLeft?: React.ElementType;
-    /** Tag for the right Addon */
-    addonRight?: React.ElementType;
-    /**
-     * Placement for hint
-     * @default top
-     */
-    hintPlacement?: SimpleHintPopperProps['placement'];
-
-    /** Button size. Defined in Button.type or ButtonLink.type */
-    size?: S;
-    /** Button usage. Defined in Button.type or ButtonLink.type */
-    use?: U;
-    /** Button theme. Defined in Button.type or ButtonLink.type */
-    theme?: T;
-  };
-
-export type AbstractButtonAddonProps<S> = BoxProps & {
-  size?: S;
-};
-
-export type AbstractButtonTextProps<S> = TextProps & {
-  size?: S;
-};
-
-export type AbstractButtonContext = {
-  getTextProps: PropGetterFn;
-  getAddonProps: PropGetterFn;
-};