@wirecore/wirelayer-react 0.4.0 → 0.6.0

package/README.md

@@ -32,7 +32,9 @@ import { Button, Field, Input } from '@wirecore/wirelayer-react';
 
 Optional subpaths with their own peer dependencies: `/form` (TanStack Form), `/data-table`, `/virtual`, `/chart` (Chart.js), `/editor` (Tiptap), `/code` (Shiki), `/pdf` (pdf.js), `/locales/<code>`. Setup for Next.js: Storybook › Getting started.
 
-Component API for AI assistants (props, events, slots and the guides): the MCP server [`@wirecore/wirelayer-mcp`](https://www.npmjs.com/package/@wirecore/wirelayer-mcp) – `claude mcp add wirelayer -- npx -y -p @wirecore/wirelayer-mcp wirelayer-mcp` – or [llms.txt](https://wirecore.github.io/WireLayer/llms.txt). The package itself ships no llms.txt.
+## AI assistants
+
+`llms.txt` (overview) and `llms-full.txt` (every component with its props, the functions and hooks and the guides) ship with the package – point your assistant at `node_modules/@wirecore/wirelayer-react/llms.txt`, e.g. in your CLAUDE.md or AGENTS.md. Or the MCP server [`@wirecore/wirelayer-mcp`](https://www.npmjs.com/package/@wirecore/wirelayer-mcp): `claude mcp add wirelayer -- npx -y -p @wirecore/wirelayer-mcp wirelayer-mcp`.
 
 Part of [WireLayer](https://github.com/WireCore/WireLayer) – one look and one API for Vue, React, React Native and HTML, accessible according to WCAG 2.2 AA.
 

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 };