ivt/dist/button-group/index.mjs

Ivt Components Library

import { Slot } from '@radix-ui/react-slot';
import { cva } from 'class-variance-authority';
import React__default from 'react';
import { c as cn } from '../chunks/utils-05LlW3Cl.mjs';
import { S as Separator } from '../chunks/separator-StpvupIv.mjs';
import '../chunks/bundle-mjs-BYcyWisL.mjs';
import '../chunks/index-DgKlJYZP.mjs';
import 'react-dom';
import 'react/jsx-runtime';

const buttonGroupVariants = cva("flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2", {
    variants: {
        orientation: {
            horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
            vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
        }
    },
    defaultVariants: {
        orientation: "horizontal"
    }
});
function ButtonGroup({ className, orientation, ...props }) {
    return(// biome-ignore lint/a11y/useSemanticElements: <group>
    /*#__PURE__*/ React__default.createElement("div", {
        role: "group",
        "data-slot": "button-group",
        "data-orientation": orientation,
        className: cn(buttonGroupVariants({
            orientation
        }), className),
        ...props
    }));
}
function ButtonGroupText({ className, asChild = false, ...props }) {
    const Comp = asChild ? Slot : "div";
    return /*#__PURE__*/ React__default.createElement(Comp, {
        className: cn("bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
        ...props
    });
}
function ButtonGroupSeparator({ className, orientation = "vertical", ...props }) {
    return /*#__PURE__*/ React__default.createElement(Separator, {
        "data-slot": "button-group-separator",
        orientation: orientation,
        className: cn("bg-input relative m-0! self-stretch data-[orientation=vertical]:h-auto", className),
        ...props
    });
}

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