@wirecore/wirelayer-react 0.5.0 → 0.6.0

package/dist/Button-Cd7lufvJ.js

@@ -0,0 +1,60 @@
+"use client";
+import { n as e } from "./RecipesProvider-0idafuGm.js";
+import { button as t, buttonColorKey as n, formatCount as r, spinner as i } from "@wirecore/wirelayer-recipes";
+import { LoaderCircle as a } from "lucide-react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { ark as l } from "@ark-ui/react/factory";
+//#region src/components/Button/Button.tsx
+function u({ classes: u, variant: d, color: f, size: p, shape: m, block: h, leadingIcon: g, trailingIcon: _, iconProps: v, loading: y = !1, disabled: b = !1, type: x = "button", badge: S = !1, badgeLabel: C = (e) => e === null ? "new" : `${e} new`, asChild: w = !1, className: T, children: E, onClick: D, ...O }) {
+	let k = e("button", t, u), A = e("spinner", i), j = k({
+		variant: d,
+		color: n(f),
+		size: p,
+		shape: m,
+		block: h
+	}), M = typeof S == "number" && S > 0 ? S : 0;
+	return /* @__PURE__ */ s(l.button, {
+		...O,
+		className: j.base({ class: T }),
+		asChild: w,
+		type: w ? void 0 : x,
+		disabled: w ? void 0 : b,
+		"aria-disabled": y || void 0,
+		"aria-busy": y || void 0,
+		onClick: (e) => {
+			y ? e.preventDefault() : D?.(e);
+		},
+		children: w ? E : /* @__PURE__ */ c(o, { children: [
+			y ? /* @__PURE__ */ s(a, {
+				className: A().icon({ class: j.icon() }),
+				"aria-hidden": "true"
+			}) : g && /* @__PURE__ */ s(g, {
+				...v,
+				className: j.icon(),
+				"aria-hidden": "true"
+			}),
+			E,
+			_ && /* @__PURE__ */ s(_, {
+				...v,
+				className: j.icon(),
+				"aria-hidden": "true"
+			}),
+			M ? /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("span", {
+				className: j.badge(),
+				"aria-hidden": "true",
+				children: r(M)
+			}), /* @__PURE__ */ s("span", {
+				className: j.badgeLabel(),
+				children: ` ${C(r(M))}`
+			})] }) : S === !0 && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("span", {
+				className: j.dot(),
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ s("span", {
+				className: j.badgeLabel(),
+				children: ` ${C(null)}`
+			})] })
+		] })
+	});
+}
+//#endregion
+export { u as t };