@transferwise/components 46.45.0 → 46.46.0

package/build/switch/Switch.mjs

@@ -0,0 +1,76 @@
+import { CheckCircleFill, CrossCircleFill } from '@transferwise/icons';
+import { useTheme } from '@wise/components-theming';
+import classNames from 'classnames';
+import { useInputAttributes } from '../inputs/contexts.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const Switch = props => {
+  const inputAttributes = useInputAttributes({
+    nonLabelable: true
+  });
+  const {
+    isModern
+  } = useTheme();
+  const {
+    checked,
+    className,
+    id = inputAttributes.id,
+    'aria-label': ariaLabel,
+    'aria-labelledby': ariaLabelledbyProp,
+    onClick,
+    disabled
+  } = props;
+  const handleKeyDown = event => {
+    if (event.key === ' ') {
+      event.preventDefault();
+      onClick();
+    }
+  };
+  const returnIcon = () => {
+    if (isModern) {
+      return /*#__PURE__*/jsx("span", {
+        className: "np-switch--thumb"
+      });
+    }
+    if (checked) {
+      return /*#__PURE__*/jsx("span", {
+        className: "np-switch--thumb",
+        children: /*#__PURE__*/jsx(CheckCircleFill, {
+          size: 24
+        })
+      });
+    }
+    return /*#__PURE__*/jsx("span", {
+      className: "np-switch--thumb",
+      children: /*#__PURE__*/jsx(CrossCircleFill, {
+        size: 24
+      })
+    });
+  };
+  const ariaLabelledby = (ariaLabel ? undefined : ariaLabelledbyProp) ?? inputAttributes['aria-labelledby'];
+  return /*#__PURE__*/jsxs("span", {
+    className: classNames('np-switch', {
+      'np-switch--unchecked': !checked,
+      'np-switch--checked': checked,
+      disabled
+    }, className),
+    tabIndex: 0,
+    role: "switch",
+    "aria-checked": checked,
+    "aria-label": ariaLabel,
+    ...inputAttributes,
+    "aria-labelledby": ariaLabelledby,
+    id: id,
+    "aria-disabled": disabled,
+    onClick: !disabled ? onClick : undefined,
+    onKeyDown: !disabled ? handleKeyDown : undefined,
+    children: [returnIcon(), /*#__PURE__*/jsx("input", {
+      type: "checkbox",
+      checked: checked,
+      readOnly: true
+    })]
+  });
+};
+
+export { Switch as default };
+//# sourceMappingURL=Switch.mjs.map

