@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,r)=>{for(var o in r)n(t,o,{get:r[o],enumerable:!0})},b=(t,r,o,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of D(r))!V.call(t,s)&&s!==o&&n(t,s,{get:()=>r[s],enumerable:!(i=L(r,s))||i.enumerable});return t};var m=(t,r,o)=>(o=t!=null?G(z(t)):{},b(r||!t||!t.__esModule?n(o,"default",{value:t,enumerable:!0}):o,t)),A=t=>b(n({},"__esModule",{value:!0}),t);var O={};W(O,{Content:()=>I,Group:()=>x,Item:()=>T,Label:()=>N,Root:()=>y,Separator:()=>R,Trigger:()=>h});module.exports=A(O);var e=m(require("react")),p=m(require("classnames")),l=m(require("@radix-ui/react-select")),S=m(require("@radix-ui/react-scroll-area")),c=require("./select.props.js"),v=require("../helpers/index.js"),w=require("../props/index.js"),P=require("./theme.js"),f=require("./icons.js");const g=e.createContext({}),y=t=>{const{children:r,size:o=c.selectRootPropDefs.size.default,...i}=t;return e.createElement(l.Root,{...i},e.createElement(g.Provider,{value:e.useMemo(()=>({size:o}),[o])},r))};y.displayName="Select.Root";const h=e.forwardRef((t,r)=>{const o=e.useContext(g),{children:i,className:s,color:d,radius:C,placeholder:a,...u}=(0,v.extractProps)({size:o?.size,...t},{size:c.selectRootPropDefs.size},c.selectTriggerPropDefs,w.marginPropDefs);return e.createElement(l.Trigger,{asChild:!0},e.createElement("button",{"data-accent-color":d,"data-radius":C,...u,ref:r,className:(0,p.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(f.ChevronDownIcon,{className:"rt-SelectIcon"}))))});h.displayName="Select.Trigger";const I=e.forwardRef((t,r)=>{const o=e.useContext(g),{className:i,children:s,color:d,container:C,...a}=(0,v.extractProps)({size:o?.size,...t},{size:c.selectRootPropDefs.size},c.selectContentPropDefs),u=(0,P.useThemeContext)(),E=d||u.accentColor;return e.createElement(l.Portal,{container:C},e.createElement(P.Theme,{asChild:!0},e.createElement(l.Content,{"data-accent-color":E,sideOffset:4,...a,asChild:!1,ref:r,className:(0,p.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,r)=>{const{className:o,children:i,...s}=t;return e.createElement(l.Item,{...s,asChild:!1,ref:r,className:(0,p.default)("rt-SelectItem",o)},e.createElement(l.ItemIndicator,{className:"rt-SelectItemIndicator"},e.createElement(f.ThickCheckIcon,{className:"rt-SelectItemIndicatorIcon"})),e.createElement(l.ItemText,null,i))});T.displayName="Select.Item";const x=e.forwardRef(({className:t,...r},o)=>e.createElement(l.Group,{...r,asChild:!1,ref:o,className:(0,p.default)("rt-SelectGroup",t)}));x.displayName="Select.Group";const N=e.forwardRef(({className:t,...r},o)=>e.createElement(l.Label,{...r,asChild:!1,ref:o,className:(0,p.default)("rt-SelectLabel",t)}));N.displayName="Select.Label";const R=e.forwardRef(({className:t,...r},o)=>e.createElement(l.Separator,{...r,asChild:!1,ref:o,className:(0,p.default)("rt-SelectSeparator",t)}));R.displayName="Select.Separator";
//# sourceMappingURL=select.js.map