import { a as a$1 } from './chunk-KPJAFT2K.js';
import { a } from './chunk-TWGPE4V7.js';
import { DownIcon } from '@onbeam/icons';
import { cx } from '@onbeam/styled-system/css';
import { nativeSelect } from '@onbeam/styled-system/recipes';
import { jsxs, jsx } from 'react/jsx-runtime';

var r=a(({as:a="select",children:m,className:i,width:c=100,...l},p)=>{let e=nativeSelect();return jsxs(a$1,{size:"sm",type:"button",style:{width:c},className:cx(e.button,i),tabIndex:-1,children:[jsx(a,{ref:p,role:"listbox",className:e.root,...l,children:m}),jsx("span",{className:e.dummyText,"aria-hidden":!0,children:"dummy"}),jsx(DownIcon,{className:e.chevron,height:16,width:16})]})});r.displayName="NativeSelect";

export { r as a };
//# sourceMappingURL=out.js.map
//# sourceMappingURL=chunk-VTKMHGJQ.js.map