package/build/switch/Switch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.mjs","sources":["../../src/switch/Switch.tsx"],"sourcesContent":["import { CheckCircleFill, CrossCircleFill } from '@transferwise/icons';\nimport { useTheme } from '@wise/components-theming';\nimport classnames from 'classnames';\nimport type { KeyboardEventHandler, MouseEvent } from 'react';\n\nimport type { CommonProps } from '../common';\nimport { useInputAttributes } from '../inputs/contexts';\n\nexport type SwitchProps = CommonProps & {\n  /**\n   * Used to describe the purpose of the switch. To be used if there is no external label (i.e. aria-labelledby is null)\n   * @deprecated Use `Field` wrapper or the `aria-labelledby` attribute instead.\n   */\n  'aria-label'?: string;\n  /** A reference to a label that describes the purpose of the switch. Ignored if aria-label is provided */\n  'aria-labelledby'?: string;\n  /** Whether the switch is checked or not */\n  checked?: boolean;\n  disabled?: boolean;\n  /** ID to apply to the switch container */\n  id?: string;\n  /** Function called when the switch is toggled */\n  onClick: (event?: MouseEvent<HTMLSpanElement>) => void;\n};\n\nconst Switch = (props: SwitchProps) => {\n  const inputAttributes = useInputAttributes({ nonLabelable: true });\n\n  const { isModern } = useTheme();\n  const {\n    checked,\n    className,\n    id = inputAttributes.id,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledbyProp,\n    onClick,\n    disabled,\n  } = props;\n\n  const handleKeyDown: KeyboardEventHandler = (event) => {\n    if (event.key === ' ') {\n      event.preventDefault();\n      onClick();\n    }\n  };\n\n  const returnIcon = () => {\n    if (isModern) {\n      return <span className=\"np-switch--thumb\" />;\n    }\n\n    if (checked) {\n      return (\n        <span className=\"np-switch--thumb\">\n          <CheckCircleFill size={24} />\n        </span>\n      );\n    }\n    return (\n      <span className=\"np-switch--thumb\">\n        <CrossCircleFill size={24} />\n      </span>\n    );\n  };\n\n  const ariaLabelledby =\n    (ariaLabel ? undefined : ariaLabelledbyProp) ?? inputAttributes['aria-labelledby'];\n\n  return (\n    <span\n      className={classnames(\n        'np-switch',\n\n        {\n          'np-switch--unchecked': !checked,\n          'np-switch--checked': checked,\n          disabled,\n        },\n        className,\n      )}\n      tabIndex={0}\n      role=\"switch\"\n      aria-checked={checked}\n      aria-label={ariaLabel}\n      {...inputAttributes}\n      aria-labelledby={ariaLabelledby}\n      id={id}\n      aria-disabled={disabled}\n      onClick={!disabled ? onClick : undefined}\n      onKeyDown={!disabled ? handleKeyDown : undefined}\n    >\n      {returnIcon()}\n      <input type=\"checkbox\" checked={checked} readOnly />\n    </span>\n  );\n};\n\nexport default Switch;\n"],"names":["Switch","props","inputAttributes","useInputAttributes","nonLabelable","isModern","useTheme","checked","className","id","ariaLabel","ariaLabelledbyProp","onClick","disabled","handleKeyDown","event","key","preventDefault","returnIcon","_jsx","children","CheckCircleFill","size","CrossCircleFill","ariaLabelledby","undefined","_jsxs","classnames","tabIndex","role","onKeyDown","type","readOnly"],"mappings":";;;;;;AAyBMA,MAAAA,MAAM,GAAIC,KAAkB,IAAI;EACpC,MAAMC,eAAe,GAAGC,kBAAkB,CAAC;AAAEC,IAAAA,YAAY,EAAE,IAAA;AAAM,GAAA,CAAC,CAAA;EAElE,MAAM;AAAEC,IAAAA,QAAAA;GAAU,GAAGC,QAAQ,EAAE,CAAA;EAC/B,MAAM;IACJC,OAAO;IACPC,SAAS;IACTC,EAAE,GAAGP,eAAe,CAACO,EAAE;AACvB,IAAA,YAAY,EAAEC,SAAS;AACvB,IAAA,iBAAiB,EAAEC,kBAAkB;IACrCC,OAAO;AACPC,IAAAA,QAAAA;AAAQ,GACT,GAAGZ,KAAK,CAAA;EAET,MAAMa,aAAa,GAA0BC,KAAK,IAAI;AACpD,IAAA,IAAIA,KAAK,CAACC,GAAG,KAAK,GAAG,EAAE;MACrBD,KAAK,CAACE,cAAc,EAAE,CAAA;AACtBL,MAAAA,OAAO,EAAE,CAAA;AACX,KAAA;GACD,CAAA;EAED,MAAMM,UAAU,GAAGA,MAAK;AACtB,IAAA,IAAIb,QAAQ,EAAE;AACZ,MAAA,oBAAOc,GAAA,CAAA,MAAA,EAAA;AAAMX,QAAAA,SAAS,EAAC,kBAAA;AAAkB,QAAG,CAAA;AAC9C,KAAA;AAEA,IAAA,IAAID,OAAO,EAAE;AACX,MAAA,oBACEY,GAAA,CAAA,MAAA,EAAA;AAAMX,QAAAA,SAAS,EAAC,kBAAkB;QAAAY,QAAA,eAChCD,GAAA,CAACE,eAAe,EAAA;AAACC,UAAAA,IAAI,EAAE,EAAA;SACzB,CAAA;AAAA,OAAM,CAAC,CAAA;AAEX,KAAA;AACA,IAAA,oBACEH,GAAA,CAAA,MAAA,EAAA;AAAMX,MAAAA,SAAS,EAAC,kBAAkB;MAAAY,QAAA,eAChCD,GAAA,CAACI,eAAe,EAAA;AAACD,QAAAA,IAAI,EAAE,EAAA;OACzB,CAAA;AAAA,KAAM,CAAC,CAAA;GAEV,CAAA;AAED,EAAA,MAAME,cAAc,GAClB,CAACd,SAAS,GAAGe,SAAS,GAAGd,kBAAkB,KAAKT,eAAe,CAAC,iBAAiB,CAAC,CAAA;AAEpF,EAAA,oBACEwB,IAAA,CAAA,MAAA,EAAA;AACElB,IAAAA,SAAS,EAAEmB,UAAU,CACnB,WAAW,EAEX;MACE,sBAAsB,EAAE,CAACpB,OAAO;AAChC,MAAA,oBAAoB,EAAEA,OAAO;AAC7BM,MAAAA,QAAAA;KACD,EACDL,SAAS,CACT;AACFoB,IAAAA,QAAQ,EAAE,CAAE;AACZC,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,cAAA,EAActB,OAAQ;AACtB,IAAA,YAAA,EAAYG,SAAU;AAAA,IAAA,GAClBR,eAAe;AACnB,IAAA,iBAAA,EAAiBsB,cAAe;AAChCf,IAAAA,EAAE,EAAEA,EAAG;AACP,IAAA,eAAA,EAAeI,QAAS;AACxBD,IAAAA,OAAO,EAAE,CAACC,QAAQ,GAAGD,OAAO,GAAGa,SAAU;AACzCK,IAAAA,SAAS,EAAE,CAACjB,QAAQ,GAAGC,aAAa,GAAGW,SAAU;AAAAL,IAAAA,QAAA,EAEhDF,CAAAA,UAAU,EAAE,eACbC,GAAA,CAAA,OAAA,EAAA;AAAOY,MAAAA,IAAI,EAAC,UAAU;AAACxB,MAAAA,OAAO,EAAEA,OAAQ;MAACyB,QAAQ,EAAA,IAAA;AAAA,KACnD,CAAA,CAAA;AAAA,GAAM,CAAC,CAAA;AAEX;;;;"}

package/build/switchOption/SwitchOption.js

@@ -0,0 +1,59 @@
+'use strict';
+
+var Option = require('../common/Option/Option.js');
+var Switch = require('../switch/Switch.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+const stopPropagation = event => {
+  if (event) {
+    event.stopPropagation();
+    event.preventDefault();
+    event.nativeEvent?.stopImmediatePropagation?.();
+  }
+};
+const SwitchOption = ({
+  checked,
+  complex,
+  content,
+  disabled,
+  id,
+  media,
+  onChange,
+  title,
+  showMediaCircle,
+  showMediaAtAllSizes,
+  isContainerAligned,
+  'aria-label': ariaLabel
+}) => {
+  const sharedProps = {
+    media,
+    title,
+    content,
+    complex,
+    disabled,
+    showMediaCircle,
+    showMediaAtAllSizes,
+    isContainerAligned
+  };
+  const toggle = event => {
+    stopPropagation(event);
+    if (disabled) {
+      return;
+    }
+    onChange(!checked);
+  };
+  return /*#__PURE__*/jsxRuntime.jsx(Option, {
+    ...sharedProps,
+    button: /*#__PURE__*/jsxRuntime.jsx(Switch, {
+      id: id,
+      checked: checked,
+      disabled: disabled,
+      "aria-label": ariaLabel,
+      onClick: toggle
+    }),
+    onClick: toggle
+  });
+};
+
+module.exports = SwitchOption;
+//# sourceMappingURL=SwitchOption.js.map

package/build/switchOption/SwitchOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchOption.js","sources":["../../src/switchOption/SwitchOption.tsx"],"sourcesContent":["import { MouseEvent } from 'react';\n\nimport Option from '../common/Option';\nimport Switch from '../switch';\n\nexport type SwitchOptionProps = {\n  checked?: boolean;\n  complex?: boolean;\n  content?: React.ReactNode;\n  disabled?: boolean;\n  showMediaCircle?: boolean;\n  showMediaAtAllSizes?: boolean;\n  isContainerAligned?: boolean;\n  id?: string;\n  media?: React.ReactNode;\n  onChange: (newValue: boolean) => void;\n  title: React.ReactNode;\n  'aria-label': string;\n};\n\nconst stopPropagation = (event?: MouseEvent<HTMLSpanElement>) => {\n  if (event) {\n    event.stopPropagation();\n    event.preventDefault();\n    event.nativeEvent?.stopImmediatePropagation?.();\n  }\n};\n\nconst SwitchOption = ({\n  checked,\n  complex,\n  content,\n  disabled,\n  id,\n  media,\n  onChange,\n  title,\n  showMediaCircle,\n  showMediaAtAllSizes,\n  isContainerAligned,\n  'aria-label': ariaLabel,\n}: SwitchOptionProps) => {\n  const sharedProps = {\n    media,\n    title,\n    content,\n    complex,\n    disabled,\n    showMediaCircle,\n    showMediaAtAllSizes,\n    isContainerAligned,\n  };\n  const toggle = (event?: MouseEvent<HTMLSpanElement>) => {\n    stopPropagation(event);\n    if (disabled) {\n      return;\n    }\n\n    onChange(!checked);\n  };\n\n  return (\n    <Option\n      {...sharedProps}\n      button={\n        <Switch\n          id={id}\n          checked={checked}\n          disabled={disabled}\n          aria-label={ariaLabel}\n          onClick={toggle}\n        />\n      }\n      onClick={toggle}\n    />\n  );\n};\n\nexport default SwitchOption;\n"],"names":["stopPropagation","event","preventDefault","nativeEvent","stopImmediatePropagation","SwitchOption","checked","complex","content","disabled","id","media","onChange","title","showMediaCircle","showMediaAtAllSizes","isContainerAligned","ariaLabel","sharedProps","toggle","_jsx","Option","button","Switch","onClick"],"mappings":";;;;;;AAoBA,MAAMA,eAAe,GAAIC,KAAmC,IAAI;AAC9D,EAAA,IAAIA,KAAK,EAAE;IACTA,KAAK,CAACD,eAAe,EAAE,CAAA;IACvBC,KAAK,CAACC,cAAc,EAAE,CAAA;AACtBD,IAAAA,KAAK,CAACE,WAAW,EAAEC,wBAAwB,IAAI,CAAA;AACjD,GAAA;AACF,CAAC,CAAA;AAEKC,MAAAA,YAAY,GAAGA,CAAC;EACpBC,OAAO;EACPC,OAAO;EACPC,OAAO;EACPC,QAAQ;EACRC,EAAE;EACFC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC,eAAe;EACfC,mBAAmB;EACnBC,kBAAkB;AAClB,EAAA,YAAY,EAAEC,SAAAA;AAAS,CACL,KAAI;AACtB,EAAA,MAAMC,WAAW,GAAG;IAClBP,KAAK;IACLE,KAAK;IACLL,OAAO;IACPD,OAAO;IACPE,QAAQ;IACRK,eAAe;IACfC,mBAAmB;AACnBC,IAAAA,kBAAAA;GACD,CAAA;EACD,MAAMG,MAAM,GAAIlB,KAAmC,IAAI;IACrDD,eAAe,CAACC,KAAK,CAAC,CAAA;AACtB,IAAA,IAAIQ,QAAQ,EAAE;AACZ,MAAA,OAAA;AACF,KAAA;IAEAG,QAAQ,CAAC,CAACN,OAAO,CAAC,CAAA;GACnB,CAAA;EAED,oBACEc,cAAA,CAACC,MAAM,EAAA;AAAA,IAAA,GACDH,WAAW;IACfI,MAAM,eACJF,cAAA,CAACG,MAAM,EAAA;AACLb,MAAAA,EAAE,EAAEA,EAAG;AACPJ,MAAAA,OAAO,EAAEA,OAAQ;AACjBG,MAAAA,QAAQ,EAAEA,QAAS;AACnB,MAAA,YAAA,EAAYQ,SAAU;AACtBO,MAAAA,OAAO,EAAEL,MAAAA;AAAO,KAEpB,CAAC;AACDK,IAAAA,OAAO,EAAEL,MAAAA;AAAO,GAChB,CAAA,CAAA;AAEN;;;;"}

package/build/switchOption/SwitchOption.mjs

@@ -0,0 +1,57 @@
+import Option from '../common/Option/Option.mjs';
+import Switch from '../switch/Switch.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const stopPropagation = event => {
+  if (event) {
+    event.stopPropagation();
+    event.preventDefault();
+    event.nativeEvent?.stopImmediatePropagation?.();
+  }
+};
+const SwitchOption = ({
+  checked,
+  complex,
+  content,
+  disabled,
+  id,
+  media,
+  onChange,
+  title,
+  showMediaCircle,
+  showMediaAtAllSizes,
+  isContainerAligned,
+  'aria-label': ariaLabel
+}) => {
+  const sharedProps = {
+    media,
+    title,
+    content,
+    complex,
+    disabled,
+    showMediaCircle,
+    showMediaAtAllSizes,
+    isContainerAligned
+  };
+  const toggle = event => {
+    stopPropagation(event);
+    if (disabled) {
+      return;
+    }
+    onChange(!checked);
+  };
+  return /*#__PURE__*/jsx(Option, {
+    ...sharedProps,
+    button: /*#__PURE__*/jsx(Switch, {
+      id: id,
+      checked: checked,
+      disabled: disabled,
+      "aria-label": ariaLabel,
+      onClick: toggle
+    }),
+    onClick: toggle
+  });
+};
+
+export { SwitchOption as default };
+//# sourceMappingURL=SwitchOption.mjs.map

