@codeworker.br/govbr-tw-react/dist/components/Button/index.js

Biblioteca de componentes React usando Tailwind CSS que implementa o Padrão Digital de Governo.

var __rest = (this && this.__rest) || function (s, e) {
    var t = {};
    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
        t[p] = s[p];
    if (s != null && typeof Object.getOwnPropertySymbols === "function")
        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
                t[p[i]] = s[p[i]];
        }
    return t;
};
import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import BASE_CLASSNAMES from "../../config/baseClassNames";
import { cn } from "../../libs/utils";
import { useButtonGroupContext } from "../ButtonGroup/context";
import buttonVariants from "./variants";
const Button = forwardRef((_a, ref) => {
    var _b, _c, _d, _e;
    var { className, children, variant, density, size, disabled, role = "button" } = _a, props = __rest(_a, ["className", "children", "variant", "density", "size", "disabled", "role"]);
    const group = useButtonGroupContext();
    const resolvedVariant = (_b = variant !== null && variant !== void 0 ? variant : group === null || group === void 0 ? void 0 : group.variant) !== null && _b !== void 0 ? _b : "default";
    const resolvedDensity = (_c = density !== null && density !== void 0 ? density : group === null || group === void 0 ? void 0 : group.density) !== null && _c !== void 0 ? _c : "default";
    const resolvedSize = (_d = size !== null && size !== void 0 ? size : group === null || group === void 0 ? void 0 : group.size) !== null && _d !== void 0 ? _d : "auto";
    const isDisabled = (_e = disabled !== null && disabled !== void 0 ? disabled : group === null || group === void 0 ? void 0 : group.disabled) !== null && _e !== void 0 ? _e : false;
    const groupedShapeClasses = group && !group.separated
        ? group.orientation === "horizontal"
            ? "!rounded-none first:!rounded-l-full last:!rounded-r-full -ml-[1px] first:ml-0"
            : "!rounded-none first:!rounded-t-full last:!rounded-b-full -mt-[1px] first:mt-0"
        : undefined;
    return (_jsx("button", Object.assign({ ref: ref, role: role, disabled: isDisabled, className: cn(buttonVariants({
            variant: resolvedVariant,
            density: resolvedDensity,
            size: resolvedSize,
        }), group && !group.separated ? "focus-visible:z-10" : undefined, groupedShapeClasses, className, BASE_CLASSNAMES.button.root) }, props, { children: children })));
});
Button.displayName = "Button";
export { Button, buttonVariants };