@thewhatmatters/wmds 0.2.0

package/dist/components/atoms/Badge/Badge.d.ts

@@ -0,0 +1,47 @@
+import type { ReactElement, ReactNode } from "react";
+import { type AvatarSize } from "../Avatar/Avatar";
+import { type BadgeEmphasis, type BadgeSize, type BadgeVariant } from "./badgeStyles";
+export type { BadgeEmphasis, BadgeSize, BadgeVariant } from "./badgeStyles";
+export { badgeEmphases, badgeVariants } from "./badgeStyles";
+/** Layout-only — not for colors, borders, or typography overrides. */
+export type BadgeLayoutClassName = string;
+/** Leading round image. `alt` is the Avatar name; pass `""` when the badge label already speaks the word. */
+export interface BadgeAvatar {
+    src: string;
+    alt: string;
+}
+/**
+ * Avatar size for each badge size — the circle matches the pill height.
+ * sm → 20px (`xsm`), md → 24px (`sm`).
+ */
+export declare const badgeAvatarSize: Record<BadgeSize, AvatarSize>;
+export interface BadgeProps {
+    /** Status or category label. Omit for `count` or `iconOnly`. */
+    children?: ReactNode;
+    /** Semantic color — solid or muted fills. Default: `neutral`. */
+    variant?: BadgeVariant;
+    size?: BadgeSize;
+    /** `solid` (default) or `muted` soft fills for trailing status copy. */
+    emphasis?: BadgeEmphasis;
+    /** Compact numeric pill — notifications, unread totals. Not combinable with `icon`. */
+    count?: number;
+    /** Leading Lucide icon — label pattern, or required for `iconOnly`. Not with `avatar`. */
+    icon?: ReactElement;
+    /**
+     * Leading round image — renders **Avatar** at `badgeAvatarSize` for this badge's `size`.
+     * Mutually exclusive with `icon`, `iconOnly`, and `count`.
+     */
+    avatar?: BadgeAvatar;
+    /** Circular icon-only badge — **TaskRows** leading done/failed. Requires `icon`; no `children`. */
+    iconOnly?: boolean;
+    /** DOM id — section `aria-labelledby` targets this badge. */
+    id?: string;
+    /** Layout-only: margin in prose, flex placement. */
+    className?: BadgeLayoutClassName;
+}
+/**
+ * Short status, count, or category label — solid semantic fills.
+ * Pattern-first: label, count, icon + label, avatar + label, icon-only, muted emphasis.
+ */
+export declare function Badge({ children, variant, size, emphasis, count, icon, avatar, iconOnly, id, className, }: BadgeProps): import("react").JSX.Element;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/components/atoms/Badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAU,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE3D,OAAO,EASL,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,YAAY,EAClB,MAAM,eAAe,CAAC;AAEvB,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE7D,sEAAsE;AACtE,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAE1C,6GAA6G;AAC7G,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,SAAS,EAAE,UAAU,CAGzD,CAAC;AAEF,MAAM,WAAW,UAAU;IACzB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iEAAiE;IACjE,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,uFAAuF;IACvF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0FAA0F;IAC1F,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,mGAAmG;IACnG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,oDAAoD;IACpD,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AA4BD;;;GAGG;AACH,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,OAAmB,EACnB,IAAW,EACX,QAAkB,EAClB,KAAK,EACL,IAAI,EACJ,MAAM,EACN,QAAgB,EAChB,EAAE,EACF,SAAS,GACV,EAAE,UAAU,+BA4DZ"}

package/dist/components/atoms/Badge/Badge.js