package/build/switchOption/SwitchOption.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchOption.mjs","sources":["../../src/switchOption/SwitchOption.tsx"],"sourcesContent":["import { MouseEvent } from 'react';\n\nimport Option from '../common/Option';\nimport Switch from '../switch';\n\nexport type SwitchOptionProps = {\n  checked?: boolean;\n  complex?: boolean;\n  content?: React.ReactNode;\n  disabled?: boolean;\n  showMediaCircle?: boolean;\n  showMediaAtAllSizes?: boolean;\n  isContainerAligned?: boolean;\n  id?: string;\n  media?: React.ReactNode;\n  onChange: (newValue: boolean) => void;\n  title: React.ReactNode;\n  'aria-label': string;\n};\n\nconst stopPropagation = (event?: MouseEvent<HTMLSpanElement>) => {\n  if (event) {\n    event.stopPropagation();\n    event.preventDefault();\n    event.nativeEvent?.stopImmediatePropagation?.();\n  }\n};\n\nconst SwitchOption = ({\n  checked,\n  complex,\n  content,\n  disabled,\n  id,\n  media,\n  onChange,\n  title,\n  showMediaCircle,\n  showMediaAtAllSizes,\n  isContainerAligned,\n  'aria-label': ariaLabel,\n}: SwitchOptionProps) => {\n  const sharedProps = {\n    media,\n    title,\n    content,\n    complex,\n    disabled,\n    showMediaCircle,\n    showMediaAtAllSizes,\n    isContainerAligned,\n  };\n  const toggle = (event?: MouseEvent<HTMLSpanElement>) => {\n    stopPropagation(event);\n    if (disabled) {\n      return;\n    }\n\n    onChange(!checked);\n  };\n\n  return (\n    <Option\n      {...sharedProps}\n      button={\n        <Switch\n          id={id}\n          checked={checked}\n          disabled={disabled}\n          aria-label={ariaLabel}\n          onClick={toggle}\n        />\n      }\n      onClick={toggle}\n    />\n  );\n};\n\nexport default SwitchOption;\n"],"names":["stopPropagation","event","preventDefault","nativeEvent","stopImmediatePropagation","SwitchOption","checked","complex","content","disabled","id","media","onChange","title","showMediaCircle","showMediaAtAllSizes","isContainerAligned","ariaLabel","sharedProps","toggle","_jsx","Option","button","Switch","onClick"],"mappings":";;;;AAoBA,MAAMA,eAAe,GAAIC,KAAmC,IAAI;AAC9D,EAAA,IAAIA,KAAK,EAAE;IACTA,KAAK,CAACD,eAAe,EAAE,CAAA;IACvBC,KAAK,CAACC,cAAc,EAAE,CAAA;AACtBD,IAAAA,KAAK,CAACE,WAAW,EAAEC,wBAAwB,IAAI,CAAA;AACjD,GAAA;AACF,CAAC,CAAA;AAEKC,MAAAA,YAAY,GAAGA,CAAC;EACpBC,OAAO;EACPC,OAAO;EACPC,OAAO;EACPC,QAAQ;EACRC,EAAE;EACFC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC,eAAe;EACfC,mBAAmB;EACnBC,kBAAkB;AAClB,EAAA,YAAY,EAAEC,SAAAA;AAAS,CACL,KAAI;AACtB,EAAA,MAAMC,WAAW,GAAG;IAClBP,KAAK;IACLE,KAAK;IACLL,OAAO;IACPD,OAAO;IACPE,QAAQ;IACRK,eAAe;IACfC,mBAAmB;AACnBC,IAAAA,kBAAAA;GACD,CAAA;EACD,MAAMG,MAAM,GAAIlB,KAAmC,IAAI;IACrDD,eAAe,CAACC,KAAK,CAAC,CAAA;AACtB,IAAA,IAAIQ,QAAQ,EAAE;AACZ,MAAA,OAAA;AACF,KAAA;IAEAG,QAAQ,CAAC,CAACN,OAAO,CAAC,CAAA;GACnB,CAAA;EAED,oBACEc,GAAA,CAACC,MAAM,EAAA;AAAA,IAAA,GACDH,WAAW;IACfI,MAAM,eACJF,GAAA,CAACG,MAAM,EAAA;AACLb,MAAAA,EAAE,EAAEA,EAAG;AACPJ,MAAAA,OAAO,EAAEA,OAAQ;AACjBG,MAAAA,QAAQ,EAAEA,QAAS;AACnB,MAAA,YAAA,EAAYQ,SAAU;AACtBO,MAAAA,OAAO,EAAEL,MAAAA;AAAO,KAEpB,CAAC;AACDK,IAAAA,OAAO,EAAEL,MAAAA;AAAO,GAChB,CAAA,CAAA;AAEN;;;;"}

