import { jsx } from 'react/jsx-runtime';
import { c as cva } from '../index-D7Zy7P05.js';
import { c as cn } from '../utils-DdHUxIdC.js';
import { S as Separator } from '../separator-BbhgePmX.js';
import { S as Slot } from '../index-CfriMyrd.js';
import 'react';
import '../index-DhnfW8wQ.js';
import 'react-dom';
import '../index-BtkPdosV.js';

const buttonGroupVariants = cva("flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-e-lg [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
    variants: {
        orientation: {
            horizontal: "[&>*:not(:first-child)]:rounded-s-none [&>*:not(:first-child)]:border-s-0 [&>*:not(:last-child)]:rounded-e-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-e-lg!",
            vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg!",
        },
    },
    defaultVariants: {
        orientation: "horizontal",
    },
});
function ButtonGroup$1({ className, orientation, ...props }) {
    return (jsx("div", { role: "group", "data-slot": "button-group", "data-orientation": orientation, className: cn(buttonGroupVariants({ orientation }), className), ...props }));
}
function ButtonGroupText$1({ className, asChild = false, ...props }) {
    const Comp = asChild ? Slot : "div";
    return (jsx(Comp, { className: cn("flex items-center gap-2 rounded-lg border bg-muted px-2.5 text-sm font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className), ...props }));
}
function ButtonGroupSeparator$1({ className, orientation = "vertical", ...props }) {
    return (jsx(Separator, { "data-slot": "button-group-separator", orientation: orientation, className: cn("relative self-stretch bg-input data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto", className), ...props }));
}

const ButtonGroup = (props) => (jsx(ButtonGroup$1, { ...props }));
const ButtonGroupSeparator = (props) => jsx(ButtonGroupSeparator$1, { ...props });
const ButtonGroupText = (props) => jsx(ButtonGroupText$1, { ...props });

export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
//# sourceMappingURL=ButtonGroup.js.map
