@ntbjs/react-components 2.0.14 → 3.0.0-rc.1

package/build/icons/warning-circle.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"warning-circle.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"warning-circle.svg.js","sources":["../../src/icons/warning-circle.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.8%2C15.6h2.4V18H10.8Zm0-9.6h2.4v7.2H10.8Zm1.188-6A12%2C12%2C0%2C1%2C0%2C24%2C12%2C11.9941%2C11.9941%2C0%2C0%2C0%2C11.988%2C0ZM12%2C21.6A9.6%2C9.6%2C0%2C1%2C1%2C21.6%2C12%2C9.5974%2C9.5974%2C0%2C0%2C1%2C12%2C21.6Z%22%2F%3E%3C%2Fsvg%3E\""],"names":[],"mappings":";;AAAA,IAAI,KAAK;AACT,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;AAEhR,IAAC,gBAAgB,GAAG,SAAS,gBAAgB,CAAC,KAAK,EAAE;AACxD,EAAE,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,CAAC,EAAE;AACP,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/build/inputs/ActionButton/ActionButton.js

@@ -1,42 +1,31 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
-import PropTypes from 'prop-types';
 import { ActionButton as ActionButton$1 } from './ActionButton.styled.js';
+import { jsx } from 'react/jsx-runtime';
 
+const NOOP = () => {};
+const DEFAULT_ACTION_SIZE = [40, 40];
 const ActionButton = React__default.forwardRef(function ActionButton({
   icon,
   disabled,
   active,
-  onClick,
-  actionWidthHeight,
-  useShadow,
+  onClick = NOOP,
+  actionWidthHeight = DEFAULT_ACTION_SIZE,
+  useShadow = false,
   backgroundColors,
   ...props
 }, forwardedRef) {
-  return React__default.createElement(ActionButton$1, _extends({
+  return jsx(ActionButton$1, {
     ref: forwardedRef,
     disabled: disabled,
     $active: active,
     onClick: onClick,
     $actionWidthHeight: actionWidthHeight,
     $backgroundColors: backgroundColors,
-    $useShadow: useShadow
-  }, props), icon);
+    $useShadow: useShadow,
+    ...props,
+    children: icon
+  });
 });
-ActionButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  icon: PropTypes.element.isRequired,
-  disabled: PropTypes.bool,
-  active: PropTypes.bool,
-  onClick: PropTypes.func,
-  backgroundColors: PropTypes.arrayOf(PropTypes.string),
-  actionWidthHeight: PropTypes.array,
-  useShadow: PropTypes.bool
-} : {};
-ActionButton.defaultProps = {
-  onClick: () => {},
-  actionWidthHeight: [40, 40],
-  useShadow: false
-};
 
 export { ActionButton as default };
 //# sourceMappingURL=ActionButton.js.map

