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

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

@@ -6,284 +6,66 @@ const shouldForwardProp = prop => {
 };
 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;
-    `};
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "Buttonstyled__Button",
+  componentId: "sc-1w003g-0"
+})(["position:relative;border-radius:3px;font-family:inherit;font-size:0.875rem;font-weight:400;padding:12px 16px;cursor:pointer;background:", ";border:", "px solid ", ";transition:all 250ms,opacity 200ms;&:hover,&.dropdown-is-active{background:#296c58;border-color:#296c58;}", " &&{", ";}&&{", ";}&&{", ";}&&{", ";}", ";", ";", ";", ";", ";", ";", ";"], props => props.theme.getColor('emerald-500'), props => props.$border, props => props.theme.getColor('emerald-500'), props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('white')), props => props.$secondary && css(["background:", ";border-color:", ";", " &:hover,&.dropdown-is-active{background:", ";border-color:", ";}"], props => props.theme.getColor('gray-200'), props => props.theme.getColor('gray-200'), props.theme.themeProp('color', props.theme.getColor('gray-700'), props.theme.getColor('gray-700')), props => props.theme.getColor('gray-300'), props => props.theme.getColor('gray-300')), props => props.$outlined && css(["background:transparent;transition:none;", " ", " &:hover,&.dropdown-is-active{background-color:#296c58;", " ", "}"], 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')), 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(["", " ", " &:hover,&.dropdown-is-active{background:", ";", " ", "}"], 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')), 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:", "px;border-radius:3px !important;transition:all 250ms,opacity 200ms;"], props.$singleactiongap), props => props.$width && css(["min-width:", "px;justify-content:center;"], props.$width));
 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;
-      }
-    `};
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "Buttonstyled__ButtonContent",
+  componentId: "sc-1w003g-1"
+})(["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;
-    `}
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "Buttonstyled__LoadingIndicator",
+  componentId: "sc-1w003g-2"
+})(["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);
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "Buttonstyled__LoadingIndicatorSvg",
+  componentId: "sc-1w003g-3"
+})(["height:100%;color:inherit;transform:rotate(-88deg);"]);
 const LoadingIndicatorSvgCircle = styled.circle.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  transition: stroke-dashoffset 300ms linear;
-  stroke-dasharray: 113;
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "Buttonstyled__LoadingIndicatorSvgCircle",
+  componentId: "sc-1w003g-4"
+})(["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%;
-    `}
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "Buttonstyled__ButtonWrapper",
+  componentId: "sc-1w003g-5"
+})(["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')};
-      `;
-}};
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "Buttonstyled__MainButtonWrapper",
+  componentId: "sc-1w003g-6"
+})(["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;
-      `};
-  }
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "Buttonstyled__MainButtonContainer",
+  componentId: "sc-1w003g-7"
+})(["display:inline-block;", " button{", ";", ";}"], props => props.$block && css(["flex:1;width:100%;"]), 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;
-      `};
-  }
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "Buttonstyled__MainButtonContainerSingle",
+  componentId: "sc-1w003g-8"
+})(["display:inline-block;width:100%;", ";button{", ";}"], props => props.$singleaction && css(["display:flex;align-items:center;border-radius:3px !important;transition:all 250ms,opacity 200ms;"]), 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'};
-  }
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "Buttonstyled__DropdownButtonContainer",
+  componentId: "sc-1w003g-9"
+})(["display:inline-block;button{border-bottom-left-radius:0;border-top-left-radius:0;", ";}svg{color:inherit;height:7px;width:12px;", ";}"], props => !props.$singleaction && 'border-left: none', 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

@@ -1 +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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"}
+{"version":3,"file":"Button.styled.js","sources":["../../../src/components/inputs/Button/Button.styled.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nimport type { ReactNode } from 'react';\n\n/*\n * Single-argument, and it stays that way — peer floor `styled-components: >=5.1.0`\n * and the two majors disagree on the second parameter. 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 => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\n/**\n * `size` — `PropTypes.oneOf(['x-small', 'small', 'normal', 'large'])`, component default\n * `'normal'`. Closed on purpose (§J.6): `Button` and `ButtonContent` compare against\n * three of the four members, so a mistyped size is TS2367 rather than a dead branch.\n *\n * IT HAS NO `$`, AND THAT IS A DEFECT. `size` is not a member of\n * `ButtonHTMLAttributes` (it is an `<input>`/`<select>` attribute), which is why the\n * five reads of it were TS2339, and `shouldForwardProp` forwards every non-`$` prop —\n * so `size=\"normal\"` is on every rendered `<button>` and every `ButtonContent`\n * `<div>` today, and both are in the recorded render baseline. Fix = rename `$size` at\n * both ends; removes a DOM attribute → C10 with its re-record. §E.4 third case.\n */\ntype ButtonSize = 'x-small' | 'small' | 'normal' | 'large';\n\n/**\n * `dropdownItems` — `PropTypes.node`, an array of `ContextMenuItem`s.\n *\n * `ReactNode` and not `boolean`: the templates only ever test it for truthiness, but\n * what is passed is the node itself, and recording what the code does is the rule\n * (§J.6). It is transient, so it never reaches the DOM.\n */\ntype DropdownItems = ReactNode;\n\n/**\n * `Button`'s props — nine of them, which is why they are a named interface here rather\n * than inline. All optional per §J.5, and here that is load-bearing twice over:\n * `Button.tsx` spreads `{...props}` onto this root, and it renders `S.Button` at three\n * sites that pass different subsets (only the two dropdown sites pass\n * `$singleactiongap`).\n *\n * `disabled` is deliberately ABSENT: on a `styled.button` it is a genuine\n * `ButtonHTMLAttributes` member, so the read at `props.disabled &&` already typechecks\n * and the attribute belongs on the element (§J.9, first row).\n */\nexport interface ButtonStyleProps {\n  /** `border` — `PropTypes.number`, default `2`. Interpolated as `${…}px`, so a string\n   *  here would already render `border: 2pxpx solid`. */\n  $border?: number;\n  /** `secondary` — `PropTypes.bool`. */\n  $secondary?: boolean;\n  /** `outlined` — `PropTypes.bool`. */\n  $outlined?: boolean;\n  /** `dropdownItems` — see `DropdownItems`. */\n  $dropdownItems?: DropdownItems;\n  /** `block` — `PropTypes.bool`, default `false`. Full-width. */\n  $block?: boolean;\n  /** `size` — see `ButtonSize`. Leaks to the DOM; see there. */\n  size?: ButtonSize;\n  /** `singleAction` — `PropTypes.bool`, default `false`. */\n  $singleaction?: boolean;\n  /** `singleActionGap` — `PropTypes.number`, default `34`. Interpolated as `${…}px`.\n   *  Passed only at the two dropdown `S.Button` sites, which is one of the reasons\n   *  every member here is optional. */\n  $singleactiongap?: number;\n  /** `width` — `PropTypes.number`, the custom `min-width`, interpolated as `${…}px`. */\n  $width?: number;\n}\n\nexport const Button = styled.button\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<ButtonStyleProps>(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<{\n    /** `size` — see `ButtonSize`. Leaks onto this `<div>` too; see there. */\n    size?: ButtonSize;\n    /** `loadingState` — the component's own state, so `boolean`. */\n    $loading?: boolean;\n    /** `singleAction` — passed only at the single-action site. */\n    $singleaction?: boolean;\n  }>(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<{ $loading?: boolean }>(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\n/*\n * `$block` IS READ HERE AND PASSED NOWHERE — declared so the read typechecks, and\n * recorded as a defect. `Button.tsx` renders `<S.ButtonWrapper>` with NO props at all\n * (it is the outermost element, and the `block` handling is done by `MainButtonWrapper`\n * / `MainButtonContainer` / `S.Button` instead), so `props.$block` is always `undefined`\n * and this `width: 100%` has never applied. Passing it, or deleting the block, changes\n * rendered CSS → C9/C10 with the baseline re-record, not a type-only commit.\n */\nexport const ButtonWrapper = styled.span\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<{ $block?: boolean }>(applyDefaultTheme)`\n  white-space: nowrap;\n  display: flex;\n  ${props =>\n    props.$block &&\n    css`\n      width: 100%;\n    `}\n`;\n\n/** The dropdown-state props the three container `<div>`s share. */\ninterface DropdownContainerStyleProps {\n  /** `activeDropdown` — `PropTypes.bool`, default `false`. */\n  $activeDropdown?: boolean;\n  /** `dropdownItems` — see `DropdownItems`. */\n  $dropdownItems?: DropdownItems;\n}\n\nexport const MainButtonWrapper = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<\n    DropdownContainerStyleProps & {\n      /** `block` — full-width. */\n      $block?: boolean;\n      /** `outlined` — suppresses the wrapper background. */\n      $outlined?: boolean;\n      /** `secondary` — picks the grey background over the emerald one. */\n      $secondary?: boolean;\n    }\n  >(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\n/*\n * TWO DEAD READS HERE, BOTH DECLARED AND NEITHER FIXED.\n *\n * 1. `props.outlined` (in the second `button {}` block) HAS NO `$` while `Button.tsx`\n *    passes `$outlined` — so this is the §E.3 dead-branch class, exactly\n *    `Badge.styled`'s `props.elevated` vs `$elevated`. `props.outlined` is always\n *    `undefined`, so `border-right: none` HAS NEVER APPLIED to a dropdown-adjacent\n *    outlined button. Repointing it to `$outlined` ACTIVATES A BRANCH THAT HAS NEVER\n *    FIRED, which changes rendered CSS, so it belongs to C9/C10 with the baseline\n *    re-record. Declared here (as the non-`$` name it actually reads) so the file\n *    typechecks without blessing it — and note nothing passes `outlined`, so unlike\n *    `size` it does not currently leak to the DOM either.\n * 2. `$activeDropdown` is read and NOT passed to this component (`Button.tsx` gives it\n *    `$dropdownItems`, `$secondary`, `$outlined`, `$block` only). Both reads are\n *    `(props.$activeDropdown || props.$dropdownItems)`, so the `||` still works via the\n *    second operand and the visible behaviour is \"dropdownItems only\". Declared, not\n *    wired up.\n */\nexport const MainButtonContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<\n    DropdownContainerStyleProps & {\n      /** `block` — full-width. */\n      $block?: boolean;\n      /** DEAD READ, see above. Nothing passes it; `$outlined` is what arrives. */\n      outlined?: boolean;\n    }\n  >(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\n/*\n * TWO MORE READ-BUT-NEVER-PASSED PROPS, declared and recorded, not fixed.\n * `Button.tsx` renders `<S.MainButtonContainerSingle $dropdownItems $secondary\n * $outlined className>`, so:\n *   - `$singleaction` is always `undefined` — and this is the SINGLE-ACTION branch of\n *     the component, so the `display: flex` block below has never applied even though\n *     it is the only reason this component exists separately from\n *     `MainButtonContainer`. (`$secondary` / `$outlined` are passed but never read\n *     here, which is the harmless mirror image of the same mistake.)\n *   - `$activeDropdown` is always `undefined`; the `||` falls through to\n *     `$dropdownItems`, as in `MainButtonContainer`.\n * Passing either changes rendered CSS → C9/C10 with the re-record.\n */\nexport const MainButtonContainerSingle = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<\n    DropdownContainerStyleProps & {\n      /** DEAD READ, see above: the single-action layout never applies. */\n      $singleaction?: boolean;\n    }\n  >(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\n/*\n * The one component whose `$singleaction` reads are BOTH live: `Button.tsx` renders this\n * with `$singleaction={singleAction}` in the single-action branch and without it in the\n * other, and `!props.$singleaction` is written for exactly that absence — which is also\n * why the prop stays optional (§J.5).\n */\nexport const DropdownButtonContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<{ $singleaction?: boolean }>(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","displayName","componentId","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/Checkbox/Checkbox.js

@@ -1,30 +1,30 @@
 import React__default, { useState, useMemo } from 'react';
 import { nanoid } from 'nanoid';
-import PropTypes from 'prop-types';
-import { isBoolean, isEmpty } from 'lodash';
+import { isEmpty } from 'lodash';
 import { Checkbox as Checkbox$1, CheckboxLabel, IndeterminateCheckIcon, CheckIcon, CheckboxVisualLabel, Description } from './Checkbox.styled.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 const Checkbox = React__default.forwardRef(function Checkbox({
   checked,
   defaultChecked,
-  disabled,
-  readOnly,
+  disabled = false,
+  readOnly = false,
   name,
   value,
   description,
   error,
-  indeterminate,
+  indeterminate = false,
   muted,
   label,
   onChange,
   onBlur,
   className,
   style,
-  variant
+  variant = 'green'
 }, forwardedRef) {
   const [uniqueId] = useState(nanoid());
   const hasError = useMemo(() => {
-    if (isBoolean(error)) {
+    if (typeof error === 'boolean') {
       return error;
     }
     return !isEmpty(error);
@@ -38,65 +38,49 @@ const Checkbox = React__default.forwardRef(function Checkbox({
     }
     return null;
   }, [description, error]);
-  return React__default.createElement(Checkbox$1, {
+  return jsxs(Checkbox$1, {
     className: className,
     disabled: disabled,
     readOnly: readOnly,
     style: style,
-    $variant: variant
-  }, React__default.createElement(CheckboxLabel, {
-    disabled: disabled,
-    muted: muted,
-    readOnly: readOnly,
-    htmlFor: uniqueId,
-    $variant: variant
-  }, React__default.createElement("input", {
-    ref: forwardedRef,
-    id: uniqueId,
-    checked: checked,
-    defaultChecked: defaultChecked,
-    disabled: disabled,
-    readOnly: readOnly,
-    value: value,
-    name: name,
-    type: "checkbox",
-    onChange: onChange,
-    onBlur: onBlur,
-    "data-indeterminate": indeterminate
-  }), 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__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__default.createElement(CheckboxVisualLabel, null, label)), typeof descriptionText === 'string' && descriptionText.length > 0 && React__default.createElement(Description, {
-    $error: hasError
-  }, descriptionText));
+    $variant: variant,
+    children: [jsxs(CheckboxLabel, {
+      disabled: disabled,
+      muted: muted,
+      readOnly: readOnly,
+      htmlFor: uniqueId,
+      $variant: variant,
+      children: [jsx("input", {
+        ref: forwardedRef,
+        id: uniqueId,
+        checked: checked,
+        defaultChecked: defaultChecked,
+        disabled: disabled,
+        readOnly: readOnly,
+        value: value,
+        name: name,
+        type: "checkbox",
+        onChange: onChange,
+        onBlur: onBlur,
+        "data-indeterminate": indeterminate
+      }), jsx(IndeterminateCheckIcon, {}), jsx(CheckIcon, {
+        children: jsx("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 10.9 8.45",
+          children: jsx("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') && jsx(CheckboxVisualLabel, {
+        children: label
+      })]
+    }), typeof descriptionText === 'string' && descriptionText.length > 0 && jsx(Description, {
+      $error: hasError,
+      children: descriptionText
+    })]
+  });
 });
-Checkbox.propTypes = process.env.NODE_ENV !== "production" ? {
-  checked: PropTypes.bool,
-  defaultChecked: PropTypes.bool,
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  disabled: PropTypes.bool,
-  readOnly: PropTypes.bool,
-  name: PropTypes.string,
-  value: PropTypes.string,
-  description: PropTypes.string,
-  error: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-  indeterminate: PropTypes.bool,
-  muted: PropTypes.bool,
-  onChange: PropTypes.func,
-  onBlur: PropTypes.func,
-  className: PropTypes.string,
-  style: PropTypes.object,
-  variant: PropTypes.oneOf(['green', 'black'])
-} : {};
-Checkbox.defaultProps = {
-  disabled: false,
-  readOnly: false,
-  indeterminate: false,
-  variant: 'green'
-};
 
 export { Checkbox as default };
 //# sourceMappingURL=Checkbox.js.map

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

@@ -1 +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    variant\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\n      className={className}\n      disabled={disabled}\n      readOnly={readOnly}\n      style={style}\n      $variant={variant}\n    >\n      <S.CheckboxLabel\n        disabled={disabled}\n        muted={muted}\n        readOnly={readOnly}\n        htmlFor={uniqueId}\n        $variant={variant}\n      >\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  /**\n   * Visual variant. `green` (default) uses emerald fill. `black` uses themed black/white square (24px, rounded), inverted check.\n   */\n  variant: PropTypes.oneOf(['green', 'black'])\n};\n\nCheckbox.defaultProps = {\n  disabled: false,\n  readOnly: false,\n  indeterminate: false,\n  variant: 'green'\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","variant","forwardedRef","uniqueId","useState","nanoid","hasError","useMemo","isBoolean","isEmpty","descriptionText","createElement","S","$variant","htmlFor","ref","id","type","xmlns","viewBox","d","fill","length","$error","propTypes","process","env","NODE_ENV","PropTypes","bool","oneOfType","string","element","func","object","oneOf","defaultProps"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/inputs/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\n\nimport { nanoid } from 'nanoid';\n\nimport { isEmpty } from 'lodash';\nimport * as S from './Checkbox.styled';\n\ntype Props = {\n  /**\n   * Whether the checkbox is checked\n   */\n  checked?: boolean;\n  /**\n   * Whether the checkbox should be checked or unchecked by default\n   */\n  defaultChecked?: boolean;\n  /**\n   * The checkbox' label\n   */\n  label?: string | React.ReactElement<any>;\n  /**\n   * Whether the checkbox is disabled\n   */\n  disabled?: boolean;\n  /**\n   * Whether the checkbox is read-only\n   */\n  readOnly?: boolean;\n  /**\n   * The checkbox' name\n   */\n  name?: string;\n  /**\n   * The checkbox' value\n   *\n   * `string | number`, not the `PropTypes.string` this replaces. `MultiLevelCheckbox`\n   * renders `<Checkbox value={node.value} …>` and a node's value is\n   * `MultiLevelCheckboxNodeValue = string | number`, so a numeric value reaches this\n   * prop through a public API today and `oneOf`-style validation never noticed because\n   * the two components' propTypes were never compared. The value is forwarded\n   * unchanged onto `<input type=\"checkbox\">`, whose own React type is\n   * `string | number | readonly string[]`, so this widening records reality and emits\n   * identical markup.\n   */\n  value?: string | number;\n  /**\n   * Description of the checkbox\n   */\n  description?: string;\n  /**\n   * Whether there's an error. Error message can be passed as a `string` to be displayed below the checkbox.\n   */\n  error?: boolean | string;\n  /**\n   * Whether the checkbox is indeterminate. This will display a dash in the checkbox instead of the default checkmark.\n   */\n  indeterminate?: boolean;\n  /**\n   * Mutes the color of the visual checkbox – Does not mute the label or other parts of the Checkbox\n   */\n  muted?: boolean;\n  /**\n   * On-change effect\n   */\n  onChange?: (...args: any[]) => any;\n  /**\n   * On-blur effect\n   */\n  onBlur?: (...args: any[]) => any;\n  /**\n   * Optional class name for the HTML element\n   */\n  className?: string;\n  /**\n   * Optional in-line styling for the HTML element\n   */\n  style?: any;\n  /**\n   * Visual variant. `green` (default) uses emerald fill. `black` uses themed black/white square (24px, rounded), inverted check.\n   */\n  variant?: 'green' | 'black';\n};\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<any, Props>(function Checkbox(\n  {\n    checked,\n    defaultChecked,\n    disabled = false,\n    readOnly = false,\n    name,\n    value,\n    description,\n    error,\n    indeterminate = false,\n    muted,\n    label,\n    onChange,\n    onBlur,\n    className,\n    style,\n    variant = 'green'\n  },\n  forwardedRef\n) {\n  const [uniqueId] = useState(nanoid());\n\n  /*\n   * NMB-3998: `typeof` instead of lodash `isBoolean`, the same failure documented at\n   * length in TextInput.tsx. `@types/lodash` is not installed and lodash 4 ships no\n   * types, so `isBoolean` is `any` and narrows nothing; `hasError` widened to\n   * `string | boolean` and `S.Description`'s `$error?: boolean` rejected it (TS2769).\n   * The value is already a boolean at runtime either way, so this records behaviour\n   * rather than widening the styled generic to a `string` it can never receive.\n   */\n  const hasError = useMemo(() => {\n    if (typeof error === 'boolean') {\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\n      className={className}\n      disabled={disabled}\n      readOnly={readOnly}\n      style={style}\n      $variant={variant}\n    >\n      <S.CheckboxLabel\n        disabled={disabled}\n        muted={muted}\n        readOnly={readOnly}\n        htmlFor={uniqueId}\n        $variant={variant}\n      >\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\nexport default Checkbox;\n"],"names":["Checkbox","React","forwardRef","checked","defaultChecked","disabled","readOnly","name","value","description","error","indeterminate","muted","label","onChange","onBlur","className","style","variant","forwardedRef","uniqueId","useState","nanoid","hasError","useMemo","isEmpty","descriptionText","_jsxs","S","$variant","children","htmlFor","_jsx","ref","id","type","xmlns","viewBox","d","fill","length","$error"],"mappings":"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"}