npm - @primer/react-brand - Versions diffs - 0.75.0-rc.c3abcc84 → 0.75.0 - Mend

@primer/react-brand 0.75.0-rc.c3abcc84 → 0.75.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (915) hide show

package/esm/node_modules/@primer/octicons-react/dist/icons/TriangleUpIcon.js ADDED Viewed

@@ -0,0 +1,20 @@
+import { t as e } from "../renderOcticon-DuMQdmQC.js";
+import t from "react";
+//#region ../../node_modules/@primer/octicons-react/dist/icons/TriangleUpIcon.mjs
+var n = ["16", "24"], r = {
+	16: {
+		width: 16,
+		path: /*#__PURE__*/ t.createElement("path", { d: "m4.427 9.573 3.396-3.396a.25.25 0 0 1 .354 0l3.396 3.396a.25.25 0 0 1-.177.427H4.604a.25.25 0 0 1-.177-.427Z" })
+	},
+	24: {
+		width: 24,
+		path: /*#__PURE__*/ t.createElement("path", { d: "m12.354 8.854 5.792 5.792a.5.5 0 0 1-.353.854H6.207a.5.5 0 0 1-.353-.854l5.792-5.792a.5.5 0 0 1 .708 0Z" })
+	}
+}, i = /*#__PURE__*/ t.forwardRef(function(t, i) {
+	return e(t, i, "octicon octicon-triangle-up", r, n);
+});
+i.displayName = "TriangleUpIcon";
+//#endregion
+export { i as TriangleUpIcon, i as default };
+//# sourceMappingURL=TriangleUpIcon.js.map

package/esm/node_modules/@primer/octicons-react/dist/icons/TriangleUpIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TriangleUpIcon.js","names":[],"sources":["../../../../../../../../node_modules/@primer/octicons-react/dist/icons/TriangleUpIcon.mjs"],"sourcesContent":["import { t as renderOcticon } from \"../renderOcticon-DuMQdmQC.mjs\";\nimport React from \"react\";\nvar heights = [\"16\", \"24\"];\nvar svgDataByHeight = {\n\t\"16\": {\n\t\t\"width\": 16,\n\t\t\"path\": /*#__PURE__*/ React.createElement(\"path\", { d: \"m4.427 9.573 3.396-3.396a.25.25 0 0 1 .354 0l3.396 3.396a.25.25 0 0 1-.177.427H4.604a.25.25 0 0 1-.177-.427Z\" })\n\t},\n\t\"24\": {\n\t\t\"width\": 24,\n\t\t\"path\": /*#__PURE__*/ React.createElement(\"path\", { d: \"m12.354 8.854 5.792 5.792a.5.5 0 0 1-.353.854H6.207a.5.5 0 0 1-.353-.854l5.792-5.792a.5.5 0 0 1 .708 0Z\" })\n\t}\n};\nvar TriangleUpIcon = /*#__PURE__*/ React.forwardRef(function(props, ref) {\n\treturn renderOcticon(props, ref, \"octicon octicon-triangle-up\", svgDataByHeight, heights);\n});\nTriangleUpIcon.displayName = \"TriangleUpIcon\";\nexport { TriangleUpIcon, TriangleUpIcon as default };\n"],"x_google_ignoreList":[0],"mappings":";;;AAEA,IAAI,IAAU,CAAC,MAAM,IAAI,GACrB,IAAkB;CACrB,IAAM;EACL,OAAS;EACT,MAAsB,gBAAM,cAAc,QAAQ,EAAE,GAAG,+GAA+G,CAAC;CACxK;CACA,IAAM;EACL,OAAS;EACT,MAAsB,gBAAM,cAAc,QAAQ,EAAE,GAAG,0GAA0G,CAAC;CACnK;AACD,GACI,IAA+B,gBAAM,WAAW,SAAS,GAAO,GAAK;CACxE,OAAO,EAAc,GAAO,GAAK,+BAA+B,GAAiB,CAAO;AACzF,CAAC;AACD,EAAe,cAAc"}

package/esm/node_modules/@primer/octicons-react/dist/icons/UnmuteIcon.js ADDED Viewed

@@ -0,0 +1,20 @@
+import { t as e } from "../renderOcticon-DuMQdmQC.js";
+import t from "react";
+//#region ../../node_modules/@primer/octicons-react/dist/icons/UnmuteIcon.mjs
+var n = ["16", "24"], r = {
+	16: {
+		width: 16,
+		path: /*#__PURE__*/ t.createElement("path", { d: "M7.563 2.069A.75.75 0 0 1 8 2.75v10.5a.751.751 0 0 1-1.238.57L3.472 11H1.75A1.75 1.75 0 0 1 0 9.25v-2.5C0 5.784.784 5 1.75 5h1.723l3.289-2.82a.75.75 0 0 1 .801-.111ZM6.5 4.38 4.238 6.319a.748.748 0 0 1-.488.181h-2a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2c.179 0 .352.064.488.18L6.5 11.62Zm6.096-2.038a.75.75 0 0 1 1.06 0 8 8 0 0 1 0 11.314.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042 6.5 6.5 0 0 0 0-9.193.75.75 0 0 1 0-1.06Zm-1.06 2.121-.001.001a5 5 0 0 1 0 7.07.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734 3.5 3.5 0 0 0 0-4.95.75.75 0 1 1 1.061-1.061Z" })
+	},
+	24: {
+		width: 24,
+		path: /*#__PURE__*/ t.createElement(t.Fragment, null, /*#__PURE__*/ t.createElement("path", { d: "M11.553 3.064A.75.75 0 0 1 12 3.75v16.5a.75.75 0 0 1-1.255.555L5.46 16H2.75A1.75 1.75 0 0 1 1 14.25v-4.5C1 8.784 1.784 8 2.75 8h2.71l5.285-4.805a.752.752 0 0 1 .808-.13ZM10.5 5.445l-4.245 3.86a.748.748 0 0 1-.505.195h-3a.25.25 0 0 0-.25.25v4.5c0 .138.112.25.25.25h3c.187 0 .367.069.505.195l4.245 3.86Zm8.218-1.223a.75.75 0 0 1 1.06 0c4.296 4.296 4.296 11.26 0 15.556a.75.75 0 0 1-1.06-1.06 9.5 9.5 0 0 0 0-13.436.75.75 0 0 1 0-1.06Z" }), /*#__PURE__*/ t.createElement("path", { d: "M16.243 7.757a.75.75 0 1 0-1.061 1.061 4.5 4.5 0 0 1 0 6.364.75.75 0 0 0 1.06 1.06 6 6 0 0 0 0-8.485Z" }))
+	}
+}, i = /*#__PURE__*/ t.forwardRef(function(t, i) {
+	return e(t, i, "octicon octicon-unmute", r, n);
+});
+i.displayName = "UnmuteIcon";
+//#endregion
+export { i as UnmuteIcon, i as default };
+//# sourceMappingURL=UnmuteIcon.js.map

package/esm/node_modules/@primer/octicons-react/dist/icons/UnmuteIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"UnmuteIcon.js","names":[],"sources":["../../../../../../../../node_modules/@primer/octicons-react/dist/icons/UnmuteIcon.mjs"],"sourcesContent":["import { t as renderOcticon } from \"../renderOcticon-DuMQdmQC.mjs\";\nimport React from \"react\";\nvar heights = [\"16\", \"24\"];\nvar svgDataByHeight = {\n\t\"16\": {\n\t\t\"width\": 16,\n\t\t\"path\": /*#__PURE__*/ React.createElement(\"path\", { d: \"M7.563 2.069A.75.75 0 0 1 8 2.75v10.5a.751.751 0 0 1-1.238.57L3.472 11H1.75A1.75 1.75 0 0 1 0 9.25v-2.5C0 5.784.784 5 1.75 5h1.723l3.289-2.82a.75.75 0 0 1 .801-.111ZM6.5 4.38 4.238 6.319a.748.748 0 0 1-.488.181h-2a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h2c.179 0 .352.064.488.18L6.5 11.62Zm6.096-2.038a.75.75 0 0 1 1.06 0 8 8 0 0 1 0 11.314.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042 6.5 6.5 0 0 0 0-9.193.75.75 0 0 1 0-1.06Zm-1.06 2.121-.001.001a5 5 0 0 1 0 7.07.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734 3.5 3.5 0 0 0 0-4.95.75.75 0 1 1 1.061-1.061Z\" })\n\t},\n\t\"24\": {\n\t\t\"width\": 24,\n\t\t\"path\": /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(\"path\", { d: \"M11.553 3.064A.75.75 0 0 1 12 3.75v16.5a.75.75 0 0 1-1.255.555L5.46 16H2.75A1.75 1.75 0 0 1 1 14.25v-4.5C1 8.784 1.784 8 2.75 8h2.71l5.285-4.805a.752.752 0 0 1 .808-.13ZM10.5 5.445l-4.245 3.86a.748.748 0 0 1-.505.195h-3a.25.25 0 0 0-.25.25v4.5c0 .138.112.25.25.25h3c.187 0 .367.069.505.195l4.245 3.86Zm8.218-1.223a.75.75 0 0 1 1.06 0c4.296 4.296 4.296 11.26 0 15.556a.75.75 0 0 1-1.06-1.06 9.5 9.5 0 0 0 0-13.436.75.75 0 0 1 0-1.06Z\" }), /*#__PURE__*/ React.createElement(\"path\", { d: \"M16.243 7.757a.75.75 0 1 0-1.061 1.061 4.5 4.5 0 0 1 0 6.364.75.75 0 0 0 1.06 1.06 6 6 0 0 0 0-8.485Z\" }))\n\t}\n};\nvar UnmuteIcon = /*#__PURE__*/ React.forwardRef(function(props, ref) {\n\treturn renderOcticon(props, ref, \"octicon octicon-unmute\", svgDataByHeight, heights);\n});\nUnmuteIcon.displayName = \"UnmuteIcon\";\nexport { UnmuteIcon, UnmuteIcon as default };\n"],"x_google_ignoreList":[0],"mappings":";;;AAEA,IAAI,IAAU,CAAC,MAAM,IAAI,GACrB,IAAkB;CACrB,IAAM;EACL,OAAS;EACT,MAAsB,gBAAM,cAAc,QAAQ,EAAE,GAAG,4jBAA4jB,CAAC;CACrnB;CACA,IAAM;EACL,OAAS;EACT,MAAsB,gBAAM,cAAc,EAAM,UAAU,MAAoB,gBAAM,cAAc,QAAQ,EAAE,GAAG,mbAAmb,CAAC,GAAiB,gBAAM,cAAc,QAAQ,EAAE,GAAG,wGAAwG,CAAC,CAAC;CAChsB;AACD,GACI,IAA2B,gBAAM,WAAW,SAAS,GAAO,GAAK;CACpE,OAAO,EAAc,GAAO,GAAK,0BAA0B,GAAiB,CAAO;AACpF,CAAC;AACD,EAAW,cAAc"}

package/esm/node_modules/@primer/octicons-react/dist/icons/XIcon.js ADDED Viewed

@@ -0,0 +1,28 @@
+import { t as e } from "../renderOcticon-DuMQdmQC.js";
+import t from "react";
+//#region ../../node_modules/@primer/octicons-react/dist/icons/XIcon.mjs
+var n = [
+	"12",
+	"16",
+	"24"
+], r = {
+	12: {
+		width: 12,
+		path: /*#__PURE__*/ t.createElement("path", { d: "M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z" })
+	},
+	16: {
+		width: 16,
+		path: /*#__PURE__*/ t.createElement("path", { d: "M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z" })
+	},
+	24: {
+		width: 24,
+		path: /*#__PURE__*/ t.createElement("path", { d: "M5.72 5.72a.75.75 0 0 1 1.06 0L12 10.94l5.22-5.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L13.06 12l5.22 5.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L12 13.06l-5.22 5.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L10.94 12 5.72 6.78a.75.75 0 0 1 0-1.06Z" })
+	}
+}, i = /*#__PURE__*/ t.forwardRef(function(t, i) {
+	return e(t, i, "octicon octicon-x", r, n);
+});
+i.displayName = "XIcon";
+//#endregion
+export { i as XIcon, i as default };
+//# sourceMappingURL=XIcon.js.map

package/esm/node_modules/@primer/octicons-react/dist/icons/XIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"XIcon.js","names":[],"sources":["../../../../../../../../node_modules/@primer/octicons-react/dist/icons/XIcon.mjs"],"sourcesContent":["import { t as renderOcticon } from \"../renderOcticon-DuMQdmQC.mjs\";\nimport React from \"react\";\nvar heights = [\n\t\"12\",\n\t\"16\",\n\t\"24\"\n];\nvar svgDataByHeight = {\n\t\"12\": {\n\t\t\"width\": 12,\n\t\t\"path\": /*#__PURE__*/ React.createElement(\"path\", { d: \"M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z\" })\n\t},\n\t\"16\": {\n\t\t\"width\": 16,\n\t\t\"path\": /*#__PURE__*/ React.createElement(\"path\", { d: \"M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z\" })\n\t},\n\t\"24\": {\n\t\t\"width\": 24,\n\t\t\"path\": /*#__PURE__*/ React.createElement(\"path\", { d: \"M5.72 5.72a.75.75 0 0 1 1.06 0L12 10.94l5.22-5.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L13.06 12l5.22 5.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L12 13.06l-5.22 5.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L10.94 12 5.72 6.78a.75.75 0 0 1 0-1.06Z\" })\n\t}\n};\nvar XIcon = /*#__PURE__*/ React.forwardRef(function(props, ref) {\n\treturn renderOcticon(props, ref, \"octicon octicon-x\", svgDataByHeight, heights);\n});\nXIcon.displayName = \"XIcon\";\nexport { XIcon, XIcon as default };\n"],"x_google_ignoreList":[0],"mappings":";;;AAEA,IAAI,IAAU;CACb;CACA;CACA;AACD,GACI,IAAkB;CACrB,IAAM;EACL,OAAS;EACT,MAAsB,gBAAM,cAAc,QAAQ,EAAE,GAAG,6MAA6M,CAAC;CACtQ;CACA,IAAM;EACL,OAAS;EACT,MAAsB,gBAAM,cAAc,QAAQ,EAAE,GAAG,gRAAgR,CAAC;CACzU;CACA,IAAM;EACL,OAAS;EACT,MAAsB,gBAAM,cAAc,QAAQ,EAAE,GAAG,wRAAwR,CAAC;CACjV;AACD,GACI,IAAsB,gBAAM,WAAW,SAAS,GAAO,GAAK;CAC/D,OAAO,EAAc,GAAO,GAAK,qBAAqB,GAAiB,CAAO;AAC/E,CAAC;AACD,EAAM,cAAc"}

