@radix-ui/themes/dist/cjs/components/select.js

[](https://radix-ui.com/themes)

"use strict";"use client";var G=Object.create;var n=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var z=Object.getPrototypeOf,V=Object.prototype.hasOwnProperty;var W=(t,o)=>{for(var r in o)n(t,r,{get:o[r],enumerable:!0})},b=(t,o,r,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of D(o))!V.call(t,s)&&s!==r&&n(t,s,{get:()=>o[s],enumerable:!(i=L(o,s))||i.enumerable});return t};var m=(t,o,r)=>(r=t!=null?G(z(t)):{},b(o||!t||!t.__esModule?n(r,"default",{value:t,enumerable:!0}):r,t)),A=t=>b(n({},"__esModule",{value:!0}),t);var O={};W(O,{Content:()=>I,Group:()=>N,Item:()=>T,Label:()=>R,Root:()=>v,Separator:()=>x,Trigger:()=>h});module.exports=A(O);var e=m(require("react")),c=m(require("classnames")),l=m(require("@radix-ui/react-select")),S=m(require("@radix-ui/react-scroll-area")),y=require("../helpers/extract-props.js"),w=require("../props/margin.props.js"),P=require("./icons.js"),p=require("./select.props.js"),f=require("./theme.js");const g=e.createContext({}),v=t=>{const{children:o,size:r=p.selectRootPropDefs.size.default,...i}=t;return e.createElement(l.Root,{...i},e.createElement(g.Provider,{value:e.useMemo(()=>({size:r}),[r])},o))};v.displayName="Select.Root";const h=e.forwardRef((t,o)=>{const r=e.useContext(g),{children:i,className:s,color:d,radius:C,placeholder:a,...u}=(0,y.extractProps)({size:r?.size,...t},{size:p.selectRootPropDefs.size},p.selectTriggerPropDefs,w.marginPropDefs);return e.createElement(l.Trigger,{asChild:!0},e.createElement("button",{"data-accent-color":d,"data-radius":C,...u,ref:o,className:(0,c.default)("rt-reset","rt-SelectTrigger",s)},e.createElement("span",{className:"rt-SelectTriggerInner"},e.createElement(l.Value,{placeholder:a},i)),e.createElement(l.Icon,{asChild:!0},e.createElement(P.ChevronDownIcon,{className:"rt-SelectIcon"}))))});h.displayName="Select.Trigger";const I=e.forwardRef((t,o)=>{const r=e.useContext(g),{className:i,children:s,color:d,container:C,...a}=(0,y.extractProps)({size:r?.size,...t},{size:p.selectRootPropDefs.size},p.selectContentPropDefs),u=(0,f.useThemeContext)(),E=d||u.accentColor;return e.createElement(l.Portal,{container:C},e.createElement(f.Theme,{asChild:!0},e.createElement(l.Content,{"data-accent-color":E,sideOffset:4,...a,asChild:!1,ref:o,className:(0,c.default)({"rt-PopperContent":a.position==="popper"},"rt-SelectContent",i)},e.createElement(S.Root,{type:"auto",className:"rt-ScrollAreaRoot"},e.createElement(l.Viewport,{asChild:!0,className:"rt-SelectViewport"},e.createElement(S.Viewport,{className:"rt-ScrollAreaViewport",style:{overflowY:void 0}},s)),e.createElement(S.Scrollbar,{className:"rt-ScrollAreaScrollbar rt-r-size-1",orientation:"vertical"},e.createElement(S.Thumb,{className:"rt-ScrollAreaThumb"}))))))});I.displayName="Select.Content";const T=e.forwardRef((t,o)=>{const{className:r,children:i,...s}=t;return e.createElement(l.Item,{...s,asChild:!1,ref:o,className:(0,c.default)("rt-SelectItem",r)},e.createElement(l.ItemIndicator,{className:"rt-SelectItemIndicator"},e.createElement(P.ThickCheckIcon,{className:"rt-SelectItemIndicatorIcon"})),e.createElement(l.ItemText,null,i))});T.displayName="Select.Item";const N=e.forwardRef(({className:t,...o},r)=>e.createElement(l.Group,{...o,asChild:!1,ref:r,className:(0,c.default)("rt-SelectGroup",t)}));N.displayName="Select.Group";const R=e.forwardRef(({className:t,...o},r)=>e.createElement(l.Label,{...o,asChild:!1,ref:r,className:(0,c.default)("rt-SelectLabel",t)}));R.displayName="Select.Label";const x=e.forwardRef(({className:t,...o},r)=>e.createElement(l.Separator,{...o,asChild:!1,ref:r,className:(0,c.default)("rt-SelectSeparator",t)}));x.displayName="Select.Separator";
//# sourceMappingURL=select.js.map