@@ -0,0 +1,68 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { Avatar as t } from "../Avatar/Avatar.js";
+import { badgeAvatarLabelSizeClasses as n, badgeBaseClasses as r, badgeCountSizeClasses as i, badgeEmphases as a, badgeIconGapClasses as o, badgeIconOnlySizeClasses as s, badgeLabelSizeClasses as c, badgeSolidClasses as l, badgeSurfaceClasses as u, badgeVariants as d } from "./badgeStyles.js";
+import { BadgeIcon as f } from "./BadgeIcon.js";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/atoms/Badge/Badge.tsx
+var h = {
+	sm: "xsm",
+	md: "sm"
+};
+function g(e) {
+	if (e.avatar && (e.icon || e.iconOnly || e.count != null) && console.warn("[WMDS Badge] `avatar` is mutually exclusive with `icon`, `iconOnly`, and `count`."), e.count != null && e.icon && console.warn("[WMDS Badge] `count` is mutually exclusive with `icon`."), e.iconOnly) {
+		e.icon || console.warn("[WMDS Badge] `iconOnly` requires `icon`."), (e.count != null || e.children != null) && console.warn("[WMDS Badge] `iconOnly` is mutually exclusive with `children` and `count`.");
+		return;
+	}
+	e.children == null && e.count == null && console.warn("[WMDS Badge] Provide `children`, `count`, or `iconOnly` + `icon`.");
+}
+function _({ children: a, variant: d = "neutral", size: _ = "sm", emphasis: v = "solid", count: y, icon: b, avatar: x, iconOnly: S = !1, id: C, className: w }) {
+	g({
+		count: y,
+		icon: b,
+		avatar: x,
+		iconOnly: S,
+		children: a
+	});
+	let T = u(d, v), E = y != null && x == null, D = S && b != null && !E && x == null, O = x != null && !E && !D, k = b != null && !E && !D && !O;
+	return E ? /* @__PURE__ */ p("span", {
+		id: C,
+		className: e(r, T, i[_], w),
+		"data-variant": d,
+		"data-size": _,
+		"data-emphasis": v,
+		"data-pattern": "count",
+		children: y
+	}) : D ? /* @__PURE__ */ p("span", {
+		id: C,
+		className: e(r, l[d], s, w),
+		"data-variant": d,
+		"data-pattern": "icon-only",
+		"aria-hidden": !0,
+		children: /* @__PURE__ */ p(f, {
+			size: "sm",
+			children: b
+		})
+	}) : /* @__PURE__ */ m("span", {
+		id: C,
+		className: e(r, T, O ? n[_] : c[_], k && o[_], w),
+		"data-variant": d,
+		"data-size": _,
+		"data-emphasis": v,
+		"data-pattern": O ? "avatar" : k ? "icon" : "label",
+		children: [
+			O && x != null ? /* @__PURE__ */ p(t, {
+				name: x.alt,
+				src: x.src,
+				size: h[_]
+			}) : null,
+			k ? /* @__PURE__ */ p(f, {
+				size: _,
+				children: b
+			}) : null,
+			a
+		]
+	});
+}
+//#endregion
+export { _ as Badge, h as badgeAvatarSize, a as badgeEmphases, d as badgeVariants };

