@thewhatmatters/wmds 0.4.9 → 0.4.28

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/IconButton/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAIjF,OAAO,EAIL,KAAK,UAAU,EACf,KAAK,cAAc,EACpB,MAAM,wBAAwB,CAAC;AAWhC,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErD,sEAAsE;AACtE,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,YAAY,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CACpE;IACD,wDAAwD;IACxD,IAAI,EAAE,YAAY,CAAC;IACnB,uFAAuF;IACvF,YAAY,EAAE,MAAM,CAAC;IACrB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,qFAAqF;IACrF,IAAI,CAAC,EAAE,cAAc,GAAG,mBAAmB,CAAC;IAC5C,iGAAiG;IACjG,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,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,SAAS,CAAC,EAAE,yBAAyB,CAAC;IACtC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC1D,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACtD,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAgBD;;;GAGG;AACH,eAAO,MAAM,UAAU,+GA4HrB,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/IconButton/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAIjF,OAAO,EAIL,KAAK,UAAU,EACf,KAAK,cAAc,EACpB,MAAM,wBAAwB,CAAC;AAWhC,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErD,sEAAsE;AACtE,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,YAAY,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CACpE;IACD,wDAAwD;IACxD,IAAI,EAAE,YAAY,CAAC;IACnB,uFAAuF;IACvF,YAAY,EAAE,MAAM,CAAC;IACrB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,qFAAqF;IACrF,IAAI,CAAC,EAAE,cAAc,GAAG,mBAAmB,CAAC;IAC5C,iGAAiG;IACjG,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,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,SAAS,CAAC,EAAE,yBAAyB,CAAC;IACtC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC1D,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACtD,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAgBD;;;GAGG;AACH,eAAO,MAAM,UAAU,+GAmIrB,CAAC"}

package/dist/components/atoms/IconButton/IconButton.js

