"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),a=require("../utils.js"),t=require("../../../utils/index.js"),n=require("../../../utils/styles.js"),r=require("../textField/styles.js");function s(e){return e&&e.__esModule?e:{default:e}}var i=s(o);const l=i.default.div.withConfig({shouldForwardProp:t.convertToTransientProps(["hasText"])})`
  display: flex;
  flex-direction: row;
  justify-content: ${e=>e.hasText?"space-between":"flex-end"};
  width: 100%;
  color: ${e=>t.getColorAlias(e.disabled?"contentDisabled":"contentDefault")};
  background: ${e=>e.disabled?t.getColorAlias("disabled01"):"transparent"};
  ${t.getFontSize("size16")};
  ${e=>a.getFieldPadding(e.variant)};
  border: unset;
  outline: unset;
  border-radius: ${e=>e.theme.radius.roundedC};
  width: 100%;
  ${t.getDefaultTransition("background")};
  align-items: center;

  &:hover {
    cursor: ${e=>e.disabled?"not-allowed":"pointer"};
  }

  &:focus:hover {
    background: ${e=>e.disabled?t.getColorAlias("disabled01"):t.getColorAlias("containerDefault")};
  }

  input {
    left: 0;
    width: 100%;
    bottom: 0;
    opacity: 0;
    position: absolute;
    pointer-events: none;
  }

  span {
    cursor: ${e=>e.disabled?"not-allowed":"pointer"};
    flex-wrap: wrap;
    gap: ${t.getSpacing("s01")};
  }

  > svg {
    fill: ${e=>e.disabled?t.getColorAlias("disabled01"):t.getColorAlias("contentDefault")};
  }
`,d=i.default.div.withConfig({shouldForwardProp:t.convertToTransientProps(["maxHeight"])})`
  max-height: ${e=>`${e.maxHeight}px`};
  z-index: 999;
  overflow-y: auto;
  overflow-x: hidden;
  background: ${t.getColorAlias("containerDefault")};
  font-family: ${e=>e.theme.font.familyPrimary};
  border-radius: ${e=>e.theme.radius.roundedC};
  padding: ${t.getSpacing("s02","s00")};
  width: ${e=>`${e.width}px`};
  box-shadow: ${e=>e.theme.elevation.e3};
  ${e=>o.css`
      animation: ${n.fadeIn} ${e.theme.motion.speed.defaultM}
        ${e.theme.motion.easing.easeDefault};
    `};

  &:active,
  &:focus,
  &:enabled {
    outline: none;
  }
`,u=i.default.div`
  ${e=>e.isMultivalue&&o.css`
      margin-left: ${t.getSpacing("s04")};
    `};
`,c=i.default.span.withConfig({shouldForwardProp:t.convertToTransientProps(["isSelected","isMultivalue"])})`
  display: flex;
  ${e=>e.isMultivalue?o.css`
          align-items: center;
          justify-content: flex-start;
        `:o.css`
          align-items: center;
          justify-content: space-between;
        `};

  padding: ${t.getSpacing("s03","s04")};
  color: ${e=>e.isDisabled?t.getColorAlias("contentDisabled"):t.getColorAlias("contentDefault")};
  font-weight: ${e=>e.isSelected?e.theme.font.weightExtrabold:e.theme.font.weightRegular};
  font-family: ${e=>e.theme.font.familyPrimary};
  outline: none;
  border: 2px solid transparent;
  border-radius: ${e=>e.theme.radius.roundedA};
  cursor: pointer;
  ${t.getFontSize("size16")};
  ${t.getDefaultTransition()};

  background: ${e=>t.getColorAlias(e.isHovered?"disabled01":"containerDefault")};

  &:hover {
    background: ${t.getDarkenColor("hover02","containerDefault")};
  }

  &:focus-visible {
    border-color: ${t.getColorAlias("focusOuter")};
  }
`,f=i.default(r.Prefix)`
  ${e=>e.hasValue?o.css`
          padding-left: ${t.getSpacing("s04")};
        `:o.css`
          padding: ${t.getSpacing("s00","s04")};
        `};
`;exports.DropdownPrefix=f;exports.OptionItem=c;exports.OptionItemLabel=u;exports.OptionsPopper=d;exports.SelectInput=l;