package/build/tabs/Tab.js

@@ -0,0 +1,81 @@
+'use strict';
+
+var classNames = require('classnames');
+var PropTypes = require('prop-types');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+
+const Tab = /*#__PURE__*/React.forwardRef(({
+  children,
+  id,
+  disabled,
+  panelId,
+  selected,
+  onKeyDown,
+  onClick,
+  style,
+  focusTab
+}, reference) => {
+  const firstUpdate = React.useRef(true);
+  const checkFocus = () => {
+    if (firstUpdate.current) {
+      firstUpdate.current = false;
+      return;
+    }
+    if (selected && focusTab) {
+      focusTab();
+    }
+  };
+  React.useEffect(() => {
+    checkFocus();
+  }, [selected]);
+  return /*#__PURE__*/jsxRuntime.jsx("li", {
+    ref: reference,
+    className: classNames__default.default('tabs__tab', selected ? 'np-text-body-large-bold' : 'np-text-body-large', {
+      'tabs__tab--selected': selected,
+      clickable: !disabled,
+      disabled: disabled
+    }),
+    role: "tab",
+    id: id,
+    "aria-selected": selected ? 'true' : 'false',
+    "aria-disabled": disabled ? 'true' : 'false',
+    "aria-controls": disabled ? null : panelId,
+    tabIndex: "0",
+    style: style,
+    onKeyDown: disabled ? null : onKeyDown,
+    onClick: onClick,
+    children: /*#__PURE__*/jsxRuntime.jsx("span", {
+      className: "tabs__tab__content",
+      children: children
+    })
+  });
+});
+Tab.defaultProps = {
+  disabled: false,
+  selected: false,
+  onClick: null,
+  style: null,
+  focusTab: null
+};
+Tab.propTypes = {
+  children: PropTypes__default.default.node.isRequired,
+  disabled: PropTypes__default.default.bool,
+  selected: PropTypes__default.default.bool,
+  id: PropTypes__default.default.string.isRequired,
+  panelId: PropTypes__default.default.string.isRequired,
+  onKeyDown: PropTypes__default.default.func.isRequired,
+  onClick: PropTypes__default.default.func,
+  style: PropTypes__default.default.shape({
+    width: PropTypes__default.default.string
+  }),
+  focusTab: PropTypes__default.default.func
+};
+
+module.exports = Tab;
+//# sourceMappingURL=Tab.js.map

