"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ellipsis = exports.Root = exports.ListboxContainer = exports.Listbox = exports.ListContainer = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var ellipsis = exports.ellipsis = "\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n";
var Root = exports.Root = _styledComponents.default.div.withConfig({
  displayName: "Selectstyles__Root",
  componentId: "sc-1u6d1mr-0"
})(["display:inline-block;position:relative;width:", ";"], function (_ref) {
  var theme = _ref.theme,
    $width = _ref.$width,
    $fullWidth = _ref.$fullWidth;
  return $fullWidth ? '100%' : "".concat(theme.spacing.unit($width), "px");
});
var ListContainer = exports.ListContainer = _styledComponents.default.div.withConfig({
  displayName: "Selectstyles__ListContainer",
  componentId: "sc-1u6d1mr-1"
})(["position:absolute;width:100%;cursor:pointer;z-index:", ";", ""], function (_ref2) {
  var theme = _ref2.theme;
  return theme.zIndex.dropdown;
}, function (_ref3) {
  var $hidden = _ref3.$hidden;
  return $hidden ? "opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.4s ease, visibility 0.4s step-end;" : '';
});
var ListboxContainer = exports.ListboxContainer = _styledComponents.default.div.withConfig({
  displayName: "Selectstyles__ListboxContainer",
  componentId: "sc-1u6d1mr-2"
})(["margin-top:", "px;background:", ";border:1px solid ", ";box-sizing:border-box;padding:", "px 0;border-radius:4px;overflow:auto;"], function (p) {
  return p.theme.spacing.unit(1);
}, function (_ref4) {
  var theme = _ref4.theme;
  return theme.colorTokens.neutral.background_default;
}, function (_ref5) {
  var theme = _ref5.theme;
  return theme.colorTokens.neutral.border_default;
}, function (_ref6) {
  var theme = _ref6.theme;
  return theme.spacing.unit(1);
});
var Listbox = exports.Listbox = _styledComponents.default.ul.withConfig({
  displayName: "Selectstyles__Listbox",
  componentId: "sc-1u6d1mr-3"
})(["list-style-type:none;padding:0;margin:0;"]);