import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{ht as r,t as i}from"./dist-DtfJeYQK.js";import{t as a}from"./react-dom-CLuuWI32.js";import{t as o}from"./jsx-runtime-C2wGStra.js";import{g as s,m as c}from"./iframe-D-oZzXNK.js";import{n as l,t as u}from"./dist-Cc1j9Pjk.js";import{n as d,t as f}from"./filterAttributesPassedByRadixUIAtRuntime-CGiuUnR2.js";import{n as ee,t as p}from"./Icon-0Ag8a3l4.js";import{i as te,r as ne}from"./lib-8ue2PVWI.js";import{C as re,S as ie,T as ae,_ as oe,b as se,d as ce,f as le,g as ue,h as de,m as fe,n as pe,p as me,t as he,u as ge,v as _e,w as ve,x as ye,y as be}from"./esm-C7OAFD7m.js";import{n as xe,t as Se}from"./TokyoUICheck-BxTDosuA.js";import{n as Ce,t as we}from"./VisuallyHidden-CpMYtDeS.js";import{n as Te,t as Ee}from"./useControllableState-B6dCOM10.js";import{n as De,t as Oe}from"./useBreakpointMatch-CmOkxQJ1.js";import{n as ke,t as Ae}from"./TokyoUIChevronRight-C__gngF1.js";var je,Me,Ne,Pe,Fe,Ie,Le,Re,ze,Be,Ve,He,Ue,We,m,Ge=t((()=>{je=`positioner__j1hZk`,Me=`fixedPositioner__hEvlQ`,Ne=`popup__7jGd6`,Pe=`backdrop__Z9EqO`,Fe=`item__VtEQE`,Ie=`itemLabel__QlNhp`,Le=`itemDescription__31RAx`,Re=`itemValue__GPXfq`,ze=`itemLeadingElements__NYg2u`,Be=`itemTrailingElements__yu769`,Ve=`group__BwQDL`,He=`groupLabel__-irDb`,Ue=`radioGroup__PBXnN`,We=`checkboxItemIndicator__T0zcG`,m={positioner:je,fixedPositioner:Me,popup:Ne,backdrop:Pe,"slide-in":`slide-in__6oMtr`,"slide-out":`slide-out__d8WOj`,"opacity-in":`opacity-in__E4Bk5`,"opacity-out":`opacity-out__sTrTm`,item:Fe,itemLabel:Ie,itemDescription:Le,itemValue:Re,itemLeadingElements:ze,itemTrailingElements:Be,group:Ve,groupLabel:He,radioGroup:Ue,checkboxItemIndicator:We}}));function h(e){let t=s();return(0,A.jsx)(_e,{container:t,...e})}function g(e){let t=(0,k.useContext)(N);return(0,A.jsx)(ae,{className:m.backdrop,"data-backdrop":t?`submenu`:`root`,...e})}function _(e){let t=!De(`medium-s`),n=(0,k.useContext)(N);return(0,A.jsx)(oe,{render:t?(0,A.jsx)(Ye,{}):(0,A.jsx)(`div`,{className:m.positioner}),collisionAvoidance:{side:`shift`,align:`shift`},collisionPadding:24,sideOffset:n?12:void 0,...e})}function v({dataset:e,preplyDsComponent:t,...n}){return(0,A.jsx)(be,{className:m.popup,tabIndex:0,...r(e,{preplyDsComponent:t}),...n})}function Ke({children:e,...t}){return(0,A.jsx)(se,{render:e,...t})}function y(e){return(0,A.jsx)(`div`,{className:m.itemLeadingElements,...e})}function b(e){return(0,A.jsx)(`div`,{className:m.itemTrailingElements,...e})}function x(e){return(0,A.jsx)(`span`,{className:m.itemLabel,...e})}function S(e){let t=(0,k.useContext)(Xe);return(0,A.jsx)(`span`,{className:m.itemDescription,id:t,"aria-hidden":!0,...e})}function C(e){return(0,A.jsx)(p,{svg:Ae,size:`16`,accent:`tertiary`,...e})}function w(e){return(0,A.jsx)(ye,{className:m.groupLabel,...e})}function T(e){let t=!De(`medium-s`);return(0,A.jsx)(N.Provider,{value:!0,children:(0,A.jsx)(le,{openOnHover:!t,...e})})}function E({children:e,...t}){return(0,A.jsx)(ge,{render:e,...t})}function D({children:e,...t}){return(0,A.jsx)(de,{render:e,...t})}function O(e){return(0,A.jsx)(fe,{render:(0,A.jsx)(p,{svg:Se,size:`24`}),...e})}function qe({children:e,...t}){return(0,A.jsx)(ve,{render:e,...t})}function Je(e){return(0,A.jsx)(re,{className:m.checkboxItemIndicator,keepMounted:!0,...e})}var k,A,j,M,N,Ye,Xe,P,F,I,L,Ze=t((()=>{k=e(n(),1),he(),Ge(),ke(),xe(),ee(),c(),i(),Oe(),A=o(),j=me,M=(0,k.forwardRef)(function({children:e,...t},n){return(0,A.jsx)(ce,{render:e,ref:n,...t})}),N=(0,k.createContext)(!1),Ye=(0,k.forwardRef)(function(e,t){return(0,A.jsx)(`div`,{ref:t,className:m.fixedPositioner,...e,style:void 0})}),Xe=(0,k.createContext)(``),P=(0,k.forwardRef)(function({dataset:e,render:t,...n},i){let a=(0,k.useId)(),o=pe({render:t,ref:i,defaultTagName:`div`,props:{className:m.item,"aria-describedby":a,...r(e),...n}});return(0,A.jsx)(Xe.Provider,{value:a,children:o})}),F=(0,k.forwardRef)(function(e,t){return(0,A.jsx)(`span`,{className:m.itemValue,...e,ref:t})}),I=(0,k.forwardRef)(function({dataset:e,...t},n){return(0,A.jsx)(ie,{className:m.group,...r(e),ref:n,...t})}),L=(0,k.forwardRef)(function(e,t){return(0,A.jsx)(ue,{className:m.radioGroup,ref:t,...e})});try{h.displayName=`Portal`,h.__docgenInfo={description:`Extends base-ui Menu.Portal component to use our portals slot.`,displayName:`Portal`,props:{}}}catch{}try{g.displayName=`Backdrop`,g.__docgenInfo={description:`Styled base-ui Menu.Backdrop`,displayName:`Backdrop`,props:{className:{defaultValue:null,description:`CSS class applied to the element, or a function that
returns a class based on the component’s state.`,name:`className`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`(state: State) => string`}]}},render:{defaultValue:null,description:`Allows you to replace the component’s HTML element
with a different tag, or compose it with another component.

Accepts a \`ReactElement\` or a function that returns the element to render.`,name:`render`,required:!1,type:{name:`enum`,value:[{value:`ReactElement<Record<string, unknown>, string | JSXElementConstructor<any>>`},{value:`ComponentRenderFn<HTMLProps<any>, State>`}]}}}}}catch{}try{_.displayName=`Positioner`,_.__docgenInfo={description:`Extends base-ui Menu.Positioner component to use bottom sheet on mobile.`,displayName:`Positioner`,props:{className:{defaultValue:null,description:`CSS class applied to the element, or a function that
returns a class based on the component’s state.`,name:`className`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`(state: State) => string`}]}},render:{defaultValue:null,description:`Allows you to replace the component’s HTML element
with a different tag, or compose it with another component.

Accepts a \`ReactElement\` or a function that returns the element to render.`,name:`render`,required:!1,type:{name:`enum`,value:[{value:`ReactElement<Record<string, unknown>, string | JSXElementConstructor<any>>`},{value:`ComponentRenderFn<HTMLProps<any>, State>`}]}}}}}catch{}try{v.displayName=`Popup`,v.__docgenInfo={description:`Styled base-ui Menu.Popup`,displayName:`Popup`,props:{className:{defaultValue:null,description:`CSS class applied to the element, or a function that
returns a class based on the component’s state.`,name:`className`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`(state: State) => string`}]}},render:{defaultValue:null,description:`Allows you to replace the component’s HTML element
with a different tag, or compose it with another component.

Accepts a \`ReactElement\` or a function that returns the element to render.`,name:`render`,required:!1,type:{name:`enum`,value:[{value:`ReactElement<Record<string, unknown>, string | JSXElementConstructor<any>>`},{value:`ComponentRenderFn<HTMLProps<any>, State>`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},preplyDsComponent:{defaultValue:null,description:``,name:`preplyDsComponent`,required:!1,type:{name:`enum`,value:[{value:`string`}]}}}}}catch{}try{Ke.displayName=`Item`,Ke.__docgenInfo={description:`Extends base-ui Menu.Item component to use children as the item element by default.`,displayName:`Item`,props:{className:{defaultValue:null,description:`CSS class applied to the element, or a function that
returns a class based on the component’s state.`,name:`className`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`(state: State) => string`}]}},render:{defaultValue:null,description:`Allows you to replace the component’s HTML element
with a different tag, or compose it with another component.

Accepts a \`ReactElement\` or a function that returns the element to render.`,name:`render`,required:!1,type:{name:`enum`,value:[{value:`ReactElement<Record<string, unknown>, string | JSXElementConstructor<any>>`},{value:`ComponentRenderFn<HTMLProps<any>, State>`}]}}}}}catch{}try{y.displayName=`ItemLeadingElements`,y.__docgenInfo={description:`Container for leading elements, such as an icon, image or avatar.`,displayName:`ItemLeadingElements`,props:{}}}catch{}try{b.displayName=`ItemTrailingElements`,b.__docgenInfo={description:`Container for trailing elements, such as a value or a submenu icon.`,displayName:`ItemTrailingElements`,props:{}}}catch{}try{x.displayName=`ItemLabel`,x.__docgenInfo={description:`Item label`,displayName:`ItemLabel`,props:{}}}catch{}try{S.displayName=`ItemDescription`,S.__docgenInfo={description:`Item description`,displayName:`ItemDescription`,props:{}}}catch{}try{C.displayName=`ItemSubmenuIcon`,C.__docgenInfo={description:`Item submenu icon`,displayName:`ItemSubmenuIcon`,props:{svg:{defaultValue:null,description:`The SVG icon to render.
@example import TokyoUINotesWithPad from '@preply/ds-media-icons/dist/24/TokyoUINotesWithPad.svg';

<Icon svg={TokyoUINotesWithPad} />
@example <caption>Using as react server component</caption>
import TokyoUINotesWithPad from '@preply/ds-media-icons/dist/24/TokyoUINotesWithPad.svg';

<Icon svg={<TokyoUINotesWithPad />} />`,name:`svg`,required:!1,type:{name:`enum`,value:[{value:`ComponentClass<SVGAttributes<SVGElement>, any>`},{value:`FunctionComponent<SVGAttributes<SVGElement>>`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`}]}},size:{defaultValue:null,description:``,name:`size`,required:!1,type:{name:`enum`,value:[{value:`"16"`},{value:`"24"`},{value:`"32"`},{value:`"48"`}]}},accent:{defaultValue:null,description:``,name:`accent`,required:!1,type:{name:`enum`,value:[{value:`"placeholder"`},{value:`"info"`},{value:`"positive"`},{value:`"warning"`},{value:`"critical"`},{value:`"accentDark"`},{value:`"inverted"`},{value:`"primary"`},{value:`"secondary"`},{value:`"tertiary"`}]}},expColor:{defaultValue:null,description:"If passed along with `accent`, `accent` takes precedence.",name:`expColor`,required:!1,type:{name:`enum`,value:[{value:`"grey-0"`},{value:`"grey-50"`},{value:`"grey-100"`},{value:`"grey-200"`},{value:`"grey-300"`},{value:`"grey-400"`},{value:`"grey-500"`},{value:`"grey-600"`},{value:`"grey-700"`},{value:`"grey-800"`},{value:`"grey-900"`},{value:`"pink-50"`},{value:`"pink-100"`},{value:`"pink-200"`},{value:`"pink-300"`},{value:`"pink-400"`},{value:`"pink-500"`},{value:`"pink-600"`},{value:`"pink-700"`},{value:`"pink-800"`},{value:`"yellow-50"`},{value:`"yellow-100"`},{value:`"yellow-200"`},{value:`"yellow-300"`},{value:`"yellow-400"`},{value:`"yellow-500"`},{value:`"yellow-600"`},{value:`"yellow-700"`},{value:`"yellow-800"`},{value:`"blue-50"`},{value:`"blue-100"`},{value:`"blue-200"`},{value:`"blue-300"`},{value:`"blue-400"`},{value:`"blue-500"`},{value:`"blue-600"`},{value:`"blue-700"`},{value:`"blue-800"`},{value:`"teal-50"`},{value:`"teal-100"`},{value:`"teal-200"`},{value:`"teal-300"`},{value:`"teal-400"`},{value:`"teal-500"`},{value:`"teal-600"`},{value:`"teal-700"`},{value:`"teal-800"`},{value:`"red-50"`},{value:`"red-100"`},{value:`"red-200"`},{value:`"red-300"`},{value:`"red-400"`},{value:`"red-500"`},{value:`"red-600"`},{value:`"red-700"`},{value:`"red-800"`}]}},label:{defaultValue:null,description:"If using the icon without any adjacent descriptive text, use this prop to\nprovide an `aria-label` for assistive technologies.",name:`label`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}}}}}catch{}try{w.displayName=`GroupLabel`,w.__docgenInfo={description:`Styled base-ui Menu.GroupLabel`,displayName:`GroupLabel`,props:{className:{defaultValue:null,description:`CSS class applied to the element, or a function that
returns a class based on the component’s state.`,name:`className`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`(state: State) => string`}]}},render:{defaultValue:null,description:`Allows you to replace the component’s HTML element
with a different tag, or compose it with another component.

Accepts a \`ReactElement\` or a function that returns the element to render.`,name:`render`,required:!1,type:{name:`enum`,value:[{value:`ReactElement<Record<string, unknown>, string | JSXElementConstructor<any>>`},{value:`ComponentRenderFn<HTMLProps<any>, State>`}]}}}}}catch{}try{T.displayName=`SubmenuRoot`,T.__docgenInfo={description:`Extends base-ui Menu.SubmenuRoot to not open on hover on mobile.`,displayName:`SubmenuRoot`,props:{}}}catch{}try{E.displayName=`SubmenuTrigger`,E.__docgenInfo={description:`Extends base-ui Menu.SubmenuTrigger to use children as the trigger element by default.`,displayName:`SubmenuTrigger`,props:{className:{defaultValue:null,description:`CSS class applied to the element, or a function that
returns a class based on the component’s state.`,name:`className`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`(state: State) => string`}]}},render:{defaultValue:null,description:`Allows you to replace the component’s HTML element
with a different tag, or compose it with another component.

Accepts a \`ReactElement\` or a function that returns the element to render.`,name:`render`,required:!1,type:{name:`enum`,value:[{value:`ReactElement<Record<string, unknown>, string | JSXElementConstructor<any>>`},{value:`ComponentRenderFn<HTMLProps<any>, State>`}]}}}}}catch{}try{D.displayName=`RadioItem`,D.__docgenInfo={description:``,displayName:`RadioItem`,props:{className:{defaultValue:null,description:`CSS class applied to the element, or a function that
returns a class based on the component’s state.`,name:`className`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`(state: State) => string`}]}},render:{defaultValue:null,description:`Allows you to replace the component’s HTML element
with a different tag, or compose it with another component.

Accepts a \`ReactElement\` or a function that returns the element to render.`,name:`render`,required:!1,type:{name:`enum`,value:[{value:`ReactElement<Record<string, unknown>, string | JSXElementConstructor<any>>`},{value:`ComponentRenderFn<HTMLProps<any>, State>`}]}}}}}catch{}try{O.displayName=`RadioItemIndicator`,O.__docgenInfo={description:``,displayName:`RadioItemIndicator`,props:{className:{defaultValue:null,description:`CSS class applied to the element, or a function that
returns a class based on the component’s state.`,name:`className`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`(state: State) => string`}]}},render:{defaultValue:null,description:`Allows you to replace the component’s HTML element
with a different tag, or compose it with another component.

Accepts a \`ReactElement\` or a function that returns the element to render.`,name:`render`,required:!1,type:{name:`enum`,value:[{value:`ReactElement<Record<string, unknown>, string | JSXElementConstructor<any>>`},{value:`ComponentRenderFn<HTMLProps<any>, State>`}]}}}}}catch{}try{qe.displayName=`CheckboxItem`,qe.__docgenInfo={description:``,displayName:`CheckboxItem`,props:{className:{defaultValue:null,description:`CSS class applied to the element, or a function that
returns a class based on the component’s state.`,name:`className`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`(state: State) => string`}]}},render:{defaultValue:null,description:`Allows you to replace the component’s HTML element
with a different tag, or compose it with another component.

Accepts a \`ReactElement\` or a function that returns the element to render.`,name:`render`,required:!1,type:{name:`enum`,value:[{value:`ReactElement<Record<string, unknown>, string | JSXElementConstructor<any>>`},{value:`ComponentRenderFn<HTMLProps<any>, State>`}]}}}}}catch{}try{Je.displayName=`CheckboxItemIndicator`,Je.__docgenInfo={description:``,displayName:`CheckboxItemIndicator`,props:{className:{defaultValue:null,description:`CSS class applied to the element, or a function that
returns a class based on the component’s state.`,name:`className`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`(state: State) => string`}]}},render:{defaultValue:null,description:`Allows you to replace the component’s HTML element
with a different tag, or compose it with another component.

Accepts a \`ReactElement\` or a function that returns the element to render.`,name:`render`,required:!1,type:{name:`enum`,value:[{value:`ReactElement<Record<string, unknown>, string | JSXElementConstructor<any>>`},{value:`ComponentRenderFn<HTMLProps<any>, State>`}]}}}}}catch{}try{j.displayName=`Root`,j.__docgenInfo={description:`Anatomy:

<Root>
  <Trigger />

  <Portal>
    <Backdrop />

    <Positioner>
      <Popup>
        <Item>
          <ItemContainer>
            <ItemLeadingElements />
            <ItemLabel />
            <ItemDescription />
            <ItemTrailingElements>
              <ItemValue />
              <ItemSubmenuIcon />
            </ItemTrailingElements>
          </ItemContainer>
        </Item>

        <Group>
          <GroupLabel />
          <Item />
        </Group>

        <SubmenuRoot>
          <SubmenuTrigger>
            <ItemContainer />
          </SubmenuTrigger>
          <Portal>
            <Backdrop />
            <Positioner>
              <Popup />
            </Positioner>
          </Portal>
        </SubmenuRoot>
      </Popup>
    </Positioner>
  </Portal>
</Root>`,displayName:`Root`,props:{}}}catch{}try{M.displayName=`Trigger`,M.__docgenInfo={description:`Extends base-ui Menu.Trigger component to use children as the trigger element by default.`,displayName:`Trigger`,props:{className:{defaultValue:null,description:`CSS class applied to the element, or a function that
returns a class based on the component’s state.`,name:`className`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`(state: State) => string`}]}},render:{defaultValue:null,description:`Allows you to replace the component’s HTML element
with a different tag, or compose it with another component.

Accepts a \`ReactElement\` or a function that returns the element to render.`,name:`render`,required:!1,type:{name:`enum`,value:[{value:`ReactElement<Record<string, unknown>, string | JSXElementConstructor<any>>`},{value:`ComponentRenderFn<HTMLProps<any>, State>`}]}}}}}catch{}try{P.displayName=`ItemContainer`,P.__docgenInfo={description:`Item container.
By default will render a div, but can be modified via \`render\` prop,
see https://base-ui.com/react/utils/use-render`,displayName:`ItemContainer`,props:{dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},render:{defaultValue:null,description:`Allows you to replace the component’s HTML element
with a different tag, or compose it with another component.

Accepts a \`ReactElement\` or a function that returns the element to render.`,name:`render`,required:!1,type:{name:`enum`,value:[{value:`ReactElement<Record<string, unknown>, string | JSXElementConstructor<any>>`},{value:`ComponentRenderFn<HTMLProps, {}>`}]}}}}}catch{}try{F.displayName=`ItemValue`,F.__docgenInfo={description:`Item value`,displayName:`ItemValue`,props:{}}}catch{}try{I.displayName=`Group`,I.__docgenInfo={description:`Styled base-ui Menu.Group`,displayName:`Group`,props:{className:{defaultValue:null,description:`CSS class applied to the element, or a function that
returns a class based on the component’s state.`,name:`className`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`(state: State) => string`}]}},render:{defaultValue:null,description:`Allows you to replace the component’s HTML element
with a different tag, or compose it with another component.

Accepts a \`ReactElement\` or a function that returns the element to render.`,name:`render`,required:!1,type:{name:`enum`,value:[{value:`ReactElement<Record<string, unknown>, string | JSXElementConstructor<any>>`},{value:`ComponentRenderFn<HTMLProps<any>, State>`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}}}}}catch{}try{L.displayName=`RadioGroup`,L.__docgenInfo={description:``,displayName:`RadioGroup`,props:{className:{defaultValue:null,description:`CSS class applied to the element, or a function that
returns a class based on the component’s state.`,name:`className`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`(state: State) => string`}]}},render:{defaultValue:null,description:`Allows you to replace the component’s HTML element
with a different tag, or compose it with another component.

Accepts a \`ReactElement\` or a function that returns the element to render.`,name:`render`,required:!1,type:{name:`enum`,value:[{value:`ReactElement<Record<string, unknown>, string | JSXElementConstructor<any>>`},{value:`ComponentRenderFn<HTMLProps<any>, State>`}]}}}}}catch{}}));function Qe({children:e,open:t,onOpenChange:n,defaultOpen:r,...i}){let[a,o]=(0,R.useState)(null),[s,c]=Te({value:t,onValueChange:n,defaultValue:r});return(0,z.jsx)(it.Provider,{value:a,children:(0,z.jsx)(at.Provider,{value:o,children:(0,z.jsx)(B.Provider,{value:c,children:(0,z.jsx)(T,{...i,open:!!s,onOpenChange:c,children:e})})})})}function $e(e){let t=(0,R.useContext)(at);return(0,z.jsx)(F,{...e,ref:t})}function et({value:e,children:t,onClick:n,...r}){let i=(0,R.useContext)(B);return(0,z.jsx)(D,{value:e,onClick:e=>{n?.(e),i(!1)},...r,children:t})}function tt({children:e}){return(0,z.jsxs)(z.Fragment,{children:[e,(0,z.jsx)(fe,{render:(t,{checked:n})=>(0,z.jsxs)(nt,{active:n,children:[(0,z.jsx)(we,{children:(0,z.jsx)(te,{id:`preply-ds.dropdown-menu.select-option-label-text`,defaultMessage:`Selected:`,description:`Hints screen reader users that following text is currently selected value`})}),` `,e]})})]})}function nt({children:e,active:t}){let n=(0,R.useContext)(it);return!t||!n?null:(0,rt.createPortal)(e,n)}var R,rt,z,it,at,B,V,H,ot=t((()=>{R=e(n(),1),he(),Ze(),rt=e(a(),1),Ce(),ne(),Ee(),z=o(),it=(0,R.createContext)(null),at=(0,R.createContext)(()=>{}),B=(0,R.createContext)(()=>{}),V=E,H=L;try{Qe.displayName=`SelectRoot`,Qe.__docgenInfo={description:`Groups parts of select menu item`,displayName:`SelectRoot`,props:{onOpenChange:{defaultValue:null,description:``,name:`onOpenChange`,required:!1,type:{name:`enum`,value:[{value:`(open: boolean) => void`}]}}}}}catch{}try{$e.displayName=`SelectValue`,$e.__docgenInfo={description:`Displays currently selected option label`,displayName:`SelectValue`,props:{}}}catch{}try{et.displayName=`SelectOptionItem`,et.__docgenInfo={description:`Select option item. Wraps RadioItem.`,displayName:`SelectOptionItem`,props:{className:{defaultValue:null,description:`CSS class applied to the element, or a function that
returns a class based on the component’s state.`,name:`className`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`(state: State) => string`}]}},render:{defaultValue:null,description:`Allows you to replace the component’s HTML element
with a different tag, or compose it with another component.

Accepts a \`ReactElement\` or a function that returns the element to render.`,name:`render`,required:!1,type:{name:`enum`,value:[{value:`ReactElement<Record<string, unknown>, string | JSXElementConstructor<any>>`},{value:`ComponentRenderFn<HTMLProps<any>, State>`}]}}}}}catch{}try{tt.displayName=`SelectOptionLabelText`,tt.__docgenInfo={description:`Children of this component will be portalled into select trigger to display selected value.
Basically, it implements same pattern as radix-ui or base-ui select's ItemText`,displayName:`SelectOptionLabelText`,props:{}}}catch{}try{V.displayName=`SelectTrigger`,V.__docgenInfo={description:``,displayName:`SelectTrigger`,props:{className:{defaultValue:null,description:`CSS class applied to the element, or a function that
returns a class based on the component’s state.`,name:`className`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`(state: State) => string`}]}},render:{defaultValue:null,description:`Allows you to replace the component’s HTML element
with a different tag, or compose it with another component.

Accepts a \`ReactElement\` or a function that returns the element to render.`,name:`render`,required:!1,type:{name:`enum`,value:[{value:`ReactElement<Record<string, unknown>, string | JSXElementConstructor<any>>`},{value:`ComponentRenderFn<HTMLProps<any>, State>`}]}}}}}catch{}try{H.displayName=`SelectRadioGroup`,H.__docgenInfo={description:`RadioGroup for select. Manages select state.`,displayName:`SelectRadioGroup`,props:{className:{defaultValue:null,description:`CSS class applied to the element, or a function that
returns a class based on the component’s state.`,name:`className`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`(state: State) => string`}]}},render:{defaultValue:null,description:`Allows you to replace the component’s HTML element
with a different tag, or compose it with another component.

Accepts a \`ReactElement\` or a function that returns the element to render.`,name:`render`,required:!1,type:{name:`enum`,value:[{value:`ReactElement<Record<string, unknown>, string | JSXElementConstructor<any>>`},{value:`ComponentRenderFn<HTMLProps<any>, State>`}]}}}}}catch{}})),U,W,G,K,q,J,Y,X,Z,Q,$,st=t((()=>{U=e(n(),1),u(),Ze(),d(),ot(),W=o(),G=(0,U.forwardRef)(function({children:e,trigger:t,defaultOpen:n,dataset:r,keepMounted:i,open:a,onOpenChange:o,side:s,align:c,...u},d){return(0,W.jsxs)(j,{defaultOpen:n,open:a,onOpenChange:o,children:[(0,W.jsx)(M,{...f(u),ref:d,children:t}),(0,W.jsxs)(h,{keepMounted:i,children:[(0,W.jsx)(g,{}),(0,W.jsx)(_,{sideOffset:4,side:s,align:c,children:(0,W.jsx)(v,{dataset:r,preplyDsComponent:l.DropdownMenu,children:e})})]})]})}),K=(0,U.forwardRef)(function({label:e,description:t,leadingElement:n,disabled:r,dataset:i,onClick:a,as:o,...s},c){return(0,W.jsx)(Ke,{disabled:r,onClick:a,children:(0,W.jsxs)(P,{...f(s),dataset:i,ref:c,render:o,children:[(0,W.jsx)(y,{children:n}),(0,W.jsx)(x,{children:e}),(0,W.jsx)(S,{children:t})]})})}),q=(0,U.forwardRef)(function({children:e,label:t,description:n,leadingElement:r,dataset:i,triggerDataset:a,keepMounted:o,disabled:s,defaultOpen:c,open:u,onOpenChange:d,side:ee,align:p,...te},ne){return(0,W.jsxs)(T,{disabled:s,defaultOpen:c,open:u,onOpenChange:d,children:[(0,W.jsx)(E,{children:(0,W.jsxs)(P,{...f(te),dataset:a,ref:ne,children:[(0,W.jsx)(y,{children:r}),(0,W.jsx)(x,{children:t}),(0,W.jsx)(S,{children:n}),(0,W.jsx)(b,{children:(0,W.jsx)(C,{})})]})}),(0,W.jsxs)(h,{keepMounted:o,children:[(0,W.jsx)(g,{}),(0,W.jsx)(_,{side:ee,align:p,children:(0,W.jsx)(v,{dataset:i,preplyDsComponent:l.DropdownMenu,children:e})})]})]})}),J=(0,U.forwardRef)(function({label:e,children:t,dataset:n,...r},i){return(0,W.jsxs)(I,{...f(r),dataset:n,ref:i,children:[(0,W.jsx)(w,{children:e}),t]})}),Y=(0,U.forwardRef)(function({defaultValue:e,value:t,onValueChange:n,disabled:r,children:i,items:a,...o},s){let c=a?a.map(({value:e,...t})=>(0,W.jsx)(X,{value:e,...t},e)):i;return(0,W.jsx)(L,{defaultValue:e,value:t,onValueChange:e=>n?.(e),disabled:r,ref:s,...f(o),children:c})}),X=(0,U.forwardRef)(function({value:e,disabled:t,onClick:n,dataset:r,leadingElement:i,label:a,description:o,...s},c){return(0,W.jsx)(D,{value:e,disabled:t,onClick:n,children:(0,W.jsxs)(P,{dataset:r,ref:c,...f(s),children:[(0,W.jsx)(y,{children:i}),(0,W.jsx)(x,{children:a}),(0,W.jsx)(S,{children:o}),(0,W.jsx)(b,{children:(0,W.jsx)(O,{})})]})})}),Z=(0,U.forwardRef)(function({label:e,description:t,leadingElement:n,dataset:r,disabled:i,defaultChecked:a,checked:o,onCheckedChange:s,...c},l){return(0,W.jsx)(qe,{defaultChecked:a,checked:o,onCheckedChange:s,disabled:i,children:(0,W.jsxs)(P,{dataset:r,ref:l,...f(c),children:[(0,W.jsx)(y,{children:n}),(0,W.jsx)(x,{children:e}),(0,W.jsx)(S,{children:t}),(0,W.jsx)(b,{children:(0,W.jsx)(Je,{})})]})})}),Q=(0,U.forwardRef)(function({label:e,description:t,leadingElement:n,dataset:r,disabled:i,value:a,onClick:o,...s},c){return(0,W.jsx)(et,{value:a,disabled:i,onClick:o,children:(0,W.jsxs)(P,{dataset:r,ref:c,...f(s),children:[(0,W.jsx)(y,{children:n}),(0,W.jsx)(x,{children:(0,W.jsx)(tt,{children:e})}),(0,W.jsx)(S,{children:t}),(0,W.jsx)(b,{children:(0,W.jsx)(O,{})})]})})}),$=(0,U.forwardRef)(function({label:e,description:t,leadingElement:n,dataset:r,triggerDataset:i,value:a,defaultValue:o,onValueChange:s,disabled:c,children:u,items:d,open:ee,defaultOpen:p,onOpenChange:te,side:ne,align:re,...ie},ae){let oe=d?d.map(({value:e,...t})=>(0,W.jsx)(Q,{value:e,...t},e)):u;return(0,W.jsxs)(Qe,{disabled:c,open:ee,defaultOpen:p,onOpenChange:te,children:[(0,W.jsx)(V,{children:(0,W.jsxs)(P,{dataset:i,ref:ae,...f(ie),children:[(0,W.jsx)(y,{children:n}),(0,W.jsx)(x,{children:e}),(0,W.jsx)(S,{children:t}),(0,W.jsxs)(b,{children:[(0,W.jsx)($e,{}),(0,W.jsx)(C,{})]})]})}),(0,W.jsxs)(h,{keepMounted:!0,children:[(0,W.jsx)(g,{}),(0,W.jsx)(_,{sideOffset:12,side:ne,align:re,children:(0,W.jsx)(v,{dataset:r,preplyDsComponent:l.DropdownMenu,children:(0,W.jsx)(H,{value:a,defaultValue:o,onValueChange:s,disabled:c,children:oe})})})]})]})});try{G.displayName=`DropdownMenu`,G.__docgenInfo={description:`Dropdown menu that can be opened by clicking on the trigger element`,displayName:`DropdownMenu`,props:{defaultOpen:{defaultValue:null,description:`Whether the menu is open by default if not controlled.`,name:`defaultOpen`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},open:{defaultValue:null,description:`Whether the menu is open.`,name:`open`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},onOpenChange:{defaultValue:null,description:`Callback function that is called when the menu is opened or closed.
See https://base-ui.com/react/handbook/customization#base-ui-events`,name:`onOpenChange`,required:!1,type:{name:`enum`,value:[{value:`(open: boolean, eventDetails: ChangeEventDetails) => void`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},keepMounted:{defaultValue:null,description:`Keeps the menu content mounted even when the menu is closed.`,name:`keepMounted`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},trigger:{defaultValue:null,description:`Trigger element.`,name:`trigger`,required:!0,type:{name:`ReactElement<any, string | JSXElementConstructor<any>>`}},children:{defaultValue:null,description:`Menu content.`,name:`children`,required:!0,type:{name:`enum`,value:[{value:`undefined`},{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`},{value:`ReactNode[]`}]}},side:{defaultValue:{value:`'bottom'`},description:`Which side of the anchor element to align the popup against.
May automatically change to avoid collisions.`,name:`side`,required:!1,type:{name:`enum`,value:[{value:`"top"`},{value:`"right"`},{value:`"bottom"`},{value:`"left"`},{value:`"inline-end"`},{value:`"inline-start"`}]}},align:{defaultValue:{value:`'center'`},description:`How to align the popup relative to the specified side.`,name:`align`,required:!1,type:{name:`enum`,value:[{value:`"center"`},{value:`"start"`},{value:`"end"`}]}}}}}catch{}try{K.displayName=`DropdownMenuItem`,K.__docgenInfo={description:`Dropdown menu item`,displayName:`DropdownMenuItem`,props:{label:{defaultValue:null,description:`Menu label`,name:`label`,required:!0,type:{name:`enum`,value:[{value:`undefined`},{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},description:{defaultValue:null,description:`Menu description`,name:`description`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},leadingElement:{defaultValue:null,description:`Menu leading element. Can be an icon, flag or avatar.
@example <DropdownMenuItem leadingElement={<Icon size="24" name="home" />} />
@example <DropdownMenuItem leadingElement={<CountryFlag size="medium" code="US" />} />
@example <DropdownMenuItem leadingElement={<Avatar size="24" />} />`,name:`leadingElement`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},disabled:{defaultValue:null,description:`Whether the menu item is disabled.`,name:`disabled`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},onClick:{defaultValue:null,description:``,name:`onClick`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},as:{defaultValue:null,description:``,name:`as`,required:!1,type:{name:`enum`,value:[{value:`ReactElement<any, string | JSXElementConstructor<any>>`}]}}}}}catch{}try{q.displayName=`DropdownSubmenu`,q.__docgenInfo={description:`Dropdown sub-menu`,displayName:`DropdownSubmenu`,props:{dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},label:{defaultValue:null,description:`Menu label`,name:`label`,required:!0,type:{name:`enum`,value:[{value:`undefined`},{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},description:{defaultValue:null,description:`Menu description`,name:`description`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},disabled:{defaultValue:null,description:`Whether the menu item is disabled.`,name:`disabled`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},leadingElement:{defaultValue:null,description:`Menu leading element. Can be an icon, flag or avatar.
@example <DropdownMenuItem leadingElement={<Icon size="24" name="home" />} />
@example <DropdownMenuItem leadingElement={<CountryFlag size="medium" code="US" />} />
@example <DropdownMenuItem leadingElement={<Avatar size="24" />} />`,name:`leadingElement`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},side:{defaultValue:{value:`'bottom'`},description:`Which side of the anchor element to align the popup against.
May automatically change to avoid collisions.`,name:`side`,required:!1,type:{name:`enum`,value:[{value:`"top"`},{value:`"right"`},{value:`"bottom"`},{value:`"left"`},{value:`"inline-end"`},{value:`"inline-start"`}]}},align:{defaultValue:{value:`'center'`},description:`How to align the popup relative to the specified side.`,name:`align`,required:!1,type:{name:`enum`,value:[{value:`"center"`},{value:`"start"`},{value:`"end"`}]}},defaultOpen:{defaultValue:null,description:`Whether the submenu is open by default if not controlled.`,name:`defaultOpen`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},open:{defaultValue:null,description:`Whether the submenu is open.`,name:`open`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},onOpenChange:{defaultValue:null,description:`Callback function that is called when the submenu is opened or closed.
See https://base-ui.com/react/handbook/customization#base-ui-events`,name:`onOpenChange`,required:!1,type:{name:`enum`,value:[{value:`(open: boolean, eventDetails: ChangeEventDetails) => void`}]}},children:{defaultValue:null,description:`Submenu content.`,name:`children`,required:!0,type:{name:`enum`,value:[{value:`undefined`},{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`},{value:`ReactNode[]`}]}},triggerDataset:{defaultValue:null,description:`Dataset passed to the trigger opening the submenu.`,name:`triggerDataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},keepMounted:{defaultValue:null,description:`Keeps the submenu content mounted even when the submenu is closed.`,name:`keepMounted`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}}}}}catch{}try{J.displayName=`DropdownMenuGroup`,J.__docgenInfo={description:`Dropdown menu group`,displayName:`DropdownMenuGroup`,props:{label:{defaultValue:null,description:`Group label`,name:`label`,required:!0,type:{name:`enum`,value:[{value:`undefined`},{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}}}}}catch{}try{Y.displayName=`DropdownMenuRadioGroup`,Y.__docgenInfo={description:`Dropdown menu radio group`,displayName:`DropdownMenuRadioGroup`,props:{disabled:{defaultValue:null,description:``,name:`disabled`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},onValueChange:{defaultValue:null,description:``,name:`onValueChange`,required:!1,type:{name:`enum`,value:[{value:`(value: T) => void`}]}},value:{defaultValue:null,description:``,name:`value`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},defaultValue:{defaultValue:null,description:``,name:`defaultValue`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},items:{defaultValue:null,description:``,name:`items`,required:!1,type:{name:`enum`,value:[{value:`DropdownMenuRadioItemProps<T>[]`}]}},ref:{defaultValue:null,description:``,name:`ref`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`(instance: HTMLDivElement | null) => void`},{value:`RefObject<HTMLDivElement>`}]}}}}}catch{}try{X.displayName=`DropdownMenuRadioItem`,X.__docgenInfo={description:`Dropdown menu radio item`,displayName:`DropdownMenuRadioItem`,props:{dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},label:{defaultValue:null,description:`Menu label`,name:`label`,required:!0,type:{name:`enum`,value:[{value:`undefined`},{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},description:{defaultValue:null,description:`Menu description`,name:`description`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},onClick:{defaultValue:null,description:``,name:`onClick`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},disabled:{defaultValue:null,description:`Whether the menu item is disabled.`,name:`disabled`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},value:{defaultValue:null,description:``,name:`value`,required:!0,type:{name:`string`}},leadingElement:{defaultValue:null,description:`Menu leading element. Can be an icon, flag or avatar.
@example <DropdownMenuItem leadingElement={<Icon size="24" name="home" />} />
@example <DropdownMenuItem leadingElement={<CountryFlag size="medium" code="US" />} />
@example <DropdownMenuItem leadingElement={<Avatar size="24" />} />`,name:`leadingElement`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},ref:{defaultValue:null,description:``,name:`ref`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`(instance: HTMLDivElement | null) => void`},{value:`RefObject<HTMLDivElement>`}]}}}}}catch{}try{Z.displayName=`DropdownMenuCheckboxItem`,Z.__docgenInfo={description:`Dropdown menu checkbox item`,displayName:`DropdownMenuCheckboxItem`,props:{dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},label:{defaultValue:null,description:`Menu label`,name:`label`,required:!0,type:{name:`enum`,value:[{value:`undefined`},{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},description:{defaultValue:null,description:`Menu description`,name:`description`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},disabled:{defaultValue:null,description:`Whether the menu item is disabled.`,name:`disabled`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},leadingElement:{defaultValue:null,description:`Menu leading element. Can be an icon, flag or avatar.
@example <DropdownMenuItem leadingElement={<Icon size="24" name="home" />} />
@example <DropdownMenuItem leadingElement={<CountryFlag size="medium" code="US" />} />
@example <DropdownMenuItem leadingElement={<Avatar size="24" />} />`,name:`leadingElement`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},defaultChecked:{defaultValue:null,description:``,name:`defaultChecked`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},checked:{defaultValue:null,description:``,name:`checked`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},onCheckedChange:{defaultValue:null,description:``,name:`onCheckedChange`,required:!1,type:{name:`enum`,value:[{value:`(checked: boolean) => void`}]}}}}}catch{}try{Q.displayName=`DropdownMenuSelectOption`,Q.__docgenInfo={description:``,displayName:`DropdownMenuSelectOption`,props:{dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},label:{defaultValue:null,description:`Menu label`,name:`label`,required:!0,type:{name:`enum`,value:[{value:`undefined`},{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},description:{defaultValue:null,description:`Menu description`,name:`description`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},onClick:{defaultValue:null,description:``,name:`onClick`,required:!1,type:{name:`enum`,value:[{value:`MouseEventHandler<HTMLDivElement>`}]}},disabled:{defaultValue:null,description:`Whether the menu item is disabled.`,name:`disabled`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},value:{defaultValue:null,description:``,name:`value`,required:!0,type:{name:`string`}},leadingElement:{defaultValue:null,description:`Menu leading element. Can be an icon, flag or avatar.
@example <DropdownMenuItem leadingElement={<Icon size="24" name="home" />} />
@example <DropdownMenuItem leadingElement={<CountryFlag size="medium" code="US" />} />
@example <DropdownMenuItem leadingElement={<Avatar size="24" />} />`,name:`leadingElement`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},ref:{defaultValue:null,description:``,name:`ref`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`(instance: HTMLDivElement | null) => void`},{value:`RefObject<HTMLDivElement>`}]}}}}}catch{}try{$.displayName=`DropdownMenuSelect`,$.__docgenInfo={description:``,displayName:`DropdownMenuSelect`,props:{dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},label:{defaultValue:null,description:`Menu label`,name:`label`,required:!0,type:{name:`enum`,value:[{value:`undefined`},{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},description:{defaultValue:null,description:`Menu description`,name:`description`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},disabled:{defaultValue:null,description:`Whether the menu item is disabled.`,name:`disabled`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},onValueChange:{defaultValue:null,description:``,name:`onValueChange`,required:!1,type:{name:`enum`,value:[{value:`(value: T) => void`}]}},value:{defaultValue:null,description:``,name:`value`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},defaultValue:{defaultValue:null,description:``,name:`defaultValue`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},open:{defaultValue:null,description:`Whether the submenu is open.`,name:`open`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},leadingElement:{defaultValue:null,description:`Menu leading element. Can be an icon, flag or avatar.
@example <DropdownMenuItem leadingElement={<Icon size="24" name="home" />} />
@example <DropdownMenuItem leadingElement={<CountryFlag size="medium" code="US" />} />
@example <DropdownMenuItem leadingElement={<Avatar size="24" />} />`,name:`leadingElement`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},side:{defaultValue:{value:`'bottom'`},description:`Which side of the anchor element to align the popup against.
May automatically change to avoid collisions.`,name:`side`,required:!1,type:{name:`enum`,value:[{value:`"top"`},{value:`"right"`},{value:`"bottom"`},{value:`"left"`},{value:`"inline-end"`},{value:`"inline-start"`}]}},onOpenChange:{defaultValue:null,description:``,name:`onOpenChange`,required:!1,type:{name:`enum`,value:[{value:`(open: boolean) => void`}]}},items:{defaultValue:null,description:``,name:`items`,required:!1,type:{name:`enum`,value:[{value:`DropdownMenuSelectOptionProps<T>[]`}]}},align:{defaultValue:{value:`'center'`},description:`How to align the popup relative to the specified side.`,name:`align`,required:!1,type:{name:`enum`,value:[{value:`"center"`},{value:`"start"`},{value:`"end"`}]}},defaultOpen:{defaultValue:null,description:`Whether the submenu is open by default if not controlled.`,name:`defaultOpen`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},triggerDataset:{defaultValue:null,description:`Dataset passed to the trigger opening the submenu.`,name:`triggerDataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},ref:{defaultValue:null,description:``,name:`ref`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`(instance: HTMLDivElement | null) => void`},{value:`RefObject<HTMLDivElement>`}]}}}}}catch{}}));export{Y as a,Q as c,K as i,q as l,Z as n,X as o,J as r,$ as s,G as t,st as u};