package/build/tabs/Tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.js","sources":["../../src/tabs/Tab.js"],"sourcesContent":["import classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { forwardRef, useEffect, useRef } from 'react';\n\nconst Tab = forwardRef(\n  (\n    { children, id, disabled, panelId, selected, onKeyDown, onClick, style, focusTab },\n    reference,\n  ) => {\n    const firstUpdate = useRef(true);\n\n    const checkFocus = () => {\n      if (firstUpdate.current) {\n        firstUpdate.current = false;\n        return;\n      }\n\n      if (selected && focusTab) {\n        focusTab();\n      }\n    };\n\n    useEffect(() => {\n      checkFocus();\n    }, [selected]);\n\n    return (\n      <li\n        ref={reference}\n        className={classNames(\n          'tabs__tab',\n          selected ? 'np-text-body-large-bold' : 'np-text-body-large',\n          {\n            'tabs__tab--selected': selected,\n            clickable: !disabled,\n            disabled: disabled,\n          },\n        )}\n        role=\"tab\"\n        id={id}\n        aria-selected={selected ? 'true' : 'false'}\n        aria-disabled={disabled ? 'true' : 'false'}\n        aria-controls={disabled ? null : panelId}\n        tabIndex=\"0\"\n        style={style}\n        onKeyDown={disabled ? null : onKeyDown}\n        onClick={onClick}\n      >\n        <span className=\"tabs__tab__content\">{children}</span>\n      </li>\n    );\n  },\n);\n\nTab.defaultProps = {\n  disabled: false,\n  selected: false,\n  onClick: null,\n  style: null,\n  focusTab: null,\n};\n\nTab.propTypes = {\n  children: PropTypes.node.isRequired,\n  disabled: PropTypes.bool,\n  selected: PropTypes.bool,\n  id: PropTypes.string.isRequired,\n  panelId: PropTypes.string.isRequired,\n  onKeyDown: PropTypes.func.isRequired,\n  onClick: PropTypes.func,\n  style: PropTypes.shape({ width: PropTypes.string }),\n  focusTab: PropTypes.func,\n};\n\nexport default Tab;\n"],"names":["Tab","forwardRef","children","id","disabled","panelId","selected","onKeyDown","onClick","style","focusTab","reference","firstUpdate","useRef","checkFocus","current","useEffect","_jsx","ref","className","classNames","clickable","role","tabIndex","defaultProps","propTypes","PropTypes","node","isRequired","bool","string","func","shape","width"],"mappings":";;;;;;;;;;;;AAIA,MAAMA,GAAG,gBAAGC,gBAAU,CACpB,CACE;EAAEC,QAAQ;EAAEC,EAAE;EAAEC,QAAQ;EAAEC,OAAO;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,OAAO;EAAEC,KAAK;AAAEC,EAAAA,QAAAA;AAAS,CAAC,EAClFC,SAAS,KACN;AACH,EAAA,MAAMC,WAAW,GAAGC,YAAM,CAAC,IAAI,CAAC,CAAA;EAEhC,MAAMC,UAAU,GAAGA,MAAM;IACvB,IAAIF,WAAW,CAACG,OAAO,EAAE;MACvBH,WAAW,CAACG,OAAO,GAAG,KAAK,CAAA;AAC3B,MAAA,OAAA;AACF,KAAA;IAEA,IAAIT,QAAQ,IAAII,QAAQ,EAAE;AACxBA,MAAAA,QAAQ,EAAE,CAAA;AACZ,KAAA;GACD,CAAA;AAEDM,EAAAA,eAAS,CAAC,MAAM;AACdF,IAAAA,UAAU,EAAE,CAAA;AACd,GAAC,EAAE,CAACR,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,oBACEW,cAAA,CAAA,IAAA,EAAA;AACEC,IAAAA,GAAG,EAAEP,SAAU;IACfQ,SAAS,EAAEC,2BAAU,CACnB,WAAW,EACXd,QAAQ,GAAG,yBAAyB,GAAG,oBAAoB,EAC3D;AACE,MAAA,qBAAqB,EAAEA,QAAQ;MAC/Be,SAAS,EAAE,CAACjB,QAAQ;AACpBA,MAAAA,QAAQ,EAAEA,QAAAA;AACZ,KACF,CAAE;AACFkB,IAAAA,IAAI,EAAC,KAAK;AACVnB,IAAAA,EAAE,EAAEA,EAAG;AACP,IAAA,eAAA,EAAeG,QAAQ,GAAG,MAAM,GAAG,OAAQ;AAC3C,IAAA,eAAA,EAAeF,QAAQ,GAAG,MAAM,GAAG,OAAQ;AAC3C,IAAA,eAAA,EAAeA,QAAQ,GAAG,IAAI,GAAGC,OAAQ;AACzCkB,IAAAA,QAAQ,EAAC,GAAG;AACZd,IAAAA,KAAK,EAAEA,KAAM;AACbF,IAAAA,SAAS,EAAEH,QAAQ,GAAG,IAAI,GAAGG,SAAU;AACvCC,IAAAA,OAAO,EAAEA,OAAQ;AAAAN,IAAAA,QAAA,eAEjBe,cAAA,CAAA,MAAA,EAAA;AAAME,MAAAA,SAAS,EAAC,oBAAoB;AAAAjB,MAAAA,QAAA,EAAEA,QAAAA;KAAe,CAAA;AAAC,GACpD,CAAC,CAAA;AAET,CACF,EAAC;AAEDF,GAAG,CAACwB,YAAY,GAAG;AACjBpB,EAAAA,QAAQ,EAAE,KAAK;AACfE,EAAAA,QAAQ,EAAE,KAAK;AACfE,EAAAA,OAAO,EAAE,IAAI;AACbC,EAAAA,KAAK,EAAE,IAAI;AACXC,EAAAA,QAAQ,EAAE,IAAA;AACZ,CAAC,CAAA;AAEDV,GAAG,CAACyB,SAAS,GAAG;AACdvB,EAAAA,QAAQ,EAAEwB,0BAAS,CAACC,IAAI,CAACC,UAAU;EACnCxB,QAAQ,EAAEsB,0BAAS,CAACG,IAAI;EACxBvB,QAAQ,EAAEoB,0BAAS,CAACG,IAAI;AACxB1B,EAAAA,EAAE,EAAEuB,0BAAS,CAACI,MAAM,CAACF,UAAU;AAC/BvB,EAAAA,OAAO,EAAEqB,0BAAS,CAACI,MAAM,CAACF,UAAU;AACpCrB,EAAAA,SAAS,EAAEmB,0BAAS,CAACK,IAAI,CAACH,UAAU;EACpCpB,OAAO,EAAEkB,0BAAS,CAACK,IAAI;AACvBtB,EAAAA,KAAK,EAAEiB,0BAAS,CAACM,KAAK,CAAC;IAAEC,KAAK,EAAEP,0BAAS,CAACI,MAAAA;AAAO,GAAC,CAAC;EACnDpB,QAAQ,EAAEgB,0BAAS,CAACK,IAAAA;AACtB,CAAC;;;;"}

package/build/tabs/Tab.mjs

@@ -0,0 +1,74 @@
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import { forwardRef, useRef, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+const Tab = /*#__PURE__*/forwardRef(({
+  children,
+  id,
+  disabled,
+  panelId,
+  selected,
+  onKeyDown,
+  onClick,
+  style,
+  focusTab
+}, reference) => {
+  const firstUpdate = useRef(true);
+  const checkFocus = () => {
+    if (firstUpdate.current) {
+      firstUpdate.current = false;
+      return;
+    }
+    if (selected && focusTab) {
+      focusTab();
+    }
+  };
+  useEffect(() => {
+    checkFocus();
+  }, [selected]);
+  return /*#__PURE__*/jsx("li", {
+    ref: reference,
+    className: classNames('tabs__tab', selected ? 'np-text-body-large-bold' : 'np-text-body-large', {
+      'tabs__tab--selected': selected,
+      clickable: !disabled,
+      disabled: disabled
+    }),
+    role: "tab",
+    id: id,
+    "aria-selected": selected ? 'true' : 'false',
+    "aria-disabled": disabled ? 'true' : 'false',
+    "aria-controls": disabled ? null : panelId,
+    tabIndex: "0",
+    style: style,
+    onKeyDown: disabled ? null : onKeyDown,
+    onClick: onClick,
+    children: /*#__PURE__*/jsx("span", {
+      className: "tabs__tab__content",
+      children: children
+    })
+  });
+});
+Tab.defaultProps = {
+  disabled: false,
+  selected: false,
+  onClick: null,
+  style: null,
+  focusTab: null
+};
+Tab.propTypes = {
+  children: PropTypes.node.isRequired,
+  disabled: PropTypes.bool,
+  selected: PropTypes.bool,
+  id: PropTypes.string.isRequired,
+  panelId: PropTypes.string.isRequired,
+  onKeyDown: PropTypes.func.isRequired,
+  onClick: PropTypes.func,
+  style: PropTypes.shape({
+    width: PropTypes.string
+  }),
+  focusTab: PropTypes.func
+};
+
+export { Tab as default };
+//# sourceMappingURL=Tab.mjs.map

package/build/tabs/Tab.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.mjs","sources":["../../src/tabs/Tab.js"],"sourcesContent":["import classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { forwardRef, useEffect, useRef } from 'react';\n\nconst Tab = forwardRef(\n  (\n    { children, id, disabled, panelId, selected, onKeyDown, onClick, style, focusTab },\n    reference,\n  ) => {\n    const firstUpdate = useRef(true);\n\n    const checkFocus = () => {\n      if (firstUpdate.current) {\n        firstUpdate.current = false;\n        return;\n      }\n\n      if (selected && focusTab) {\n        focusTab();\n      }\n    };\n\n    useEffect(() => {\n      checkFocus();\n    }, [selected]);\n\n    return (\n      <li\n        ref={reference}\n        className={classNames(\n          'tabs__tab',\n          selected ? 'np-text-body-large-bold' : 'np-text-body-large',\n          {\n            'tabs__tab--selected': selected,\n            clickable: !disabled,\n            disabled: disabled,\n          },\n        )}\n        role=\"tab\"\n        id={id}\n        aria-selected={selected ? 'true' : 'false'}\n        aria-disabled={disabled ? 'true' : 'false'}\n        aria-controls={disabled ? null : panelId}\n        tabIndex=\"0\"\n        style={style}\n        onKeyDown={disabled ? null : onKeyDown}\n        onClick={onClick}\n      >\n        <span className=\"tabs__tab__content\">{children}</span>\n      </li>\n    );\n  },\n);\n\nTab.defaultProps = {\n  disabled: false,\n  selected: false,\n  onClick: null,\n  style: null,\n  focusTab: null,\n};\n\nTab.propTypes = {\n  children: PropTypes.node.isRequired,\n  disabled: PropTypes.bool,\n  selected: PropTypes.bool,\n  id: PropTypes.string.isRequired,\n  panelId: PropTypes.string.isRequired,\n  onKeyDown: PropTypes.func.isRequired,\n  onClick: PropTypes.func,\n  style: PropTypes.shape({ width: PropTypes.string }),\n  focusTab: PropTypes.func,\n};\n\nexport default Tab;\n"],"names":["Tab","forwardRef","children","id","disabled","panelId","selected","onKeyDown","onClick","style","focusTab","reference","firstUpdate","useRef","checkFocus","current","useEffect","_jsx","ref","className","classNames","clickable","role","tabIndex","defaultProps","propTypes","PropTypes","node","isRequired","bool","string","func","shape","width"],"mappings":";;;;;AAIA,MAAMA,GAAG,gBAAGC,UAAU,CACpB,CACE;EAAEC,QAAQ;EAAEC,EAAE;EAAEC,QAAQ;EAAEC,OAAO;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,OAAO;EAAEC,KAAK;AAAEC,EAAAA,QAAAA;AAAS,CAAC,EAClFC,SAAS,KACN;AACH,EAAA,MAAMC,WAAW,GAAGC,MAAM,CAAC,IAAI,CAAC,CAAA;EAEhC,MAAMC,UAAU,GAAGA,MAAM;IACvB,IAAIF,WAAW,CAACG,OAAO,EAAE;MACvBH,WAAW,CAACG,OAAO,GAAG,KAAK,CAAA;AAC3B,MAAA,OAAA;AACF,KAAA;IAEA,IAAIT,QAAQ,IAAII,QAAQ,EAAE;AACxBA,MAAAA,QAAQ,EAAE,CAAA;AACZ,KAAA;GACD,CAAA;AAEDM,EAAAA,SAAS,CAAC,MAAM;AACdF,IAAAA,UAAU,EAAE,CAAA;AACd,GAAC,EAAE,CAACR,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,oBACEW,GAAA,CAAA,IAAA,EAAA;AACEC,IAAAA,GAAG,EAAEP,SAAU;IACfQ,SAAS,EAAEC,UAAU,CACnB,WAAW,EACXd,QAAQ,GAAG,yBAAyB,GAAG,oBAAoB,EAC3D;AACE,MAAA,qBAAqB,EAAEA,QAAQ;MAC/Be,SAAS,EAAE,CAACjB,QAAQ;AACpBA,MAAAA,QAAQ,EAAEA,QAAAA;AACZ,KACF,CAAE;AACFkB,IAAAA,IAAI,EAAC,KAAK;AACVnB,IAAAA,EAAE,EAAEA,EAAG;AACP,IAAA,eAAA,EAAeG,QAAQ,GAAG,MAAM,GAAG,OAAQ;AAC3C,IAAA,eAAA,EAAeF,QAAQ,GAAG,MAAM,GAAG,OAAQ;AAC3C,IAAA,eAAA,EAAeA,QAAQ,GAAG,IAAI,GAAGC,OAAQ;AACzCkB,IAAAA,QAAQ,EAAC,GAAG;AACZd,IAAAA,KAAK,EAAEA,KAAM;AACbF,IAAAA,SAAS,EAAEH,QAAQ,GAAG,IAAI,GAAGG,SAAU;AACvCC,IAAAA,OAAO,EAAEA,OAAQ;AAAAN,IAAAA,QAAA,eAEjBe,GAAA,CAAA,MAAA,EAAA;AAAME,MAAAA,SAAS,EAAC,oBAAoB;AAAAjB,MAAAA,QAAA,EAAEA,QAAAA;KAAe,CAAA;AAAC,GACpD,CAAC,CAAA;AAET,CACF,EAAC;AAEDF,GAAG,CAACwB,YAAY,GAAG;AACjBpB,EAAAA,QAAQ,EAAE,KAAK;AACfE,EAAAA,QAAQ,EAAE,KAAK;AACfE,EAAAA,OAAO,EAAE,IAAI;AACbC,EAAAA,KAAK,EAAE,IAAI;AACXC,EAAAA,QAAQ,EAAE,IAAA;AACZ,CAAC,CAAA;AAEDV,GAAG,CAACyB,SAAS,GAAG;AACdvB,EAAAA,QAAQ,EAAEwB,SAAS,CAACC,IAAI,CAACC,UAAU;EACnCxB,QAAQ,EAAEsB,SAAS,CAACG,IAAI;EACxBvB,QAAQ,EAAEoB,SAAS,CAACG,IAAI;AACxB1B,EAAAA,EAAE,EAAEuB,SAAS,CAACI,MAAM,CAACF,UAAU;AAC/BvB,EAAAA,OAAO,EAAEqB,SAAS,CAACI,MAAM,CAACF,UAAU;AACpCrB,EAAAA,SAAS,EAAEmB,SAAS,CAACK,IAAI,CAACH,UAAU;EACpCpB,OAAO,EAAEkB,SAAS,CAACK,IAAI;AACvBtB,EAAAA,KAAK,EAAEiB,SAAS,CAACM,KAAK,CAAC;IAAEC,KAAK,EAAEP,SAAS,CAACI,MAAAA;AAAO,GAAC,CAAC;EACnDpB,QAAQ,EAAEgB,SAAS,CAACK,IAAAA;AACtB,CAAC;;;;"}

package/build/tabs/TabList.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var PropTypes = require('prop-types');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+
+const TabList = ({
+  children
+}) => {
+  return /*#__PURE__*/jsxRuntime.jsx("ul", {
+    className: "tabs__tab-list",
+    role: "tablist",
+    children: children
+  });
+};
+TabList.propTypes = {
+  children: PropTypes__default.default.oneOfType([PropTypes__default.default.object, PropTypes__default.default.array]).isRequired
+};
+
+module.exports = TabList;
+//# sourceMappingURL=TabList.js.map

package/build/tabs/TabList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.js","sources":["../../src/tabs/TabList.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst TabList = ({ children }) => {\n  return (\n    <ul className=\"tabs__tab-list\" role=\"tablist\">\n      {children}\n    </ul>\n  );\n};\n\nTabList.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.object, PropTypes.array]).isRequired,\n};\n\nexport default TabList;\n"],"names":["TabList","children","_jsx","className","role","propTypes","PropTypes","oneOfType","object","array","isRequired"],"mappings":";;;;;;;;;AAEMA,MAAAA,OAAO,GAAGA,CAAC;AAAEC,EAAAA,QAAAA;AAAS,CAAC,KAAK;AAChC,EAAA,oBACEC,cAAA,CAAA,IAAA,EAAA;AAAIC,IAAAA,SAAS,EAAC,gBAAgB;AAACC,IAAAA,IAAI,EAAC,SAAS;AAAAH,IAAAA,QAAA,EAC1CA,QAAAA;AAAQ,GACP,CAAC,CAAA;AAET,EAAC;AAEDD,OAAO,CAACK,SAAS,GAAG;AAClBJ,EAAAA,QAAQ,EAAEK,0BAAS,CAACC,SAAS,CAAC,CAACD,0BAAS,CAACE,MAAM,EAAEF,0BAAS,CAACG,KAAK,CAAC,CAAC,CAACC,UAAAA;AACrE,CAAC;;;;"}

package/build/tabs/TabList.mjs

@@ -0,0 +1,18 @@
+import PropTypes from 'prop-types';
+import { jsx } from 'react/jsx-runtime';
+
+const TabList = ({
+  children
+}) => {
+  return /*#__PURE__*/jsx("ul", {
+    className: "tabs__tab-list",
+    role: "tablist",
+    children: children
+  });
+};
+TabList.propTypes = {
+  children: PropTypes.oneOfType([PropTypes.object, PropTypes.array]).isRequired
+};
+
+export { TabList as default };
+//# sourceMappingURL=TabList.mjs.map

package/build/tabs/TabList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.mjs","sources":["../../src/tabs/TabList.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst TabList = ({ children }) => {\n  return (\n    <ul className=\"tabs__tab-list\" role=\"tablist\">\n      {children}\n    </ul>\n  );\n};\n\nTabList.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.object, PropTypes.array]).isRequired,\n};\n\nexport default TabList;\n"],"names":["TabList","children","_jsx","className","role","propTypes","PropTypes","oneOfType","object","array","isRequired"],"mappings":";;;AAEMA,MAAAA,OAAO,GAAGA,CAAC;AAAEC,EAAAA,QAAAA;AAAS,CAAC,KAAK;AAChC,EAAA,oBACEC,GAAA,CAAA,IAAA,EAAA;AAAIC,IAAAA,SAAS,EAAC,gBAAgB;AAACC,IAAAA,IAAI,EAAC,SAAS;AAAAH,IAAAA,QAAA,EAC1CA,QAAAA;AAAQ,GACP,CAAC,CAAA;AAET,EAAC;AAEDD,OAAO,CAACK,SAAS,GAAG;AAClBJ,EAAAA,QAAQ,EAAEK,SAAS,CAACC,SAAS,CAAC,CAACD,SAAS,CAACE,MAAM,EAAEF,SAAS,CAACG,KAAK,CAAC,CAAC,CAACC,UAAAA;AACrE,CAAC;;;;"}

package/build/tabs/TabPanel.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var PropTypes = require('prop-types');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+
+const TabPanel = ({
+  children,
+  id,
+  tabId,
+  style
+}) => {
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "tabs__panel",
+    role: "tabpanel",
+    id: id,
+    "aria-labelledby": tabId,
+    style: style,
+    children: children
+  });
+};
+TabPanel.propTypes = {
+  children: PropTypes__default.default.node.isRequired,
+  id: PropTypes__default.default.string.isRequired,
+  tabId: PropTypes__default.default.string.isRequired,
+  style: PropTypes__default.default.shape({
+    width: PropTypes__default.default.string.isRequired
+  }).isRequired
+};
+
+module.exports = TabPanel;
+//# sourceMappingURL=TabPanel.js.map

package/build/tabs/TabPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanel.js","sources":["../../src/tabs/TabPanel.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst TabPanel = ({ children, id, tabId, style }) => {\n  return (\n    <div className=\"tabs__panel\" role=\"tabpanel\" id={id} aria-labelledby={tabId} style={style}>\n      {children}\n    </div>\n  );\n};\n\nTabPanel.propTypes = {\n  children: PropTypes.node.isRequired,\n  id: PropTypes.string.isRequired,\n  tabId: PropTypes.string.isRequired,\n  style: PropTypes.shape({\n    width: PropTypes.string.isRequired,\n  }).isRequired,\n};\n\nexport default TabPanel;\n"],"names":["TabPanel","children","id","tabId","style","_jsx","className","role","propTypes","PropTypes","node","isRequired","string","shape","width"],"mappings":";;;;;;;;;AAEMA,MAAAA,QAAQ,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,EAAE;EAAEC,KAAK;AAAEC,EAAAA,KAAAA;AAAM,CAAC,KAAK;AACnD,EAAA,oBACEC,cAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,aAAa;AAACC,IAAAA,IAAI,EAAC,UAAU;AAACL,IAAAA,EAAE,EAAEA,EAAG;AAAC,IAAA,iBAAA,EAAiBC,KAAM;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAAAH,IAAAA,QAAA,EACvFA,QAAAA;AAAQ,GACN,CAAC,CAAA;AAEV,EAAC;AAEDD,QAAQ,CAACQ,SAAS,GAAG;AACnBP,EAAAA,QAAQ,EAAEQ,0BAAS,CAACC,IAAI,CAACC,UAAU;AACnCT,EAAAA,EAAE,EAAEO,0BAAS,CAACG,MAAM,CAACD,UAAU;AAC/BR,EAAAA,KAAK,EAAEM,0BAAS,CAACG,MAAM,CAACD,UAAU;AAClCP,EAAAA,KAAK,EAAEK,0BAAS,CAACI,KAAK,CAAC;AACrBC,IAAAA,KAAK,EAAEL,0BAAS,CAACG,MAAM,CAACD,UAAAA;AAC1B,GAAC,CAAC,CAACA,UAAAA;AACL,CAAC;;;;"}

package/build/tabs/TabPanel.mjs

@@ -0,0 +1,29 @@
+import PropTypes from 'prop-types';
+import { jsx } from 'react/jsx-runtime';
+
+const TabPanel = ({
+  children,
+  id,
+  tabId,
+  style
+}) => {
+  return /*#__PURE__*/jsx("div", {
+    className: "tabs__panel",
+    role: "tabpanel",
+    id: id,
+    "aria-labelledby": tabId,
+    style: style,
+    children: children
+  });
+};
+TabPanel.propTypes = {
+  children: PropTypes.node.isRequired,
+  id: PropTypes.string.isRequired,
+  tabId: PropTypes.string.isRequired,
+  style: PropTypes.shape({
+    width: PropTypes.string.isRequired
+  }).isRequired
+};
+
+export { TabPanel as default };
+//# sourceMappingURL=TabPanel.mjs.map

package/build/tabs/TabPanel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanel.mjs","sources":["../../src/tabs/TabPanel.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst TabPanel = ({ children, id, tabId, style }) => {\n  return (\n    <div className=\"tabs__panel\" role=\"tabpanel\" id={id} aria-labelledby={tabId} style={style}>\n      {children}\n    </div>\n  );\n};\n\nTabPanel.propTypes = {\n  children: PropTypes.node.isRequired,\n  id: PropTypes.string.isRequired,\n  tabId: PropTypes.string.isRequired,\n  style: PropTypes.shape({\n    width: PropTypes.string.isRequired,\n  }).isRequired,\n};\n\nexport default TabPanel;\n"],"names":["TabPanel","children","id","tabId","style","_jsx","className","role","propTypes","PropTypes","node","isRequired","string","shape","width"],"mappings":";;;AAEMA,MAAAA,QAAQ,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,EAAE;EAAEC,KAAK;AAAEC,EAAAA,KAAAA;AAAM,CAAC,KAAK;AACnD,EAAA,oBACEC,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,aAAa;AAACC,IAAAA,IAAI,EAAC,UAAU;AAACL,IAAAA,EAAE,EAAEA,EAAG;AAAC,IAAA,iBAAA,EAAiBC,KAAM;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAAAH,IAAAA,QAAA,EACvFA,QAAAA;AAAQ,GACN,CAAC,CAAA;AAEV,EAAC;AAEDD,QAAQ,CAACQ,SAAS,GAAG;AACnBP,EAAAA,QAAQ,EAAEQ,SAAS,CAACC,IAAI,CAACC,UAAU;AACnCT,EAAAA,EAAE,EAAEO,SAAS,CAACG,MAAM,CAACD,UAAU;AAC/BR,EAAAA,KAAK,EAAEM,SAAS,CAACG,MAAM,CAACD,UAAU;AAClCP,EAAAA,KAAK,EAAEK,SAAS,CAACI,KAAK,CAAC;AACrBC,IAAAA,KAAK,EAAEL,SAAS,CAACG,MAAM,CAACD,UAAAA;AAC1B,GAAC,CAAC,CAACA,UAAAA;AACL,CAAC;;;;"}