package/dist/components/atoms/Badge/BadgeIcon.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+import { type BadgeSize } from "./badgeStyles";
+export declare function BadgeIcon({ size, children }: {
+    size: BadgeSize;
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=BadgeIcon.d.ts.map

package/dist/components/atoms/Badge/BadgeIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Badge/BadgeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAErE,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAYrF"}

package/dist/components/atoms/Badge/BadgeIcon.js

@@ -0,0 +1,14 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { badgeIconSizeClasses as t } from "./badgeStyles.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/atoms/Badge/BadgeIcon.tsx
+function r({ size: r, children: i }) {
+	return /* @__PURE__ */ n("span", {
+		className: e("inline-flex shrink-0 text-inherit [&>svg]:size-full [&>svg]:shrink-0 [&>svg]:stroke-current", t[r]),
+		"aria-hidden": !0,
+		children: i
+	});
+}
+//#endregion
+export { r as BadgeIcon };

package/dist/components/atoms/Badge/BadgeSegmentCount.d.ts

@@ -0,0 +1,6 @@
+/** Trailing count on filter segments — Chip and Tab toolbars. Not notification {@link Badge} count. */
+export declare function BadgeSegmentCount({ active, count }: {
+    active: boolean;
+    count: number;
+}): import("react").JSX.Element;
+//# sourceMappingURL=BadgeSegmentCount.d.ts.map

package/dist/components/atoms/Badge/BadgeSegmentCount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeSegmentCount.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Badge/BadgeSegmentCount.tsx"],"names":[],"mappings":"AAGA,uGAAuG;AACvG,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,+BAMtF"}

package/dist/components/atoms/Badge/BadgeSegmentCount.js

@@ -0,0 +1,13 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { badgeBaseClasses as t, badgeSegmentCountClasses as n } from "./badgeStyles.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/atoms/Badge/BadgeSegmentCount.tsx
+function i({ active: i, count: a }) {
+	return /* @__PURE__ */ r("span", {
+		className: e(t, n(i)),
+		children: a.toLocaleString("en-US")
+	});
+}
+//#endregion
+export { i as BadgeSegmentCount };

package/dist/components/atoms/Badge/badgeStyles.d.ts

@@ -0,0 +1,37 @@
+import type { SemanticVariant } from "../../../lib/semanticVariants";
+export declare const badgeVariants: readonly ["neutral", "info", "success", "warning", "destructive"];
+export type BadgeVariant = (typeof badgeVariants)[number];
+export type BadgeSize = "sm" | "md";
+export declare const badgeEmphases: readonly ["solid", "muted"];
+export type BadgeEmphasis = (typeof badgeEmphases)[number];
+/** Shared shell — Astryx-style compact pill labels. */
+export declare const badgeBaseClasses = "inline-flex shrink-0 items-center justify-center font-sans font-medium tracking-normal";
+/**
+ * Solid semantic fills — matches [Astryx Badge](https://astryx.atmeta.com/components/Badge) status row.
+ * Neutral stays subtle (category / draft tags).
+ */
+export declare const badgeSolidClasses: Record<BadgeVariant, string>;
+/** Soft semantic fills — task row trailing pills, subtle status copy. */
+export declare const badgeMutedClasses: Record<BadgeVariant, string>;
+export declare function badgeSurfaceClasses(variant: BadgeVariant, emphasis: BadgeEmphasis): string;
+/** Label sizing — text-only and icon patterns share the same padding shell. */
+export declare const badgeLabelSizeClasses: Record<BadgeSize, string>;
+/** Gap between leading icon and label — only when `icon` is set. */
+export declare const badgeIconGapClasses: Record<BadgeSize, string>;
+/**
+ * Label shell when a leading Avatar fills the pill height.
+ * sm pairs with Avatar `xsm` (20px); md pairs with Avatar `sm` (24px).
+ */
+export declare const badgeAvatarLabelSizeClasses: Record<BadgeSize, string>;
+export declare const badgeIconSizeClasses: Record<BadgeSize, string>;
+/** Compact numeric pill — notifications, totals. */
+export declare const badgeCountSizeClasses: Record<BadgeSize, string>;
+/** Icon-only circle — **TaskRows** leading done/failed (22px). */
+export declare const badgeIconOnlySizeClasses = "size-[1.375rem] rounded-full p-0";
+/** Internal — trailing count on secondary/primary buttons. */
+export declare const badgeOnButtonCountClasses = "border border-transparent bg-surface text-fg shadow-raised";
+/** Segment filter count — Chip / Tab trailing totals (not notification count). */
+export declare function badgeSegmentCountClasses(active: boolean): string;
+export declare function isBadgeVariant(value: string): value is BadgeVariant;
+export type { SemanticVariant };
+//# sourceMappingURL=badgeStyles.d.ts.map

package/dist/components/atoms/Badge/badgeStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badgeStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Badge/badgeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAGrE,eAAO,MAAM,aAAa,mEAAoE,CAAC;AAE/F,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpC,eAAO,MAAM,aAAa,6BAA8B,CAAC;AAEzD,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE3D,uDAAuD;AACvD,eAAO,MAAM,gBAAgB,2FAC6D,CAAC;AAE3F;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAM1D,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAM1D,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,GAAG,MAAM,CAE1F;AAED,+EAA+E;AAC/E,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAG3D,CAAC;AAEF,oEAAoE;AACpE,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAGzD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAGjE,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAG1D,CAAC;AAEF,oDAAoD;AACpD,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAG3D,CAAC;AAEF,kEAAkE;AAClE,eAAO,MAAM,wBAAwB,qCAAqC,CAAC;AAE3E,8DAA8D;AAC9D,eAAO,MAAM,yBAAyB,+DACwB,CAAC;AAE/D,kFAAkF;AAClF,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,CAKhE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,IAAI,YAAY,CAEnE;AAED,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/atoms/Badge/badgeStyles.js

@@ -0,0 +1,46 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+//#region src/components/atoms/Badge/badgeStyles.ts
+var t = [
+	"neutral",
+	"info",
+	"success",
+	"warning",
+	"destructive"
+], n = ["solid", "muted"], r = "inline-flex shrink-0 items-center justify-center font-sans font-medium tracking-normal", i = {
+	neutral: "border border-border bg-secondary text-secondary-foreground shadow-raised",
+	info: "bg-info text-on-info",
+	success: "bg-success text-on-success",
+	warning: "bg-warning text-on-warning",
+	destructive: "bg-error text-on-error"
+}, a = {
+	neutral: "border border-border bg-secondary text-secondary-foreground",
+	info: "bg-info-muted text-info",
+	success: "bg-success-muted text-success",
+	warning: "bg-warning-muted text-warning",
+	destructive: "bg-error-muted text-error"
+};
+function o(e, t) {
+	return t === "muted" ? a[e] : i[e];
+}
+var s = {
+	sm: "h-5 rounded-full px-2 text-xs leading-none",
+	md: "h-6 rounded-full px-2.5 text-sm leading-none"
+}, c = {
+	sm: "gap-1",
+	md: "gap-1.5"
+}, l = {
+	sm: "h-5 gap-1 rounded-full py-0 pl-0 pr-2 text-xs leading-none",
+	md: "h-6 gap-1.5 rounded-full py-0 pl-0 pr-2.5 text-sm leading-none"
+}, u = {
+	sm: "size-3 shrink-0 stroke-current",
+	md: "size-3.5 shrink-0 stroke-current"
+}, d = {
+	sm: "min-h-[1.125rem] min-w-[1.125rem] rounded-full px-1 text-xs leading-none tabular-nums",
+	md: "min-h-[1.25rem] min-w-[1.25rem] rounded-full px-1 text-sm leading-none tabular-nums"
+}, f = "size-[1.375rem] rounded-full p-0", p = "border border-transparent bg-surface text-fg shadow-raised";
+function m(t) {
+	return e("rounded px-[length:var(--spacing-1)] text-[10.5px] leading-none tabular-nums text-muted", t && "bg-secondary");
+}
+//#endregion
+export { l as badgeAvatarLabelSizeClasses, r as badgeBaseClasses, d as badgeCountSizeClasses, n as badgeEmphases, c as badgeIconGapClasses, f as badgeIconOnlySizeClasses, u as badgeIconSizeClasses, s as badgeLabelSizeClasses, a as badgeMutedClasses, p as badgeOnButtonCountClasses, m as badgeSegmentCountClasses, i as badgeSolidClasses, o as badgeSurfaceClasses, t as badgeVariants };

package/dist/components/atoms/Button/Button.d.ts

@@ -0,0 +1,77 @@
+import { type ButtonHTMLAttributes, type ReactElement, type ReactNode } from "react";
+import type { ButtonStatus } from "./buttonStatusStyles";
+import { type ButtonAlign, type ButtonEmphasis, type ButtonLayout, type ButtonRole, type ButtonSize, type ButtonWidth } from "./buttonStyles";
+export type { ButtonAlign, ButtonEmphasis, ButtonLayout, ButtonRole, ButtonSize, ButtonWidth } from "./buttonStyles";
+export { buttonAligns, buttonEmphases, buttonLayouts, buttonRoles, buttonWidths } from "./buttonStyles";
+export type { ButtonStatus } from "./buttonStatusStyles";
+export { defaultStatusLabels, getNextButtonStatus } from "./buttonStatusStyles";
+/** Layout-only — not for colors, borders, or typography overrides. */
+export type ButtonLayoutClassName = string;
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className" | "role" | "size"> {
+    /** Button label. */
+    children: ReactNode;
+    /** Action role — primary, secondary, ghost, destructive, inverse, or outline (hairline, transparent fill). Default: `primary`. */
+    role?: ButtonRole;
+    /** `pill` (default) or `row` — flat full-width lines for detail / settings rows. */
+    layout?: ButtonLayout;
+    /**
+     * `layout="row"` only. `fill` (default) spans the container with label and value pushed apart;
+     * `hug` sizes the row to its content with a tight gap — e.g. an inline disclosure trigger.
+     */
+    width?: ButtonWidth;
+    /**
+     * Pill content alignment. `center` (default); `start` left-aligns the label — full-width
+     * suggestion or choice pills. Size the pill with `className` (`w-full`).
+     */
+    align?: ButtonAlign;
+    /**
+     * `role="outline"` only. `strong` (default) is the `border-fg` hairline; `quiet` uses the
+     * `border-border` hairline for secondary choices such as follow-up suggestions.
+     */
+    emphasis?: ButtonEmphasis;
+    size?: ButtonSize;
+    disabled?: boolean;
+    type?: "button" | "submit" | "reset";
+    /**
+     * Async / submit morph — whole pill animates idle → loading → success → error.
+     * [Motion multi-state badge](https://motion.dev/examples/react-multi-state-badge).
+     * Mutually exclusive with `icon` and `count`.
+     */
+    status?: ButtonStatus;
+    statusLabels?: Partial<Record<ButtonStatus, string>>;
+    /** When true, error state is non-interactive. Default: clickable for retry. */
+    disableOnError?: boolean;
+    /** Leading Lucide icon — `import { … } from "lucide-react"`. Not combinable with `status`. */
+    icon?: ReactElement;
+    /** Trailing numeric count (inbox / notifications). Not combinable with `status`. */
+    count?: number;
+    /**
+     * Mono uppercase label. Pairs with `role="outline"` for an eyebrow action.
+     * Not with `status`.
+     */
+    mono?: boolean;
+    /**
+     * Trailing Lucide glyph on a filled accent square. Not with `status`, `count`,
+     * or `layout="row"` / `layout="nav"`.
+     */
+    endIcon?: ReactElement;
+    /** Inset nav row — `layout="nav"` only. Sets quiet selected fill + `aria-current`. */
+    selected?: boolean;
+    /**
+     * Compose Button chrome onto another element (Base UI `render`) — e.g.
+     * `render={<a href="/docs" />}` for navigation links. Pill layout only; not with `status`.
+     * `disabled` maps to `aria-disabled` on non-button elements.
+     */
+    render?: ReactElement;
+    /** Layout-only: width, margin, flex placement. */
+    className?: ButtonLayoutClassName;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    "aria-label"?: string;
+    "aria-pressed"?: boolean;
+    "aria-keyshortcuts"?: string;
+    id?: string;
+    name?: string;
+    form?: string;
+}
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/atoms/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAcL,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,WAAW,EACjB,MAAM,gBAAgB,CAAC;AAExB,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACrH,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACxG,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhF,sEAAsE;AACtE,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC;AAE3C,MAAM,WAAW,WACf,SAAQ,IAAI,CACV,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,CAC3C;IACD,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,kIAAkI;IAClI,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,oFAAoF;IACpF,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC;;;;OAIG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;IACrD,+EAA+E;IAC/E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,8FAA8F;IAC9F,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,oFAAoF;IACpF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,kDAAkD;IAClD,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAyED,eAAO,MAAM,MAAM,2GA4JjB,CAAC"}

package/dist/components/atoms/Button/Button.js

@@ -0,0 +1,138 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { ButtonBadge as t } from "./ButtonBadge.js";
+import { buttonAlignClasses as n, buttonAligns as r, buttonBaseClasses as i, buttonEmphases as a, buttonEndIconSquareClasses as o, buttonLayouts as s, buttonMonoLabelClasses as c, buttonNavLayoutClasses as l, buttonNavStateClasses as u, buttonOutlineQuietClasses as d, buttonPillClass as f, buttonRoleClasses as p, buttonRoles as m, buttonRowBaseClasses as h, buttonRowLayoutClasses as g, buttonRowWidthClasses as _, buttonSizeClasses as v, buttonWidths as y } from "./buttonStyles.js";
+import { ButtonIcon as b } from "./ButtonIcon.js";
+import { defaultStatusLabels as x, getNextButtonStatus as S } from "./buttonStatusStyles.js";
+import { ButtonStatusButton as C } from "./ButtonStatusButton.js";
+import { forwardRef as w } from "react";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { useRender as D } from "@base-ui/react/use-render";
+//#region src/components/atoms/Button/Button.tsx
+function O(e) {
+	e.width != null && e.layout !== "row" && console.warn("[WMDS Button] `width` applies to `layout=\"row\"` only."), e.align != null && (e.layout === "row" || e.layout === "nav") && console.warn("[WMDS Button] `align` applies to pill buttons only."), e.emphasis != null && e.role !== "outline" && console.warn("[WMDS Button] `emphasis` applies to `role=\"outline\"` only."), (e.layout === "row" || e.layout === "nav") && (e.status != null || e.icon != null || e.count != null || e.endIcon != null || e.mono) && console.warn(`[WMDS Button] \`layout="${e.layout}"\` is mutually exclusive with \`status\`, \`icon\`, \`count\`, \`endIcon\`, and \`mono\`.`), e.status != null && (e.icon != null || e.count != null || e.endIcon != null || e.mono) && console.warn("[WMDS Button] `status` is mutually exclusive with `icon`, `count`, `endIcon`, and `mono`."), e.endIcon != null && e.count != null && console.warn("[WMDS Button] `endIcon` is mutually exclusive with `count`."), e.render != null && (e.layout !== "pill" || e.status != null) && console.warn("[WMDS Button] `render` is supported on `layout=\"pill\"` without `status` only.");
+}
+var k = w(function({ render: e, type: t, disabled: n, ...r }, i) {
+	return D({
+		render: e,
+		ref: i,
+		defaultTagName: "button",
+		props: e ? {
+			...r,
+			"aria-disabled": n ? !0 : void 0,
+			"data-disabled": n ? "" : void 0,
+			tabIndex: n ? -1 : r.tabIndex
+		} : {
+			...r,
+			type: t,
+			disabled: n
+		}
+	});
+}), A = w(function({ children: r, role: a = "primary", layout: s = "pill", width: m, align: y, emphasis: x, size: S = "md", disabled: w, type: D = "button", status: A, statusLabels: j, disableOnError: M, icon: N, count: P, mono: F = !1, endIcon: I, selected: L = !1, render: R, className: z, onClick: B, "aria-label": V, "aria-pressed": H, "aria-keyshortcuts": U, id: W, name: G, form: K, ...q }, J) {
+	return O({
+		status: A,
+		icon: N,
+		count: P,
+		layout: s,
+		render: R,
+		endIcon: I,
+		mono: F,
+		width: m,
+		align: y,
+		emphasis: x,
+		role: a
+	}), A == null ? s === "row" ? /* @__PURE__ */ T("button", {
+		...q,
+		ref: J,
+		type: D,
+		disabled: w,
+		onClick: B,
+		"aria-label": V,
+		"aria-pressed": H,
+		"aria-keyshortcuts": U,
+		id: W,
+		name: G,
+		form: K,
+		className: e(h, p[a], g, _[m ?? "fill"], z),
+		"data-role": a,
+		"data-layout": "row",
+		"data-width": m ?? "fill",
+		children: r
+	}) : s === "nav" ? /* @__PURE__ */ T("button", {
+		...q,
+		ref: J,
+		type: D,
+		disabled: w,
+		onClick: B,
+		"aria-label": V,
+		"aria-pressed": H,
+		"aria-keyshortcuts": U,
+		"aria-current": L ? "page" : void 0,
+		id: W,
+		name: G,
+		form: K,
+		className: e(h, l, u(L), z),
+		"data-layout": "nav",
+		"data-selected": L ? "" : void 0,
+		children: r
+	}) : /* @__PURE__ */ E(k, {
+		...q,
+		ref: J,
+		render: R,
+		type: D,
+		disabled: w,
+		onClick: B,
+		"aria-label": V,
+		"aria-pressed": H,
+		"aria-keyshortcuts": U,
+		id: W,
+		name: G,
+		form: K,
+		className: e(i, n[y ?? "center"], a === "outline" && x === "quiet" ? d : p[a], v[S], f, "gap-2", z),
+		"data-role": a,
+		"data-size": S,
+		"data-align": y,
+		"data-emphasis": a === "outline" ? x ?? "strong" : void 0,
+		"data-mono": F ? "" : void 0,
+		"data-end-icon": I ? "" : void 0,
+		children: [
+			N ? /* @__PURE__ */ T(b, {
+				size: S,
+				children: N
+			}) : null,
+			/* @__PURE__ */ T("span", {
+				className: F ? c : void 0,
+				children: r
+			}),
+			I ? /* @__PURE__ */ T("span", {
+				className: o,
+				children: /* @__PURE__ */ T(b, {
+					size: "xs",
+					children: I
+				})
+			}) : null,
+			P == null ? null : /* @__PURE__ */ T(t, { value: P })
+		]
+	}) : /* @__PURE__ */ T(C, {
+		...q,
+		ref: J,
+		status: A,
+		role: a,
+		size: S,
+		statusLabels: j,
+		disableOnError: M,
+		disabled: w,
+		className: z,
+		type: D,
+		onClick: B,
+		"aria-label": V,
+		"aria-pressed": H,
+		"aria-keyshortcuts": U,
+		id: W,
+		name: G,
+		form: K,
+		children: r
+	});
+});
+//#endregion
+export { A as Button, r as buttonAligns, a as buttonEmphases, s as buttonLayouts, m as buttonRoles, y as buttonWidths, x as defaultStatusLabels, S as getNextButtonStatus };

package/dist/components/atoms/Button/ButtonBadge.d.ts

@@ -0,0 +1,5 @@
+/** Internal — trailing count on action buttons (inbox pattern). Not exported. */
+export declare function ButtonBadge({ value }: {
+    value: number;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ButtonBadge.d.ts.map

package/dist/components/atoms/Button/ButtonBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonBadge.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/ButtonBadge.tsx"],"names":[],"mappings":"AAOA,iFAAiF;AACjF,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,+BAavD"}

package/dist/components/atoms/Button/ButtonBadge.js

@@ -0,0 +1,14 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { badgeBaseClasses as t, badgeCountSizeClasses as n, badgeOnButtonCountClasses as r } from "../Badge/badgeStyles.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/atoms/Button/ButtonBadge.tsx
+function a({ value: a }) {
+	return /* @__PURE__ */ i("span", {
+		className: e(t, n.sm, r),
+		"data-pattern": "count-on-button",
+		children: a
+	});
+}
+//#endregion
+export { a as ButtonBadge };

package/dist/components/atoms/Button/ButtonIcon.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+import { type ButtonSize } from "./buttonStyles";
+/** Sized icon wrapper for Button and IconButton — inherits foreground, scales SVG. */
+export declare function ButtonIcon({ size, children }: {
+    size: ButtonSize;
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ButtonIcon.d.ts.map

package/dist/components/atoms/Button/ButtonIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/ButtonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAyB,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAExE,sFAAsF;AACtF,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAYvF"}

package/dist/components/atoms/Button/ButtonIcon.js

@@ -0,0 +1,14 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { buttonIconSizeClasses as t } from "./buttonStyles.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/atoms/Button/ButtonIcon.tsx
+function r({ size: r, children: i }) {
+	return /* @__PURE__ */ n("span", {
+		className: e("inline-flex shrink-0 text-inherit [&>svg]:size-full [&>svg]:shrink-0 [&>svg]:stroke-current", t[r]),
+		"aria-hidden": !0,
+		children: i
+	});
+}
+//#endregion
+export { r as ButtonIcon };

package/dist/components/atoms/Button/ButtonSpinner.d.ts

@@ -0,0 +1,6 @@
+import { type ButtonSize } from "./buttonStyles";
+/** Loading spinner sized to match {@link ButtonIcon} for the same button size. */
+export declare function ButtonSpinner({ size }: {
+    size: ButtonSize;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ButtonSpinner.d.ts.map

package/dist/components/atoms/Button/ButtonSpinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSpinner.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/ButtonSpinner.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyB,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAExE,kFAAkF;AAClF,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,+BAU3D"}

package/dist/components/atoms/Button/ButtonSpinner.js

@@ -0,0 +1,13 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { buttonIconSizeClasses as t } from "./buttonStyles.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/atoms/Button/ButtonSpinner.tsx
+function r({ size: r }) {
+	return /* @__PURE__ */ n("span", {
+		className: e("animate-spin shrink-0 rounded-full border-2 border-current border-r-transparent", t[r]),
+		"aria-hidden": !0
+	});
+}
+//#endregion
+export { r as ButtonSpinner };

package/dist/components/atoms/Button/ButtonStatusButton.d.ts

@@ -0,0 +1,23 @@
+import { type ButtonHTMLAttributes, type ReactNode } from "react";
+import { type ButtonStatus } from "./buttonStatusStyles";
+import { type ButtonRole, type ButtonSize } from "./buttonStyles";
+export interface ButtonStatusButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className" | "role" | "size"> {
+    status: ButtonStatus;
+    role?: ButtonRole;
+    size?: ButtonSize;
+    statusLabels?: Partial<Record<ButtonStatus, string>>;
+    disableOnError?: boolean;
+    disabled?: boolean;
+    className?: string;
+    type?: "button" | "submit" | "reset";
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    "aria-label"?: string;
+    "aria-pressed"?: boolean;
+    "aria-keyshortcuts"?: string;
+    id?: string;
+    name?: string;
+    form?: string;
+    children: ReactNode;
+}
+export declare const ButtonStatusButton: import("react").ForwardRefExoticComponent<ButtonStatusButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=ButtonStatusButton.d.ts.map

package/dist/components/atoms/Button/ButtonStatusButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonStatusButton.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/ButtonStatusButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EAEzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AASf,OAAO,EAIL,KAAK,YAAY,EAClB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAGL,KAAK,UAAU,EACf,KAAK,UAAU,EAChB,MAAM,gBAAgB,CAAC;AAExB,MAAM,WAAW,uBACf,SAAQ,IAAI,CACV,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,CAC3C;IACD,MAAM,EAAE,YAAY,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;IACrD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,uHAiE7B,CAAC"}

package/dist/components/atoms/Button/ButtonStatusButton.js

@@ -0,0 +1,43 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { buttonBaseClasses as t, buttonPillClass as n } from "./buttonStyles.js";
+import { getStatusPaint as r, getStatusShellClass as i, statusMorphTransition as a } from "./buttonStatusMotion.js";
+import { ButtonStatusIcon as o, ButtonStatusLabel as s } from "./ButtonStatusContent.js";
+import { buttonStatusIconGapClasses as c, buttonStatusSizeClasses as l, resolveStatusLabels as u } from "./buttonStatusStyles.js";
+import { forwardRef as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { motion as m } from "motion/react";
+//#region src/components/atoms/Button/ButtonStatusButton.tsx
+var h = d(function({ status: d, role: h = "primary", size: g = "md", statusLabels: _, disableOnError: v = !1, disabled: y, className: b, children: x, type: S = "button", onClick: C, "aria-label": w, "aria-pressed": T, "aria-keyshortcuts": E, id: D, name: O, form: k, ...A }, j) {
+	let M = u(x, _)[d], N = y || d === "loading" || d === "error" && v, P = r(d, h);
+	return /* @__PURE__ */ p(m.button, {
+		...A,
+		ref: j,
+		type: S,
+		layout: !0,
+		disabled: N,
+		"aria-busy": d === "loading" || void 0,
+		"aria-live": "polite",
+		"aria-label": w,
+		"aria-pressed": T,
+		"aria-keyshortcuts": E,
+		"data-role": h,
+		"data-size": g,
+		"data-status": d,
+		animate: P,
+		initial: !1,
+		className: e(t, "justify-center", l[g], d !== "idle" && c[g], n, i(d, h), "overflow-hidden", b),
+		whileTap: N ? void 0 : { scale: .98 },
+		transition: a,
+		onClick: C,
+		id: D,
+		name: O,
+		form: k,
+		children: [/* @__PURE__ */ f(o, {
+			status: d,
+			size: g
+		}), /* @__PURE__ */ f(s, { label: M })]
+	});
+});
+//#endregion
+export { h as ButtonStatusButton };