package/esm/node_modules/@primer/octicons-react/dist/renderOcticon-DuMQdmQC.js ADDED Viewed

@@ -0,0 +1,132 @@
+import e from "react";
+//#region ../../node_modules/@primer/octicons-react/dist/renderOcticon-DuMQdmQC.mjs
+function t(e) {
+	"@babel/helpers - typeof";
+	return t = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+		return typeof e;
+	} : function(e) {
+		return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+	}, t(e);
+}
+var n = [
+	"aria-hidden",
+	"aria-label",
+	"aria-labelledby",
+	"tabIndex",
+	"className",
+	"fill",
+	"size",
+	"verticalAlign",
+	"id",
+	"title",
+	"style"
+];
+function r() {
+	return r = Object.assign ? Object.assign.bind() : function(e) {
+		for (var t = 1; t < arguments.length; t++) {
+			var n = arguments[t];
+			for (var r in n) ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
+		}
+		return e;
+	}, r.apply(null, arguments);
+}
+function i(e, t) {
+	var n = Object.keys(e);
+	if (Object.getOwnPropertySymbols) {
+		var r = Object.getOwnPropertySymbols(e);
+		t && (r = r.filter(function(t) {
+			return Object.getOwnPropertyDescriptor(e, t).enumerable;
+		})), n.push.apply(n, r);
+	}
+	return n;
+}
+function a(e) {
+	for (var t = 1; t < arguments.length; t++) {
+		var n = arguments[t] == null ? {} : arguments[t];
+		t % 2 ? i(Object(n), !0).forEach(function(t) {
+			o(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : i(Object(n)).forEach(function(t) {
+			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+		});
+	}
+	return e;
+}
+function o(e, t, n) {
+	return (t = s(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function s(e) {
+	var n = c(e, "string");
+	return t(n) == "symbol" ? n : n + "";
+}
+function c(e, n) {
+	if (t(e) != "object" || !e) return e;
+	var r = e[Symbol.toPrimitive];
+	if (r !== void 0) {
+		var i = r.call(e, n || "default");
+		if (t(i) != "object") return i;
+		throw TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return (n === "string" ? String : Number)(e);
+}
+function l(e, t) {
+	if (e == null) return {};
+	var n, r, i = u(e, t);
+	if (Object.getOwnPropertySymbols) {
+		var a = Object.getOwnPropertySymbols(e);
+		for (r = 0; r < a.length; r++) n = a[r], t.indexOf(n) === -1 && {}.propertyIsEnumerable.call(e, n) && (i[n] = e[n]);
+	}
+	return i;
+}
+function u(e, t) {
+	if (e == null) return {};
+	var n = {};
+	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
+		if (t.indexOf(r) !== -1) continue;
+		n[r] = e[r];
+	}
+	return n;
+}
+var d = {
+	small: 16,
+	medium: 32,
+	large: 64
+};
+function f(t, i, o, s, c) {
+	var u = t["aria-hidden"], f = t["aria-label"], m = t["aria-labelledby"], h = t.tabIndex, g = t.className, _ = g === void 0 ? "" : g, v = t.fill, y = v === void 0 ? "currentColor" : v, b = t.size, x = b === void 0 ? 16 : b, S = t.verticalAlign, C = S === void 0 ? "text-bottom" : S, w = t.id, T = t.title, E = t.style, D = l(t, n), O = d[x] || x, k = p(c, O), A = s[k].width, j = A / k * O, M = s[k].path, N = f || m, P = u === void 0 ? N ? void 0 : "true" : u, F = N && P !== "true" ? "img" : void 0;
+	return /*#__PURE__*/ e.createElement("svg", r({
+		ref: i,
+		"data-component": "Octicon"
+	}, D, {
+		"aria-hidden": P,
+		tabIndex: h,
+		focusable: h >= 0 ? "true" : "false",
+		"aria-label": f,
+		"aria-labelledby": m,
+		className: `${o} ${_}`.trim(),
+		role: F,
+		viewBox: `0 0 ${A} ${k}`,
+		width: j,
+		height: O,
+		fill: y,
+		id: w,
+		display: "inline-block",
+		overflow: "visible",
+		style: a({ verticalAlign: C }, E)
+	}), T ? /*#__PURE__*/ e.createElement("title", null, T) : null, M);
+}
+function p(e, t) {
+	return e.map(function(e) {
+		return parseInt(e, 10);
+	}).reduce(function(e, n) {
+		return n <= t ? n : e;
+	}, e[0]);
+}
+//#endregion
+export { f as t };
+//# sourceMappingURL=renderOcticon-DuMQdmQC.js.map

package/esm/node_modules/@primer/octicons-react/dist/renderOcticon-DuMQdmQC.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"renderOcticon-DuMQdmQC.js","names":[],"sources":["../../../../../../../node_modules/@primer/octicons-react/dist/renderOcticon-DuMQdmQC.mjs"],"sourcesContent":["import React from \"react\";\nfunction _typeof(o) {\n\t\"@babel/helpers - typeof\";\n\treturn _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function(o) {\n\t\treturn typeof o;\n\t} : function(o) {\n\t\treturn o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n\t}, _typeof(o);\n}\nvar _excluded = [\n\t\"aria-hidden\",\n\t\"aria-label\",\n\t\"aria-labelledby\",\n\t\"tabIndex\",\n\t\"className\",\n\t\"fill\",\n\t\"size\",\n\t\"verticalAlign\",\n\t\"id\",\n\t\"title\",\n\t\"style\"\n];\nfunction _extends() {\n\treturn _extends = Object.assign ? Object.assign.bind() : function(n) {\n\t\tfor (var e = 1; e < arguments.length; e++) {\n\t\t\tvar t = arguments[e];\n\t\t\tfor (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);\n\t\t}\n\t\treturn n;\n\t}, _extends.apply(null, arguments);\n}\nfunction ownKeys(e, r) {\n\tvar t = Object.keys(e);\n\tif (Object.getOwnPropertySymbols) {\n\t\tvar o = Object.getOwnPropertySymbols(e);\n\t\tr && (o = o.filter(function(r) {\n\t\t\treturn Object.getOwnPropertyDescriptor(e, r).enumerable;\n\t\t})), t.push.apply(t, o);\n\t}\n\treturn t;\n}\nfunction _objectSpread(e) {\n\tfor (var r = 1; r < arguments.length; r++) {\n\t\tvar t = null != arguments[r] ? arguments[r] : {};\n\t\tr % 2 ? ownKeys(Object(t), !0).forEach(function(r) {\n\t\t\t_defineProperty(e, r, t[r]);\n\t\t}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r) {\n\t\t\tObject.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));\n\t\t});\n\t}\n\treturn e;\n}\nfunction _defineProperty(e, r, t) {\n\treturn (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {\n\t\tvalue: t,\n\t\tenumerable: !0,\n\t\tconfigurable: !0,\n\t\twritable: !0\n\t}) : e[r] = t, e;\n}\nfunction _toPropertyKey(t) {\n\tvar i = _toPrimitive(t, \"string\");\n\treturn \"symbol\" == _typeof(i) ? i : i + \"\";\n}\nfunction _toPrimitive(t, r) {\n\tif (\"object\" != _typeof(t) || !t) return t;\n\tvar e = t[Symbol.toPrimitive];\n\tif (void 0 !== e) {\n\t\tvar i = e.call(t, r || \"default\");\n\t\tif (\"object\" != _typeof(i)) return i;\n\t\tthrow new TypeError(\"@@toPrimitive must return a primitive value.\");\n\t}\n\treturn (\"string\" === r ? String : Number)(t);\n}\nfunction _objectWithoutProperties(e, t) {\n\tif (null == e) return {};\n\tvar o, r, i = _objectWithoutPropertiesLoose(e, t);\n\tif (Object.getOwnPropertySymbols) {\n\t\tvar n = Object.getOwnPropertySymbols(e);\n\t\tfor (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);\n\t}\n\treturn i;\n}\nfunction _objectWithoutPropertiesLoose(r, e) {\n\tif (null == r) return {};\n\tvar t = {};\n\tfor (var n in r) if ({}.hasOwnProperty.call(r, n)) {\n\t\tif (-1 !== e.indexOf(n)) continue;\n\t\tt[n] = r[n];\n\t}\n\treturn t;\n}\nvar sizeMap = {\n\tsmall: 16,\n\tmedium: 32,\n\tlarge: 64\n};\nfunction renderOcticon(_ref, forwardedRef, defaultClassName, svgDataByHeight, heights) {\n\tvar ariaHidden = _ref[\"aria-hidden\"], ariaLabel = _ref[\"aria-label\"], arialabelledby = _ref[\"aria-labelledby\"], tabIndex = _ref.tabIndex, _ref$className = _ref.className, className = _ref$className === void 0 ? \"\" : _ref$className, _ref$fill = _ref.fill, fill = _ref$fill === void 0 ? \"currentColor\" : _ref$fill, _ref$size = _ref.size, size = _ref$size === void 0 ? 16 : _ref$size, _ref$verticalAlign = _ref.verticalAlign, verticalAlign = _ref$verticalAlign === void 0 ? \"text-bottom\" : _ref$verticalAlign, id = _ref.id, title = _ref.title, style = _ref.style, rest = _objectWithoutProperties(_ref, _excluded);\n\tvar height = sizeMap[size] || size;\n\tvar naturalHeight = closestNaturalHeight(heights, height);\n\tvar naturalWidth = svgDataByHeight[naturalHeight].width;\n\tvar width = height * (naturalWidth / naturalHeight);\n\tvar path = svgDataByHeight[naturalHeight].path;\n\tvar labelled = ariaLabel || arialabelledby;\n\tvar computedAriaHidden = ariaHidden === void 0 ? labelled ? void 0 : \"true\" : ariaHidden;\n\tvar role = labelled && computedAriaHidden !== \"true\" ? \"img\" : void 0;\n\treturn /*#__PURE__*/ React.createElement(\"svg\", _extends({\n\t\tref: forwardedRef,\n\t\t\"data-component\": \"Octicon\"\n\t}, rest, {\n\t\t\"aria-hidden\": computedAriaHidden,\n\t\ttabIndex,\n\t\tfocusable: tabIndex >= 0 ? \"true\" : \"false\",\n\t\t\"aria-label\": ariaLabel,\n\t\t\"aria-labelledby\": arialabelledby,\n\t\tclassName: \"\".concat(defaultClassName, \" \").concat(className).trim(),\n\t\trole,\n\t\tviewBox: \"0 0 \".concat(naturalWidth, \" \").concat(naturalHeight),\n\t\twidth,\n\t\theight,\n\t\tfill,\n\t\tid,\n\t\tdisplay: \"inline-block\",\n\t\toverflow: \"visible\",\n\t\tstyle: _objectSpread({ verticalAlign }, style)\n\t}), title ? /*#__PURE__*/ React.createElement(\"title\", null, title) : null, path);\n}\nfunction closestNaturalHeight(naturalHeights, height) {\n\treturn naturalHeights.map(function(naturalHeight) {\n\t\treturn parseInt(naturalHeight, 10);\n\t}).reduce(function(acc, naturalHeight) {\n\t\treturn naturalHeight <= height ? naturalHeight : acc;\n\t}, naturalHeights[0]);\n}\nexport { renderOcticon as t };\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/esm/node_modules/clsx/dist/clsx.js CHANGED Viewed

@@ -13,6 +13,6 @@ function t() {
 	return i;
 }
 //#endregion
-export { t as default };
+export { t as clsx, t as default };
 //# sourceMappingURL=clsx.js.map

package/esm/node_modules/clsx/dist/clsx.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"clsx.js","names":[],"sources":["../../../../../../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e\|\|\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"x_google_ignoreList":[0],"mappings":";AAAA,SAAS,EAAE,GAAE;CAAC,IAAI,GAAE,GAAE,IAAE;~~AAAG~~,~~KAAa~~,OAAO,KAAjB,YAA8B,OAAO,KAAjB,~~SAAmB~~,~~MAAG~~;~~UAAoB~~,OAAO,KAAjB,~~SAAmB~~,~~KAAG~~,MAAM,QAAQ,~~EAAE~~,~~EAAC~~;EAAC,IAAI,IAAE,EAAE;~~AAAO~~,~~OAAI~~,IAAE,GAAE,IAAE,GAAE,~~IAAI~~,~~GAAE~~,OAAK,IAAE,EAAE,EAAE,~~GAAG~~,~~MAAI~~,MAAI,KAAG,MAAK,KAAG;~~OAAQ~~,~~MAAI~~,KAAK,EAAE,~~GAAE,~~OAAK,MAAI,KAAG,MAAK,KAAG;~~AAAG~~,~~QAAO;;AAAE~~,SAAgB,IAAM;~~AAAC~~,~~MAAI~~,IAAI,GAAE,GAAE,IAAE,GAAE,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,~~IAAI~~,~~EAAC~~,IAAE,UAAU,QAAM,IAAE,EAAE,~~EAAE~~,~~MAAI~~,MAAI,KAAG,MAAK,KAAG;~~AAAG~~,~~QAAO~~"}
1	+ {"version":3,"file":"clsx.js","names":[],"sources":["../../../../../../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e\|\|\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"x_google_ignoreList":[0],"mappings":";AAAA,SAAS,EAAE,GAAE;CAAC,IAAI,GAAE,GAAE,IAAE;CAAG,IAAa,OAAO,KAAjB,YAA8B,OAAO,KAAjB,UAAmB,KAAG;MAAO,IAAa,OAAO,KAAjB,UAAmB,IAAG,MAAM,QAAQ,CAAC,GAAE;EAAC,IAAI,IAAE,EAAE;EAAO,KAAI,IAAE,GAAE,IAAE,GAAE,KAAI,EAAE,OAAK,IAAE,EAAE,EAAE,EAAE,OAAK,MAAI,KAAG,MAAK,KAAG;CAAE,OAAM,KAAI,KAAK,GAAE,EAAE,OAAK,MAAI,KAAG,MAAK,KAAG;CAAG,OAAO;AAAC;AAAC,SAAgB,IAAM;CAAC,KAAI,IAAI,GAAE,GAAE,IAAE,GAAE,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,KAAI,CAAC,IAAE,UAAU,QAAM,IAAE,EAAE,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;CAAG,OAAO;AAAC"}

package/esm/river/River/River.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import e from "../../node_modules/clsx/dist/clsx.js";
+import { clsx as e } from "../../node_modules/clsx/dist/clsx.js";
 import { useAnimation as t } from "../../animation/useAnimation.js";
 import { Text as n } from "../../Text/Text.js";
 import { EyebrowText as r } from "../../EyebrowText/EyebrowText.js";
 import { Heading as i } from "../../Heading/Heading.js";
-import '../../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/river/river-DHn1_SEa.css';import '../../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/river/base-Ue-p74RC.css';import '../../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/inline-code/colors-with-modes-Bj7XtHMY.css';/* empty css                                                                                          */
+import '../../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/inline-code/colors-with-modes-Bj7XtHMY.css';import '../../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/river/base-Ue-p74RC.css';import '../../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/river/river-DHn1_SEa.css';/* empty css                                                                                          */
 import a from "../../component-helpers/shared.module.js";
 import { Link as o } from "../../Link/Link.js";
 import { Label as s } from "../../Label/Label.js";

package/esm/river/River/River.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"River.js","names":[],"sources":["../../../src/river/River/River.tsx"],"sourcesContent":["import React, {forwardRef, PropsWithChildren, useMemo, type Ref} from 'react'\nimport {clsx} from 'clsx'\nimport {Heading, type HeadingProps} from '../../Heading'\nimport {Text, type TextProps} from '../../Text'\nimport {Link, type LinkProps} from '../../Link'\nimport {Label, type LabelProps} from '../../Label'\nimport {EyebrowText, type EyebrowTextProps} from '../../EyebrowText'\nimport {useAnimation} from '../../animation'\nimport type {BaseProps} from '../../component-helpers'\n\n/*\n Design tokens\n /\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/river/base.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/river/river.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/inline-code/colors-with-modes.css'\n\n/* * Main Stylesheet (as a CSS Module) /\nimport styles from '../river-shared.module.css'\nimport gridlineStyles from '../../component-helpers/shared.module.css'\n\nexport const RiverVariants = ['default', 'gridline'] as const\nexport const BorderedGrid = 'gridline' as const\nexport const GridLine = 'gridline' as const\nexport type RiverVariant = (typeof RiverVariants)[number]\n\nexport const RiverContentAlignValues = ['center', 'block-end'] as const\nexport type RiverContentAlign = (typeof RiverContentAlignValues)[number]\n\nexport type RiverProps = {\n /\n Only specific children are valid.\n * These include: `River.Visual` and `River.Content`.\n * The declarative order of the children will be ignored in the rendered output\n * to enforce correct HTML semantics.\n /\n children: React.ReactElement<RiverVisualProps \| RiverContentProps>[]\n /\n Apply an alternative image to text column ratio. The default is `50:50`.\n /\n imageTextRatio?: '60:40' \| '50:50'\n /\n Adjust the order of the `Content` column. The default is `start`.\n /\n align?: 'start' \| 'end' \| 'center'\n /\n Apply a visual variant. The default is `default`.\n * `gridline` applies lateral spacing for use in bordered grid layouts.\n /\n variant?: RiverVariant\n} & BaseProps<HTMLElement> &\n React.HTMLAttributes<HTMLElement>\n\nexport const defaultRiverImageTextRatio = '50:50'\nexport const defaultRiverAlign = 'start'\nexport const defaultRiverVariant: RiverVariant = 'default'\n\ntype ValidRootChildren = {\n Visual: React.ReactElement<RiverVisualProps> \| null\n Content: React.ReactElement<RiverContentProps> \| null\n}\n\nconst Root = forwardRef(\n (\n {\n animate,\n imageTextRatio = defaultRiverImageTextRatio,\n align = defaultRiverAlign,\n variant = defaultRiverVariant,\n className,\n children,\n style,\n ...rest\n }: RiverProps,\n ref: Ref<HTMLElement>,\n ) => {\n const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n const {Visual: VisualChild, Content: ContentChild} = React.Children.toArray(children).reduce<ValidRootChildren>(\n (acc, child) => {\n if (React.isValidElement(child) && typeof child.type !== 'string') {\n if (child.type === Visual) {\n acc.Visual = child as React.ReactElement<RiverVisualProps>\n }\n if (child.type === RiverContent) {\n acc.Content = child as React.ReactElement<RiverContentProps>\n }\n }\n return acc\n },\n {Visual: null, Content: null},\n )\n\n const visualPosition = VisualChild?.props.position ?? 'default'\n const visualPadding = VisualChild?.props.padding ?? 'default'\n const hasNonDefaultPosition = visualPosition !== 'default'\n const hasNonDefaultPadding = visualPadding !== 'default'\n const hasVisualLayoutOverrides = hasNonDefaultPosition \|\| hasNonDefaultPadding\n const supportsVisualLayoutOverrides = variant === 'gridline'\n\n if (\n hasVisualLayoutOverrides &&\n !supportsVisualLayoutOverrides &&\n (process.env.NODE_ENV === 'development' \|\| process.env.NODE_ENV === 'test')\n ) {\n // eslint-disable-next-line no-console\n console.warn(\n `River: River.Visual position and padding are only supported when River uses variant=\"gridline\"; ignoring position=\"${visualPosition}\" and padding=\"${visualPadding}\".`,\n )\n }\n\n const VisualChildWithVariantStyles = VisualChild\n ? React.cloneElement(VisualChild, {\n className: clsx(\n VisualChild.props.className,\n variant === 'gridline' && styles['River__visual--has-background'],\n ),\n })\n : null\n\n return (\n <section\n ref={ref}\n className={clsx(\n styles.River,\n styles[`River--${imageTextRatio.replace(':', '-')}`],\n styles[`River--align-${align}`],\n styles[`River--variant-${variant}`],\n variant === 'gridline' && gridlineStyles.gridline,\n animationClasses,\n className,\n )}\n style={{...animationInlineStyles, ...style}}\n {...rest}\n >\n {ContentChild}\n {VisualChildWithVariantStyles}\n </section>\n )\n },\n)\n\ntype RiverContentChild = React.ReactElement<EyebrowTextProps \| HeadingProps \| TextProps \| LinkProps \| LabelProps>\n\nexport type RiverContentProps = BaseProps<HTMLDivElement> & {\n /\n Aligns the content vertically within its container.\n /\n align?: RiverContentAlign\n /\n Escape-hatch for inserting custom React components.\n * Warning:\n * This prop isn't advertised in our docs but remains part of the public API for edge-cases.\n * Need to use this prop? Please check in with #primer-brand first to confirm correct usage.\n /\n trailingComponent?: React.FunctionComponent\n /\n When `true`, a divider will be rendered between the standard river and optional trailing content.\n /\n trailingComponentDivider?: boolean\n /\n Escape-hatch for inserting custom React components.\n * Warning:\n * This prop isn't advertised in our docs but remains part of the public API for edge-cases.\n * Need to use this prop? Please check in with #primer-brand first to confirm correct usage.\n /\n leadingComponent?: React.FunctionComponent\n /\n Only valid children are allowed.\n * These include: `EyebrowText`, `Heading`, `Text` and `Link`.\n * Passing the standalone `Label` component is deprecated; use `EyebrowText` instead.\n * The declarative order of the children will be ignored in the rendered output\n * to enforce correct HTML semantics.\n /\n children: RiverContentChild \| RiverContentChild[]\n} & React.HTMLAttributes<HTMLDivElement>\n\nexport const RiverContent = forwardRef(\n (\n {\n align = 'center',\n animate,\n children,\n className,\n leadingComponent: LeadingComponent,\n trailingComponent: TrailingComponent,\n trailingComponentDivider = false,\n style,\n ...rest\n }: RiverContentProps,\n ref: Ref<HTMLDivElement>,\n ) => {\n const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n const Children = useMemo(() => React.Children.toArray(children), [children])\n\n const HeadingChild = Children.find(child => React.isValidElement(child) && child.type === Heading)\n\n const TextChild = Children.find(child => React.isValidElement(child) && child.type === Text)\n\n const LinkChild = Children.find(child => React.isValidElement(child) && child.type === Link)\n\n const LabelChild = Children.find(child => React.isValidElement(child) && child.type === Label)\n\n const EyebrowTextChild = Children.find(child => React.isValidElement(child) && child.type === EyebrowText)\n\n const usesDeprecatedLabel = React.isValidElement<LabelProps>(LabelChild) && !LeadingComponent\n if (usesDeprecatedLabel && (process.env.NODE_ENV === 'development' \|\| process.env.NODE_ENV === 'test')) {\n // eslint-disable-next-line no-console\n console.warn('River.Content: standalone `Label` children are deprecated. Use `EyebrowText` instead.')\n }\n\n return (\n <div\n ref={ref}\n className={clsx(animationClasses, styles.River__content, styles[`River__content--align-${align}`], className)}\n style={{...animationInlineStyles, ...style}}\n {...rest}\n >\n {usesDeprecatedLabel && (\n <div className={styles.River__label}>\n {React.cloneElement(LabelChild as React.ReactElement<LabelProps>, {})}\n </div>\n )}\n\n {!LabelChild && React.isValidElement(EyebrowTextChild) && !LeadingComponent && (\n <div className={styles.River__label}>{EyebrowTextChild}</div>\n )}\n\n {!LabelChild && !EyebrowTextChild && LeadingComponent && (\n <div className={styles.River__leadingComponent}>\n <LeadingComponent />\n </div>\n )}\n\n {React.isValidElement<HeadingProps>(HeadingChild) && (\n <div className={styles.River__heading}>\n {React.cloneElement(HeadingChild as React.ReactElement<HeadingProps>, {\n // as uses h3 default, but can be overridden\n as: HeadingChild.props.as \|\| 'h3',\n size: HeadingChild.props.size \|\| '5',\n weight: HeadingChild.props.weight,\n })}\n </div>\n )}\n\n {React.isValidElement<TextProps>(TextChild) && (\n <div className={styles['River__body-text']}>\n {React.cloneElement(TextChild as React.ReactElement<TextProps>, {\n variant: 'muted',\n as: 'p',\n className: clsx(styles.River__text, TextChild.props.className),\n })}\n </div>\n )}\n {React.isValidElement<LinkProps>(LinkChild) && (\n <div className={styles['River__call-to-action']}>\n {React.cloneElement(LinkChild as React.ReactElement<LinkProps>, {\n size: 'medium',\n variant: LinkChild.props.variant \|\| 'accent',\n })}\n </div>\n )}\n {TrailingComponent && (\n <div\n className={clsx(\n styles.River__trailingComponent,\n trailingComponentDivider && styles['River__trailingComponent--divider'],\n )}\n >\n <TrailingComponent />\n </div>\n )}\n </div>\n )\n },\n)\n\nexport const RiverVisualPositionOptions = [\n 'default',\n 'center',\n 'block-end',\n 'block-end-inline-start',\n 'block-end-inline-end',\n] as const\nexport type RiverVisualPosition = (typeof RiverVisualPositionOptions)[number]\n\nexport const RiverVisualPaddingOptions = ['default', 'none', 'all'] as const\nexport type RiverVisualPadding = (typeof RiverVisualPaddingOptions)[number]\n\nexport type RiverVisualBaseProps = BaseProps<HTMLDivElement> &\n React.HtmlHTMLAttributes<HTMLDivElement> &\n PropsWithChildren<{\n /\n Applies automatic size constraints to child images and video.\n * This can be disabled by setting this prop to `false`.\n /\n fillMedia?: boolean\n /\n `img` and `video` elements will apply a shadow by default.\n * This can be disabled by setting this prop to `false`.\n /\n hasShadow?: boolean\n /\n Enables rounded corners.\n * Can optionally be disabled.\n /\n rounded?: boolean\n }>\n\nexport type RiverVisualProps = RiverVisualBaseProps & {\n /\n Positions media within the visual region in the gridline variant.\n /\n position?: RiverVisualPosition\n /\n Controls media padding within the visual region in the gridline variant.\n /\n padding?: RiverVisualPadding\n}\n\nexport const RiverVisualBase = forwardRef<HTMLDivElement, RiverVisualBaseProps>(\n (\n {fillMedia = true, children, className, hasShadow = false, rounded = true, ...rest}: RiverVisualBaseProps,\n ref: Ref<HTMLDivElement>,\n ) => {\n return (\n <div\n ref={ref}\n className={clsx(\n styles.River__visual,\n hasShadow && styles['River__visual--has-shadow'],\n fillMedia && styles['River__visual--fill-media'],\n rounded && styles['River__visual--rounded'],\n className,\n )}\n {...rest}\n >\n {children}\n </div>\n )\n },\n)\n\nconst Visual = forwardRef<HTMLDivElement, RiverVisualProps>(\n ({className, position = 'default', padding = 'default', ...rest}, ref) => (\n <RiverVisualBase\n ref={ref}\n className={clsx(\n position !== 'default' && styles[`River__visual--position-${position}`],\n padding !== 'default' && styles[`River__visual--padding-${padding}`],\n className,\n )}\n {...rest}\n />\n ),\n)\n\n/\n Alternating text and image pairs.\n */\nexport const River = Object.assign(Root, {Visual, Content: RiverContent})\n"],"mappings":"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"}
1	+ {"version":3,"file":"River.js","names":[],"sources":["../../../src/river/River/River.tsx"],"sourcesContent":["import React, {forwardRef, PropsWithChildren, useMemo, type Ref} from 'react'\nimport {clsx} from 'clsx'\nimport {Heading, type HeadingProps} from '../../Heading'\nimport {Text, type TextProps} from '../../Text'\nimport {Link, type LinkProps} from '../../Link'\nimport {Label, type LabelProps} from '../../Label'\nimport {EyebrowText, type EyebrowTextProps} from '../../EyebrowText'\nimport {useAnimation} from '../../animation'\nimport type {BaseProps} from '../../component-helpers'\n\n/*\n Design tokens\n /\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/river/base.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/river/river.css'\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/inline-code/colors-with-modes.css'\n\n/* * Main Stylesheet (as a CSS Module) /\nimport styles from '../river-shared.module.css'\nimport gridlineStyles from '../../component-helpers/shared.module.css'\n\nexport const RiverVariants = ['default', 'gridline'] as const\nexport const BorderedGrid = 'gridline' as const\nexport const GridLine = 'gridline' as const\nexport type RiverVariant = (typeof RiverVariants)[number]\n\nexport const RiverContentAlignValues = ['center', 'block-end'] as const\nexport type RiverContentAlign = (typeof RiverContentAlignValues)[number]\n\nexport type RiverProps = {\n /\n Only specific children are valid.\n * These include: `River.Visual` and `River.Content`.\n * The declarative order of the children will be ignored in the rendered output\n * to enforce correct HTML semantics.\n /\n children: React.ReactElement<RiverVisualProps \| RiverContentProps>[]\n /\n Apply an alternative image to text column ratio. The default is `50:50`.\n /\n imageTextRatio?: '60:40' \| '50:50'\n /\n Adjust the order of the `Content` column. The default is `start`.\n /\n align?: 'start' \| 'end' \| 'center'\n /\n Apply a visual variant. The default is `default`.\n * `gridline` applies lateral spacing for use in bordered grid layouts.\n /\n variant?: RiverVariant\n} & BaseProps<HTMLElement> &\n React.HTMLAttributes<HTMLElement>\n\nexport const defaultRiverImageTextRatio = '50:50'\nexport const defaultRiverAlign = 'start'\nexport const defaultRiverVariant: RiverVariant = 'default'\n\ntype ValidRootChildren = {\n Visual: React.ReactElement<RiverVisualProps> \| null\n Content: React.ReactElement<RiverContentProps> \| null\n}\n\nconst Root = forwardRef(\n (\n {\n animate,\n imageTextRatio = defaultRiverImageTextRatio,\n align = defaultRiverAlign,\n variant = defaultRiverVariant,\n className,\n children,\n style,\n ...rest\n }: RiverProps,\n ref: Ref<HTMLElement>,\n ) => {\n const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n const {Visual: VisualChild, Content: ContentChild} = React.Children.toArray(children).reduce<ValidRootChildren>(\n (acc, child) => {\n if (React.isValidElement(child) && typeof child.type !== 'string') {\n if (child.type === Visual) {\n acc.Visual = child as React.ReactElement<RiverVisualProps>\n }\n if (child.type === RiverContent) {\n acc.Content = child as React.ReactElement<RiverContentProps>\n }\n }\n return acc\n },\n {Visual: null, Content: null},\n )\n\n const visualPosition = VisualChild?.props.position ?? 'default'\n const visualPadding = VisualChild?.props.padding ?? 'default'\n const hasNonDefaultPosition = visualPosition !== 'default'\n const hasNonDefaultPadding = visualPadding !== 'default'\n const hasVisualLayoutOverrides = hasNonDefaultPosition \|\| hasNonDefaultPadding\n const supportsVisualLayoutOverrides = variant === 'gridline'\n\n if (\n hasVisualLayoutOverrides &&\n !supportsVisualLayoutOverrides &&\n (process.env.NODE_ENV === 'development' \|\| process.env.NODE_ENV === 'test')\n ) {\n // eslint-disable-next-line no-console\n console.warn(\n `River: River.Visual position and padding are only supported when River uses variant=\"gridline\"; ignoring position=\"${visualPosition}\" and padding=\"${visualPadding}\".`,\n )\n }\n\n const VisualChildWithVariantStyles = VisualChild\n ? React.cloneElement(VisualChild, {\n className: clsx(\n VisualChild.props.className,\n variant === 'gridline' && styles['River__visual--has-background'],\n ),\n })\n : null\n\n return (\n <section\n ref={ref}\n className={clsx(\n styles.River,\n styles[`River--${imageTextRatio.replace(':', '-')}`],\n styles[`River--align-${align}`],\n styles[`River--variant-${variant}`],\n variant === 'gridline' && gridlineStyles.gridline,\n animationClasses,\n className,\n )}\n style={{...animationInlineStyles, ...style}}\n {...rest}\n >\n {ContentChild}\n {VisualChildWithVariantStyles}\n </section>\n )\n },\n)\n\ntype RiverContentChild = React.ReactElement<EyebrowTextProps \| HeadingProps \| TextProps \| LinkProps \| LabelProps>\n\nexport type RiverContentProps = BaseProps<HTMLDivElement> & {\n /\n Aligns the content vertically within its container.\n /\n align?: RiverContentAlign\n /\n Escape-hatch for inserting custom React components.\n * Warning:\n * This prop isn't advertised in our docs but remains part of the public API for edge-cases.\n * Need to use this prop? Please check in with #primer-brand first to confirm correct usage.\n /\n trailingComponent?: React.FunctionComponent\n /\n When `true`, a divider will be rendered between the standard river and optional trailing content.\n /\n trailingComponentDivider?: boolean\n /\n Escape-hatch for inserting custom React components.\n * Warning:\n * This prop isn't advertised in our docs but remains part of the public API for edge-cases.\n * Need to use this prop? Please check in with #primer-brand first to confirm correct usage.\n /\n leadingComponent?: React.FunctionComponent\n /\n Only valid children are allowed.\n * These include: `EyebrowText`, `Heading`, `Text` and `Link`.\n * Passing the standalone `Label` component is deprecated; use `EyebrowText` instead.\n * The declarative order of the children will be ignored in the rendered output\n * to enforce correct HTML semantics.\n /\n children: RiverContentChild \| RiverContentChild[]\n} & React.HTMLAttributes<HTMLDivElement>\n\nexport const RiverContent = forwardRef(\n (\n {\n align = 'center',\n animate,\n children,\n className,\n leadingComponent: LeadingComponent,\n trailingComponent: TrailingComponent,\n trailingComponentDivider = false,\n style,\n ...rest\n }: RiverContentProps,\n ref: Ref<HTMLDivElement>,\n ) => {\n const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n const Children = useMemo(() => React.Children.toArray(children), [children])\n\n const HeadingChild = Children.find(child => React.isValidElement(child) && child.type === Heading)\n\n const TextChild = Children.find(child => React.isValidElement(child) && child.type === Text)\n\n const LinkChild = Children.find(child => React.isValidElement(child) && child.type === Link)\n\n const LabelChild = Children.find(child => React.isValidElement(child) && child.type === Label)\n\n const EyebrowTextChild = Children.find(child => React.isValidElement(child) && child.type === EyebrowText)\n\n const usesDeprecatedLabel = React.isValidElement<LabelProps>(LabelChild) && !LeadingComponent\n if (usesDeprecatedLabel && (process.env.NODE_ENV === 'development' \|\| process.env.NODE_ENV === 'test')) {\n // eslint-disable-next-line no-console\n console.warn('River.Content: standalone `Label` children are deprecated. Use `EyebrowText` instead.')\n }\n\n return (\n <div\n ref={ref}\n className={clsx(animationClasses, styles.River__content, styles[`River__content--align-${align}`], className)}\n style={{...animationInlineStyles, ...style}}\n {...rest}\n >\n {usesDeprecatedLabel && (\n <div className={styles.River__label}>\n {React.cloneElement(LabelChild as React.ReactElement<LabelProps>, {})}\n </div>\n )}\n\n {!LabelChild && React.isValidElement(EyebrowTextChild) && !LeadingComponent && (\n <div className={styles.River__label}>{EyebrowTextChild}</div>\n )}\n\n {!LabelChild && !EyebrowTextChild && LeadingComponent && (\n <div className={styles.River__leadingComponent}>\n <LeadingComponent />\n </div>\n )}\n\n {React.isValidElement<HeadingProps>(HeadingChild) && (\n <div className={styles.River__heading}>\n {React.cloneElement(HeadingChild as React.ReactElement<HeadingProps>, {\n // as uses h3 default, but can be overridden\n as: HeadingChild.props.as \|\| 'h3',\n size: HeadingChild.props.size \|\| '5',\n weight: HeadingChild.props.weight,\n })}\n </div>\n )}\n\n {React.isValidElement<TextProps>(TextChild) && (\n <div className={styles['River__body-text']}>\n {React.cloneElement(TextChild as React.ReactElement<TextProps>, {\n variant: 'muted',\n as: 'p',\n className: clsx(styles.River__text, TextChild.props.className),\n })}\n </div>\n )}\n {React.isValidElement<LinkProps>(LinkChild) && (\n <div className={styles['River__call-to-action']}>\n {React.cloneElement(LinkChild as React.ReactElement<LinkProps>, {\n size: 'medium',\n variant: LinkChild.props.variant \|\| 'accent',\n })}\n </div>\n )}\n {TrailingComponent && (\n <div\n className={clsx(\n styles.River__trailingComponent,\n trailingComponentDivider && styles['River__trailingComponent--divider'],\n )}\n >\n <TrailingComponent />\n </div>\n )}\n </div>\n )\n },\n)\n\nexport const RiverVisualPositionOptions = [\n 'default',\n 'center',\n 'block-end',\n 'block-end-inline-start',\n 'block-end-inline-end',\n] as const\nexport type RiverVisualPosition = (typeof RiverVisualPositionOptions)[number]\n\nexport const RiverVisualPaddingOptions = ['default', 'none', 'all'] as const\nexport type RiverVisualPadding = (typeof RiverVisualPaddingOptions)[number]\n\nexport type RiverVisualBaseProps = BaseProps<HTMLDivElement> &\n React.HtmlHTMLAttributes<HTMLDivElement> &\n PropsWithChildren<{\n /\n Applies automatic size constraints to child images and video.\n * This can be disabled by setting this prop to `false`.\n /\n fillMedia?: boolean\n /\n `img` and `video` elements will apply a shadow by default.\n * This can be disabled by setting this prop to `false`.\n /\n hasShadow?: boolean\n /\n Enables rounded corners.\n * Can optionally be disabled.\n /\n rounded?: boolean\n }>\n\nexport type RiverVisualProps = RiverVisualBaseProps & {\n /\n Positions media within the visual region in the gridline variant.\n /\n position?: RiverVisualPosition\n /\n Controls media padding within the visual region in the gridline variant.\n /\n padding?: RiverVisualPadding\n}\n\nexport const RiverVisualBase = forwardRef<HTMLDivElement, RiverVisualBaseProps>(\n (\n {fillMedia = true, children, className, hasShadow = false, rounded = true, ...rest}: RiverVisualBaseProps,\n ref: Ref<HTMLDivElement>,\n ) => {\n return (\n <div\n ref={ref}\n className={clsx(\n styles.River__visual,\n hasShadow && styles['River__visual--has-shadow'],\n fillMedia && styles['River__visual--fill-media'],\n rounded && styles['River__visual--rounded'],\n className,\n )}\n {...rest}\n >\n {children}\n </div>\n )\n },\n)\n\nconst Visual = forwardRef<HTMLDivElement, RiverVisualProps>(\n ({className, position = 'default', padding = 'default', ...rest}, ref) => (\n <RiverVisualBase\n ref={ref}\n className={clsx(\n position !== 'default' && styles[`River__visual--position-${position}`],\n padding !== 'default' && styles[`River__visual--padding-${padding}`],\n className,\n )}\n {...rest}\n />\n ),\n)\n\n/\n Alternating text and image pairs.\n */\nexport const River = Object.assign(Root, {Visual, Content: RiverContent})\n"],"mappings":";;;;;;;;;;;;;;;AAqDA,IAAa,IAA6B,SAC7B,IAAoB,SACpB,IAAoC,WAO3C,IAAO,GAET,EACE,YACA,oBAAiB,GACjB,WAAQ,GACR,aAAU,GACV,cACA,aACA,UACA,GAAG,KAEL,MACG;CACH,IAAM,EAAC,SAAS,GAAkB,QAAQ,MAAyB,EAAa,CAAO,GAEjF,EAAC,QAAQ,GAAa,SAAS,MAAgB,EAAM,SAAS,QAAQ,CAAQ,CAAC,CAAC,QACnF,GAAK,OACA,EAAM,eAAe,CAAK,KAAK,OAAO,EAAM,QAAS,aACnD,EAAM,SAAS,MACjB,EAAI,SAAS,IAEX,EAAM,SAAS,MACjB,EAAI,UAAU,KAGX,IAET;EAAC,QAAQ;EAAM,SAAS;CAAI,CAC9B,GAEM,IAAiB,GAAa,MAAM,YAAY,WAChD,IAAgB,GAAa,MAAM,WAAW;CAMpD,CAL8B,MAAmB,aACpB,MAAkB,cAET,MAAY,eAAA,QAAA,IAAA,aAKtB,iBAAA,QAAA,IAAA,aAA0C,WAGpE,QAAQ,KACN,sHAAsH,EAAe,iBAAiB,EAAc,GACtK;CAGF,IAAM,IAA+B,IACjC,EAAM,aAAa,GAAa,EAC9B,WAAW,EACT,EAAY,MAAM,WAClB,MAAY,cAAc,EAAO,gCACnC,EACF,CAAC,IACD;CAEJ,OACE,kBAAC,WAAD;EACO;EACL,WAAW,EACT,EAAO,OACP,EAAO,UAAU,EAAe,QAAQ,KAAK,GAAG,MAChD,EAAO,gBAAgB,MACvB,EAAO,kBAAkB,MACzB,MAAY,cAAc,EAAe,UACzC,GACA,CACF;EACA,OAAO;GAAC,GAAG;GAAuB,GAAG;EAAK;EAC1C,GAAI;YAZN,CAcG,GACA,CACM;;AAEb,CACF,GAqCa,IAAe,GAExB,EACE,WAAQ,UACR,YACA,aACA,cACA,kBAAkB,GAClB,mBAAmB,GACnB,8BAA2B,IAC3B,UACA,GAAG,KAEL,MACG;CACH,IAAM,EAAC,SAAS,GAAkB,QAAQ,MAAyB,EAAa,CAAO,GAEjF,IAAW,QAAc,EAAM,SAAS,QAAQ,CAAQ,GAAG,CAAC,CAAQ,CAAC,GAErE,IAAe,EAAS,MAAK,MAAS,EAAM,eAAe,CAAK,KAAK,EAAM,SAAS,CAAO,GAE3F,IAAY,EAAS,MAAK,MAAS,EAAM,eAAe,CAAK,KAAK,EAAM,SAAS,CAAI,GAErF,IAAY,EAAS,MAAK,MAAS,EAAM,eAAe,CAAK,KAAK,EAAM,SAAS,CAAI,GAErF,IAAa,EAAS,MAAK,MAAS,EAAM,eAAe,CAAK,KAAK,EAAM,SAAS,CAAK,GAEvF,IAAmB,EAAS,MAAK,MAAS,EAAM,eAAe,CAAK,KAAK,EAAM,SAAS,CAAW,GAEnG,IAAsB,EAAM,eAA2B,CAAU,KAAK,CAAC;CAM7E,OALI,MAAA,QAAA,IAAA,aAAiD,iBAAA,QAAA,IAAA,aAA0C,WAE7F,QAAQ,KAAK,uFAAuF,GAIpG,kBAAC,OAAD;EACO;EACL,WAAW,EAAK,GAAkB,EAAO,gBAAgB,EAAO,yBAAyB,MAAU,CAAS;EAC5G,OAAO;GAAC,GAAG;GAAuB,GAAG;EAAK;EAC1C,GAAI;YAJN;GAMG,KACC,kBAAC,OAAD;IAAK,WAAW,EAAO;cACpB,EAAM,aAAa,GAA8C,CAAC,CAAC;GACjE,CAAA;GAGN,CAAC,KAAc,EAAM,eAAe,CAAgB,KAAK,CAAC,KACzD,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAe;GAAsB,CAAA;GAG7D,CAAC,KAAc,CAAC,KAAoB,KACnC,kBAAC,OAAD;IAAK,WAAW,EAAO;cACrB,kBAAC,GAAD,CAAmB,CAAA;GAChB,CAAA;GAGN,EAAM,eAA6B,CAAY,KAC9C,kBAAC,OAAD;IAAK,WAAW,EAAO;cACpB,EAAM,aAAa,GAAkD;KAEpE,IAAI,EAAa,MAAM,MAAM;KAC7B,MAAM,EAAa,MAAM,QAAQ;KACjC,QAAQ,EAAa,MAAM;IAC7B,CAAC;GACE,CAAA;GAGN,EAAM,eAA0B,CAAS,KACxC,kBAAC,OAAD;IAAK,WAAW,EAAO;cACpB,EAAM,aAAa,GAA4C;KAC9D,SAAS;KACT,IAAI;KACJ,WAAW,EAAK,EAAO,aAAa,EAAU,MAAM,SAAS;IAC/D,CAAC;GACE,CAAA;GAEN,EAAM,eAA0B,CAAS,KACxC,kBAAC,OAAD;IAAK,WAAW,EAAO;cACpB,EAAM,aAAa,GAA4C;KAC9D,MAAM;KACN,SAAS,EAAU,MAAM,WAAW;IACtC,CAAC;GACE,CAAA;GAEN,KACC,kBAAC,OAAD;IACE,WAAW,EACT,EAAO,0BACP,KAA4B,EAAO,oCACrC;cAEA,kBAAC,GAAD,CAAoB,CAAA;GACjB,CAAA;EAEJ;;AAET,CACF,GAEa,IAA6B;CACxC;CACA;CACA;CACA;CACA;AACF,GAGa,IAA4B;CAAC;CAAW;CAAQ;AAAK,GAkCrD,IAAkB,GAE3B,EAAC,eAAY,IAAM,aAAU,cAAW,eAAY,IAAO,aAAU,IAAM,GAAG,KAC9E,MAGE,kBAAC,OAAD;CACO;CACL,WAAW,EACT,EAAO,eACP,KAAa,EAAO,8BACpB,KAAa,EAAO,8BACpB,KAAW,EAAO,2BAClB,CACF;CACA,GAAI;CAEH;AACE,CAAA,CAGX,GAEM,IAAS,GACZ,EAAC,cAAW,cAAW,WAAW,aAAU,WAAW,GAAG,KAAO,MAChE,kBAAC,GAAD;CACO;CACL,WAAW,EACT,MAAa,aAAa,EAAO,2BAA2B,MAC5D,MAAY,aAAa,EAAO,0BAA0B,MAC1D,CACF;CACA,GAAI;AACL,CAAA,CAEL,GAKa,IAAQ,OAAO,OAAO,GAAM;CAAC;CAAQ,SAAS;AAAY,CAAC"}

package/esm/river/RiverAccordion/RiverAccordion.d.ts CHANGED Viewed

@@ -36,9 +36,9 @@ export declare const RiverAccordion: React.ForwardRefExoticComponent<{
 } & {
     children?: React.ReactNode | undefined;
 } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>> & {
-    Content: ({ className, children, ...props }: RiverAccordionContentProps) => import("react/jsx-runtime").JSX.Element;
-    Heading: ({ as, children, className, leadingVisual: LeadingVisual, size, ...props }: RiverAccordionHeadingProps) => import("react/jsx-runtime").JSX.Element;
-    Item: ({ className, index, children, ...props }: RiverAccordionItemProps) => import("react/jsx-runtime").JSX.Element | null;
-    Visual: ({ className, hasBackground, ...props }: RiverAccordionVisualProps) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ className, children, ...props }: RiverAccordionContentProps) => React.JSX.Element;
+    Heading: ({ as, children, className, leadingVisual: LeadingVisual, size, ...props }: RiverAccordionHeadingProps) => React.JSX.Element;
+    Item: ({ className, index, children, ...props }: RiverAccordionItemProps) => React.JSX.Element | null;
+    Visual: ({ className, hasBackground, ...props }: RiverAccordionVisualProps) => React.JSX.Element;
 };
 //# sourceMappingURL=RiverAccordion.d.ts.map

package/esm/river/RiverAccordion/RiverAccordion.js CHANGED Viewed

@@ -1,9 +1,10 @@
-import e from "../../node_modules/clsx/dist/clsx.js";
+import { clsx as e } from "../../node_modules/clsx/dist/clsx.js";
 import { useId as t } from "../../hooks/useId.js";
 import { useProvidedRefOrCreate as n } from "../../hooks/useRef.js";
 import { Text as r } from "../../Text/Text.js";
 import { Heading as i } from "../../Heading/Heading.js";
-import { TriangleDownIcon as a, TriangleUpIcon as o } from "../../node_modules/@primer/octicons-react/dist/index.esm.js";
+import { TriangleDownIcon as a } from "../../node_modules/@primer/octicons-react/dist/icons/TriangleDownIcon.js";
+import { TriangleUpIcon as o } from "../../node_modules/@primer/octicons-react/dist/icons/TriangleUpIcon.js";
 import '../../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/river/river-DHn1_SEa.css';/* empty css                                                                                          */
 import s from "./RiverAccordion.module.js";
 import c from "../../component-helpers/shared.module.js";

package/esm/river/RiverAccordion/RiverAccordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RiverAccordion.js","names":[],"sources":["../../../src/river/RiverAccordion/RiverAccordion.tsx"],"sourcesContent":["import React, {createContext, forwardRef, useCallback, useContext, useMemo, useState, useRef, useEffect} from 'react'\nimport {clsx} from 'clsx'\nimport {TriangleDownIcon, TriangleUpIcon, type Icon} from '@primer/octicons-react'\n\nimport {Heading, type HeadingProps, Link, Text} from '../..'\nimport {useProvidedRefOrCreate} from '../../hooks/useRef'\nimport {useId} from '../../hooks/useId'\n\n/*\n Design tokens\n /\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/river/river.css'\n\n/* Main Stylesheet (as a CSS Module) /\nimport styles from './RiverAccordion.module.css'\nimport gridlineStyles from '../../component-helpers/shared.module.css'\n\ntype RiverAccordionContextType = {\n openIndex: number\n setOpenIndex: (index: number) => void\n variant: RiverAccordionVariant\n}\n\nconst RiverAccordionContext = createContext<RiverAccordionContextType \| null>(null)\n\nconst useRiverAccordionContext = (): RiverAccordionContextType => {\n const context = useContext(RiverAccordionContext)\n if (context === null) {\n throw new Error('useRiverAccordionContext must be used within a RiverAccordion component')\n }\n return context\n}\n\ntype RiverAccordionItemContextType = {\n index: number\n isOpen: boolean\n id: string\n}\n\nconst RiverAccordionItemContext = createContext<RiverAccordionItemContextType \| null>(null)\n\nconst useRiverAccordionItemContext = (): RiverAccordionItemContextType => {\n const context = useContext(RiverAccordionItemContext)\n if (context === null) {\n throw new Error('useRiverAccordionItemContext must be used within a RiverAccordion component')\n }\n return context\n}\n\nexport const RiverAccordionVariants = ['default', 'gridline'] as const\nexport type RiverAccordionVariant = (typeof RiverAccordionVariants)[number]\n\nexport type RiverAccordionProps = React.PropsWithChildren<{\n align?: 'start' \| 'end'\n variant?: RiverAccordionVariant\n}> &\n React.HTMLAttributes<HTMLDivElement>\n\nconst RiverAccordionRoot = forwardRef<HTMLDivElement, RiverAccordionProps>(\n ({align = 'start', variant = 'default', children, className, ...rest}, forwardedRef) => {\n const containerRef = useProvidedRefOrCreate<HTMLDivElement>(forwardedRef as React.RefObject<HTMLDivElement>)\n const [openIndex, setOpenIndex] = useState(0)\n\n const accordionComponents = useMemo(() => {\n return React.Children.toArray(children).reduce<{\n items: React.ReactElement<RiverAccordionItemProps>[]\n visuals: React.ReactElement<RiverAccordionVisualProps>[]\n }>(\n (acc, child) => {\n if (!isRiverAccordionItem(child)) {\n return acc\n }\n\n const visualChild = React.Children.toArray(child.props.children).find(isRiverAccordionVisual)\n\n if (visualChild) {\n acc.items.push(child)\n acc.visuals.push(visualChild)\n }\n\n return acc\n },\n {items: [], visuals: []},\n )\n }, [children])\n\n const items = accordionComponents.items.map((item, index) => React.cloneElement(item, {key: index, index}))\n const visuals = accordionComponents.visuals.map((visual, index) =>\n React.cloneElement(visual, {key: index, 'aria-hidden': true}),\n )\n const activeItemHasBackground =\n variant === 'gridline' && (accordionComponents.visuals[openIndex]?.props.hasBackground ?? true)\n\n const contextValue = useMemo(\n () => ({\n openIndex,\n setOpenIndex,\n variant,\n }),\n [openIndex, setOpenIndex, variant],\n )\n\n return (\n <RiverAccordionContext.Provider value={contextValue}>\n <div\n ref={containerRef}\n className={clsx(\n styles.RiverAccordion,\n styles[`RiverAccordion__align-${align}`],\n styles[`RiverAccordion--variant-${variant}`],\n activeItemHasBackground && styles['RiverAccordion--active-item-has-background'],\n variant === 'gridline' && gridlineStyles.gridline,\n className,\n )}\n {...rest}\n >\n <div className={styles.RiverAccordion__accordionContainer}>{items}</div>\n <div className={styles.RiverAccordion__visualsContainer}>\n <div className={styles.RiverAccordion__visualsWrapper}>{visuals}</div>\n </div>\n </div>\n </RiverAccordionContext.Provider>\n )\n },\n)\n\nexport type RiverAccordionItemProps = React.HTMLAttributes<HTMLDivElement> & {\n children: React.ReactElement<RiverAccordionHeadingProps \| RiverAccordionContentProps>[]\n index?: number\n}\n\nconst RiverAccordionItem = ({className, index, children, ...props}: RiverAccordionItemProps) => {\n const {openIndex} = useRiverAccordionContext()\n const panelId = useId()\n const isOpen = index === openIndex\n const panelRef = useRef<HTMLDivElement>(null)\n\n useEffect(() => {\n if (panelRef.current) {\n // Workaround to avoid React 18 / 19 type mismatches with the `inert` attribute.\n // This approach won't immediately apply the attribute in pure SSR contexts, only post-hydration\n // TODO: Move back to JSX when React 19 is fully adopted in Dotcom.\n panelRef.current.toggleAttribute('inert', !isOpen)\n }\n }, [isOpen])\n\n const itemContextValue = useMemo(\n () => ({\n id: panelId,\n // Index optional for consumers, but always provided by parent\n index: index as number,\n isOpen,\n }),\n [panelId, index, isOpen],\n )\n\n const {heading, content, visual} = useMemo(() => {\n return React.Children.toArray(children).reduce<{\n heading: React.ReactElement<RiverAccordionHeadingProps> \| null\n content: React.ReactElement<RiverAccordionContentProps> \| null\n visual: React.ReactElement<RiverAccordionVisualProps> \| null\n }>(\n (acc, child) => {\n if (isRiverAccordionHeading(child)) {\n acc.heading = child\n }\n\n if (isRiverAccordionContent(child)) {\n acc.content = child\n }\n\n if (isRiverAccordionVisual(child)) {\n acc.visual = child\n }\n\n return acc\n },\n {heading: null, content: null, visual: null},\n )\n }, [children])\n\n if (!heading \|\| !content \|\| !visual) {\n return null\n }\n\n return (\n <RiverAccordionItemContext.Provider value={itemContextValue}>\n <div\n className={clsx(styles.RiverAccordion__item, isOpen && styles['RiverAccordion__item--open'], className)}\n {...props}\n >\n {heading}\n <div ref={panelRef} className={styles.RiverAccordion__panel} id={panelId} aria-hidden={!isOpen}>\n {content}\n {visual}\n </div>\n </div>\n </RiverAccordionItemContext.Provider>\n )\n}\n\nexport type RiverAccordionHeadingProps = HeadingProps & {\n leadingVisual?: React.ReactElement \| Icon\n}\n\nconst RiverAccordionHeading = ({\n as = 'h3',\n children,\n className,\n leadingVisual: LeadingVisual,\n size = '6',\n ...props\n}: RiverAccordionHeadingProps) => {\n const {setOpenIndex} = useRiverAccordionContext()\n const {id, index, isOpen} = useRiverAccordionItemContext()\n\n const onClick = useCallback(() => {\n if (!isOpen) {\n setOpenIndex(index)\n }\n }, [index, isOpen, setOpenIndex])\n\n return (\n <Heading size={size} as={as} className={clsx(styles.RiverAccordion__heading, className)} {...props}>\n <button\n type=\"button\"\n className={clsx(\n styles.RiverAccordion__trigger,\n LeadingVisual && styles['RiverAccordion__trigger--has-leading-visual'],\n )}\n onClick={onClick}\n aria-disabled={isOpen}\n aria-controls={id}\n aria-expanded={isOpen}\n >\n {LeadingVisual && (\n <span aria-hidden=\"true\" className={styles.RiverAccordion__leadingVisual}>\n {typeof LeadingVisual === 'function' ? <LeadingVisual /> : LeadingVisual}\n </span>\n )}\n {LeadingVisual ? <span className={styles.RiverAccordion__headingText}>{children}</span> : children}\n <span aria-hidden=\"true\" className={styles.RiverAccordion__icon}>\n {isOpen ? <TriangleUpIcon size={24} /> : <TriangleDownIcon size={24} />}\n </span>\n </button>\n </Heading>\n )\n}\n\nexport type RiverAccordionContentProps = React.HTMLAttributes<HTMLDivElement>\n\nconst RiverAccordionContent = ({className, children, ...props}: RiverAccordionContentProps) => {\n const childrenWithStyledText = useMemo(() => {\n const isLink = createComponentTypeGuard(Link)\n const isText = createComponentTypeGuard(Text)\n\n return React.Children.toArray(children).map(child => {\n if (isText(child)) {\n return React.cloneElement(child, {\n as: child.props.as ?? 'p',\n variant: child.props.variant ?? 'muted',\n size: child.props.size ?? '300',\n })\n }\n\n if (isLink(child)) {\n return React.cloneElement(child, {\n variant: child.props.variant ?? 'accent',\n })\n }\n\n return child\n })\n }, [children])\n\n return (\n <div className={clsx(styles.RiverAccordion__content, className)} {...props}>\n {childrenWithStyledText}\n </div>\n )\n}\n\nexport type RiverAccordionVisualProps = React.HTMLAttributes<HTMLDivElement> & {\n /\n Displays a padded background when the parent RiverAccordion uses the gridline variant.\n * @default true\n /\n hasBackground?: boolean\n}\n\nconst RiverAccordionVisual = ({className, hasBackground = true, ...props}: RiverAccordionVisualProps) => {\n const {variant} = useRiverAccordionContext()\n\n return (\n <div\n className={clsx(\n styles.RiverAccordion__visual,\n variant === 'gridline' && hasBackground && styles['RiverAccordion__visual--has-background'],\n className,\n )}\n {...props}\n />\n )\n}\n\nconst createComponentTypeGuard =\n <T,>(componentType: React.ComponentType<T>) =>\n (element: unknown): element is React.ReactElement<T> =>\n React.isValidElement(element) && element.type === componentType\n\nconst isRiverAccordionItem = createComponentTypeGuard(RiverAccordionItem)\nconst isRiverAccordionContent = createComponentTypeGuard(RiverAccordionContent)\nconst isRiverAccordionHeading = createComponentTypeGuard(RiverAccordionHeading)\nconst isRiverAccordionVisual = createComponentTypeGuard(RiverAccordionVisual)\n\n/\n Use the RiverAccordion to create collapsible content panels with associated visuals.\n * @see https://primer.style/brand/components/RiverAccordion\n */\nexport const RiverAccordion = Object.assign(RiverAccordionRoot, {\n Content: RiverAccordionContent,\n Heading: RiverAccordionHeading,\n Item: RiverAccordionItem,\n Visual: RiverAccordionVisual,\n})\n"],"mappings":"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"}
1	+ {"version":3,"file":"RiverAccordion.js","names":[],"sources":["../../../src/river/RiverAccordion/RiverAccordion.tsx"],"sourcesContent":["import React, {createContext, forwardRef, useCallback, useContext, useMemo, useState, useRef, useEffect} from 'react'\nimport {clsx} from 'clsx'\nimport {TriangleDownIcon, TriangleUpIcon, type Icon} from '@primer/octicons-react'\n\nimport {Heading, type HeadingProps, Link, Text} from '../..'\nimport {useProvidedRefOrCreate} from '../../hooks/useRef'\nimport {useId} from '../../hooks/useId'\n\n/*\n Design tokens\n /\nimport '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/river/river.css'\n\n/* Main Stylesheet (as a CSS Module) /\nimport styles from './RiverAccordion.module.css'\nimport gridlineStyles from '../../component-helpers/shared.module.css'\n\ntype RiverAccordionContextType = {\n openIndex: number\n setOpenIndex: (index: number) => void\n variant: RiverAccordionVariant\n}\n\nconst RiverAccordionContext = createContext<RiverAccordionContextType \| null>(null)\n\nconst useRiverAccordionContext = (): RiverAccordionContextType => {\n const context = useContext(RiverAccordionContext)\n if (context === null) {\n throw new Error('useRiverAccordionContext must be used within a RiverAccordion component')\n }\n return context\n}\n\ntype RiverAccordionItemContextType = {\n index: number\n isOpen: boolean\n id: string\n}\n\nconst RiverAccordionItemContext = createContext<RiverAccordionItemContextType \| null>(null)\n\nconst useRiverAccordionItemContext = (): RiverAccordionItemContextType => {\n const context = useContext(RiverAccordionItemContext)\n if (context === null) {\n throw new Error('useRiverAccordionItemContext must be used within a RiverAccordion component')\n }\n return context\n}\n\nexport const RiverAccordionVariants = ['default', 'gridline'] as const\nexport type RiverAccordionVariant = (typeof RiverAccordionVariants)[number]\n\nexport type RiverAccordionProps = React.PropsWithChildren<{\n align?: 'start' \| 'end'\n variant?: RiverAccordionVariant\n}> &\n React.HTMLAttributes<HTMLDivElement>\n\nconst RiverAccordionRoot = forwardRef<HTMLDivElement, RiverAccordionProps>(\n ({align = 'start', variant = 'default', children, className, ...rest}, forwardedRef) => {\n const containerRef = useProvidedRefOrCreate<HTMLDivElement>(forwardedRef as React.RefObject<HTMLDivElement>)\n const [openIndex, setOpenIndex] = useState(0)\n\n const accordionComponents = useMemo(() => {\n return React.Children.toArray(children).reduce<{\n items: React.ReactElement<RiverAccordionItemProps>[]\n visuals: React.ReactElement<RiverAccordionVisualProps>[]\n }>(\n (acc, child) => {\n if (!isRiverAccordionItem(child)) {\n return acc\n }\n\n const visualChild = React.Children.toArray(child.props.children).find(isRiverAccordionVisual)\n\n if (visualChild) {\n acc.items.push(child)\n acc.visuals.push(visualChild)\n }\n\n return acc\n },\n {items: [], visuals: []},\n )\n }, [children])\n\n const items = accordionComponents.items.map((item, index) => React.cloneElement(item, {key: index, index}))\n const visuals = accordionComponents.visuals.map((visual, index) =>\n React.cloneElement(visual, {key: index, 'aria-hidden': true}),\n )\n const activeItemHasBackground =\n variant === 'gridline' && (accordionComponents.visuals[openIndex]?.props.hasBackground ?? true)\n\n const contextValue = useMemo(\n () => ({\n openIndex,\n setOpenIndex,\n variant,\n }),\n [openIndex, setOpenIndex, variant],\n )\n\n return (\n <RiverAccordionContext.Provider value={contextValue}>\n <div\n ref={containerRef}\n className={clsx(\n styles.RiverAccordion,\n styles[`RiverAccordion__align-${align}`],\n styles[`RiverAccordion--variant-${variant}`],\n activeItemHasBackground && styles['RiverAccordion--active-item-has-background'],\n variant === 'gridline' && gridlineStyles.gridline,\n className,\n )}\n {...rest}\n >\n <div className={styles.RiverAccordion__accordionContainer}>{items}</div>\n <div className={styles.RiverAccordion__visualsContainer}>\n <div className={styles.RiverAccordion__visualsWrapper}>{visuals}</div>\n </div>\n </div>\n </RiverAccordionContext.Provider>\n )\n },\n)\n\nexport type RiverAccordionItemProps = React.HTMLAttributes<HTMLDivElement> & {\n children: React.ReactElement<RiverAccordionHeadingProps \| RiverAccordionContentProps>[]\n index?: number\n}\n\nconst RiverAccordionItem = ({className, index, children, ...props}: RiverAccordionItemProps) => {\n const {openIndex} = useRiverAccordionContext()\n const panelId = useId()\n const isOpen = index === openIndex\n const panelRef = useRef<HTMLDivElement>(null)\n\n useEffect(() => {\n if (panelRef.current) {\n // Workaround to avoid React 18 / 19 type mismatches with the `inert` attribute.\n // This approach won't immediately apply the attribute in pure SSR contexts, only post-hydration\n // TODO: Move back to JSX when React 19 is fully adopted in Dotcom.\n panelRef.current.toggleAttribute('inert', !isOpen)\n }\n }, [isOpen])\n\n const itemContextValue = useMemo(\n () => ({\n id: panelId,\n // Index optional for consumers, but always provided by parent\n index: index as number,\n isOpen,\n }),\n [panelId, index, isOpen],\n )\n\n const {heading, content, visual} = useMemo(() => {\n return React.Children.toArray(children).reduce<{\n heading: React.ReactElement<RiverAccordionHeadingProps> \| null\n content: React.ReactElement<RiverAccordionContentProps> \| null\n visual: React.ReactElement<RiverAccordionVisualProps> \| null\n }>(\n (acc, child) => {\n if (isRiverAccordionHeading(child)) {\n acc.heading = child\n }\n\n if (isRiverAccordionContent(child)) {\n acc.content = child\n }\n\n if (isRiverAccordionVisual(child)) {\n acc.visual = child\n }\n\n return acc\n },\n {heading: null, content: null, visual: null},\n )\n }, [children])\n\n if (!heading \|\| !content \|\| !visual) {\n return null\n }\n\n return (\n <RiverAccordionItemContext.Provider value={itemContextValue}>\n <div\n className={clsx(styles.RiverAccordion__item, isOpen && styles['RiverAccordion__item--open'], className)}\n {...props}\n >\n {heading}\n <div ref={panelRef} className={styles.RiverAccordion__panel} id={panelId} aria-hidden={!isOpen}>\n {content}\n {visual}\n </div>\n </div>\n </RiverAccordionItemContext.Provider>\n )\n}\n\nexport type RiverAccordionHeadingProps = HeadingProps & {\n leadingVisual?: React.ReactElement \| Icon\n}\n\nconst RiverAccordionHeading = ({\n as = 'h3',\n children,\n className,\n leadingVisual: LeadingVisual,\n size = '6',\n ...props\n}: RiverAccordionHeadingProps) => {\n const {setOpenIndex} = useRiverAccordionContext()\n const {id, index, isOpen} = useRiverAccordionItemContext()\n\n const onClick = useCallback(() => {\n if (!isOpen) {\n setOpenIndex(index)\n }\n }, [index, isOpen, setOpenIndex])\n\n return (\n <Heading size={size} as={as} className={clsx(styles.RiverAccordion__heading, className)} {...props}>\n <button\n type=\"button\"\n className={clsx(\n styles.RiverAccordion__trigger,\n LeadingVisual && styles['RiverAccordion__trigger--has-leading-visual'],\n )}\n onClick={onClick}\n aria-disabled={isOpen}\n aria-controls={id}\n aria-expanded={isOpen}\n >\n {LeadingVisual && (\n <span aria-hidden=\"true\" className={styles.RiverAccordion__leadingVisual}>\n {typeof LeadingVisual === 'function' ? <LeadingVisual /> : LeadingVisual}\n </span>\n )}\n {LeadingVisual ? <span className={styles.RiverAccordion__headingText}>{children}</span> : children}\n <span aria-hidden=\"true\" className={styles.RiverAccordion__icon}>\n {isOpen ? <TriangleUpIcon size={24} /> : <TriangleDownIcon size={24} />}\n </span>\n </button>\n </Heading>\n )\n}\n\nexport type RiverAccordionContentProps = React.HTMLAttributes<HTMLDivElement>\n\nconst RiverAccordionContent = ({className, children, ...props}: RiverAccordionContentProps) => {\n const childrenWithStyledText = useMemo(() => {\n const isLink = createComponentTypeGuard(Link)\n const isText = createComponentTypeGuard(Text)\n\n return React.Children.toArray(children).map(child => {\n if (isText(child)) {\n return React.cloneElement(child, {\n as: child.props.as ?? 'p',\n variant: child.props.variant ?? 'muted',\n size: child.props.size ?? '300',\n })\n }\n\n if (isLink(child)) {\n return React.cloneElement(child, {\n variant: child.props.variant ?? 'accent',\n })\n }\n\n return child\n })\n }, [children])\n\n return (\n <div className={clsx(styles.RiverAccordion__content, className)} {...props}>\n {childrenWithStyledText}\n </div>\n )\n}\n\nexport type RiverAccordionVisualProps = React.HTMLAttributes<HTMLDivElement> & {\n /\n Displays a padded background when the parent RiverAccordion uses the gridline variant.\n * @default true\n /\n hasBackground?: boolean\n}\n\nconst RiverAccordionVisual = ({className, hasBackground = true, ...props}: RiverAccordionVisualProps) => {\n const {variant} = useRiverAccordionContext()\n\n return (\n <div\n className={clsx(\n styles.RiverAccordion__visual,\n variant === 'gridline' && hasBackground && styles['RiverAccordion__visual--has-background'],\n className,\n )}\n {...props}\n />\n )\n}\n\nconst createComponentTypeGuard =\n <T,>(componentType: React.ComponentType<T>) =>\n (element: unknown): element is React.ReactElement<T> =>\n React.isValidElement(element) && element.type === componentType\n\nconst isRiverAccordionItem = createComponentTypeGuard(RiverAccordionItem)\nconst isRiverAccordionContent = createComponentTypeGuard(RiverAccordionContent)\nconst isRiverAccordionHeading = createComponentTypeGuard(RiverAccordionHeading)\nconst isRiverAccordionVisual = createComponentTypeGuard(RiverAccordionVisual)\n\n/\n Use the RiverAccordion to create collapsible content panels with associated visuals.\n * @see https://primer.style/brand/components/RiverAccordion\n */\nexport const RiverAccordion = Object.assign(RiverAccordionRoot, {\n Content: RiverAccordionContent,\n Heading: RiverAccordionHeading,\n Item: RiverAccordionItem,\n Visual: RiverAccordionVisual,\n})\n"],"mappings":";;;;;;;;;;;;;;AAuBA,IAAM,IAAwB,EAAgD,IAAI,GAE5E,UAA4D;CAChE,IAAM,IAAU,EAAW,CAAqB;CAChD,IAAI,MAAY,MACd,MAAU,MAAM,yEAAyE;CAE3F,OAAO;AACT,GAQM,IAA4B,EAAoD,IAAI,GAEpF,UAAoE;CACxE,IAAM,IAAU,EAAW,CAAyB;CACpD,IAAI,MAAY,MACd,MAAU,MAAM,6EAA6E;CAE/F,OAAO;AACT,GAEa,IAAyB,CAAC,WAAW,UAAU,GAStD,IAAqB,GACxB,EAAC,WAAQ,SAAS,aAAU,WAAW,aAAU,cAAW,GAAG,KAAO,MAAiB;CACtF,IAAM,IAAe,EAAuC,CAA+C,GACrG,CAAC,GAAW,KAAgB,EAAS,CAAC,GAEtC,IAAsB,QACnB,EAAM,SAAS,QAAQ,CAAQ,CAAC,CAAC,QAIrC,GAAK,MAAU;EACd,IAAI,CAAC,EAAqB,CAAK,GAC7B,OAAO;EAGT,IAAM,IAAc,EAAM,SAAS,QAAQ,EAAM,MAAM,QAAQ,CAAC,CAAC,KAAK,CAAsB;EAO5F,OALI,MACF,EAAI,MAAM,KAAK,CAAK,GACpB,EAAI,QAAQ,KAAK,CAAW,IAGvB;CACT,GACA;EAAC,OAAO,CAAC;EAAG,SAAS,CAAC;CAAC,CACzB,GACC,CAAC,CAAQ,CAAC,GAEP,IAAQ,EAAoB,MAAM,KAAK,GAAM,MAAU,EAAM,aAAa,GAAM;EAAC,KAAK;EAAO;CAAK,CAAC,CAAC,GACpG,IAAU,EAAoB,QAAQ,KAAK,GAAQ,MACvD,EAAM,aAAa,GAAQ;EAAC,KAAK;EAAO,eAAe;CAAI,CAAC,CAC9D,GACM,IACJ,MAAY,eAAe,EAAoB,QAAQ,EAAU,EAAE,MAAM,iBAAiB,KAEtF,IAAe,SACZ;EACL;EACA;EACA;CACF,IACA;EAAC;EAAW;EAAc;CAAO,CACnC;CAEA,OACE,kBAAC,EAAsB,UAAvB;EAAgC,OAAO;YACrC,kBAAC,OAAD;GACE,KAAK;GACL,WAAW,EACT,EAAO,gBACP,EAAO,yBAAyB,MAChC,EAAO,2BAA2B,MAClC,KAA2B,EAAO,+CAClC,MAAY,cAAc,EAAe,UACzC,CACF;GACA,GAAI;aAVN,CAYE,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAqC;GAAW,CAAA,GACvE,kBAAC,OAAD;IAAK,WAAW,EAAO;cACrB,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAiC;IAAa,CAAA;GAClE,CAAA,CACF;;CACyB,CAAA;AAEpC,CACF,GAOM,KAAsB,EAAC,cAAW,UAAO,aAAU,GAAG,QAAoC;CAC9F,IAAM,EAAC,iBAAa,EAAyB,GACvC,IAAU,EAAM,GAChB,IAAS,MAAU,GACnB,IAAW,EAAuB,IAAI;CAE5C,QAAgB;EACd,AAAI,EAAS,WAIX,EAAS,QAAQ,gBAAgB,SAAS,CAAC,CAAM;CAErD,GAAG,CAAC,CAAM,CAAC;CAEX,IAAM,IAAmB,SAChB;EACL,IAAI;EAEG;EACP;CACF,IACA;EAAC;EAAS;EAAO;CAAM,CACzB,GAEM,EAAC,YAAS,YAAS,cAAU,QAC1B,EAAM,SAAS,QAAQ,CAAQ,CAAC,CAAC,QAKrC,GAAK,OACA,EAAwB,CAAK,MAC/B,EAAI,UAAU,IAGZ,EAAwB,CAAK,MAC/B,EAAI,UAAU,IAGZ,EAAuB,CAAK,MAC9B,EAAI,SAAS,IAGR,IAET;EAAC,SAAS;EAAM,SAAS;EAAM,QAAQ;CAAI,CAC7C,GACC,CAAC,CAAQ,CAAC;CAMb,OAJI,CAAC,KAAW,CAAC,KAAW,CAAC,IACpB,OAIP,kBAAC,EAA0B,UAA3B;EAAoC,OAAO;YACzC,kBAAC,OAAD;GACE,WAAW,EAAK,EAAO,sBAAsB,KAAU,EAAO,+BAA+B,CAAS;GACtG,GAAI;aAFN,CAIG,GACD,kBAAC,OAAD;IAAK,KAAK;IAAU,WAAW,EAAO;IAAuB,IAAI;IAAS,eAAa,CAAC;cAAxF,CACG,GACA,CACE;KACF;;CAC6B,CAAA;AAExC,GAMM,KAAyB,EAC7B,QAAK,MACL,aACA,cACA,eAAe,GACf,UAAO,KACP,GAAG,QAC6B;CAChC,IAAM,EAAC,oBAAgB,EAAyB,GAC1C,EAAC,OAAI,UAAO,cAAU,EAA6B,GAEnD,IAAU,QAAkB;EAChC,AAAK,KACH,EAAa,CAAK;CAEtB,GAAG;EAAC;EAAO;EAAQ;CAAY,CAAC;CAEhC,OACE,kBAAC,GAAD;EAAe;EAAU;EAAI,WAAW,EAAK,EAAO,yBAAyB,CAAS;EAAG,GAAI;YAC3F,kBAAC,UAAD;GACE,MAAK;GACL,WAAW,EACT,EAAO,yBACP,KAAiB,EAAO,8CAC1B;GACS;GACT,iBAAe;GACf,iBAAe;GACf,iBAAe;aATjB;IAWG,KACC,kBAAC,QAAD;KAAM,eAAY;KAAO,WAAW,EAAO;eACxC,OAAO,KAAkB,aAAa,kBAAC,GAAD,CAAgB,CAAA,IAAI;IACvD,CAAA;IAEP,IAAgB,kBAAC,QAAD;KAAM,WAAW,EAAO;KAA8B;IAAe,CAAA,IAAI;IAC1F,kBAAC,QAAD;KAAM,eAAY;KAAO,WAAW,EAAO;eAC/B,EAAT,IAAU,IAA+B,GAAhC,EAAgB,MAAM,GAAK,CAAiC;IAClE,CAAA;GACA;;CACD,CAAA;AAEb,GAIM,KAAyB,EAAC,cAAW,aAAU,GAAG,QAAuC;CAC7F,IAAM,IAAyB,QAAc;EAC3C,IAAM,IAAS,EAAyB,CAAI,GACtC,IAAS,EAAyB,CAAI;EAE5C,OAAO,EAAM,SAAS,QAAQ,CAAQ,CAAC,CAAC,KAAI,MACtC,EAAO,CAAK,IACP,EAAM,aAAa,GAAO;GAC/B,IAAI,EAAM,MAAM,MAAM;GACtB,SAAS,EAAM,MAAM,WAAW;GAChC,MAAM,EAAM,MAAM,QAAQ;EAC5B,CAAC,IAGC,EAAO,CAAK,IACP,EAAM,aAAa,GAAO,EAC/B,SAAS,EAAM,MAAM,WAAW,SAClC,CAAC,IAGI,CACR;CACH,GAAG,CAAC,CAAQ,CAAC;CAEb,OACE,kBAAC,OAAD;EAAK,WAAW,EAAK,EAAO,yBAAyB,CAAS;EAAG,GAAI;YAClE;CACE,CAAA;AAET,GAUM,KAAwB,EAAC,cAAW,mBAAgB,IAAM,GAAG,QAAsC;CACvG,IAAM,EAAC,eAAW,EAAyB;CAE3C,OACE,kBAAC,OAAD;EACE,WAAW,EACT,EAAO,wBACP,MAAY,cAAc,KAAiB,EAAO,2CAClD,CACF;EACA,GAAI;CACL,CAAA;AAEL,GAEM,KACC,OACJ,MACC,EAAM,eAAe,CAAO,KAAK,EAAQ,SAAS,GAEhD,IAAuB,EAAyB,CAAkB,GAClE,IAA0B,EAAyB,CAAqB,GACxE,IAA0B,EAAyB,CAAqB,GACxE,IAAyB,EAAyB,CAAoB,GAM/D,IAAiB,OAAO,OAAO,GAAoB;CAC9D,SAAS;CACT,SAAS;CACT,MAAM;CACN,QAAQ;AACV,CAAC"}

package/esm/river/RiverAccordion/RiverAccordion.module.js CHANGED Viewed

@@ -1,26 +1,27 @@
-import './RiverAccordion.module-Cr6Q-qkm.css';var e = {
-	RiverAccordion: "Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB",
+import './RiverAccordion.module-Cr6Q-qkm.css';//#region src/river/RiverAccordion/RiverAccordion.module.css
+var e = "Primer_Brand__RiverAccordion-module__RiverAccordion___cECsB", t = "Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx", n = "Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6", r = "Primer_Brand__RiverAccordion-module__RiverAccordion__accordionContainer___a80ds", i = "Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob", a = "Primer_Brand__RiverAccordion-module__RiverAccordion__item___SheMX", o = "Primer_Brand__RiverAccordion-module__RiverAccordion__heading___O56M6", s = "Primer_Brand__RiverAccordion-module__RiverAccordion__trigger___1RM50", c = "Primer_Brand__RiverAccordion-module__RiverAccordion__leadingVisual___TZ5da", l = "Primer_Brand__RiverAccordion-module__RiverAccordion__headingText___VHHmp", u = "Primer_Brand__RiverAccordion-module__RiverAccordion__panel___Y4GUN", d = "Primer_Brand__RiverAccordion-module__RiverAccordion__content___87sh8", f = "Primer_Brand__RiverAccordion-module__RiverAccordion__icon___FMAZH", p = {
+	RiverAccordion: e,
 	"RiverAccordion__align-start": "Primer_Brand__RiverAccordion-module__RiverAccordion__align-start___wbXB3",
 	"RiverAccordion__align-end": "Primer_Brand__RiverAccordion-module__RiverAccordion__align-end___Zq4qJ",
 	"RiverAccordion--variant-gridline": "Primer_Brand__RiverAccordion-module__RiverAccordion--variant-gridline___1SmA4",
 	"RiverAccordion--active-item-has-background": "Primer_Brand__RiverAccordion-module__RiverAccordion--active-item-has-background___z_IlG",
-	RiverAccordion__visualsContainer: "Primer_Brand__RiverAccordion-module__RiverAccordion__visualsContainer___IvQlx",
-	RiverAccordion__visualsWrapper: "Primer_Brand__RiverAccordion-module__RiverAccordion__visualsWrapper___Z8Yr6",
-	RiverAccordion__accordionContainer: "Primer_Brand__RiverAccordion-module__RiverAccordion__accordionContainer___a80ds",
-	RiverAccordion__visual: "Primer_Brand__RiverAccordion-module__RiverAccordion__visual___aIsob",
+	RiverAccordion__visualsContainer: t,
+	RiverAccordion__visualsWrapper: n,
+	RiverAccordion__accordionContainer: r,
+	RiverAccordion__visual: i,
 	"RiverAccordion__visual--has-background": "Primer_Brand__RiverAccordion-module__RiverAccordion__visual--has-background___JQ9GB",
 	"RiverAccordion__item--open": "Primer_Brand__RiverAccordion-module__RiverAccordion__item--open___YH6K2",
-	RiverAccordion__item: "Primer_Brand__RiverAccordion-module__RiverAccordion__item___SheMX",
-	RiverAccordion__heading: "Primer_Brand__RiverAccordion-module__RiverAccordion__heading___O56M6",
-	RiverAccordion__trigger: "Primer_Brand__RiverAccordion-module__RiverAccordion__trigger___1RM50",
+	RiverAccordion__item: a,
+	RiverAccordion__heading: o,
+	RiverAccordion__trigger: s,
 	"RiverAccordion__trigger--has-leading-visual": "Primer_Brand__RiverAccordion-module__RiverAccordion__trigger--has-leading-visual___NFSnt",
-	RiverAccordion__leadingVisual: "Primer_Brand__RiverAccordion-module__RiverAccordion__leadingVisual___TZ5da",
-	RiverAccordion__headingText: "Primer_Brand__RiverAccordion-module__RiverAccordion__headingText___VHHmp",
-	RiverAccordion__panel: "Primer_Brand__RiverAccordion-module__RiverAccordion__panel___Y4GUN",
-	RiverAccordion__content: "Primer_Brand__RiverAccordion-module__RiverAccordion__content___87sh8",
-	RiverAccordion__icon: "Primer_Brand__RiverAccordion-module__RiverAccordion__icon___FMAZH"
+	RiverAccordion__leadingVisual: c,
+	RiverAccordion__headingText: l,
+	RiverAccordion__panel: u,
+	RiverAccordion__content: d,
+	RiverAccordion__icon: f
 };
 //#endregion
-export { e as default };
+export { e as RiverAccordion, r as RiverAccordion__accordionContainer, d as RiverAccordion__content, o as RiverAccordion__heading, l as RiverAccordion__headingText, f as RiverAccordion__icon, a as RiverAccordion__item, c as RiverAccordion__leadingVisual, u as RiverAccordion__panel, s as RiverAccordion__trigger, i as RiverAccordion__visual, t as RiverAccordion__visualsContainer, n as RiverAccordion__visualsWrapper, p as default };
 //# sourceMappingURL=RiverAccordion.module.js.map

package/esm/river/RiverBreakout/RiverBreakout.d.ts CHANGED Viewed

@@ -15,7 +15,7 @@ export declare const RiverBreakout: React.ForwardRefExoticComponent<Omit<RiverBr
     Content: React.ForwardRefExoticComponent<Omit<import("..").RiverContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     A11yHeading: ({ as, children }: React.PropsWithChildren<{
         as?: "h2" | "h3";
-    }>) => import("react/jsx-runtime").JSX.Element;
+    }>) => React.JSX.Element;
 };
 export {};
 //# sourceMappingURL=RiverBreakout.d.ts.map

package/esm/river/RiverBreakout/RiverBreakout.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import e from "../../node_modules/clsx/dist/clsx.js";
+import { clsx as e } from "../../node_modules/clsx/dist/clsx.js";
 import { useAnimation as t } from "../../animation/useAnimation.js";
 import { Heading as n } from "../../Heading/Heading.js";
 import r from "../../component-helpers/shared.module.js";

package/esm/river/RiverBreakout/RiverBreakout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RiverBreakout.js","names":[],"sources":["../../../src/river/RiverBreakout/RiverBreakout.tsx"],"sourcesContent":["import React, {Ref, forwardRef} from 'react'\nimport {clsx} from 'clsx'\nimport {RiverProps} from '../River'\nimport {RiverVisualBase, RiverContent, type RiverVisualBaseProps} from '../River/River'\nimport {useAnimation} from '../../animation'\nimport findElementInChildren from '../../findElementInChildren'\nimport {Heading} from '../../Heading'\n\nimport styles from '../river-shared.module.css'\nimport gridlineStyles from '../../component-helpers/shared.module.css'\n\nexport const RiverBreakoutVariants = ['default', 'gridline'] as const\nexport type RiverBreakoutVariant = (typeof RiverBreakoutVariants)[number]\n\ntype RiverBreakoutProps = Omit<RiverProps, 'align' \| 'imageTextRatio'> & {\n /*\n Apply a visual variant. The default is `default`.\n * `gridline` adds horizontal border lines and lateral spacing.\n */\n variant?: RiverBreakoutVariant\n}\n\nconst Root = forwardRef(\n ({animate, className, children, style, variant = 'default', ...rest}: RiverBreakoutProps, ref: Ref<HTMLElement>) => {\n const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n // TODO: when Firefox supports :has() selector, we should use that instead of JS\n const defaultColor =\n findElementInChildren(children, 'b') \|\| findElementInChildren(children, 'em') ? 'muted' : 'default'\n\n if (!findElementInChildren(children, A11yHeading)) {\n if (process.env.NODE_ENV === 'development' \|\| process.env.NODE_ENV === 'test') {\n // eslint-disable-next-line no-console\n console.warn(\n 'RiverBreakout: A11yHeading child is required. This element will not be visible, only read by screenreaders.',\n )\n }\n }\n\n return (\n <section\n ref={ref}\n className={clsx(\n styles.RiverBreakout,\n variant === 'gridline' && styles['RiverBreakout--variant-gridline'],\n variant === 'gridline' && gridlineStyles.gridline,\n defaultColor === 'muted' && styles['RiverBreakout--muted'],\n animationClasses,\n className,\n )}\n style={{...animationInlineStyles, ...style}}\n {...rest}\n >\n {children}\n </section>\n )\n },\n)\n\nconst A11yHeading = ({as = 'h3', children}: React.PropsWithChildren<{as?: 'h2' \| 'h3'}>) => (\n <Heading className=\"visually-hidden\" as={as}>\n {children}\n </Heading>\n)\n\nconst Visual = forwardRef<HTMLDivElement, RiverVisualBaseProps>(({className, ...props}, ref) => (\n <RiverVisualBase ref={ref} className={className} {...props} />\n))\n\nexport const RiverBreakout = Object.assign(Root, {Visual, Content: RiverContent, A11yHeading})\n"],"mappings":";;;;;;;;;;AAWA,IAAa,IAAwB,CAAC,WAAW,~~WAAW~~,~~EAWtD~~,IAAO,GACV,EAAC,YAAS,cAAW,aAAU,UAAO,aAAU,WAAW,GAAG,KAA2B,MAA0B;CAClH,IAAM,EAAC,SAAS,GAAkB,QAAQ,MAAyB,EAAa,~~EAAQ~~,~~EAGlF~~,IACJ,EAAsB,GAAU,~~IAAI~~,~~IAAI~~,EAAsB,GAAU,~~KAAK~~,~~GAAG~~,UAAU;~~AAW5F~~,~~QATK~~,EAAsB,GAAU,~~EAAY~~,~~8BAClB,~~iBAAA,QAAA,IAAA,aAA0C,WAErE,QAAQ,KACN,~~8GACD~~,~~EAKH~~,kBAAC,WAAD;EACO;EACL,WAAW,EACT,EAAO,eACP,MAAY,cAAc,EAAO,oCACjC,MAAY,cAAc,EAAe,UACzC,MAAiB,WAAW,EAAO,yBACnC,GACA,~~EACD~~;~~EACD~~,OAAO;GAAC,GAAG;GAAuB,GAAG;~~GAAM~~;~~EAC3C~~,GAAI;EAEH;~~EACO~~,CAAA;~~EAGf~~,~~EAEK~~,KAAe,EAAC,QAAK,MAAM,kBAC/B,kBAAC,GAAD;CAAS,WAAU;CAAsB;CACtC;~~CACO~~,CAAA,~~EAGN~~,IAAS,GAAkD,EAAC,cAAW,GAAG,KAAQ,MACtF,kBAAC,GAAD;CAAsB;CAAgB;CAAW,GAAI;~~CAAS~~,CAAA,CAC9D,~~EAEW~~,IAAgB,OAAO,OAAO,GAAM;CAAC;CAAQ,SAAS;CAAc;~~CAAY~~,CAAC"}
1	+ {"version":3,"file":"RiverBreakout.js","names":[],"sources":["../../../src/river/RiverBreakout/RiverBreakout.tsx"],"sourcesContent":["import React, {Ref, forwardRef} from 'react'\nimport {clsx} from 'clsx'\nimport {RiverProps} from '../River'\nimport {RiverVisualBase, RiverContent, type RiverVisualBaseProps} from '../River/River'\nimport {useAnimation} from '../../animation'\nimport findElementInChildren from '../../findElementInChildren'\nimport {Heading} from '../../Heading'\n\nimport styles from '../river-shared.module.css'\nimport gridlineStyles from '../../component-helpers/shared.module.css'\n\nexport const RiverBreakoutVariants = ['default', 'gridline'] as const\nexport type RiverBreakoutVariant = (typeof RiverBreakoutVariants)[number]\n\ntype RiverBreakoutProps = Omit<RiverProps, 'align' \| 'imageTextRatio'> & {\n /*\n Apply a visual variant. The default is `default`.\n * `gridline` adds horizontal border lines and lateral spacing.\n */\n variant?: RiverBreakoutVariant\n}\n\nconst Root = forwardRef(\n ({animate, className, children, style, variant = 'default', ...rest}: RiverBreakoutProps, ref: Ref<HTMLElement>) => {\n const {classes: animationClasses, styles: animationInlineStyles} = useAnimation(animate)\n\n // TODO: when Firefox supports :has() selector, we should use that instead of JS\n const defaultColor =\n findElementInChildren(children, 'b') \|\| findElementInChildren(children, 'em') ? 'muted' : 'default'\n\n if (!findElementInChildren(children, A11yHeading)) {\n if (process.env.NODE_ENV === 'development' \|\| process.env.NODE_ENV === 'test') {\n // eslint-disable-next-line no-console\n console.warn(\n 'RiverBreakout: A11yHeading child is required. This element will not be visible, only read by screenreaders.',\n )\n }\n }\n\n return (\n <section\n ref={ref}\n className={clsx(\n styles.RiverBreakout,\n variant === 'gridline' && styles['RiverBreakout--variant-gridline'],\n variant === 'gridline' && gridlineStyles.gridline,\n defaultColor === 'muted' && styles['RiverBreakout--muted'],\n animationClasses,\n className,\n )}\n style={{...animationInlineStyles, ...style}}\n {...rest}\n >\n {children}\n </section>\n )\n },\n)\n\nconst A11yHeading = ({as = 'h3', children}: React.PropsWithChildren<{as?: 'h2' \| 'h3'}>) => (\n <Heading className=\"visually-hidden\" as={as}>\n {children}\n </Heading>\n)\n\nconst Visual = forwardRef<HTMLDivElement, RiverVisualBaseProps>(({className, ...props}, ref) => (\n <RiverVisualBase ref={ref} className={className} {...props} />\n))\n\nexport const RiverBreakout = Object.assign(Root, {Visual, Content: RiverContent, A11yHeading})\n"],"mappings":";;;;;;;;;;AAWA,IAAa,IAAwB,CAAC,WAAW,UAAU,GAWrD,IAAO,GACV,EAAC,YAAS,cAAW,aAAU,UAAO,aAAU,WAAW,GAAG,KAA2B,MAA0B;CAClH,IAAM,EAAC,SAAS,GAAkB,QAAQ,MAAyB,EAAa,CAAO,GAGjF,IACJ,EAAsB,GAAU,GAAG,KAAK,EAAsB,GAAU,IAAI,IAAI,UAAU;CAW5F,OATK,EAAsB,GAAU,CAAW,+BACjB,iBAAA,QAAA,IAAA,aAA0C,WAErE,QAAQ,KACN,6GACF,GAKF,kBAAC,WAAD;EACO;EACL,WAAW,EACT,EAAO,eACP,MAAY,cAAc,EAAO,oCACjC,MAAY,cAAc,EAAe,UACzC,MAAiB,WAAW,EAAO,yBACnC,GACA,CACF;EACA,OAAO;GAAC,GAAG;GAAuB,GAAG;EAAK;EAC1C,GAAI;EAEH;CACM,CAAA;AAEb,CACF,GAEM,KAAe,EAAC,QAAK,MAAM,kBAC/B,kBAAC,GAAD;CAAS,WAAU;CAAsB;CACtC;AACM,CAAA,GAGL,IAAS,GAAkD,EAAC,cAAW,GAAG,KAAQ,MACtF,kBAAC,GAAD;CAAsB;CAAgB;CAAW,GAAI;AAAQ,CAAA,CAC9D,GAEY,IAAgB,OAAO,OAAO,GAAM;CAAC;CAAQ,SAAS;CAAc;AAAW,CAAC"}

package/esm/river/RiverBreakoutTabs/RiverBreakoutTabs.d.ts CHANGED Viewed

@@ -59,11 +59,11 @@ export declare const RiverBreakoutTabs: React.ForwardRefExoticComponent<{
 } & {
     children?: React.ReactNode | undefined;
 } & Omit<React.HTMLAttributes<HTMLElement>, "onChange"> & React.RefAttributes<HTMLElement>> & {
-    A11yHeading: ({ as, children, id }: RiverBreakoutTabsA11yHeadingProps) => import("react/jsx-runtime").JSX.Element;
-    Content: ({ children, className, ...props }: RiverBreakoutTabsContentProps) => import("react/jsx-runtime").JSX.Element;
-    Heading: ({ as, children, className, size, weight, ...props }: RiverBreakoutTabsHeadingProps) => import("react/jsx-runtime").JSX.Element;
-    Icon: ({ color, ...props }: RiverBreakoutTabsIconProps) => import("react/jsx-runtime").JSX.Element;
-    Item: ({ children }: RiverBreakoutTabsItemProps) => import("react/jsx-runtime").JSX.Element;
+    A11yHeading: ({ as, children, id }: RiverBreakoutTabsA11yHeadingProps) => React.JSX.Element;
+    Content: ({ children, className, ...props }: RiverBreakoutTabsContentProps) => React.JSX.Element;
+    Heading: ({ as, children, className, size, weight, ...props }: RiverBreakoutTabsHeadingProps) => React.JSX.Element;
+    Icon: ({ color, ...props }: RiverBreakoutTabsIconProps) => React.JSX.Element;
+    Item: ({ children }: RiverBreakoutTabsItemProps) => React.JSX.Element;
     Visual: React.ForwardRefExoticComponent<Omit<RiverVisualBaseProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };
 //# sourceMappingURL=RiverBreakoutTabs.d.ts.map

package/esm/river/RiverBreakoutTabs/RiverBreakoutTabs.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import e from "../../node_modules/clsx/dist/clsx.js";
+import { clsx as e } from "../../node_modules/clsx/dist/clsx.js";
 import { useId as t } from "../../hooks/useId.js";
 import { Text as n } from "../../Text/Text.js";
 import { Heading as r } from "../../Heading/Heading.js";
-import '../../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/river/river-DHn1_SEa.css';import '../../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/river/base-Ue-p74RC.css';/* empty css                                                                                          */
+import '../../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/river/base-Ue-p74RC.css';import '../../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/river/river-DHn1_SEa.css';/* empty css                                                                                          */
 import i from "../../component-helpers/shared.module.js";
 import { Link as a } from "../../Link/Link.js";
 /* empty css                                                                                         */