'use client';'use strict';

var chunkY3NOL3WI_cjs = require('./chunk-Y3NOL3WI.cjs');
var chunk5MDNIIWX_cjs = require('./chunk-5MDNIIWX.cjs');
var react = require('react');
var reactSelect = require('@radix-ui/react-select');
var recipes = require('@onbeam/styled-system/recipes');
var css = require('@onbeam/styled-system/css');
var icons = require('@onbeam/icons');
var jsxRuntime = require('react/jsx-runtime');

var d=react.forwardRef(({className:s,children:o,...e},n)=>{let r=recipes.actionMenu();return jsxRuntime.jsx(reactSelect.Portal,{children:jsxRuntime.jsx(reactSelect.Content,{ref:n,...e,asChild:!0,children:jsxRuntime.jsx(chunk5MDNIIWX_cjs.a,{size:"sm",className:r.root,children:jsxRuntime.jsx(reactSelect.Viewport,{className:r.viewport,children:o})})})})});d.displayName=reactSelect.Content.displayName;var I=react.forwardRef(({className:s,children:o,...e},n)=>{let r=recipes.actionMenu();return jsxRuntime.jsx(reactSelect.Item,{ref:n,asChild:!0,...e,children:jsxRuntime.jsx("button",{type:"button",className:r.item,children:jsxRuntime.jsx(reactSelect.ItemText,{children:o})})})});I.displayName=reactSelect.Item.displayName;var C=react.forwardRef(({placeholder:s,triggerProps:o,value:e,items:n,...r},y)=>{let M=recipes.actionMenu(),{className:A}=o||{};return jsxRuntime.jsxs(reactSelect.Root,{...r,value:e,children:[jsxRuntime.jsx(reactSelect.Trigger,{asChild:!0,children:jsxRuntime.jsxs(chunkY3NOL3WI_cjs.a,{...o,className:css.cx(M.trigger,A),children:[jsxRuntime.jsx(reactSelect.Value,{placeholder:s,"aria-label":e,children:n.find(a=>a.value===e)?.label||s}),jsxRuntime.jsx(icons.DownIcon,{height:16,width:16,style:{minWidth:16}})]})}),jsxRuntime.jsx(d,{ref:y,position:"popper",align:"start",side:"bottom",sideOffset:8,children:n.map(a=>jsxRuntime.jsx(I,{value:a.value,disabled:a.disabled,children:a.label},a.value))})]})});C.displayName="ActionMenu";

exports.a = C;
//# sourceMappingURL=out.js.map
//# sourceMappingURL=chunk-QYFQ5BHQ.cjs.map