welcome-ui/dist/Button.js

Customizable design system with react, typescript, tailwindcss and ariakit.

"use client";
import { jsxs as l, jsx as a, Fragment as g } from "react/jsx-runtime";
import { B as f } from "./XCKGTAUF-DkxWCbaW.js";
import { useButtonGroup as z } from "./ButtonGroup.js";
import { Loader as b } from "./Loader.js";
import { c as x } from "./index-PAaZGbyz.js";
import { f as B } from "./forwardRefWithAs-8eP3ZN15.js";
import "react";
const N = "_root_1q8jk_2", $ = "_shape_1q8jk_74", D = "_loader_1q8jk_235", S = {
  root: N,
  shape: $,
  "shape-default": "_shape-default_1q8jk_77",
  "shape-circle": "_shape-circle_1q8jk_80",
  "shape-square": "_shape-square_1q8jk_84",
  "size-lg": "_size-lg_1q8jk_87",
  "size-md": "_size-md_1q8jk_87",
  "size-sm": "_size-sm_1q8jk_87",
  "size-xs": "_size-xs_1q8jk_87",
  "variant-disabled": "_variant-disabled_1q8jk_140",
  "variant-ghost": "_variant-ghost_1q8jk_147",
  "variant-ghost-ai": "_variant-ghost-ai_1q8jk_155",
  "variant-ghost-danger": "_variant-ghost-danger_1q8jk_164",
  "variant-primary": "_variant-primary_1q8jk_173",
  "variant-primary-ai": "_variant-primary-ai_1q8jk_182",
  "variant-primary-danger": "_variant-primary-danger_1q8jk_192",
  "variant-secondary": "_variant-secondary_1q8jk_202",
  "variant-tertiary": "_variant-tertiary_1q8jk_212",
  "variant-tertiary-ai": "_variant-tertiary-ai_1q8jk_219",
  "variant-tertiary-danger": "_variant-tertiary-danger_1q8jk_227",
  loader: D,
  "loader-children": "_loader-children_1q8jk_245"
}, t = x(S), W = B(
  ({
    accessibleWhenDisabled: m = !0,
    as: e,
    children: i,
    className: c = "",
    disabled: p = !1,
    isLoading: r = !1,
    shape: s = "default",
    size: v = "md",
    variant: j = "primary",
    ...q
  }, k) => {
    const { disabled: h, size: u, variant: y } = z(), _ = h || p || r, n = _ && "disabled" || y || j, o = u || v, d = e || "button";
    return /* @__PURE__ */ l(
      f,
      {
        ...d === "button" ? { type: "button" } : {},
        ...q,
        accessibleWhenDisabled: m,
        className: t(
          "root",
          n && `variant-${n}`,
          s && `shape-${s}`,
          o && `size-${o}`,
          c
        ),
        disabled: _,
        ref: k,
        render: e ? /* @__PURE__ */ a(d, {}) : void 0,
        children: [
          r ? /* @__PURE__ */ l(g, { children: [
            /* @__PURE__ */ a("div", { className: t("loader"), children: /* @__PURE__ */ a(b, { size: "xs" }) }),
            /* @__PURE__ */ a("div", { className: t("loader-children"), children: i })
          ] }) : null,
          !r && i
        ]
      }
    );
  }
);
export {
  W as Button
};