import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
import { ChevronDownIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
import { Trigger, Icon, Portal, Content as Content2, Item, ItemText, Separator, Root as Root2, Group, Value, ScrollDownButton, Viewport } from '../../node_modules/.pnpm/@radix-ui_react-select@2.1.1_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.js';
import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
import * as React from 'react';
import { Text } from '../text/text.js';
import styles from './select.module.css.js';

const trigger = cva(styles.trigger, {
    variants: {
        size: {
            small: styles["trigger-sm"],
            medium: styles["trigger-md"],
        },
    },
    defaultVariants: {
        size: "medium",
    },
});
const SelectTrigger = React.forwardRef(({ size, className, children, iconProps = {}, ...props }, ref) => (jsxRuntimeExports.jsxs(Trigger, { ref: ref, className: trigger({ size, className }), ...props, children: [children, jsxRuntimeExports.jsx(Icon, { asChild: true, children: jsxRuntimeExports.jsx(ChevronDownIcon, { className: styles.triggerIcon, ...iconProps }) })] })));
SelectTrigger.displayName = Trigger.displayName;
const content = cva(styles.content);
const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => (jsxRuntimeExports.jsx(Portal, { children: jsxRuntimeExports.jsx(Content2, { ref: ref, className: content({ className }), position: position, ...props, children: children }) })));
SelectContent.displayName = Content2.displayName;
const menuitem = cva(styles.menuitem);
const SelectItem = React.forwardRef(({ className, textProps = {}, children, ...props }, ref) => (jsxRuntimeExports.jsx(Item, { ref: ref, className: menuitem({ className }), ...props, children: jsxRuntimeExports.jsx(ItemText, { children: jsxRuntimeExports.jsx(Text, { ...textProps, children: children }) }) })));
SelectItem.displayName = Item.displayName;
const separator = cva(styles.separator);
const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx(Separator, { ref: ref, className: separator({ className }), ...props })));
SelectSeparator.displayName = Separator.displayName;
const Select = Object.assign(Root2, {
    Group: Group,
    Value: Value,
    ScrollUpButton: ScrollDownButton,
    ScrollDownButton: ScrollDownButton,
    Viewport: Viewport,
    Trigger: SelectTrigger,
    Content: SelectContent,
    Item: SelectItem,
    Separator: SelectSeparator,
});

export { Select };
//# sourceMappingURL=select.js.map