package/build/inputs/ActionButton/ActionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButton.js","sources":["../../../src/components/inputs/ActionButton/ActionButton.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport * as S from './ActionButton.styled';\n\n/**\n * An action button.\n *\n * ### Import\n *\n * ``` js\n * import { ActionButton } from '@ntbjs/react-components/inputs'\n * // or\n * import ActionButton from '@ntbjs/react-components/inputs/ActionButton'\n * ```\n *\n * ### Props\n * ```\n * Pass `icon={<svg></svg>}` to display an icon.\n * Pass `disabled={true}` to disable the button.\n * Pass `active={true}` to lock the hover state of the button.\n * Pass `onClick={() => {}}` to add an on-click effect.\n * Pass `backgroundColors={[#ffffff, #000000]}` to set the background color of the button\n * ```\n */\nconst ActionButton = React.forwardRef(function ActionButton(\n  { icon, disabled, active, onClick, actionWidthHeight, useShadow, backgroundColors, ...props },\n  forwardedRef\n) {\n  return (\n    <S.ActionButton\n      ref={forwardedRef}\n      disabled={disabled}\n      $active={active}\n      onClick={onClick}\n      $actionWidthHeight={actionWidthHeight}\n      $backgroundColors={backgroundColors}\n      $useShadow={useShadow}\n      {...props}\n    >\n      {icon}\n    </S.ActionButton>\n  );\n});\n\nActionButton.propTypes = {\n  /**\n   * Icon element – e.g: `icon={<SvgAddCircle />}`\n   */\n  icon: PropTypes.element.isRequired,\n  /**\n   * Disable the action button\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Locks the hover state of the `ActionButton` – this prop only affects the visual appearance of the\n   * `ActionButton`\n   */\n  active: PropTypes.bool,\n  /**\n   * On-click effect for the action button\n   */\n  onClick: PropTypes.func,\n  /**\n   * Color of the button background as an array of [darkThemeColor, lightThemeColor]\n   */\n  backgroundColors: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Width and Height of the Action Button [50, 50]\n   */\n  actionWidthHeight: PropTypes.array,\n  /**\n   *Use shadow for the action button\n   */\n  useShadow: PropTypes.bool\n};\n\nActionButton.defaultProps = {\n  onClick: () => {},\n  actionWidthHeight: [40, 40],\n  useShadow: false\n};\n\nexport default ActionButton;\n"],"names":["ActionButton","React","forwardRef","icon","disabled","active","onClick","actionWidthHeight","useShadow","backgroundColors","props","forwardedRef","createElement","S","_extends","ref","$active","$actionWidthHeight","$backgroundColors","$useShadow","propTypes","process","env","NODE_ENV","PropTypes","element","isRequired","bool","func","arrayOf","string","array","defaultProps"],"mappings":";;;;;AAwBMA,MAAAA,YAAY,GAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,YAAYA,CACzD;EAAEG,IAAI;EAAEC,QAAQ;EAAEC,MAAM;EAAEC,OAAO;EAAEC,iBAAiB;EAAEC,SAAS;EAAEC,gBAAgB;EAAE,GAAGC,KAAAA;AAAM,CAAC,EAC7FC,YAAY,EACZ;EACA,OACEV,cAAA,CAAAW,aAAA,CAACC,cAAc,EAAAC,QAAA,CAAA;AACbC,IAAAA,GAAG,EAAEJ,YAAa;AAClBP,IAAAA,QAAQ,EAAEA,QAAS;AACnBY,IAAAA,OAAO,EAAEX,MAAO;AAChBC,IAAAA,OAAO,EAAEA,OAAQ;AACjBW,IAAAA,kBAAkB,EAAEV,iBAAkB;AACtCW,IAAAA,iBAAiB,EAAET,gBAAiB;AACpCU,IAAAA,UAAU,EAAEX,SAAAA;GACRE,EAAAA,KAAK,CAERP,EAAAA,IACa,CAAC,CAAA;AAErB,CAAC,EAAC;AAEFH,YAAY,CAACoB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAG,YAAA,GAAA;AAIvBpB,EAAAA,IAAI,EAAEqB,SAAS,CAACC,OAAO,CAACC,UAAU;EAIlCtB,QAAQ,EAAEoB,SAAS,CAACG,IAAI;EAKxBtB,MAAM,EAAEmB,SAAS,CAACG,IAAI;EAItBrB,OAAO,EAAEkB,SAAS,CAACI,IAAI;EAIvBnB,gBAAgB,EAAEe,SAAS,CAACK,OAAO,CAACL,SAAS,CAACM,MAAM,CAAC;EAIrDvB,iBAAiB,EAAEiB,SAAS,CAACO,KAAK;EAIlCvB,SAAS,EAAEgB,SAAS,CAACG,IAAAA;AACvB,CAAC,GAAA,EAAA,CAAA;AAED3B,YAAY,CAACgC,YAAY,GAAG;AAC1B1B,EAAAA,OAAO,EAAEA,MAAM,EAAE;AACjBC,EAAAA,iBAAiB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;AAC3BC,EAAAA,SAAS,EAAE,KAAA;AACb,CAAC;;;;"}
+{"version":3,"file":"ActionButton.js","sources":["../../../src/components/inputs/ActionButton/ActionButton.tsx"],"sourcesContent":["import React from 'react';\nimport * as S from './ActionButton.styled';\n\nconst NOOP = () => {};\nconst DEFAULT_ACTION_SIZE = [40, 40];\n\ntype ActionButtonOwnProps = {\n  /**\n   * Icon element – e.g: `icon={<SvgAddCircle />}`\n   */\n  icon: React.ReactElement<any>;\n  /**\n   * Disable the action button\n   */\n  disabled?: boolean;\n  /**\n   * Locks the hover state of the `ActionButton` – this prop only affects the visual appearance of the\n   * `ActionButton`\n   */\n  active?: boolean;\n  /**\n   * On-click effect for the action button\n   */\n  onClick?: (...args: any[]) => any;\n  /**\n   * Color of the button background as an array of [darkThemeColor, lightThemeColor]\n   */\n  backgroundColors?: string[];\n  /**\n   * Width and Height of the Action Button [50, 50]\n   */\n  actionWidthHeight?: any[];\n  /**\n   *Use shadow for the action button\n   */\n  useShadow?: boolean;\n};\n\n/*\n * NMB-3998 §C.2: `props` is spread onto `S.ActionButton`, so the published type\n * has to admit that target's props too — a closed type here is worse than `any` for the\n * 125 consumer files. Declared members win over the base (`Omit` by `keyof ActionButtonOwnProps`);\n * a bare `&` would INTERSECT a colliding member instead of overriding it, which narrows\n * it (measured: `rows?: number | string` & `rows?: number`) or empties it to `never`.\n */\ntype ActionButtonProps = Omit<\n  React.ComponentPropsWithoutRef<typeof S.ActionButton>,\n  keyof ActionButtonOwnProps\n> &\n  ActionButtonOwnProps;\n\n/**\n * An action button.\n *\n * ### Import\n *\n * ``` js\n * import { ActionButton } from '@ntbjs/react-components/inputs'\n * // or\n * import ActionButton from '@ntbjs/react-components/inputs/ActionButton'\n * ```\n *\n * ### Props\n * ```\n * Pass `icon={<svg></svg>}` to display an icon.\n * Pass `disabled={true}` to disable the button.\n * Pass `active={true}` to lock the hover state of the button.\n * Pass `onClick={() => {}}` to add an on-click effect.\n * Pass `backgroundColors={[#ffffff, #000000]}` to set the background color of the button\n * ```\n */\nconst ActionButton = React.forwardRef<any, ActionButtonProps>(function ActionButton(\n  {\n    icon,\n    disabled,\n    active,\n    onClick = NOOP,\n    actionWidthHeight = DEFAULT_ACTION_SIZE,\n    useShadow = false,\n    backgroundColors,\n    ...props\n  },\n  forwardedRef\n) {\n  return (\n    <S.ActionButton\n      ref={forwardedRef}\n      disabled={disabled}\n      $active={active}\n      onClick={onClick}\n      $actionWidthHeight={actionWidthHeight}\n      $backgroundColors={backgroundColors}\n      $useShadow={useShadow}\n      {...props}\n    >\n      {icon}\n    </S.ActionButton>\n  );\n});\n\nexport default ActionButton;\n"],"names":["NOOP","DEFAULT_ACTION_SIZE","ActionButton","React","forwardRef","icon","disabled","active","onClick","actionWidthHeight","useShadow","backgroundColors","props","forwardedRef","_jsx","S","ref","$active","$actionWidthHeight","$backgroundColors","$useShadow","children"],"mappings":";;;;AAGA,MAAMA,IAAI,GAAGA,MAAM,CAAC,CAAC;AACrB,MAAMC,mBAAmB,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC;AAmEpC,MAAMC,YAAY,GAAGC,cAAK,CAACC,UAAU,CAAyB,SAASF,YAAYA,CACjF;EACEG,IAAI;EACJC,QAAQ;EACRC,MAAM;AACNC,EAAAA,OAAO,GAAGR,IAAI;AACdS,EAAAA,iBAAiB,GAAGR,mBAAmB;AACvCS,EAAAA,SAAS,GAAG,KAAK;EACjBC,gBAAgB;EAChB,GAAGC;AACL,CAAC,EACDC,YAAY,EACZ;AACA,EAAA,OACEC,GAAA,CAACC,cAAc,EAAA;AACbC,IAAAA,GAAG,EAAEH,YAAa;AAClBP,IAAAA,QAAQ,EAAEA,QAAS;AACnBW,IAAAA,OAAO,EAAEV,MAAO;AAChBC,IAAAA,OAAO,EAAEA,OAAQ;AACjBU,IAAAA,kBAAkB,EAAET,iBAAkB;AACtCU,IAAAA,iBAAiB,EAAER,gBAAiB;AACpCS,IAAAA,UAAU,EAAEV,SAAU;AAAA,IAAA,GAClBE,KAAK;AAAAS,IAAAA,QAAA,EAERhB;AAAI,GACS,CAAC;AAErB,CAAC;;;;"}

package/build/inputs/ActionButton/ActionButton.styled.js

@@ -5,63 +5,14 @@ import { applyDefaultTheme } from '../../utils/defaultTheme.js';
 const shouldForwardProp = prop => prop !== 'theme' && !prop.startsWith('$');
 const ActionButton = styled.button.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-  width: ${props => `${props.$actionWidthHeight[0]}px`};