@@ -19,8 +19,8 @@ var h = d(function({ icon: d, "aria-label": h, role: g, size: _ = "md", inset: v
 		inset: v,
 		pressed: S
 	});
-	let R = b ? "primary" : g ?? "ghost", z = C || x, B = y === void 0 ? h : y, V = v ? _ : null, H = v ? s[V ?? "md"] : r[_], U = e(t, "justify-center", S === !0 ? l : n[R], H, u, v && "focus-visible:ring-offset-1 focus-visible:ring-offset-surface", b && "shadow-soft-card", E), W = x ? /* @__PURE__ */ f(a, { size: v ? "xs" : _ }) : v ? /* @__PURE__ */ f("span", {
-		className: e("inline-flex shrink-0 items-center justify-center text-inherit [&>svg]:size-full", c[V ?? "md"]),
+	let R = b ? "primary" : g ?? "ghost", z = C || x, B = x && !C, V = B ? (e) => e.preventDefault() : D, H = y === void 0 ? h : y, U = v ? _ : null, W = v ? s[U ?? "md"] : r[_], G = e(t, "justify-center", S === !0 ? l : n[R], W, u, v && "focus-visible:ring-offset-1 focus-visible:ring-offset-surface", b && "shadow-soft-card", E), K = x ? /* @__PURE__ */ f(a, { size: v ? "xs" : _ }) : v ? /* @__PURE__ */ f("span", {
+		className: e("inline-flex shrink-0 items-center justify-center text-inherit [&>svg]:size-full", c[U ?? "md"]),
 		"aria-hidden": !0,
 		children: d
 	}) : /* @__PURE__ */ f(i, {
@@ -33,7 +33,7 @@ var h = d(function({ icon: d, "aria-label": h, role: g, size: _ = "md", inset: v
 		defaultTagName: "button",
 		props: T ? {
 			...I,
-			className: U,
+			className: G,
 			"aria-label": h,
 			"aria-current": k,
 			"aria-haspopup": A,
@@ -48,20 +48,21 @@ var h = d(function({ icon: d, "aria-label": h, role: g, size: _ = "md", inset: v
 			"data-size": _,
 			"data-pattern": b ? "fab" : v ? "inset" : "icon",
 			"data-loading": x || void 0,
-			title: B === "" ? void 0 : B,
-			tabIndex: z ? -1 : I.tabIndex,
-			onClick: D,
+			title: H === "" ? void 0 : H,
+			tabIndex: C ? -1 : I.tabIndex,
+			onClick: V,
 			onKeyDown: O,
 			id: N,
 			name: P,
 			form: F,
 			style: j && R === "ghost" ? o : void 0,
-			children: W
+			children: K
 		} : {
 			...I,
-			className: U,
+			className: G,
 			type: w,
-			disabled: z,
+			disabled: C,
+			"aria-disabled": B || void 0,
 			"aria-busy": x || void 0,
 			"aria-label": h,
 			"aria-current": k,
@@ -70,8 +71,8 @@ var h = d(function({ icon: d, "aria-label": h, role: g, size: _ = "md", inset: v
 			"aria-controls": M,
 			"aria-pressed": S ?? I["aria-pressed"],
 			"data-pressed": S === !0 ? "" : void 0,
-			title: B === "" ? void 0 : B,
-			onClick: D,
+			title: H === "" ? void 0 : H,
+			onClick: V,
 			onKeyDown: O,
 			id: N,
 			name: P,
@@ -81,7 +82,7 @@ var h = d(function({ icon: d, "aria-label": h, role: g, size: _ = "md", inset: v
 			"data-size": _,
 			"data-pattern": b ? "fab" : v ? "inset" : "icon",
 			"data-loading": x || void 0,
-			children: W
+			children: K
 		}
 	});
 });

package/dist/components/atoms/IconButton/iconButtonStyles.d.ts

@@ -1,5 +1,5 @@
 /** Circular icon-only control — square hit target from {@link iconButtonSizeClasses}. */
-export declare const iconButtonShapeClass = "shrink-0 rounded-full";
+export declare const iconButtonShapeClass = "shrink-0 rounded-[var(--radius-control)]";
 /** Expanded disclosure/menu trigger — retain the ghost hover surface while open. */
 export declare const iconButtonExpandedStyle: {
     backgroundColor: "color-mix(in srgb, currentColor 5%, transparent)";
@@ -12,7 +12,7 @@ export declare const iconButtonPressedClasses = "bg-ghost-active text-fg hover:b
 /** FAB pattern — raised elevation on primary fill. */
 export declare const iconButtonFabClasses = "shadow-soft-card";
 /** Pill shell for a compact row of ghost IconButtons — Pattern: toolbar group. */
-export declare const iconButtonToolbarGroupClasses = "inline-flex items-center gap-1 rounded-full border border-border bg-surface p-1";
+export declare const iconButtonToolbarGroupClasses = "inline-flex items-center gap-1 rounded-[var(--radius-control)] border border-border bg-surface p-1";
 /** Inset dismiss hit targets — removable Chip trailing × (pairs with sm | md | lg). */
 export declare const iconButtonInsetHitClasses: Record<"sm" | "md" | "lg", string>;
 /** Inset dismiss glyph scale — paired with {@link iconButtonInsetHitClasses}. */

package/dist/components/atoms/IconButton/iconButtonStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"iconButtonStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/IconButton/iconButtonStyles.ts"],"names":[],"mappings":"AAEA,yFAAyF;AACzF,eAAO,MAAM,oBAAoB,0BAA0B,CAAC;AAE5D,oFAAoF;AACpF,eAAO,MAAM,uBAAuB;;CAEX,CAAC;AAE1B;;;GAGG;AACH,eAAO,MAAM,wBAAwB,8FACwD,CAAC;AAE9F,sDAAsD;AACtD,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AAEvD,kFAAkF;AAClF,eAAO,MAAM,6BAA6B,oFACyC,CAAC;AAEpF,uFAAuF;AACvF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,MAAM,CAIxE,CAAC;AAEF,iFAAiF;AACjF,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,MAAM,CAI7E,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,2BAA2B,kEACyB,CAAC"}
+{"version":3,"file":"iconButtonStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/IconButton/iconButtonStyles.ts"],"names":[],"mappings":"AAEA,yFAAyF;AACzF,eAAO,MAAM,oBAAoB,6CAA6C,CAAC;AAE/E,oFAAoF;AACpF,eAAO,MAAM,uBAAuB;;CAEX,CAAC;AAE1B;;;GAGG;AACH,eAAO,MAAM,wBAAwB,8FACwD,CAAC;AAE9F,sDAAsD;AACtD,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AAEvD,kFAAkF;AAClF,eAAO,MAAM,6BAA6B,uGAC4D,CAAC;AAEvG,uFAAuF;AACvF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,MAAM,CAIxE,CAAC;AAEF,iFAAiF;AACjF,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,MAAM,CAI7E,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,2BAA2B,kEACyB,CAAC"}

package/dist/components/atoms/IconButton/iconButtonStyles.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/atoms/IconButton/iconButtonStyles.ts
-var e = "shrink-0 rounded-full", t = { backgroundColor: "color-mix(in srgb, currentColor 5%, transparent)" }, n = "bg-ghost-active text-fg hover:bg-ghost-active active:bg-ghost-active [&_svg]:fill-current", r = "shadow-soft-card", i = {
+var e = "shrink-0 rounded-[var(--radius-control)]", t = { backgroundColor: "color-mix(in srgb, currentColor 5%, transparent)" }, n = "bg-ghost-active text-fg hover:bg-ghost-active active:bg-ghost-active [&_svg]:fill-current", r = "shadow-soft-card", i = {
 	sm: "size-5",
 	md: "size-6",
 	lg: "size-7"

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

@@ -0,0 +1,42 @@
+import { type ReactElement, type ReactNode, type RefObject } from "react";
+export { inlinePillPopInKeyframes } from "./inlinePillStyles";
+/** Layout-only — margin or placement; not for colour, size or typography overrides. */
+export type InlinePillLayoutClassName = string;
+export interface InlinePillProps {
+    /** The word or words in the pill: one or two short words. They stay part of the sentence. */
+    children: ReactNode;
+    /**
+     * A small picture on the pill's left: an `<img alt="">`, a 3D render or an SVG. Decorative (the word
+     * carries the meaning), so it's hidden from screen readers. Leave it out for a text-only pill.
+     */
+    media?: ReactNode;
+    /** Layout-only: margin or placement. */
+    className?: InlinePillLayoutClassName;
+}
+/**
+ * A pill that sits inside running text and scales with it: a key word in a headline or a sentence, with
+ * an optional picture on its left. Not a control — for a filter or a removable token use `Chip`; for a
+ * status or category label use `Badge`.
+ */
+export declare function InlinePill({ children, media, className }: InlinePillProps): ReactElement;
+/** `still`: no pop-in (off, reduced motion, or no IntersectionObserver). `pending`: hidden until in view. */
+export type InlinePillsPopInState = "still" | "pending" | "done";
+export interface InlinePillsPopIn<T extends HTMLElement> {
+    /** Put on the element that holds the pills (the heading or its section). */
+    ref: RefObject<T | null>;
+    /** Spread onto the same element: `data-inline-pills`, which hides the pictures while pending. */
+    "data-inline-pills": InlinePillsPopInState;
+}
+/**
+ * Pops in the pictures of every `InlinePill` inside an element, one after another, the first time the
+ * element is 40% in view. Uses the Web Animations API with the WMDS motion tokens
+ * (`--duration-medium-max`, `--motion-beat`, `--ease-standard`), animates only transform and opacity,
+ * and does nothing under `prefers-reduced-motion` or without IntersectionObserver.
+ *
+ * ```tsx
+ * const popIn = useInlinePillsPopIn<HTMLHeadingElement>();
+ * <h2 {...popIn}>We build <InlinePill media={…}>websites</InlinePill> …</h2>
+ * ```
+ */
+export declare function useInlinePillsPopIn<T extends HTMLElement>(enabled?: boolean): InlinePillsPopIn<T>;
+//# sourceMappingURL=InlinePill.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InlinePill.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/InlinePill/InlinePill.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgD,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUxH,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,uFAAuF;AACvF,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,eAAe;IAC9B,6FAA6F;IAC7F,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wCAAwC;IACxC,SAAS,CAAC,EAAE,yBAAyB,CAAC;CACvC;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,eAAe,GAAG,YAAY,CAWxF;AAED,6GAA6G;AAC7G,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEjE,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,WAAW;IACrD,4EAA4E;IAC5E,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IACzB,iGAAiG;IACjG,mBAAmB,EAAE,qBAAqB,CAAC;CAC5C;AAOD;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,WAAW,EAAE,OAAO,UAAO,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAkC9F"}

package/dist/components/atoms/InlinePill/InlinePill.js

@@ -0,0 +1,48 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { inlinePillClasses as t, inlinePillMediaClasses as n, inlinePillPopInKeyframes as r } from "./inlinePillStyles.js";
+import { useEffect as i, useLayoutEffect as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/atoms/InlinePill/InlinePill.tsx
+function u({ children: r, media: i, className: a }) {
+	return /* @__PURE__ */ l("span", {
+		className: e(t, i == null && "pl-[0.32em]", a),
+		"data-inline-pill": "",
+		children: [i == null ? null : /* @__PURE__ */ c("span", {
+			"aria-hidden": !0,
+			className: n,
+			"data-inline-pill-media": "",
+			children: i
+		}), r]
+	});
+}
+function d(e, t) {
+	let n = parseFloat(getComputedStyle(document.documentElement).getPropertyValue(e));
+	return Number.isFinite(n) ? n : t;
+}
+function f(e = !0) {
+	let t = o(null), [n, c] = s("still");
+	return a(() => {
+		e && "IntersectionObserver" in window && !matchMedia("(prefers-reduced-motion: reduce)").matches ? c("pending") : c("still");
+	}, [e]), i(() => {
+		let e = t.current;
+		if (n !== "pending" || !e) return;
+		let i = new IntersectionObserver(([t]) => {
+			if (!t?.isIntersecting) return;
+			i.disconnect();
+			let n = [...e.querySelectorAll("[data-inline-pill-media]")], a = d("--duration-medium-max", 550), o = Math.min(d("--motion-beat", 160), 480 / Math.max(1, n.length - 1)), s = getComputedStyle(document.documentElement).getPropertyValue("--ease-standard").trim() || "cubic-bezier(0.24, 1, 0.4, 1)";
+			n.forEach((e, t) => e.animate(r, {
+				duration: a,
+				delay: 120 + t * o,
+				easing: s,
+				fill: "backwards"
+			})), c("done");
+		}, { threshold: .4 });
+		return i.observe(e), () => i.disconnect();
+	}, [n]), {
+		ref: t,
+		"data-inline-pills": n
+	};
+}
+//#endregion
+export { u as InlinePill, r as inlinePillPopInKeyframes, f as useInlinePillsPopIn };

package/dist/components/atoms/InlinePill/inlinePillStyles.d.ts

@@ -0,0 +1,27 @@
+/**
+ * InlinePill classes. Everything is in em so the pill scales with the text it sits in (a display
+ * headline, a lead paragraph, body copy).
+ */
+/**
+ * The pill: an inline run (not inline-flex), so it sits on the text's baseline and punctuation right
+ * after it never wraps away. Fill is the text colour at 4% (8% in dark, where 4% disappears).
+ * If a long pill wraps, it splits like text (the default `box-decoration-break: slice`): the padding stays at
+ * its two ends, so a wrapped pill can't overflow the line by its padding.
+ */
+export declare const inlinePillClasses: string;
+/** Without a picture, the left padding matches the right. */
+export declare const inlinePillNoMediaClasses = "pl-[0.32em]";
+/**
+ * The picture: 1em square, a touch proud of the pill, held in the pill's left padding and out of the
+ * text flow, so it can never be left at a line end without its word. Anchored to the first line (an
+ * inline box that wraps spans two lines, so 50% would float between them).
+ *
+ * Hidden while an ancestor's pop-in is pending (`data-inline-pills="pending"`), never in print; tilts a
+ * little on hover where motion is allowed.
+ */
+export declare const inlinePillMediaClasses: string;
+/** Pop-in keyframes: from nothing with a tilt, past full size, then settle. Transform and opacity only. */
+export declare const inlinePillPopInKeyframes: Keyframe[];
+/** The whole pop-in run stays under about this long, however many pills there are (ms). */
+export declare const inlinePillPopInMaxSpread = 480;
+//# sourceMappingURL=inlinePillStyles.d.ts.map

package/dist/components/atoms/InlinePill/inlinePillStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inlinePillStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/InlinePill/inlinePillStyles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,QAG4D,CAAC;AAE3F,6DAA6D;AAC7D,eAAO,MAAM,wBAAwB,gBAAgB,CAAC;AAEtD;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,QAI4D,CAAC;AAEhG,2GAA2G;AAC3G,eAAO,MAAM,wBAAwB,EAAE,QAAQ,EAI9C,CAAC;AAEF,2FAA2F;AAC3F,eAAO,MAAM,wBAAwB,MAAM,CAAC"}

package/dist/components/atoms/InlinePill/inlinePillStyles.js

@@ -0,0 +1,19 @@
+"use client";
+//#region src/components/atoms/InlinePill/inlinePillStyles.ts
+var e = "group/inline-pill relative rounded-full bg-[color-mix(in_srgb,var(--color-text-primary)_4%,transparent)] py-0 pr-[0.32em] pl-[1.3em] [[data-theme=dark]_&]:bg-[color-mix(in_srgb,var(--color-text-primary)_8%,transparent)]", t = "pl-[0.32em]", n = "absolute top-[0.14em] left-[0.15em] size-[1em] [&>img]:size-full [&>img]:object-contain [&>svg]:block [&>svg]:size-full in-data-[inline-pills=pending]:scale-0 in-data-[inline-pills=pending]:opacity-0 print:!scale-100 print:!opacity-100 motion-safe:transition-transform motion-safe:duration-[var(--duration-fast)] motion-safe:ease-[var(--ease-standard)] motion-safe:group-hover/inline-pill:-rotate-8 motion-safe:group-hover/inline-pill:scale-105", r = [
+	{
+		transform: "scale(0) rotate(-24deg)",
+		opacity: 0
+	},
+	{
+		transform: "scale(1.14) rotate(6deg)",
+		opacity: 1,
+		offset: .6
+	},
+	{
+		transform: "scale(1) rotate(0deg)",
+		opacity: 1
+	}
+];
+//#endregion
+export { e as inlinePillClasses, n as inlinePillMediaClasses, t as inlinePillNoMediaClasses, r as inlinePillPopInKeyframes };

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

@@ -1,4 +1,4 @@
-import { type InputHTMLAttributes, type ReactElement } from "react";
+import { type InputHTMLAttributes, type ReactElement, type ReactNode } from "react";
 import { type InputMessagePosition, type InputSize, type InputStatus } from "./inputShellStyles";
 export type { InputMessagePosition, InputSize, InputStatus } from "./inputShellStyles";
 export { inputMessagePositions, inputSizes, inputStatuses } from "./inputShellStyles";
@@ -6,8 +6,11 @@ export { inputMessagePositions, inputSizes, inputStatuses } from "./inputShellSt
 export type InputLayoutClassName = string;
 export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
     size?: InputSize;
-    /** Optional visible label — omit for bare inputs. No label asterisk; use `endBadge` for Required. */
-    label?: string;
+    /**
+     * Optional visible label — omit for bare inputs. No label asterisk; use `endBadge` for Required.
+     * Text or inline markup (`<strong>`, `<code>`). It names the field, so keep it to phrasing content.
+     */
+    label?: ReactNode;
     /** Neutral helper below the control — hidden when validation `message` is shown. */
     description?: string;
     /** Validation status — border + trailing icon. */
@@ -20,12 +23,14 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     loading?: boolean;
     /** Leading Lucide icon. */
     icon?: ReactElement;
+    /** Monospace value — `type-code` instead of the sans face. For a read-only key or id. */
+    mono?: boolean;
     /**
      * Trailing inset inside the shell — pass {@link Badge} (e.g. Required).
      * Atoms cannot import Badge; compose at call site. Combinable with `status` / `loading`.
      */
     endBadge?: ReactElement;
-    /** Inside Search — no outer shell; parent pill owns border and focus ring. */
+    /** Inside a parent pill (Search, CopyField) — no outer shell; the parent owns border and focus ring. */
     inline?: boolean;
     className?: InputLayoutClassName;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AAKf,OAAO,EA0BL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,oBAAoB,CAAC;AAE5B,YAAY,EAAE,oBAAoB,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEtF,sEAAsE;AACtE,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAE1C,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qGAAqG;IACrG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,2GAA2G;IAC3G,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AAyCD;;;GAGG;AACH,eAAO,MAAM,KAAK,yGAqKhB,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,EA2BL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,oBAAoB,CAAC;AAE5B,YAAY,EAAE,oBAAoB,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEtF,sEAAsE;AACtE,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAE1C,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,2GAA2G;IAC3G,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,yFAAyF;IACzF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,wGAAwG;IACxG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AA2CD;;;GAGG;AACH,eAAO,MAAM,KAAK,yGAuKhB,CAAC"}

package/dist/components/atoms/Input/Input.js

@@ -1,105 +1,105 @@
 "use client";
 import { cn as e } from "../../../lib/cn.js";
 import { typographyClass as t } from "../../../lib/typography.js";
-import { inputAttachedFieldClasses as n, inputAttachedInputClasses as r, inputBaseClasses as i, inputCompoundInnerFieldClassesFor as a, inputCompoundShellClassesFor as o, inputControlStackClasses as s, inputDisabledClasses as ee, inputEndBadgeAndStatusGapClasses as c, inputEndBadgeGapClasses as l, inputEndBadgeWrapperClasses as u, inputFieldStackClasses as d, inputIconGapClasses as f, inputIconPositionClasses as p, inputIconSizeClasses as m, inputInlineClasses as h, inputMessagePositions as g, inputShellClasses as _, inputSizeClasses as v, inputSizes as y, inputSoloFocusRingBaseClasses as b, inputSoloFocusRingColorClasses as x, inputSoloRadiusClasses as S, inputStatusGapClasses as C, inputStatusShellClasses as w, inputStatuses as T, inputTrailingInsetClasses as E, inputTrailingInsetPositionClasses as te } from "./inputShellStyles.js";
-import { InputStatusBanner as ne } from "../inputShared/InputStatusBanner.js";
-import { InputTrailingAffordance as re } from "../inputShared/InputTrailingAffordance.js";
-import { forwardRef as D, useId as ie } from "react";
-import { Fragment as ae, jsx as O, jsxs as k } from "react/jsx-runtime";
+import { inputAttachedFieldClasses as n, inputAttachedInputClasses as r, inputBaseClasses as i, inputCompoundInnerFieldClassesFor as a, inputCompoundShellClassesFor as o, inputControlStackClasses as s, inputDisabledClasses as c, inputEndBadgeAndStatusGapClasses as l, inputEndBadgeGapClasses as u, inputEndBadgeWrapperClasses as ee, inputFieldStackClasses as te, inputIconGapClasses as d, inputIconPositionClasses as f, inputIconSizeClasses as p, inputInlineClasses as m, inputMessagePositions as h, inputShellClasses as g, inputSizeClasses as _, inputSizes as v, inputSoloFocusRingBaseClasses as y, inputSoloFocusRingColorClasses as b, inputSoloRadiusClasses as x, inputStatusGapClasses as S, inputStatusShellClasses as C, inputStatuses as w, inputTrailingInsetClasses as ne, inputTrailingInsetPositionClasses as re } from "./inputShellStyles.js";
+import { InputStatusBanner as ie } from "../inputShared/InputStatusBanner.js";
+import { InputTrailingAffordance as ae } from "../inputShared/InputTrailingAffordance.js";
+import { forwardRef as T, useId as oe } from "react";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
 //#region src/components/atoms/Input/Input.tsx
-function A(e) {
+function k(e) {
 	e.label == null && e["aria-label"] == null && e["aria-labelledby"] == null && console.warn("[WMDS Input] Provide `label`, `aria-label`, or `aria-labelledby`.");
 }
-function j(e) {
-	e.message != null && e.status == null && console.warn("[WMDS Input] `message` requires `status`."), e.inline && (e.label != null || e.description != null || e.status != null || e.message != null) && console.warn("[WMDS Input] `inline` is for Search rows only — omit label, description, and validation.");
+function A(e) {
+	e.message != null && e.status == null && console.warn("[WMDS Input] `message` requires `status`."), e.inline && (e.label != null || e.description != null || e.status != null || e.message != null) && console.warn("[WMDS Input] `inline` is for a parent pill (Search, CopyField) — omit label, description, and validation.");
 }
-function M(e, t, n) {
-	return t && n ? c[e] : t ? l[e] : n ? C[e] : !1;
+function j(e, t, n) {
+	return t && n ? l[e] : t ? u[e] : n ? S[e] : !1;
 }
-var N = D(function({ size: c = "md", label: l, description: g, status: y, message: C, messagePosition: T = "bottom", loading: D = !1, icon: N, endBadge: P, inline: F = !1, className: I, disabled: L, id: R, "aria-describedby": z, ...B }, V) {
-	let H = ie(), U = R ?? H;
-	A({
-		label: l,
+var M = T(function({ size: l = "md", label: u, description: h, status: v, message: S, messagePosition: w = "bottom", loading: T = !1, icon: M, endBadge: N, mono: P = !1, inline: F = !1, className: I, disabled: L, id: R, "aria-describedby": z, ...B }, V) {
+	let H = oe(), U = R ?? H;
+	k({
+		label: u,
 		"aria-label": B["aria-label"],
 		"aria-labelledby": B["aria-labelledby"]
-	}), j({
-		status: y,
-		message: C,
-		messagePosition: T,
-		loading: D,
+	}), A({
+		status: v,
+		message: S,
+		messagePosition: w,
+		loading: T,
 		inline: F,
-		label: l,
-		description: g
+		label: u,
+		description: h
 	});
-	let W = C != null && C.length > 0 && y != null, G = P != null, K = !W && (D || y != null), q = N != null, J = M(c, G, K), Y = g != null && !W ? `${U}-description` : void 0, X = W ? `${U}-message` : void 0, oe = [
+	let W = S != null && S.length > 0 && v != null, G = N != null, K = !W && (T || v != null), q = M != null, J = j(l, G, K), Y = h != null && !W ? `${U}-description` : void 0, X = W ? `${U}-message` : void 0, se = [
 		z,
 		Y,
 		X
-	].filter(Boolean).join(" ") || void 0, Z = /* @__PURE__ */ k(ae, { children: [
-		q ? /* @__PURE__ */ O("span", {
-			className: e("pointer-events-none absolute top-1/2 inline-flex -translate-y-1/2 [&>svg]:size-full [&>svg]:shrink-0 [&>svg]:stroke-current", p[c], m[c]),
+	].filter(Boolean).join(" ") || void 0, Z = /* @__PURE__ */ O(E, { children: [
+		q ? /* @__PURE__ */ D("span", {
+			className: e("pointer-events-none absolute top-1/2 inline-flex -translate-y-1/2 [&>svg]:size-full [&>svg]:shrink-0 [&>svg]:stroke-current", f[l], p[l]),
 			"aria-hidden": !0,
-			children: N
+			children: M
 		}) : null,
-		/* @__PURE__ */ O("input", {
+		/* @__PURE__ */ D("input", {
 			...B,
 			ref: V,
 			id: U,
 			disabled: L,
-			"aria-invalid": y === "error" || void 0,
-			"aria-describedby": oe,
-			className: e(ee, W ? e(n, v[c], q && f[c], J, r) : e(i, F ? e(h, q && f[c], I ?? v[c]) : e(v[c], q && f[c], J, y == null ? _[c] : e("border", w[y]), S[c], b, y == null ? x.default : x[y], I)))
+			"aria-invalid": v === "error" || void 0,
+			"aria-describedby": se,
+			className: e(c, P && "type-code !font-mono !leading-none", W ? e(n, _[l], q && d[l], J, r) : e(i, F ? e(m, q && d[l], I ?? _[l]) : e(_[l], q && d[l], J, v == null ? g[l] : e("border", C[v]), x[l], y, v == null ? b.default : b[v], I)))
 		}),
-		G || K ? /* @__PURE__ */ k("span", {
-			className: e(E, te[c]),
-			children: [G ? /* @__PURE__ */ O("span", {
-				className: u,
-				children: P
-			}) : null, K ? /* @__PURE__ */ O(re, {
-				size: c,
-				status: D ? void 0 : y,
-				loading: D
+		G || K ? /* @__PURE__ */ O("span", {
+			className: e(ne, re[l]),
+			children: [G ? /* @__PURE__ */ D("span", {
+				className: ee,
+				children: N
+			}) : null, K ? /* @__PURE__ */ D(ae, {
+				size: l,
+				status: T ? void 0 : v,
+				loading: T
 			}) : null]
 		}) : null
-	] }), Q = W && y != null && X != null ? /* @__PURE__ */ O(ne, {
-		status: y,
-		message: C,
+	] }), Q = W && v != null && X != null ? /* @__PURE__ */ D(ie, {
+		status: v,
+		message: S,
 		messageId: X,
-		size: c,
-		messagePosition: T
-	}) : null, $ = W && y != null ? /* @__PURE__ */ k("div", {
-		className: o(c, y),
+		size: l,
+		messagePosition: w
+	}) : null, $ = W && v != null ? /* @__PURE__ */ O("div", {
+		className: o(l, v),
 		children: [
-			T === "top" ? Q : null,
-			/* @__PURE__ */ O("div", {
-				className: a(c, y, T),
+			w === "top" ? Q : null,
+			/* @__PURE__ */ D("div", {
+				className: a(l, v, w),
 				children: Z
 			}),
-			T === "bottom" ? Q : null
+			w === "bottom" ? Q : null
 		]
-	}) : /* @__PURE__ */ O("div", {
+	}) : /* @__PURE__ */ D("div", {
 		className: e(F ? "relative flex min-w-0 flex-1 items-center" : s),
-		children: /* @__PURE__ */ O("div", {
+		children: /* @__PURE__ */ D("div", {
 			className: "relative flex w-full items-center",
 			children: Z
 		})
 	});
-	return F || l == null && g == null ? $ : /* @__PURE__ */ k("div", {
-		className: d,
+	return F || u == null && h == null ? $ : /* @__PURE__ */ O("div", {
+		className: te,
 		children: [
-			l == null ? null : /* @__PURE__ */ O("label", {
+			u == null ? null : /* @__PURE__ */ D("label", {
 				htmlFor: U,
 				className: e(t("ui-label"), L && "opacity-50"),
-				children: l
+				children: u
 			}),
 			$,
-			Y == null ? null : /* @__PURE__ */ O("p", {
+			Y == null ? null : /* @__PURE__ */ D("p", {
 				id: Y,
 				className: t("caption"),
-				children: g
+				children: h
 			})
 		]
 	});
 });
 //#endregion
-export { N as Input, g as inputMessagePositions, y as inputSizes, T as inputStatuses };
+export { M as Input, h as inputMessagePositions, v as inputSizes, w as inputStatuses };

package/dist/components/atoms/Input/inputShellStyles.d.ts

@@ -7,8 +7,14 @@ export type InputMessagePosition = (typeof inputMessagePositions)[number];
 /** Input shell — text + focus ring share one eased fade (`slow` ≈ 280ms). */
 export declare const inputShellTransitionClasses: string;
 export declare const inputBaseClasses: string;
+/**
+ * Monospace face for a read-only key or id (`type-code`).
+ * `!font-mono` wins over `font-sans` on the same element (`cn` does not merge).
+ * `!leading-none` keeps the single-line field's centering.
+ */
+export declare const inputMonoFaceClasses = "type-code !font-mono !leading-none";
 /** Solo shell — ring sits on the input with page offset. */
-export declare const inputSoloFocusRingBaseClasses = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-body";
+export declare const inputSoloFocusRingBaseClasses = "focus-visible:outline-none focus-visible:ring-2";
 export declare const inputSoloFocusRingColorClasses: {
     readonly default: "focus-visible:ring-focus-ring";
     readonly error: "focus-visible:ring-error-focus-ring";
@@ -58,7 +64,7 @@ export declare function inputCompoundOuterClassesFor(size: InputSize): string;
 /** @deprecated Nested tray removed. */
 export declare const inputCompoundOuterPaddingClasses: Record<InputSize, string>;
 /** @deprecated Use {@link inputCompoundInnerFieldClassesFor}. */
-export declare const inputCompoundInnerClasses = "relative flex w-full items-center rounded-full border border-border-control bg-surface";
+export declare const inputCompoundInnerClasses = "relative flex w-full items-center rounded-[var(--radius-control)] border border-border-control bg-surface";
 /** @deprecated Use {@link inputStatusShellClasses}. */
 export declare const inputCompoundInnerBorderClasses: Record<InputStatus, string>;
 /** @deprecated Status copy lives in {@link inputStatusBannerClasses}. */
@@ -87,9 +93,9 @@ export declare const inputCompoundWrapperClasses: Record<InputSize, string>;
 export declare const inputCompoundStatusBorderClasses: Record<InputStatus, string>;
 /** Input inside validation shell — shell owns border, bg, and focus ring. */
 export declare const inputAttachedFieldClasses: string;
-export declare const inputAttachedInputClasses = "rounded-none border-0 shadow-none focus-visible:outline-none focus-visible:ring-0";
+export declare const inputAttachedInputClasses = "rounded-none border-0 shadow-none focus-visible:!outline-none focus-visible:!ring-0";
 /** Input inside Search / inline row — parent owns shell and focus ring. */
-export declare const inputInlineClasses = "rounded-none border-0 bg-transparent shadow-none focus-visible:outline-none focus-visible:ring-0";
+export declare const inputInlineClasses = "rounded-none border-0 bg-transparent shadow-none focus-visible:!outline-none focus-visible:!ring-0";
 /** @deprecated Split shells removed — use {@link inputCompoundWrapperClasses}. */
 export declare const inputAttachedShellClasses = "border-b-0";
 export declare const inputDisabledClasses = "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50";

package/dist/components/atoms/Input/inputShellStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inputShellStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Input/inputShellStyles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"inputShellStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Input/inputShellStyles.ts"],"names":[],"mappings":"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"}