@ntbjs/react-components 2.0.0-rc.9 → 2.0.1-rc.31

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

@@ -0,0 +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\n  const [dropdownIsActive, setDropdownIsActive] = useState(false);\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\n    setLoadingStep(0);\n\n    setTimeout(() => {\n      setLoadingState(false);\n      setLoadingStep(113);\n    }, 500);\n  };\n\n  useEffect(() => {\n    if (loading) {\n      enableLoading();\n    } else {\n      disableLoading();\n    }\n\n    return () => clearInterval(loadingInterval.current);\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","dropdownIsActive","setDropdownIsActive","enableLoading","current","setInterval","currentLoadingStep","newLoadingStep","Math","round","clearInterval","disableLoading","setTimeout","useEffect","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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"}

package/build/inputs/Button/Button.styled.js

@@ -0,0 +1,289 @@
+import styled, { css } from 'styled-components';
+import { applyDefaultTheme } from '../../utils/defaultTheme.js';
+
+const shouldForwardProp = prop => {
+  return prop !== 'theme' && !prop.startsWith('$');
+};
+const Button = styled.button.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  position: relative;
+  border-radius: 3px;
+  font-family: inherit;
+  font-size: 0.875rem;
+  font-weight: 400;
+  padding: 12px 16px;
+  cursor: pointer;
+  background: ${props => props.theme.getColor('emerald-500')};
+  border: ${props => props.$border}px solid ${props => props.theme.getColor('emerald-500')};
+  transition:
+    all 250ms,
+    opacity 200ms;
+
+  &:hover,
+  &.dropdown-is-active {
+    background: #296c58;
+    border-color: #296c58;
+  }
+
+  ${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('white'))}
+
+  && {
+    ${props => props.$secondary && css`
+        background: ${props => props.theme.getColor('gray-200')};
+        border-color: ${props => props.theme.getColor('gray-200')};
+
+        ${props.theme.themeProp('color', props.theme.getColor('gray-700'), props.theme.getColor('gray-700'))}
+
+        &:hover,
+        &.dropdown-is-active {
+          background: ${props => props.theme.getColor('gray-300')};
+          border-color: ${props => props.theme.getColor('gray-300')};
+        }
+      `};
+  }
+
+  && {
+    ${props => props.$outlined && css`
+        background: transparent;
+        transition: none;
+
+        ${props.theme.themeProp('border-color', props.theme.getColor('emerald-400'), props.theme.getColor('emerald-500'))}
+
+        ${props.theme.themeProp('color', props.theme.getColor('emerald-400'), props.theme.getColor('emerald-500'))}
+
+        &:hover,
+        &.dropdown-is-active {
+          background-color: #296c58;
+
+          ${props.theme.themeProp('border-color', props.theme.getColor('emerald-600'), props.theme.getColor('emerald-600'))}
+
+          ${props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-200'))}
+        }
+      `};
+  }
+
+  && {
+    ${props => props.$outlined && props.$secondary && css`
+        ${props.theme.themeProp('border-color', props.theme.getColor('gray-400'), props.theme.getColor('gray-700'))}
+
+        ${props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'))}
+
+        &:hover,
+        &.dropdown-is-active {
+          background: ${props.theme.getColor('gray-300')};
+
+          ${props.theme.themeProp('border-color', props.theme.getColor('gray-300'), props.theme.getColor('gray-300'))}
+
+          ${props.theme.themeProp('color', props.theme.getColor('gray-700'), props.theme.getColor('gray-700'))}
+        }
+      `};
+  }
+
+  && {
+    ${props => props.$outlined && props.$secondary && props.$dropdownItems && css`
+        &:hover,
+        &.dropdown-is-active {
+          ${props.theme.themeProp('border-color', props.theme.getColor('gray-300'), props.theme.getColor('gray-300'))}
+        }
+      `};
+  }
+
+  ${props => props.$block && css`
+      width: 100%;
+    `};
+
+  ${props => props.disabled && css`
+      opacity: 0.5;
+      cursor: not-allowed;
+      pointer-events: none;
+    `};
+
+  ${props => props.size === 'x-small' && css`
+      padding: 1px 16px;
+      height: 24px;
+    `};
+
+  ${props => props.size === 'small' && css`
+      padding: 6px 16px;
+    `};
+
+  ${props => props.size === 'large' && css`
+      padding: 16px 16px;
+    `};
+
+  ${props => props.$singleaction && css`
+      display: flex;
+      align-items: center;
+      gap: ${props.$singleactiongap}px;
+      border-radius: 3px !important;
+      transition:
+        all 250ms,
+        opacity 200ms;
+    `};
+
+  ${props => props.$width && css`
+      min-width: ${props.$width}px;
+      justify-content: center;
+    `};
+`;
+const ButtonContent = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  transform: scale(1);
+  opacity: 1;
+  transition: all 200ms;
+
+  > svg {
+    width: 100%;
+    max-width: 16px;
+    max-height: 16px;
+    margin-right: 8px;
+
+    ${props => props.size === 'small' && css`
+        max-width: 13px;
+        max-height: 13px;
+      `};
+
+    ${props => props.size === 'x-small' && css`
+        max-width: 11px;
+        max-height: 11px;
+      `};
+  }
+
+  ${props => props.$loading && css`
+      transform: scale(0.95);
+      opacity: 0;
+    `}
+
+  ${props => props.$singleaction && css`
+      svg {
+        width: 100% !important;
+        height: 100% !important;
+        margin-right: 24px;
+      }
+    `};
+`;
+const LoadingIndicator = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+  padding: 4px;
+  background: inherit;
+  opacity: 0;
+  transition: opacity 200ms;
+  box-sizing: border-box;
+
+  ${props => props.$loading && css`
+      opacity: 1;
+    `}
+`;
+const LoadingIndicatorSvg = styled.svg.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  height: 100%;
+  color: inherit;
+  transform: rotate(-88deg);
+`;
+const LoadingIndicatorSvgCircle = styled.circle.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  transition: stroke-dashoffset 300ms linear;
+  stroke-dasharray: 113;
+`;
+const ButtonWrapper = styled.span.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  white-space: nowrap;
+  display: flex;
+  ${props => props.$block && css`
+      width: 100%;
+    `}
+`;
+const MainButtonWrapper = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  border-radius: 3px;
+  ${props => props.$block && css`
+      width: 100%;
+      display: flex;
+    `}
+
+  ${props => {
+  return (props.$activeDropdown || props.$dropdownItems) && !props.$outlined && css`
+        background: ${props.$secondary ? props.theme.getColor('gray-200') : props.theme.getColor('emerald-500')};
+      `;
+}};
+`;
+const MainButtonContainer = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  display: inline-block;
+
+  ${props => props.$block && css`
+      flex: 1;
+      width: 100%;
+    `}
+
+  button {
+    ${props => (props.$activeDropdown || props.$dropdownItems) && css`
+        border-bottom-right-radius: 0;
+        border-top-right-radius: 0;
+      `};
+
+    ${props => (props.$activeDropdown || props.$dropdownItems) && props.outlined && css`
+        border-right: none;
+      `};
+  }
+`;
+const MainButtonContainerSingle = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  display: inline-block;
+  width: 100%;
+  ${props => props.$singleaction && css`
+      display: flex;
+      align-items: center;
+      border-radius: 3px !important;
+      transition:
+        all 250ms,
+        opacity 200ms;
+    `};
+
+  button {
+    ${props => (props.$activeDropdown || props.$dropdownItems) && css`
+        border-bottom-right-radius: 0;
+        border-top-right-radius: 0;
+      `};
+  }
+`;
+const DropdownButtonContainer = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  display: inline-block;
+
+  button {
+    border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
+
+    ${props => !props.$singleaction && 'border-left: none'};
+  }
+
+  svg {
+    color: inherit;
+    height: 7px;
+    width: 12px;
+
+    ${props => !props.$singleaction && 'margin-bottom: 1px'};
+  }
+`;
+
+export { Button, ButtonContent, ButtonWrapper, DropdownButtonContainer, LoadingIndicator, LoadingIndicatorSvg, LoadingIndicatorSvgCircle, MainButtonContainer, MainButtonContainerSingle, MainButtonWrapper };
+//# sourceMappingURL=Button.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.styled.js","sources":["../../../src/components/inputs/Button/Button.styled.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const Button = styled.button\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: relative;\n  border-radius: 3px;\n  font-family: inherit;\n  font-size: 0.875rem;\n  font-weight: 400;\n  padding: 12px 16px;\n  cursor: pointer;\n  background: ${props => props.theme.getColor('emerald-500')};\n  border: ${props => props.$border}px solid ${props => props.theme.getColor('emerald-500')};\n  transition:\n    all 250ms,\n    opacity 200ms;\n\n  &:hover,\n  &.dropdown-is-active {\n    background: #296c58;\n    border-color: #296c58;\n  }\n\n  ${props =>\n    props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('white'))}\n\n  && {\n    ${props =>\n      props.$secondary &&\n      css`\n        background: ${props => props.theme.getColor('gray-200')};\n        border-color: ${props => props.theme.getColor('gray-200')};\n\n        ${props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-700'),\n          props.theme.getColor('gray-700')\n        )}\n\n        &:hover,\n        &.dropdown-is-active {\n          background: ${props => props.theme.getColor('gray-300')};\n          border-color: ${props => props.theme.getColor('gray-300')};\n        }\n      `};\n  }\n\n  && {\n    ${props =>\n      props.$outlined &&\n      css`\n        background: transparent;\n        transition: none;\n\n        ${props.theme.themeProp(\n          'border-color',\n          props.theme.getColor('emerald-400'),\n          props.theme.getColor('emerald-500')\n        )}\n\n        ${props.theme.themeProp(\n          'color',\n          props.theme.getColor('emerald-400'),\n          props.theme.getColor('emerald-500')\n        )}\n\n        &:hover,\n        &.dropdown-is-active {\n          background-color: #296c58;\n\n          ${props.theme.themeProp(\n            'border-color',\n            props.theme.getColor('emerald-600'),\n            props.theme.getColor('emerald-600')\n          )}\n\n          ${props.theme.themeProp(\n            'color',\n            props.theme.getColor('gray-200'),\n            props.theme.getColor('gray-200')\n          )}\n        }\n      `};\n  }\n\n  && {\n    ${props =>\n      props.$outlined &&\n      props.$secondary &&\n      css`\n        ${props.theme.themeProp(\n          'border-color',\n          props.theme.getColor('gray-400'),\n          props.theme.getColor('gray-700')\n        )}\n\n        ${props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-200'),\n          props.theme.getColor('gray-700')\n        )}\n\n        &:hover,\n        &.dropdown-is-active {\n          background: ${props.theme.getColor('gray-300')};\n\n          ${props.theme.themeProp(\n            'border-color',\n            props.theme.getColor('gray-300'),\n            props.theme.getColor('gray-300')\n          )}\n\n          ${props.theme.themeProp(\n            'color',\n            props.theme.getColor('gray-700'),\n            props.theme.getColor('gray-700')\n          )}\n        }\n      `};\n  }\n\n  && {\n    ${props =>\n      props.$outlined &&\n      props.$secondary &&\n      props.$dropdownItems &&\n      css`\n        &:hover,\n        &.dropdown-is-active {\n          ${props.theme.themeProp(\n            'border-color',\n            props.theme.getColor('gray-300'),\n            props.theme.getColor('gray-300')\n          )}\n        }\n      `};\n  }\n\n  ${props =>\n    props.$block &&\n    css`\n      width: 100%;\n    `};\n\n  ${props =>\n    props.disabled &&\n    css`\n      opacity: 0.5;\n      cursor: not-allowed;\n      pointer-events: none;\n    `};\n\n  ${props =>\n    props.size === 'x-small' &&\n    css`\n      padding: 1px 16px;\n      height: 24px;\n    `};\n\n  ${props =>\n    props.size === 'small' &&\n    css`\n      padding: 6px 16px;\n    `};\n\n  ${props =>\n    props.size === 'large' &&\n    css`\n      padding: 16px 16px;\n    `};\n\n  ${props =>\n    props.$singleaction &&\n    css`\n      display: flex;\n      align-items: center;\n      gap: ${props.$singleactiongap}px;\n      border-radius: 3px !important;\n      transition:\n        all 250ms,\n        opacity 200ms;\n    `};\n\n  ${props =>\n    props.$width &&\n    css`\n      min-width: ${props.$width}px;\n      justify-content: center;\n    `};\n`;\n\nexport const ButtonContent = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transform: scale(1);\n  opacity: 1;\n  transition: all 200ms;\n\n  > svg {\n    width: 100%;\n    max-width: 16px;\n    max-height: 16px;\n    margin-right: 8px;\n\n    ${props =>\n      props.size === 'small' &&\n      css`\n        max-width: 13px;\n        max-height: 13px;\n      `};\n\n    ${props =>\n      props.size === 'x-small' &&\n      css`\n        max-width: 11px;\n        max-height: 11px;\n      `};\n  }\n\n  ${props =>\n    props.$loading &&\n    css`\n      transform: scale(0.95);\n      opacity: 0;\n    `}\n\n  ${props =>\n    props.$singleaction &&\n    css`\n      svg {\n        width: 100% !important;\n        height: 100% !important;\n        margin-right: 24px;\n      }\n    `};\n`;\n\nexport const LoadingIndicator = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  top: 0;\n  left: 0;\n  padding: 4px;\n  background: inherit;\n  opacity: 0;\n  transition: opacity 200ms;\n  box-sizing: border-box;\n\n  ${props =>\n    props.$loading &&\n    css`\n      opacity: 1;\n    `}\n`;\n\nexport const LoadingIndicatorSvg = styled.svg\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  height: 100%;\n  color: inherit;\n  transform: rotate(-88deg);\n`;\n\nexport const LoadingIndicatorSvgCircle = styled.circle\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  transition: stroke-dashoffset 300ms linear;\n  stroke-dasharray: 113;\n`;\n\nexport const ButtonWrapper = styled.span\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  white-space: nowrap;\n  display: flex;\n  ${props =>\n    props.$block &&\n    css`\n      width: 100%;\n    `}\n`;\n\nexport const MainButtonWrapper = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  border-radius: 3px;\n  ${props =>\n    props.$block &&\n    css`\n      width: 100%;\n      display: flex;\n    `}\n\n  ${props => {\n    return (\n      (props.$activeDropdown || props.$dropdownItems) &&\n      !props.$outlined &&\n      css`\n        background: ${props.$secondary\n          ? props.theme.getColor('gray-200')\n          : props.theme.getColor('emerald-500')};\n      `\n    );\n  }};\n`;\n\nexport const MainButtonContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: inline-block;\n\n  ${props =>\n    props.$block &&\n    css`\n      flex: 1;\n      width: 100%;\n    `}\n\n  button {\n    ${props =>\n      (props.$activeDropdown || props.$dropdownItems) &&\n      css`\n        border-bottom-right-radius: 0;\n        border-top-right-radius: 0;\n      `};\n\n    ${props =>\n      (props.$activeDropdown || props.$dropdownItems) &&\n      props.outlined &&\n      css`\n        border-right: none;\n      `};\n  }\n`;\n\nexport const MainButtonContainerSingle = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: inline-block;\n  width: 100%;\n  ${props =>\n    props.$singleaction &&\n    css`\n      display: flex;\n      align-items: center;\n      border-radius: 3px !important;\n      transition:\n        all 250ms,\n        opacity 200ms;\n    `};\n\n  button {\n    ${props =>\n      (props.$activeDropdown || props.$dropdownItems) &&\n      css`\n        border-bottom-right-radius: 0;\n        border-top-right-radius: 0;\n      `};\n  }\n`;\n\nexport const DropdownButtonContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: inline-block;\n\n  button {\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0;\n\n    ${props => !props.$singleaction && 'border-left: none'};\n  }\n\n  svg {\n    color: inherit;\n    height: 7px;\n    width: 12px;\n\n    ${props => !props.$singleaction && 'margin-bottom: 1px'};\n  }\n`;\n"],"names":["shouldForwardProp","prop","startsWith","Button","styled","button","withConfig","attrs","applyDefaultTheme","props","theme","getColor","$border","themeProp","$secondary","css","$outlined","$dropdownItems","$block","disabled","size","$singleaction","$singleactiongap","$width","ButtonContent","div","$loading","LoadingIndicator","LoadingIndicatorSvg","svg","LoadingIndicatorSvgCircle","circle","ButtonWrapper","span","MainButtonWrapper","$activeDropdown","MainButtonContainer","outlined","MainButtonContainerSingle","DropdownButtonContainer"],"mappings":"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"}

package/build/inputs/Button/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/{esm/components → build}/inputs/Checkbox/Checkbox.js

@@ -1,11 +1,10 @@
-import React from '../../../node_modules/react/index.js';
+import React__default, { useState, useMemo } from 'react';
 import { nanoid } from 'nanoid';
-import PropTypes from '../../../node_modules/prop-types/index.js';
+import PropTypes from 'prop-types';
 import { isBoolean, isEmpty } from 'lodash';
-import { Checkbox as Checkbox$2, CheckboxLabel, IndeterminateCheckIcon, CheckIcon, CheckboxVisualLabel, Description } from './Checkbox.styled.js';
-import { r as react } from '../../../_virtual/index.js';
+import { Checkbox as Checkbox$1, CheckboxLabel, IndeterminateCheckIcon, CheckIcon, CheckboxVisualLabel, Description } from './Checkbox.styled.js';
 
-const Checkbox = React.forwardRef(function Checkbox({
+const Checkbox = React__default.forwardRef(function Checkbox({
   checked,
   defaultChecked,
   disabled,
@@ -22,14 +21,14 @@ const Checkbox = React.forwardRef(function Checkbox({
   className,
   style
 }, forwardedRef) {
-  const [uniqueId] = react.exports.useState(nanoid());
-  const hasError = react.exports.useMemo(() => {
+  const [uniqueId] = useState(nanoid());
+  const hasError = useMemo(() => {
     if (isBoolean(error)) {
       return error;
     }
     return !isEmpty(error);
   }, [error]);
-  const descriptionText = react.exports.useMemo(() => {
+  const descriptionText = useMemo(() => {
     if (!isEmpty(error)) {
       return error;
     }
@@ -38,17 +37,17 @@ const Checkbox = React.forwardRef(function Checkbox({
     }
     return null;
   }, [description, error]);
-  return React.createElement(Checkbox$2, {
+  return React__default.createElement(Checkbox$1, {
     className: className,
     disabled: disabled,
     readOnly: readOnly,
     style: style
-  }, React.createElement(CheckboxLabel, {
+  }, React__default.createElement(CheckboxLabel, {
     disabled: disabled,
     muted: muted,
     readOnly: readOnly,
     htmlFor: uniqueId
-  }, React.createElement("input", {
+  }, React__default.createElement("input", {
     ref: forwardedRef,
     id: uniqueId,
     checked: checked,
@@ -61,14 +60,14 @@ const Checkbox = React.forwardRef(function Checkbox({
     onChange: onChange,
     onBlur: onBlur,
     "data-indeterminate": indeterminate
-  }), React.createElement(IndeterminateCheckIcon, null), React.createElement(CheckIcon, null, React.createElement("svg", {
+  }), React__default.createElement(IndeterminateCheckIcon, null), React__default.createElement(CheckIcon, null, React__default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 10.9 8.45"
-  }, React.createElement("path", {
+  }, React__default.createElement("path", {
     d: "m3.68,8.45L0,4.75l1.21-1.21,2.47,2.45L9.7,0l1.21,1.23-7.22,7.22Z",
     fill: "currentColor"
-  }))), (typeof label === 'string' && label.length > 0 || typeof label === 'object') && React.createElement(CheckboxVisualLabel, null, label)), typeof descriptionText === 'string' && descriptionText.length > 0 && React.createElement(Description, {
-    error: hasError
+  }))), (typeof label === 'string' && label.length > 0 || typeof label === 'object') && React__default.createElement(CheckboxVisualLabel, null, label)), typeof descriptionText === 'string' && descriptionText.length > 0 && React__default.createElement(Description, {
+    $error: hasError
   }, descriptionText));
 });
 Checkbox.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -93,6 +92,6 @@ Checkbox.defaultProps = {
   readOnly: false,
   indeterminate: false
 };
-var Checkbox$1 = Checkbox;
 
-export { Checkbox$1 as default };
+export { Checkbox as default };
+//# sourceMappingURL=Checkbox.js.map

package/build/inputs/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/inputs/Checkbox/Checkbox.js"],"sourcesContent":["import React, { useMemo, useState } from 'react';\n\nimport { nanoid } from 'nanoid';\nimport PropTypes from 'prop-types';\n\nimport { isBoolean, isEmpty } from 'lodash';\nimport * as S from './Checkbox.styled';\n\n/**\n * Checkboxes allow the user to select one or more items from a set.\n *\n * If you have a single option, avoid using a checkbox and use an on/off switch (`Switch` component) instead.\n *\n *\n * ### Import\n *\n * ``` js\n * import { Checkbox } from '@ntbjs/react-components/inputs'\n * // or\n * import Checkbox from '@ntbjs/react-components/inputs/Checkbox'\n * ```\n */\nconst Checkbox = React.forwardRef(function Checkbox(\n  {\n    checked,\n    defaultChecked,\n    disabled,\n    readOnly,\n    name,\n    value,\n    description,\n    error,\n    indeterminate,\n    muted,\n    label,\n    onChange,\n    onBlur,\n    className,\n    style\n  },\n  forwardedRef\n) {\n  const [uniqueId] = useState(nanoid());\n\n  const hasError = useMemo(() => {\n    if (isBoolean(error)) {\n      return error;\n    }\n\n    return !isEmpty(error);\n  }, [error]);\n\n  const descriptionText = useMemo(() => {\n    if (!isEmpty(error)) {\n      return error;\n    }\n\n    if (!isEmpty(description)) {\n      return description;\n    }\n\n    return null;\n  }, [description, error]);\n\n  return (\n    <S.Checkbox className={className} disabled={disabled} readOnly={readOnly} style={style}>\n      <S.CheckboxLabel disabled={disabled} muted={muted} readOnly={readOnly} htmlFor={uniqueId}>\n        <input\n          ref={forwardedRef}\n          id={uniqueId}\n          checked={checked}\n          defaultChecked={defaultChecked}\n          disabled={disabled}\n          readOnly={readOnly}\n          value={value}\n          name={name}\n          type=\"checkbox\"\n          onChange={onChange}\n          onBlur={onBlur}\n          data-indeterminate={indeterminate}\n        />\n\n        <S.IndeterminateCheckIcon />\n        <S.CheckIcon>\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 10.9 8.45\">\n            <path\n              d=\"m3.68,8.45L0,4.75l1.21-1.21,2.47,2.45L9.7,0l1.21,1.23-7.22,7.22Z\"\n              fill=\"currentColor\"\n            />\n          </svg>\n        </S.CheckIcon>\n        {((typeof label === 'string' && label.length > 0) || typeof label === 'object') && (\n          <S.CheckboxVisualLabel>{label}</S.CheckboxVisualLabel>\n        )}\n      </S.CheckboxLabel>\n      {typeof descriptionText === 'string' && descriptionText.length > 0 && (\n        <S.Description $error={hasError}>{descriptionText}</S.Description>\n      )}\n    </S.Checkbox>\n  );\n});\n\nCheckbox.propTypes = {\n  /**\n   * Whether the checkbox is checked\n   */\n  checked: PropTypes.bool,\n\n  /**\n   * Whether the checkbox should be checked or unchecked by default\n   */\n  defaultChecked: PropTypes.bool,\n\n  /**\n   * The checkbox' label\n   */\n  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n\n  /**\n   * Whether the checkbox is disabled\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * Whether the checkbox is read-only\n   */\n  readOnly: PropTypes.bool,\n\n  /**\n   * The checkbox' name\n   */\n  name: PropTypes.string,\n\n  /**\n   * The checkbox' value\n   */\n  value: PropTypes.string,\n\n  /**\n   * Description of the checkbox\n   */\n  description: PropTypes.string,\n\n  /**\n   * Whether there's an error. Error message can be passed as a `string` to be displayed below the checkbox.\n   */\n  error: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),\n\n  /**\n   * Whether the checkbox is indeterminate. This will display a dash in the checkbox instead of the default checkmark.\n   */\n  indeterminate: PropTypes.bool,\n\n  /**\n   * Mutes the color of the visual checkbox – Does not mute the label or other parts of the Checkbox\n   */\n  muted: PropTypes.bool,\n\n  /**\n   * On-change effect\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * On-blur effect\n   */\n  onBlur: PropTypes.func,\n\n  /**\n   * Optional class name for the HTML element\n   */\n  className: PropTypes.string,\n\n  /**\n   * Optional in-line styling for the HTML element\n   */\n  style: PropTypes.object\n};\n\nCheckbox.defaultProps = {\n  disabled: false,\n  readOnly: false,\n  indeterminate: false\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","React","forwardRef","checked","defaultChecked","disabled","readOnly","name","value","description","error","indeterminate","muted","label","onChange","onBlur","className","style","forwardedRef","uniqueId","useState","nanoid","hasError","useMemo","isBoolean","isEmpty","descriptionText","createElement","S","htmlFor","ref","id","type","xmlns","viewBox","d","fill","length","$error","propTypes","process","env","NODE_ENV","PropTypes","bool","oneOfType","string","element","func","object","defaultProps"],"mappings":"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"}

package/build/inputs/Checkbox/Checkbox.styled.js

@@ -0,0 +1,137 @@
+import styled, { css } from 'styled-components';
+import { applyDefaultTheme } from '../../utils/defaultTheme.js';
+
+const checkboxSize = '18px';
+const shouldForwardProp = prop => {
+  return prop !== 'theme' && !prop.startsWith('$');
+};
+const Checkbox = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  display: flex;
+  flex-direction: column;
+`;
+const CheckIcon = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  opacity: 0;
+  transform: scale(0.1);
+  transition: all 200ms;
+  position: absolute;
+  width: 12px;
+  top: 4px;
+  left: 3px;
+  color: ${props => props.theme.getColor('gray-100')};
+
+  svg {
+    width: 100%;
+    display: block;
+  }
+`;
+const IndeterminateCheckIcon = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  opacity: 0;
+  transform: scale(0.1);
+  transition: all 200ms;
+  position: absolute;
+  height: 2px;
+  top: 8px;
+  left: 4px;
+  background: ${props => props.theme.getColor('gray-100')};
+  width: 10px;
+`;
+const CheckboxLabel = styled.label.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  display: inline-flex;
+  position: relative;
+  cursor: pointer;
+  user-select: none;
+  min-height: ${checkboxSize};
+  text-align: left;
+  flex-wrap: wrap;
+  flex: 1;
+  line-height: ${checkboxSize};
+  margin-right: auto;
+
+  & input[type='checkbox'] {
+    position: absolute;
+    opacity: 0;
+    pointer-events: none;
+    margin: 0;
+  }
+
+  &::before {
+    content: '';
+    border: 2px solid ${props => props.theme.getColor('gray-300')};
+    border-radius: 2px;
+    transition: all 200ms;
+    width: ${checkboxSize};
+    height: ${checkboxSize};
+    box-sizing: border-box;
+    ${props => props.muted && css`
+        opacity: 0.75;
+      `}
+  }
+
+  &:has(input[type='checkbox']:checked) {
+    &::before {
+      background: ${props => props.theme.getColor('emerald-500')};
+      border-color: ${props => props.theme.getColor('emerald-500')};
+    }
+  }
+
+  &:has(input[type='checkbox']:not([data-indeterminate='true']):checked) {
+    ${CheckIcon} {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+
+  &:has(input[type='checkbox'][data-indeterminate='true']:checked) {
+    ${IndeterminateCheckIcon} {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+
+  ${props => props.readOnly && css`
+      opacity: 0.5;
+      cursor: default;
+      pointer-events: none;
+      user-select: text;
+    `}
+
+  ${props => props.disabled && css`
+      opacity: 0.5;
+      cursor: not-allowed;
+    `}
+`;
+const CheckboxVisualLabel = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  padding-left: 10px;
+  font-weight: 400;
+  font-size: 0.875rem;
+  flex: 1;
+
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'))};
+`;
+const Description = styled.p.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  margin: 0.375rem 0 0 0;
+  font-size: 0.75rem;
+  line-height: 1.333;
+
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'))};
+
+  ${props => props.$error && css`
+      content: 'error';
+      ${props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500'))}
+    `}
+`;
+
+export { CheckIcon, Checkbox, CheckboxLabel, CheckboxVisualLabel, Description, IndeterminateCheckIcon };
+//# sourceMappingURL=Checkbox.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.styled.js","sources":["../../../src/components/inputs/Checkbox/Checkbox.styled.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nconst checkboxSize = '18px';\n\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const Checkbox = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  flex-direction: column;\n`;\n\nexport const CheckIcon = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  opacity: 0;\n  transform: scale(0.1);\n  transition: all 200ms;\n  position: absolute;\n  width: 12px;\n  top: 4px;\n  left: 3px;\n  color: ${props => props.theme.getColor('gray-100')};\n\n  svg {\n    width: 100%;\n    display: block;\n  }\n`;\n\nexport const IndeterminateCheckIcon = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  opacity: 0;\n  transform: scale(0.1);\n  transition: all 200ms;\n  position: absolute;\n  height: 2px;\n  top: 8px;\n  left: 4px;\n  background: ${props => props.theme.getColor('gray-100')};\n  width: 10px;\n`;\n\nexport const CheckboxLabel = styled.label\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: inline-flex;\n  position: relative;\n  cursor: pointer;\n  user-select: none;\n  min-height: ${checkboxSize};\n  text-align: left;\n  flex-wrap: wrap;\n  flex: 1;\n  line-height: ${checkboxSize};\n  margin-right: auto;\n\n  & input[type='checkbox'] {\n    position: absolute;\n    opacity: 0;\n    pointer-events: none;\n    margin: 0;\n  }\n\n  &::before {\n    content: '';\n    border: 2px solid ${props => props.theme.getColor('gray-300')};\n    border-radius: 2px;\n    transition: all 200ms;\n    width: ${checkboxSize};\n    height: ${checkboxSize};\n    box-sizing: border-box;\n    ${props =>\n      props.muted &&\n      css`\n        opacity: 0.75;\n      `}\n  }\n\n  &:has(input[type='checkbox']:checked) {\n    &::before {\n      background: ${props => props.theme.getColor('emerald-500')};\n      border-color: ${props => props.theme.getColor('emerald-500')};\n    }\n  }\n\n  &:has(input[type='checkbox']:not([data-indeterminate='true']):checked) {\n    ${CheckIcon} {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  &:has(input[type='checkbox'][data-indeterminate='true']:checked) {\n    ${IndeterminateCheckIcon} {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  ${props =>\n    props.readOnly &&\n    css`\n      opacity: 0.5;\n      cursor: default;\n      pointer-events: none;\n      user-select: text;\n    `}\n\n  ${props =>\n    props.disabled &&\n    css`\n      opacity: 0.5;\n      cursor: not-allowed;\n    `}\n`;\n\nexport const CheckboxVisualLabel = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  padding-left: 10px;\n  font-weight: 400;\n  font-size: 0.875rem;\n  flex: 1;\n\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-600')\n    )};\n`;\n\nexport const Description = styled.p\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  margin: 0.375rem 0 0 0;\n  font-size: 0.75rem;\n  line-height: 1.333;\n\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-400'),\n      props.theme.getColor('gray-500')\n    )};\n\n  ${props =>\n    props.$error &&\n    css`\n      content: 'error';\n      ${props.theme.themeProp(\n        'color',\n        props.theme.getColor('red-200'),\n        props.theme.getColor('red-500')\n      )}\n    `}\n`;\n"],"names":["checkboxSize","shouldForwardProp","prop","startsWith","Checkbox","styled","div","withConfig","attrs","applyDefaultTheme","CheckIcon","props","theme","getColor","IndeterminateCheckIcon","CheckboxLabel","label","muted","css","readOnly","disabled","CheckboxVisualLabel","themeProp","Description","p","$error"],"mappings":";;;AAGA,MAAMA,YAAY,GAAG,MAAM,CAAA;AAE3B,MAAMC,iBAAiB,GAAGC,IAAI,IAAI;EAChC,OAAOA,IAAI,KAAK,OAAO,IAAI,CAACA,IAAI,CAACC,UAAU,CAAC,GAAG,CAAC,CAAA;AAClD,CAAC,CAAA;AAEM,MAAMC,QAAQ,GAAGC,MAAM,CAACC,GAAG,CAC/BC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA,EAAC;AAEM,MAAMC,SAAS,GAAGL,MAAM,CAACC,GAAG,CAChCC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAWE,EAAAA,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACC,QAAQ,CAAC,UAAU,CAAC,CAAA;AACpD;AACA;AACA;AACA;AACA;AACA,EAAC;AAEM,MAAMC,sBAAsB,GAAGT,MAAM,CAACC,GAAG,CAC7CC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAgBE,EAAAA,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACC,QAAQ,CAAC,UAAU,CAAC,CAAA;AACzD;AACA,EAAC;AAEM,MAAME,aAAa,GAAGV,MAAM,CAACW,KAAK,CACtCT,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA;AACA,cAAA,EAAgBT,YAAY,CAAA;AAC5B;AACA;AACA;AACA,eAAA,EAAiBA,YAAY,CAAA;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAwBW,EAAAA,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACC,QAAQ,CAAC,UAAU,CAAC,CAAA;AACjE;AACA;AACA,WAAA,EAAab,YAAY,CAAA;AACzB,YAAA,EAAcA,YAAY,CAAA;AAC1B;AACA,IAAA,EAAMW,KAAK,IACLA,KAAK,CAACM,KAAK,IACXC,GAAG,CAAA;AACT;AACA,MAAO,CAAA,CAAA;AACP;AACA;AACA;AACA;AACA,kBAAoBP,EAAAA,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACC,QAAQ,CAAC,aAAa,CAAC,CAAA;AAChE,oBAAsBF,EAAAA,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACC,QAAQ,CAAC,aAAa,CAAC,CAAA;AAClE;AACA;AACA;AACA;AACA,IAAA,EAAMH,SAAS,CAAA;AACf;AACA;AACA;AACA;AACA;AACA;AACA,IAAA,EAAMI,sBAAsB,CAAA;AAC5B;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIH,KAAK,IACLA,KAAK,CAACQ,QAAQ,IACdD,GAAG,CAAA;AACP;AACA;AACA;AACA;AACA,IAAK,CAAA,CAAA;AACL;AACA,EAAA,EAAIP,KAAK,IACLA,KAAK,CAACS,QAAQ,IACdF,GAAG,CAAA;AACP;AACA;AACA,IAAK,CAAA,CAAA;AACL,EAAC;AAEM,MAAMG,mBAAmB,GAAGhB,MAAM,CAACC,GAAG,CAC1CC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA;AACA;AACA,EAAIE,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACU,SAAS,CACnB,OAAO,EACPX,KAAK,CAACC,KAAK,CAACC,QAAQ,CAAC,UAAU,CAAC,EAChCF,KAAK,CAACC,KAAK,CAACC,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACL,EAAC;AAEM,MAAMU,WAAW,GAAGlB,MAAM,CAACmB,CAAC,CAChCjB,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA;AACA,EAAIE,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACU,SAAS,CACnB,OAAO,EACPX,KAAK,CAACC,KAAK,CAACC,QAAQ,CAAC,UAAU,CAAC,EAChCF,KAAK,CAACC,KAAK,CAACC,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACL;AACA,EAAA,EAAIF,KAAK,IACLA,KAAK,CAACc,MAAM,IACZP,GAAG,CAAA;AACP;AACA,MAAQP,EAAAA,KAAK,CAACC,KAAK,CAACU,SAAS,CACrB,OAAO,EACPX,KAAK,CAACC,KAAK,CAACC,QAAQ,CAAC,SAAS,CAAC,EAC/BF,KAAK,CAACC,KAAK,CAACC,QAAQ,CAAC,SAAS,CAChC,CAAC,CAAA;AACP,IAAK,CAAA,CAAA;AACL;;;;"}

package/build/inputs/Checkbox/index.js

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

package/build/inputs/Checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}