-  height: ${props => `${props.$actionWidthHeight[1]}px`};
-  border: 0;
-  color: inherit;
-  background-color: transparent;
-
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: 0 0;
-  transition: background-size 250ms ease;
-  cursor: pointer;
-
-  ${props => {
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ActionButtonstyled__ActionButton",
+  componentId: "sc-1e4xjt4-0"
+})(["display:inline-flex;justify-content:center;align-items:center;border-radius:50%;width:", ";height:", ";border:0;color:inherit;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:0 0;transition:background-size 250ms ease;cursor:pointer;", " &:hover:not(:disabled){background-size:", "px ", "px;svg{", ";}}", " ", " &:disabled{opacity:0.5;color:inherit;cursor:not-allowed;}svg{width:100%;max-width:", ";max-height:", ";pointer-events:none;transition:color 250ms;}"], props => `${props.$actionWidthHeight[0]}px`, props => `${props.$actionWidthHeight[1]}px`, props => {
   const darkThemeBgColor = props?.$backgroundColors?.[0] ?? props.theme.getColor('gray-600');
   const lightThemeBgColor = props?.$backgroundColors?.[1] ?? props.theme.getColor('gray-200');
   return props.theme.themeProp('background-image', `radial-gradient(circle at center, ${darkThemeBgColor} 50%, transparent 51%)`, `radial-gradient(circle at center, ${lightThemeBgColor} 50%, transparent 51%)`);
-}}
-
-  &:hover:not(:disabled) {
-    background-size: ${props => Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2}px
-      ${props => Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2}px;
-
-    svg {
-      ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'))};
-    }
-  }
-
-  ${props => props.$active && css`
-      background-size: ${Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2}px
-        ${Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2}px;
-
-      svg {
-        ${props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'))};
-      }
-    `}
-
-  ${props => props.$useShadow ? props.theme.themeProp('box-shadow', `0px 3px 6px ${rgba(props.theme.getColor('black'), 0.7)}`, `0px 3px 6px ${props.theme.getColor('black')}`) : null}
-
-  &:disabled {
-    opacity: 0.5;
-    color: inherit;
-    cursor: not-allowed;
-  }
-
-  svg {
-    width: 100%;
-    max-width: ${props => `${props.$actionWidthHeight[0] - 15}px`};
-    max-height: ${props => `${props.$actionWidthHeight[1] - 15}px`};
-    pointer-events: none;
-    transition: color 250ms;
-  }
-`;
+}, props => Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2, props => Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2, props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700')), props => props.$active && css(["background-size:", "px ", "px;svg{", ";}"], Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2, Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2, props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'))), props => props.$useShadow ? props.theme.themeProp('box-shadow', `0px 3px 6px ${rgba(props.theme.getColor('black'), 0.7)}`, `0px 3px 6px ${props.theme.getColor('black')}`) : null, props => `${props.$actionWidthHeight[0] - 15}px`, props => `${props.$actionWidthHeight[1] - 15}px`);
 
 export { ActionButton };
 //# sourceMappingURL=ActionButton.styled.js.map

package/build/inputs/ActionButton/ActionButton.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButton.styled.js","sources":["../../../src/components/inputs/ActionButton/ActionButton.styled.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { rgba } from 'polished';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nconst shouldForwardProp = prop => prop !== 'theme' && !prop.startsWith('$');\n\nexport const ActionButton = styled.button\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  width: ${props => `${props.$actionWidthHeight[0]}px`};\n  height: ${props => `${props.$actionWidthHeight[1]}px`};\n  border: 0;\n  color: inherit;\n  background-color: transparent;\n\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 0 0;\n  transition: background-size 250ms ease;\n  cursor: pointer;\n\n  ${props => {\n    const darkThemeBgColor = props?.$backgroundColors?.[0] ?? props.theme.getColor('gray-600');\n    const lightThemeBgColor = props?.$backgroundColors?.[1] ?? props.theme.getColor('gray-200');\n    return props.theme.themeProp(\n      'background-image',\n      `radial-gradient(circle at center, ${darkThemeBgColor} 50%, transparent 51%)`,\n      `radial-gradient(circle at center, ${lightThemeBgColor} 50%, transparent 51%)`\n    );\n  }}\n\n  &:hover:not(:disabled) {\n    background-size: ${props =>\n      Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2}px\n      ${props => Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2}px;\n\n    svg {\n      ${props =>\n        props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-100'),\n          props.theme.getColor('gray-700')\n        )};\n    }\n  }\n\n  ${props =>\n    props.$active &&\n    css`\n      background-size: ${Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2}px\n        ${Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2}px;\n\n      svg {\n        ${props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-100'),\n          props.theme.getColor('gray-700')\n        )};\n      }\n    `}\n\n  ${props =>\n    props.$useShadow\n      ? props.theme.themeProp(\n          'box-shadow',\n          `0px 3px 6px ${rgba(props.theme.getColor('black'), 0.7)}`,\n          `0px 3px 6px ${props.theme.getColor('black')}`\n        )\n      : null}\n\n  &:disabled {\n    opacity: 0.5;\n    color: inherit;\n    cursor: not-allowed;\n  }\n\n  svg {\n    width: 100%;\n    max-width: ${props => `${props.$actionWidthHeight[0] - 15}px`};\n    max-height: ${props => `${props.$actionWidthHeight[1] - 15}px`};\n    pointer-events: none;\n    transition: color 250ms;\n  }\n`;\n"],"names":["shouldForwardProp","prop","startsWith","ActionButton","styled","button","withConfig","attrs","applyDefaultTheme","props","$actionWidthHeight","darkThemeBgColor","$backgroundColors","theme","getColor","lightThemeBgColor","themeProp","Math","max","$active","css","$useShadow","rgba"],"mappings":"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"}
+{"version":3,"file":"ActionButton.styled.js","sources":["../../../src/components/inputs/ActionButton/ActionButton.styled.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { rgba } from 'polished';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\n/*\n * THE ONE-LINE VARIANT OF THE PREDICATE 33 OTHER FILES SPELL OVER THREE LINES — kept\n * on one line, because reformatting it is churn in a diff that has to be reviewable as\n * \"types only\". Single-argument, and it stays that way: the peer floor is\n * `styled-components: >=5.1.0` and the two majors disagree on the second parameter (v6\n * `elementToBeCreated`, v5.1 `defaultValidatorFn`), so a one-parameter function is the\n * only form correct on both. Rules in\n * `layout/SectionSeparator/SectionSeparator.styled.ts`, derivation in\n * `scripts/TS-MIGRATION-PLAYBOOK.md` §J.4. `prop` needs the annotation because\n * `withConfig` takes this by reference, so it gets no contextual typing.\n */\nconst shouldForwardProp = (prop: string): boolean => prop !== 'theme' && !prop.startsWith('$');\n\n/**\n * Props of the one styled component in this file. Value types from\n * `ActionButton.tsx`'s propTypes; all optional per §J.5 — and here that is not\n * theoretical, `ActionButton.tsx` spreads `{...props}` onto this root, which is the\n * measured TS2769 case.\n *\n * `disabled` is deliberately ABSENT: it is a real `ButtonHTMLAttributes` member, the\n * component passes it, and the template only uses the `&:disabled` CSS pseudo-class\n * rather than reading the prop. Nothing to declare. §J.9, first row.\n */\nexport interface ActionButtonStyleProps {\n  /**\n   * `actionWidthHeight` — `PropTypes.array`, `[width, height]` in px, defaulted to\n   * `[40, 40]` BY THE COMPONENT (which is not a default here, so still optional).\n   * `number[]` rather than `[number, number]`: the propTypes accept any array and the\n   * template only ever indexes `[0]` and `[1]`.\n   *\n   * NOTE FOR THE `strictNullChecks` FLIP: these seven reads are UNGUARDED\n   * (`props.$actionWidthHeight[0]`, not `props.$actionWidthHeight?.[0]`), unlike every\n   * other transient prop in the converted files. They compile today because\n   * `strictNullChecks` is off; when it is turned on at the end of the migration this\n   * is the site that needs either `?.` plus a fallback or a required prop, and either\n   * is a behaviour question rather than a typing one — so it is recorded, not changed\n   * here. (`$backgroundColors` below is already read with `?.`.)\n   */\n  $actionWidthHeight?: number[];\n  /** `backgroundColors` — `PropTypes.arrayOf(PropTypes.string)`, `[dark, light]`. */\n  $backgroundColors?: string[];\n  /** `active` — `PropTypes.bool`. Locks the hover state. */\n  $active?: boolean;\n  /** `useShadow` — `PropTypes.bool`. Component defaults it to `false`. */\n  $useShadow?: boolean;\n}\n\nexport const ActionButton = styled.button\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<ActionButtonStyleProps>(applyDefaultTheme)`\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  width: ${props => `${props.$actionWidthHeight[0]}px`};\n  height: ${props => `${props.$actionWidthHeight[1]}px`};\n  border: 0;\n  color: inherit;\n  background-color: transparent;\n\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 0 0;\n  transition: background-size 250ms ease;\n  cursor: pointer;\n\n  ${props => {\n    const darkThemeBgColor = props?.$backgroundColors?.[0] ?? props.theme.getColor('gray-600');\n    const lightThemeBgColor = props?.$backgroundColors?.[1] ?? props.theme.getColor('gray-200');\n    return props.theme.themeProp(\n      'background-image',\n      `radial-gradient(circle at center, ${darkThemeBgColor} 50%, transparent 51%)`,\n      `radial-gradient(circle at center, ${lightThemeBgColor} 50%, transparent 51%)`\n    );\n  }}\n\n  &:hover:not(:disabled) {\n    background-size: ${props =>\n      Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2}px\n      ${props => Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2}px;\n\n    svg {\n      ${props =>\n        props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-100'),\n          props.theme.getColor('gray-700')\n        )};\n    }\n  }\n\n  ${props =>\n    props.$active &&\n    css`\n      background-size: ${Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2}px\n        ${Math.max(props.$actionWidthHeight[0], props.$actionWidthHeight[1]) * 2}px;\n\n      svg {\n        ${props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-100'),\n          props.theme.getColor('gray-700')\n        )};\n      }\n    `}\n\n  ${props =>\n    props.$useShadow\n      ? props.theme.themeProp(\n          'box-shadow',\n          `0px 3px 6px ${rgba(props.theme.getColor('black'), 0.7)}`,\n          `0px 3px 6px ${props.theme.getColor('black')}`\n        )\n      : null}\n\n  &:disabled {\n    opacity: 0.5;\n    color: inherit;\n    cursor: not-allowed;\n  }\n\n  svg {\n    width: 100%;\n    max-width: ${props => `${props.$actionWidthHeight[0] - 15}px`};\n    max-height: ${props => `${props.$actionWidthHeight[1] - 15}px`};\n    pointer-events: none;\n    transition: color 250ms;\n  }\n`;\n"],"names":["shouldForwardProp","prop","startsWith","ActionButton","styled","button","withConfig","attrs","applyDefaultTheme","displayName","componentId","props","$actionWidthHeight","darkThemeBgColor","$backgroundColors","theme","getColor","lightThemeBgColor","themeProp","Math","max","$active","css","$useShadow","rgba"],"mappings":";;;;AAeA,MAAMA,iBAAiB,GAAIC,IAAY,IAAcA,IAAI,KAAK,OAAO,IAAI,CAACA,IAAI,CAACC,UAAU,CAAC,GAAG,CAAC;AAoCvF,MAAMC,YAAY,GAAGC,MAAM,CAACC,MAAM,CACtCC,UAAU,CAAC;AACVN,EAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAAyBC,iBAAiB,CAAC,CAAAF,UAAA,CAAA;EAAAG,WAAA,EAAA,kCAAA;EAAAC,WAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,wFAAA,EAAA,UAAA,EAAA,uLAAA,EAAA,0CAAA,EAAA,KAAA,EAAA,SAAA,EAAA,KAAA,EAAA,GAAA,EAAA,qFAAA,EAAA,cAAA,EAAA,+CAAA,CAAA,EAKxCC,KAAK,IAAI,CAAA,EAAGA,KAAK,CAACC,kBAAkB,CAAC,CAAC,CAAC,CAAA,EAAA,CAAI,EAC1CD,KAAK,IAAI,CAAA,EAAGA,KAAK,CAACC,kBAAkB,CAAC,CAAC,CAAC,CAAA,EAAA,CAAI,EAWnDD,KAAK,IAAI;AACT,EAAA,MAAME,gBAAgB,GAAGF,KAAK,EAAEG,iBAAiB,GAAG,CAAC,CAAC,IAAIH,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,UAAU,CAAC;AAC1F,EAAA,MAAMC,iBAAiB,GAAGN,KAAK,EAAEG,iBAAiB,GAAG,CAAC,CAAC,IAAIH,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,UAAU,CAAC;AAC3F,EAAA,OAAOL,KAAK,CAACI,KAAK,CAACG,SAAS,CAC1B,kBAAkB,EAClB,CAAA,kCAAA,EAAqCL,gBAAgB,CAAA,sBAAA,CAAwB,EAC7E,CAAA,kCAAA,EAAqCI,iBAAiB,wBACxD,CAAC;AACH,CAAC,EAGoBN,KAAK,IACtBQ,IAAI,CAACC,GAAG,CAACT,KAAK,CAACC,kBAAkB,CAAC,CAAC,CAAC,EAAED,KAAK,CAACC,kBAAkB,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EACpED,KAAK,IAAIQ,IAAI,CAACC,GAAG,CAACT,KAAK,CAACC,kBAAkB,CAAC,CAAC,CAAC,EAAED,KAAK,CAACC,kBAAkB,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAG/ED,KAAK,IACLA,KAAK,CAACI,KAAK,CAACG,SAAS,CACnB,OAAO,EACPP,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,UAAU,CAAC,EAChCL,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,UAAU,CACjC,CAAC,EAILL,KAAK,IACLA,KAAK,CAACU,OAAO,IACbC,GAAG,CAAA,CAAA,kBAAA,EAAA,KAAA,EAAA,SAAA,EAAA,IAAA,CAAA,EACkBH,IAAI,CAACC,GAAG,CAACT,KAAK,CAACC,kBAAkB,CAAC,CAAC,CAAC,EAAED,KAAK,CAACC,kBAAkB,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EACrFO,IAAI,CAACC,GAAG,CAACT,KAAK,CAACC,kBAAkB,CAAC,CAAC,CAAC,EAAED,KAAK,CAACC,kBAAkB,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAGtED,KAAK,CAACI,KAAK,CAACG,SAAS,CACrB,OAAO,EACPP,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,UAAU,CAAC,EAChCL,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,UAAU,CACjC,CAAC,CAEJ,EAEDL,KAAK,IACLA,KAAK,CAACY,UAAU,GACZZ,KAAK,CAACI,KAAK,CAACG,SAAS,CACnB,YAAY,EACZ,eAAeM,IAAI,CAACb,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EAAE,EACzD,CAAA,YAAA,EAAeL,KAAK,CAACI,KAAK,CAACC,QAAQ,CAAC,OAAO,CAAC,CAAA,CAC9C,CAAC,GACD,IAAI,EAUKL,KAAK,IAAI,CAAA,EAAGA,KAAK,CAACC,kBAAkB,CAAC,CAAC,CAAC,GAAG,EAAE,CAAA,EAAA,CAAI,EAC/CD,KAAK,IAAI,CAAA,EAAGA,KAAK,CAACC,kBAAkB,CAAC,CAAC,CAAC,GAAG,EAAE,CAAA,EAAA,CAAI;;;;"}

package/build/inputs/Button/Button.js

@@ -1,10 +1,9 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState, useRef, useEffect } from 'react';
-import PropTypes from 'prop-types';
 import { ButtonWrapper, MainButtonWrapper, MainButtonContainer, Button as Button$1, ButtonContent, LoadingIndicator, LoadingIndicatorSvg, LoadingIndicatorSvgCircle, DropdownButtonContainer, MainButtonContainerSingle } from './Button.styled.js';
 import Popover from '../../data/Popover/Popover.js';
 import ContextMenu from '../../widgets/ContextMenu/ContextMenu.js';
 import { ReactComponent as SvgExpandMore } from '../../icons/expand-more.svg.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 const Button = React__default.forwardRef(function Button({
   onClickEffect,
@@ -77,126 +76,131 @@ const Button = React__default.forwardRef(function Button({
   const handleDropdownClose = () => {
     setDropdownIsActive(false);
   };
-  return React__default.createElement(ButtonWrapper, null, !singleAction ? React__default.createElement(MainButtonWrapper, {
-    $activeDropdown: activeDropdown,
-    $dropdownItems: dropdownItems,
-    $outlined: outlined,
-    $secondary: secondary,
-    $block: block
-  }, React__default.createElement(MainButtonContainer, {
-    $dropdownItems: dropdownItems,
-    $secondary: secondary,
-    $outlined: outlined,
-    $block: block
-  }, React__default.createElement(Button$1, _extends({
-    ref: forwardedRef,
-    onClick: onClickEffect,
-    $border: border,
-    $singleaction: singleAction,
-    $dropdownItems: dropdownItems,
-    $secondary: secondary,
-    $outlined: outlined,
-    $block: block,
-    size: size,
-    disabled: disabled,
-    className: className,
-    "aria-busy": disabled,
-    $width: width
-  }, props), React__default.createElement(ButtonContent, {
-    $loading: loadingState,
-    size: size
-  }, icon, children), React__default.createElement(LoadingIndicator, {
-    $loading: loadingState,
-    style: {
-      opacity: loadingState ? 1 : 0
-    }
-  }, React__default.createElement(LoadingIndicatorSvg, {
-    viewBox: "22 22 44 44"
-  }, React__default.createElement(LoadingIndicatorSvgCircle, {
-    cx: "44",
-    cy: "44",
-    r: "18",
-    fill: "none",
-    strokeWidth: "4",
-    stroke: "currentColor",
-    style: {
-      strokeDashoffset: `${loadingStep}px`
-    }
-  }))))), (activeDropdown || dropdownItems) && React__default.createElement(DropdownButtonContainer, {
-    $dropdownItems: dropdownItems,
-    $secondary: secondary,
-    $outlined: outlined
-  }, React__default.createElement(Popover, {
-    content: React__default.createElement(ContextMenu, null, dropdownItems),
-    placement: 'bottom-end',
-    arrow: false,
-    contextMenu: true,
-    onHide: handleDropdownClose
-  }, React__default.createElement(Button$1, {
-    ref: forwardedRef,
-    $singleaction: singleAction,
-    $singleactiongap: singleActionGap,
-    $dropdownItems: dropdownItems,
-    $secondary: secondary,
-    $outlined: outlined,
-    $border: border,
-    $block: block,
-    size: size,
-    disabled: disabled,
-    onClick: handleDropdownButtonClick,
-    className: dropdownIsActive ? 'dropdown-is-active' : '',
-    $width: width
-  }, React__default.createElement(SvgExpandMore, null))))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(MainButtonContainerSingle, {
-    $dropdownItems: dropdownItems,
-    $secondary: secondary,
-    $outlined: outlined,
-    className: className
-  }, React__default.createElement(DropdownButtonContainer, {
-    $singleaction: singleAction
-  }, React__default.createElement(Popover, {
-    content: React__default.createElement(ContextMenu, null, dropdownItems),
-    placement: 'bottom-end',
-    arrow: false,
-    contextMenu: true,
-    onHide: handleDropdownClose
-  }, React__default.createElement(Button$1, {
-    ref: forwardedRef,
-    $singleaction: singleAction,
-    $singleactiongap: singleActionGap,
-    $dropdownItems: dropdownItems,
-    $secondary: secondary,
-    $outlined: outlined,
-    $border: border,
-    $block: block,
-    size: size,
-    disabled: disabled,
-    onClick: handleDropdownButtonClick,
-    className: dropdownIsActive ? 'dropdown-is-active' : '',
-    $width: width
-  }, React__default.createElement(ButtonContent, {
-    $loading: loadingState,
-    size: size,
-    $singleaction: singleAction
-  }, icon, children), React__default.createElement(SvgExpandMore, null)))))));
+  return jsx(ButtonWrapper, {
+    children: !singleAction ? jsxs(MainButtonWrapper, {
+      $activeDropdown: activeDropdown,
+      $dropdownItems: dropdownItems,
+      $outlined: outlined,
+      $secondary: secondary,
+      $block: block,
+      children: [jsx(MainButtonContainer, {
+        $dropdownItems: dropdownItems,
+        $secondary: secondary,
+        $outlined: outlined,
+        $block: block,
+        children: jsxs(Button$1, {
+          ref: forwardedRef,
+          onClick: onClickEffect,
+          $border: border,
+          $singleaction: singleAction,
+          $dropdownItems: dropdownItems,
+          $secondary: secondary,
+          $outlined: outlined,
+          $block: block,
+          size: size,
+          disabled: disabled,
+          className: className,
+          "aria-busy": disabled,
+          $width: width,
+          ...props,
+          children: [jsxs(ButtonContent, {
+            $loading: loadingState,
+            size: size,
+            children: [icon, children]
+          }), jsx(LoadingIndicator, {
+            $loading: loadingState,
+            style: {
+              opacity: loadingState ? 1 : 0
+            },
+            children: jsx(LoadingIndicatorSvg, {
+              viewBox: "22 22 44 44",
+              children: jsx(LoadingIndicatorSvgCircle, {
+                cx: "44",
+                cy: "44",
+                r: "18",
+                fill: "none",
+                strokeWidth: "4",
+                stroke: "currentColor",
+                style: {
+                  strokeDashoffset: `${loadingStep}px`
+                }
+              })
+            })
+          })]
+        })
+      }), (activeDropdown || dropdownItems) && jsx(DropdownButtonContainer, {
+        $dropdownItems: dropdownItems,
+        $secondary: secondary,
+        $outlined: outlined,
+        children: jsx(Popover, {
+          content: jsx(ContextMenu, {
+            children: dropdownItems
+          }),
+          placement: 'bottom-end',
+          arrow: false,
+          contextMenu: true,
+          onHide: handleDropdownClose,
+          children: jsx(Button$1, {
+            ref: forwardedRef,
+            $singleaction: singleAction,
+            $singleactiongap: singleActionGap,
+            $dropdownItems: dropdownItems,
+            $secondary: secondary,
+            $outlined: outlined,
+            $border: border,
+            $block: block,
+            size: size,
+            disabled: disabled,
+            onClick: handleDropdownButtonClick,
+            className: dropdownIsActive ? 'dropdown-is-active' : '',
+            $width: width,
+            children: jsx(SvgExpandMore, {})
+          })
+        })
+      })]
+    }) : jsx(Fragment, {
+      children: jsx(MainButtonContainerSingle, {
+        $dropdownItems: dropdownItems,
+        $secondary: secondary,
+        $outlined: outlined,
+        className: className,
+        children: jsx(DropdownButtonContainer, {
+          $singleaction: singleAction,
+          children: jsx(Popover, {
+            content: jsx(ContextMenu, {
+              children: dropdownItems
+            }),
+            placement: 'bottom-end',
+            arrow: false,
+            contextMenu: true,
+            onHide: handleDropdownClose,
+            children: jsxs(Button$1, {
+              ref: forwardedRef,
+              $singleaction: singleAction,
+              $singleactiongap: singleActionGap,
+              $dropdownItems: dropdownItems,
+              $secondary: secondary,
+              $outlined: outlined,
+              $border: border,
+              $block: block,
+              size: size,
+              disabled: disabled,
+              onClick: handleDropdownButtonClick,
+              className: dropdownIsActive ? 'dropdown-is-active' : '',
+              $width: width,
+              children: [jsxs(ButtonContent, {
+                $loading: loadingState,
+                size: size,
+                $singleaction: singleAction,
+                children: [icon, children]
+              }), jsx(SvgExpandMore, {})]
+            })
+          })
+        })
+      })
+    })
+  });
 });
-Button.propTypes = process.env.NODE_ENV !== "production" ? {
-  onClickEffect: PropTypes.func,
-  singleAction: PropTypes.bool,
-  activeDropdown: PropTypes.bool,
-  dropdownItems: PropTypes.node,
-  secondary: PropTypes.bool,
-  outlined: PropTypes.bool,
-  border: PropTypes.number,
-  block: PropTypes.bool,
-  icon: PropTypes.element,
-  size: PropTypes.oneOf(['x-small', 'small', 'normal', 'large']),
-  disabled: PropTypes.bool,
-  loading: PropTypes.bool,
-  className: PropTypes.string,
-  children: PropTypes.any.isRequired,
-  singleActionGap: PropTypes.number,
-  width: PropTypes.number
-} : {};
 
 export { Button as default };
 //# sourceMappingURL=Button.js.map

package/build/inputs/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/inputs/Button/Button.js"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport * as S from './Button.styled';\n\nimport Popover from '../../data/Popover';\nimport ContextMenu from '../../widgets/ContextMenu/ContextMenu';\n\nimport { ReactComponent as DropdownIcon } from '../../../icons/expand-more.svg';\n\n/**\n * Buttons communicate actions that users can take.\n *\n * ### Import\n *\n * ``` js\n * import { Button } from '@ntbjs/react-components/inputs'\n * // or\n * import Button from '@ntbjs/react-components/inputs/Button'\n * ```\n */\nconst Button = React.forwardRef(function Button(\n  {\n    onClickEffect,\n    singleAction = false,\n    activeDropdown = false,\n    dropdownItems,\n    secondary,\n    outlined,\n    block = false,\n    icon,\n    size = 'normal',\n    disabled,\n    loading,\n    className,\n    children,\n    singleActionGap = 34,\n    width,\n    border = 2,\n    ...props\n  },\n  forwardedRef\n) {\n  const [loadingState, setLoadingState] = useState(loading || false);\n  const [loadingStep, setLoadingStep] = useState(113);\n  const loadingInterval = useRef(0);\n  const loadingTimeout = useRef(0);\n  const [dropdownIsActive, setDropdownIsActive] = useState(false);\n\n  const isMounted = useRef(true);\n\n  useEffect(() => {\n    return () => {\n      isMounted.current = false;\n      clearInterval(loadingInterval.current);\n      clearTimeout(loadingTimeout.current);\n    };\n  }, []);\n\n  const enableLoading = () => {\n    loadingInterval.current = setInterval(() => {\n      setLoadingStep(currentLoadingStep => {\n        const newLoadingStep = Math.round(currentLoadingStep - (15 * currentLoadingStep) / 100);\n\n        if (newLoadingStep === currentLoadingStep) {\n          clearInterval(loadingInterval.current);\n        }\n\n        return newLoadingStep;\n      });\n    }, 300);\n\n    setLoadingState(true);\n  };\n\n  const disableLoading = () => {\n    clearInterval(loadingInterval.current);\n    setLoadingStep(0);\n\n    loadingTimeout.current = setTimeout(() => {\n      if (isMounted.current) {\n        setLoadingState(false);\n        setLoadingStep(113);\n      }\n    }, 500);\n  };\n\n  useEffect(() => {\n    if (loading) {\n      enableLoading();\n    } else {\n      disableLoading();\n    }\n\n    return () => {\n      clearInterval(loadingInterval.current);\n      clearTimeout(loadingTimeout.current);\n    };\n  }, [loading]);\n\n  const handleDropdownButtonClick = () => {\n    setDropdownIsActive(true);\n  };\n\n  const handleDropdownClose = () => {\n    setDropdownIsActive(false);\n  };\n\n  return (\n    <S.ButtonWrapper>\n      {!singleAction ? (\n        <S.MainButtonWrapper\n          $activeDropdown={activeDropdown}\n          $dropdownItems={dropdownItems}\n          $outlined={outlined}\n          $secondary={secondary}\n          $block={block}\n        >\n          <S.MainButtonContainer\n            $dropdownItems={dropdownItems}\n            $secondary={secondary}\n            $outlined={outlined}\n            $block={block}\n          >\n            <S.Button\n              ref={forwardedRef}\n              onClick={onClickEffect}\n              $border={border}\n              $singleaction={singleAction}\n              $dropdownItems={dropdownItems}\n              $secondary={secondary}\n              $outlined={outlined}\n              $block={block}\n              size={size}\n              disabled={disabled}\n              className={className}\n              aria-busy={disabled}\n              $width={width}\n              {...props}\n            >\n              <S.ButtonContent $loading={loadingState} size={size}>\n                {icon}\n                {children}\n              </S.ButtonContent>\n              <S.LoadingIndicator\n                $loading={loadingState}\n                style={{\n                  opacity: loadingState ? 1 : 0\n                }}\n              >\n                <S.LoadingIndicatorSvg viewBox=\"22 22 44 44\">\n                  <S.LoadingIndicatorSvgCircle\n                    cx=\"44\"\n                    cy=\"44\"\n                    r=\"18\"\n                    fill=\"none\"\n                    strokeWidth=\"4\"\n                    stroke=\"currentColor\"\n                    style={{\n                      strokeDashoffset: `${loadingStep}px`\n                    }}\n                  />\n                </S.LoadingIndicatorSvg>\n              </S.LoadingIndicator>\n            </S.Button>\n          </S.MainButtonContainer>\n          {(activeDropdown || dropdownItems) && (\n            <S.DropdownButtonContainer\n              $dropdownItems={dropdownItems}\n              $secondary={secondary}\n              $outlined={outlined}\n            >\n              <Popover\n                content={<ContextMenu>{dropdownItems}</ContextMenu>}\n                placement={'bottom-end'}\n                arrow={false}\n                contextMenu={true}\n                onHide={handleDropdownClose}\n              >\n                <S.Button\n                  ref={forwardedRef}\n                  $singleaction={singleAction}\n                  $singleactiongap={singleActionGap}\n                  $dropdownItems={dropdownItems}\n                  $secondary={secondary}\n                  $outlined={outlined}\n                  $border={border}\n                  $block={block}\n                  size={size}\n                  disabled={disabled}\n                  onClick={handleDropdownButtonClick}\n                  className={dropdownIsActive ? 'dropdown-is-active' : ''}\n                  $width={width}\n                >\n                  <DropdownIcon />\n                </S.Button>\n              </Popover>\n            </S.DropdownButtonContainer>\n          )}\n        </S.MainButtonWrapper>\n      ) : (\n        <>\n          <S.MainButtonContainerSingle\n            $dropdownItems={dropdownItems}\n            $secondary={secondary}\n            $outlined={outlined}\n            className={className}\n          >\n            <S.DropdownButtonContainer $singleaction={singleAction}>\n              <Popover\n                content={<ContextMenu>{dropdownItems}</ContextMenu>}\n                placement={'bottom-end'}\n                arrow={false}\n                contextMenu={true}\n                onHide={handleDropdownClose}\n              >\n                <S.Button\n                  ref={forwardedRef}\n                  $singleaction={singleAction}\n                  $singleactiongap={singleActionGap}\n                  $dropdownItems={dropdownItems}\n                  $secondary={secondary}\n                  $outlined={outlined}\n                  $border={border}\n                  $block={block}\n                  size={size}\n                  disabled={disabled}\n                  onClick={handleDropdownButtonClick}\n                  className={dropdownIsActive ? 'dropdown-is-active' : ''}\n                  $width={width}\n                >\n                  <S.ButtonContent $loading={loadingState} size={size} $singleaction={singleAction}>\n                    {icon}\n                    {children}\n                  </S.ButtonContent>\n                  <DropdownIcon />\n                </S.Button>\n              </Popover>\n            </S.DropdownButtonContainer>\n          </S.MainButtonContainerSingle>\n        </>\n      )}\n    </S.ButtonWrapper>\n  );\n});\n\nButton.propTypes = {\n  /**\n   * On-click effect for the main button\n   */\n  onClickEffect: PropTypes.func,\n\n  /**\n   * Whether the button is a \"single action button\". For single action buttons,\n   * the entire button opens the dropdown menu, not just the arrow.\n   */\n  singleAction: PropTypes.bool,\n\n  /**\n   * Whether the button must have an active dropdown menu.\n   */\n  activeDropdown: PropTypes.bool,\n\n  /**\n   * An array containing nodes of the `ContextMenuItem` component\n   */\n  dropdownItems: PropTypes.node,\n\n  /**\n   * Whether the button should be styled as a secondary button\n   */\n  secondary: PropTypes.bool,\n\n  /**\n   * Whether the button should be styled with borders\n   */\n  outlined: PropTypes.bool,\n\n  /**\n   * Whether the button should customize the border width\n   */\n  border: PropTypes.number,\n\n  /**\n   * Whether the button should be of 100% width\n   */\n  block: PropTypes.bool,\n\n  /**\n   * Optional icon to be displayed on the left side of the button\n   */\n  icon: PropTypes.element,\n\n  /**\n   * Which size variation should be used\n   */\n  size: PropTypes.oneOf(['x-small', 'small', 'normal', 'large']),\n\n  /**\n   * Whether the button should be disabled\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * Whether the button should be initiated in a loading state\n   */\n  loading: PropTypes.bool,\n\n  /**\n   * Optional custom classnames for the HTML element\n   */\n  className: PropTypes.string,\n\n  /**\n   * Main content of the button\n   */\n  children: PropTypes.any.isRequired,\n  /**\n   * Gap between arrow and text in single action button\n   */\n  singleActionGap: PropTypes.number,\n\n  /**\n   * Custom  min-width\n   */\n  width: PropTypes.number\n};\n\nexport default Button;\n"],"names":["Button","React","forwardRef","onClickEffect","singleAction","activeDropdown","dropdownItems","secondary","outlined","block","icon","size","disabled","loading","className","children","singleActionGap","width","border","props","forwardedRef","loadingState","setLoadingState","useState","loadingStep","setLoadingStep","loadingInterval","useRef","loadingTimeout","dropdownIsActive","setDropdownIsActive","isMounted","useEffect","current","clearInterval","clearTimeout","enableLoading","setInterval","currentLoadingStep","newLoadingStep","Math","round","disableLoading","setTimeout","handleDropdownButtonClick","handleDropdownClose","createElement","S","$activeDropdown","$dropdownItems","$outlined","$secondary","$block","_extends","ref","onClick","$border","$singleaction","$width","$loading","style","opacity","viewBox","cx","cy","r","fill","strokeWidth","stroke","strokeDashoffset","Popover","content","ContextMenu","placement","arrow","contextMenu","onHide","$singleactiongap","DropdownIcon","Fragment","propTypes","process","env","NODE_ENV","PropTypes","func","bool","node","number","element","oneOf","string","any","isRequired"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/inputs/Button/Button.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport * as S from './Button.styled';\n\nimport Popover from '../../data/Popover';\nimport ContextMenu from '../../widgets/ContextMenu/ContextMenu';\n\nimport { ReactComponent as DropdownIcon } from '../../../icons/expand-more.svg';\n\ntype ButtonOwnProps = {\n  /**\n   * On-click effect for the main button\n   */\n  onClickEffect?: (...args: any[]) => any;\n  /**\n   * Whether the button is a \"single action button\". For single action buttons,\n   * the entire button opens the dropdown menu, not just the arrow.\n   */\n  singleAction?: boolean;\n  /**\n   * Whether the button must have an active dropdown menu.\n   */\n  activeDropdown?: boolean;\n  /**\n   * An array containing nodes of the `ContextMenuItem` component\n   */\n  dropdownItems?: React.ReactNode;\n  /**\n   * Whether the button should be styled as a secondary button\n   */\n  secondary?: boolean;\n  /**\n   * Whether the button should be styled with borders\n   */\n  outlined?: boolean;\n  /**\n   * Whether the button should customize the border width\n   */\n  border?: number;\n  /**\n   * Whether the button should be of 100% width\n   */\n  block?: boolean;\n  /**\n   * Optional icon to be displayed on the left side of the button\n   */\n  icon?: React.ReactElement<any>;\n  /**\n   * Which size variation should be used\n   */\n  size?: 'x-small' | 'small' | 'normal' | 'large';\n  /**\n   * Whether the button should be disabled\n   */\n  disabled?: boolean;\n  /**\n   * Whether the button should be initiated in a loading state\n   */\n  loading?: boolean;\n  /**\n   * Optional custom classnames for the HTML element\n   */\n  className?: string;\n  /**\n   * Main content of the button\n   */\n  children: any;\n  /**\n   * Gap between arrow and text in single action button\n   */\n  singleActionGap?: number;\n  /**\n   * Custom  min-width\n   */\n  width?: number;\n};\n\n/*\n * NMB-3998 §C.2: `props` is spread onto `S.Button`, so the published type\n * has to admit that target's props too — a closed type here is worse than `any` for the\n * 125 consumer files. Declared members win over the base (`Omit` by `keyof ButtonOwnProps`);\n * a bare `&` would INTERSECT a colliding member instead of overriding it, which narrows\n * it (measured: `rows?: number | string` & `rows?: number`) or empties it to `never`.\n */\ntype Props = Omit<React.ComponentPropsWithoutRef<typeof S.Button>, keyof ButtonOwnProps> &\n  ButtonOwnProps;\n\n/**\n * Buttons communicate actions that users can take.\n *\n * ### Import\n *\n * ``` js\n * import { Button } from '@ntbjs/react-components/inputs'\n * // or\n * import Button from '@ntbjs/react-components/inputs/Button'\n * ```\n */\nconst Button = React.forwardRef<any, Props>(function Button(\n  {\n    onClickEffect,\n    singleAction = false,\n    activeDropdown = false,\n    dropdownItems,\n    secondary,\n    outlined,\n    block = false,\n    icon,\n    size = 'normal',\n    disabled,\n    loading,\n    className,\n    children,\n    singleActionGap = 34,\n    width,\n    border = 2,\n    ...props\n  },\n  forwardedRef\n) {\n  const [loadingState, setLoadingState] = useState(loading || false);\n  const [loadingStep, setLoadingStep] = useState(113);\n  const loadingInterval = useRef(0);\n  const loadingTimeout = useRef(0);\n  const [dropdownIsActive, setDropdownIsActive] = useState(false);\n\n  const isMounted = useRef(true);\n\n  useEffect(() => {\n    return () => {\n      isMounted.current = false;\n      clearInterval(loadingInterval.current);\n      clearTimeout(loadingTimeout.current);\n    };\n  }, []);\n\n  const enableLoading = () => {\n    loadingInterval.current = setInterval(() => {\n      setLoadingStep(currentLoadingStep => {\n        const newLoadingStep = Math.round(currentLoadingStep - (15 * currentLoadingStep) / 100);\n\n        if (newLoadingStep === currentLoadingStep) {\n          clearInterval(loadingInterval.current);\n        }\n\n        return newLoadingStep;\n      });\n    }, 300);\n\n    setLoadingState(true);\n  };\n\n  const disableLoading = () => {\n    clearInterval(loadingInterval.current);\n    setLoadingStep(0);\n\n    loadingTimeout.current = setTimeout(() => {\n      if (isMounted.current) {\n        setLoadingState(false);\n        setLoadingStep(113);\n      }\n    }, 500);\n  };\n\n  useEffect(() => {\n    if (loading) {\n      enableLoading();\n    } else {\n      disableLoading();\n    }\n\n    return () => {\n      clearInterval(loadingInterval.current);\n      clearTimeout(loadingTimeout.current);\n    };\n  }, [loading]);\n\n  const handleDropdownButtonClick = () => {\n    setDropdownIsActive(true);\n  };\n\n  const handleDropdownClose = () => {\n    setDropdownIsActive(false);\n  };\n\n  return (\n    <S.ButtonWrapper>\n      {!singleAction ? (\n        <S.MainButtonWrapper\n          $activeDropdown={activeDropdown}\n          $dropdownItems={dropdownItems}\n          $outlined={outlined}\n          $secondary={secondary}\n          $block={block}\n        >\n          <S.MainButtonContainer\n            $dropdownItems={dropdownItems}\n            $secondary={secondary}\n            $outlined={outlined}\n            $block={block}\n          >\n            <S.Button\n              ref={forwardedRef}\n              onClick={onClickEffect}\n              $border={border}\n              $singleaction={singleAction}\n              $dropdownItems={dropdownItems}\n              $secondary={secondary}\n              $outlined={outlined}\n              $block={block}\n              size={size}\n              disabled={disabled}\n              className={className}\n              aria-busy={disabled}\n              $width={width}\n              {...props}\n            >\n              <S.ButtonContent $loading={loadingState} size={size}>\n                {icon}\n                {children}\n              </S.ButtonContent>\n              <S.LoadingIndicator\n                $loading={loadingState}\n                style={{\n                  opacity: loadingState ? 1 : 0\n                }}\n              >\n                <S.LoadingIndicatorSvg viewBox=\"22 22 44 44\">\n                  <S.LoadingIndicatorSvgCircle\n                    cx=\"44\"\n                    cy=\"44\"\n                    r=\"18\"\n                    fill=\"none\"\n                    strokeWidth=\"4\"\n                    stroke=\"currentColor\"\n                    style={{\n                      strokeDashoffset: `${loadingStep}px`\n                    }}\n                  />\n                </S.LoadingIndicatorSvg>\n              </S.LoadingIndicator>\n            </S.Button>\n          </S.MainButtonContainer>\n          {(activeDropdown || dropdownItems) && (\n            <S.DropdownButtonContainer\n              $dropdownItems={dropdownItems}\n              $secondary={secondary}\n              $outlined={outlined}\n            >\n              <Popover\n                content={<ContextMenu>{dropdownItems}</ContextMenu>}\n                placement={'bottom-end'}\n                arrow={false}\n                contextMenu={true}\n                onHide={handleDropdownClose}\n              >\n                <S.Button\n                  ref={forwardedRef}\n                  $singleaction={singleAction}\n                  $singleactiongap={singleActionGap}\n                  $dropdownItems={dropdownItems}\n                  $secondary={secondary}\n                  $outlined={outlined}\n                  $border={border}\n                  $block={block}\n                  size={size}\n                  disabled={disabled}\n                  onClick={handleDropdownButtonClick}\n                  className={dropdownIsActive ? 'dropdown-is-active' : ''}\n                  $width={width}\n                >\n                  <DropdownIcon />\n                </S.Button>\n              </Popover>\n            </S.DropdownButtonContainer>\n          )}\n        </S.MainButtonWrapper>\n      ) : (\n        <>\n          <S.MainButtonContainerSingle\n            $dropdownItems={dropdownItems}\n            $secondary={secondary}\n            $outlined={outlined}\n            className={className}\n          >\n            <S.DropdownButtonContainer $singleaction={singleAction}>\n              <Popover\n                content={<ContextMenu>{dropdownItems}</ContextMenu>}\n                placement={'bottom-end'}\n                arrow={false}\n                contextMenu={true}\n                onHide={handleDropdownClose}\n              >\n                <S.Button\n                  ref={forwardedRef}\n                  $singleaction={singleAction}\n                  $singleactiongap={singleActionGap}\n                  $dropdownItems={dropdownItems}\n                  $secondary={secondary}\n                  $outlined={outlined}\n                  $border={border}\n                  $block={block}\n                  size={size}\n                  disabled={disabled}\n                  onClick={handleDropdownButtonClick}\n                  className={dropdownIsActive ? 'dropdown-is-active' : ''}\n                  $width={width}\n                >\n                  <S.ButtonContent $loading={loadingState} size={size} $singleaction={singleAction}>\n                    {icon}\n                    {children}\n                  </S.ButtonContent>\n                  <DropdownIcon />\n                </S.Button>\n              </Popover>\n            </S.DropdownButtonContainer>\n          </S.MainButtonContainerSingle>\n        </>\n      )}\n    </S.ButtonWrapper>\n  );\n});\n\nexport default Button;\n"],"names":["Button","React","forwardRef","onClickEffect","singleAction","activeDropdown","dropdownItems","secondary","outlined","block","icon","size","disabled","loading","className","children","singleActionGap","width","border","props","forwardedRef","loadingState","setLoadingState","useState","loadingStep","setLoadingStep","loadingInterval","useRef","loadingTimeout","dropdownIsActive","setDropdownIsActive","isMounted","useEffect","current","clearInterval","clearTimeout","enableLoading","setInterval","currentLoadingStep","newLoadingStep","Math","round","disableLoading","setTimeout","handleDropdownButtonClick","handleDropdownClose","_jsx","S","_jsxs","$activeDropdown","$dropdownItems","$outlined","$secondary","$block","ref","onClick","$border","$singleaction","$width","$loading","style","opacity","viewBox","cx","cy","r","fill","strokeWidth","stroke","strokeDashoffset","Popover","content","ContextMenu","placement","arrow","contextMenu","onHide","$singleactiongap","DropdownIcon","_Fragment"],"mappings":"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"}