@burdenoff/fe-libs 2026.805.5 → 2026.810.2

package/dist/chrome/ProductSideNav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductSideNav.d.ts","sourceRoot":"","sources":["../../src/chrome/ProductSideNav.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIhD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAgBpD,MAAM,WAAW,mBAAmB;IAClC,mFAAmF;IACnF,IAAI,EAAE,SAAS,CAAC;IAChB,sDAAsD;IACtD,OAAO,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,+BAA+B;IAC/B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,+BAA+B;IAC/B,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC,0DAA0D;IAC1D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,OAAO,EACP,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,aAAa,EACb,aAAa,GACd,EAAE,mBAAmB,2CAoHrB"}
+{"version":3,"file":"ProductSideNav.d.ts","sourceRoot":"","sources":["../../src/chrome/ProductSideNav.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIhD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAgBpD,MAAM,WAAW,mBAAmB;IAClC,mFAAmF;IACnF,IAAI,EAAE,SAAS,CAAC;IAChB,sDAAsD;IACtD,OAAO,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,+BAA+B;IAC/B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,+BAA+B;IAC/B,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC,0DAA0D;IAC1D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,OAAO,EACP,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,aAAa,EACb,aAAa,GACd,EAAE,mBAAmB,2CA2HrB"}

package/dist/chrome/ProductSideNav.js

@@ -13,41 +13,43 @@ import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 import { useLocation as _, useNavigate as v } from "react-router";
 //#region src/chrome/ProductSideNav.tsx
 function y({ logo: y, appName: b, groupOrder: x, groupLabels: S, mobileActions: C, customHeader: w, homeAriaLabel: T, collapseLabel: E }) {
-	let D = s(), O = T ?? D("nav.goToDashboard", "Go to dashboard"), k = E ?? D("nav.collapse", "Collapse"), A = v(), j = _(), { sidebarCollapsed: M, toggleSidebar: N } = r(), P = o(), F = e((e) => e.items), I = n(), L = i(), R = L?.simulation ?? null, z = I?.hasPermission, B = !!I && !I.isLoading && !I.error, V = p(() => {
+	let D = s(), O = T ?? D("nav.goToDashboard", "Go to dashboard"), k = E ?? D("nav.collapse", "Collapse"), A = v(), j = _(), { sidebarCollapsed: M, toggleSidebar: N } = r(), P = o(), F = e((e) => e.items), I = n(), L = i(), R = L?.simulation ?? null, z = I?.hasPermission, B = !!I && !I.isLoading && !I.error, V = !!I && !I.isLoading && !!I.error, H = p(() => {
 		if (R) {
 			let e = R.permissionStrings;
 			return (n) => t(e, n);
 		}
 		if (B && z) return z;
+		if (V) return () => !1;
 	}, [
 		R,
 		B,
+		V,
 		z
-	]), H = L?.activeSurface ?? null, U = L?.overrides, W = p(() => {
+	]), U = L?.activeSurface ?? null, W = L?.overrides, G = p(() => {
 		let { items: e } = c(F.filter((e) => e.visible !== !1).sort((e, t) => (e.order ?? 999) - (t.order ?? 999)), {
-			hasPermission: V,
-			surfaceVisibleItems: H ? H.visibleItems : null,
-			labelOverrides: H?.labelOverrides,
-			overrides: R ? {} : U
+			hasPermission: H,
+			surfaceVisibleItems: U ? U.visibleItems : null,
+			labelOverrides: U?.labelOverrides,
+			overrides: R ? {} : W
 		});
 		return e;
 	}, [
 		F,
-		V,
 		H,
 		U,
+		W,
 		R
-	]), G = (e) => {
+	]), K = (e) => {
 		A(a(e, P));
-	}, K = () => {
+	}, q = () => {
 		A(a("/", P));
-	}, q = /* @__PURE__ */ g("div", {
+	}, J = /* @__PURE__ */ g("div", {
 		className: "flex items-center gap-icon-gap cursor-pointer",
-		onClick: K,
+		onClick: q,
 		role: "button",
 		tabIndex: 0,
 		onKeyDown: (e) => {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), K());
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), q());
 		},
 		"aria-label": O,
 		children: [typeof y == "string" ? /* @__PURE__ */ h("div", {
@@ -68,19 +70,19 @@ function y({ logo: y, appName: b, groupOrder: x, groupLabels: S, mobileActions:
 		"data-tour": "sidenav",
 		className: "h-full",
 		children: [/* @__PURE__ */ h(l, {
-			items: W,
+			items: G,
 			currentPath: j.pathname,
 			collapsed: M,
 			groupOrder: x,
 			groupLabels: S,
-			onItemClick: G,
+			onItemClick: K,
 			onToggleCollapse: N,
 			collapseLabel: k,
 			mobileActions: C,
-			header: w ?? q,
+			header: w ?? J,
 			footer: L ? /* @__PURE__ */ h(f, {}) : void 0,
 			contextSearchParams: P
-		}, L ? `${H?.id ?? "everything"}:${R?.roleId ?? ""}` : void 0), L && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(u, {
+		}, L ? `${U?.id ?? "everything"}:${R?.roleId ?? ""}` : void 0), L && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(u, {
 			groupLabels: S,
 			groupOrder: x
 		}), /* @__PURE__ */ h(d, {})] })]

package/dist/credentials/AuthMethodSelector.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { AuthMethodLike } from './types';
+interface AuthMethodSelectorProps {
+    methods: AuthMethodLike[];
+    selectedKey: string | null;
+    onSelect: (key: string) => void;
+    disabled?: boolean;
+    idPrefix?: string;
+}
+export declare const AuthMethodSelector: FC<AuthMethodSelectorProps>;
+export {};
+//# sourceMappingURL=AuthMethodSelector.d.ts.map

package/dist/credentials/AuthMethodSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthMethodSelector.d.ts","sourceRoot":"","sources":["../../src/credentials/AuthMethodSelector.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,UAAU,uBAAuB;IAC/B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA8E1D,CAAC"}

package/dist/credentials/AuthMethodSelector.js

@@ -0,0 +1,51 @@
+import { AlertCircle as e } from "lucide-react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/credentials/AuthMethodSelector.tsx
+var r = ({ methods: r, selectedKey: i, onSelect: a, disabled: o, idPrefix: s = "auth-method" }) => {
+	let c = r.filter((e) => e.isEnabled);
+	if (c.length <= 1) return null;
+	let l = c.find((e) => e.key === i) ?? null;
+	return /* @__PURE__ */ n("div", { children: [
+		/* @__PURE__ */ n("label", {
+			htmlFor: s,
+			className: "block text-sm font-medium text-text-primary mb-1.5",
+			children: ["Authentication Method ", /* @__PURE__ */ t("span", {
+				className: "text-status-error-text",
+				children: "*"
+			})]
+		}),
+		/* @__PURE__ */ n("select", {
+			id: s,
+			"aria-label": "Authentication Method",
+			value: l ? l.key : "",
+			onChange: (e) => a(e.target.value),
+			disabled: o,
+			className: "w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface text-sm focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary disabled:opacity-50",
+			children: [!l && /* @__PURE__ */ t("option", {
+				value: "",
+				disabled: !0,
+				children: "Select an authentication method"
+			}), c.map((e) => /* @__PURE__ */ n("option", {
+				value: e.key,
+				disabled: !e.isConfigured,
+				children: [e.displayName, e.isConfigured ? "" : " — not configured"]
+			}, e.key))]
+		}),
+		l?.description && /* @__PURE__ */ t("p", {
+			className: "mt-1 text-xs text-text-secondary",
+			children: l.description
+		}),
+		l && !l.isConfigured && /* @__PURE__ */ n("div", {
+			className: "mt-2 flex items-start gap-2 px-3 py-2 rounded-md bg-status-warning-bg-subtle border border-border-default",
+			children: [/* @__PURE__ */ t(e, {
+				size: 14,
+				className: "text-status-warning-text flex-shrink-0 mt-0.5"
+			}), /* @__PURE__ */ t("span", {
+				className: "text-xs text-status-warning-text",
+				children: "This method has no credentials configured in this environment. Ask an administrator to add them, or pick another method."
+			})]
+		})
+	] });
+};
+//#endregion
+export { r as AuthMethodSelector };

package/dist/credentials/SchemaForm.d.ts

@@ -0,0 +1,41 @@
+import { FC } from 'react';
+import { FormSchema } from './types';
+/**
+ * Narrow an arbitrary JSON value to a renderable schema. Returns null when the
+ * value isn't a usable object schema, so callers can fall back rather than
+ * rendering an empty form.
+ */
+export declare function parseFormSchema(raw: unknown): FormSchema | null;
+/**
+ * Required fields that are visible and filled. Hidden fields are excluded on
+ * purpose — a `showIf` field the user never saw must not block submission.
+ */
+export declare function isSchemaComplete(schema: FormSchema, values: Record<string, unknown>): boolean;
+/**
+ * Seed values for a schema's declared defaults.
+ *
+ * A rendered control shows `property.default` as selected, but nothing was
+ * written to form state — so validation treated the visible default as missing
+ * and submit dropped it unless the user touched the control. The common
+ * "accept the default" path silently lost the value.
+ */
+export declare function initialValuesFromSchema(schema: FormSchema | null): Record<string, unknown>;
+/**
+ * Drop values whose field is currently hidden by `showIf`.
+ *
+ * Changing a controlling option hides a field but leaves whatever was typed in
+ * it in state; submitting that would store a credential the user can no longer
+ * see and did not intend to send.
+ */
+export declare function visibleValues(schema: FormSchema | null, values: Record<string, unknown>): Record<string, unknown>;
+interface SchemaFormProps {
+    schema: FormSchema;
+    values: Record<string, unknown>;
+    onChange: (values: Record<string, unknown>) => void;
+    disabled?: boolean;
+    /** Prefix for generated element ids so several forms can coexist on a page. */
+    idPrefix?: string;
+}
+export declare const SchemaForm: FC<SchemaFormProps>;
+export {};
+//# sourceMappingURL=SchemaForm.d.ts.map

package/dist/credentials/SchemaForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaForm.d.ts","sourceRoot":"","sources":["../../src/credentials/SchemaForm.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,KAAK,EAAiB,EAAE,EAAE,MAAM,OAAO,CAAC;AAI/C,OAAO,KAAK,EAAE,UAAU,EAAkB,MAAM,SAAS,CAAC;AAE1D;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,GAAG,EAAE,OAAO,GAAG,UAAU,GAAG,IAAI,CAmB/D;AAoCD;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,UAAU,EAClB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC9B,OAAO,CAST;AAUD;;;;;;;GAOG;AACH,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,UAAU,GAAG,IAAI,GACxB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAczB;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,UAAU,GAAG,IAAI,EACzB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC9B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CASzB;AAgBD,UAAU,eAAe;IACvB,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA2B1C,CAAC"}

package/dist/credentials/SchemaForm.js

@@ -0,0 +1,232 @@
+import { useState as e } from "react";
+import { Eye as t, EyeOff as n, Info as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/credentials/SchemaForm.tsx
+function o(e) {
+	if (typeof e != "object" || !e || Array.isArray(e)) return null;
+	let t = e;
+	return typeof t.properties != "object" || t.properties === null || Array.isArray(t.properties) ? null : {
+		properties: t.properties,
+		required: Array.isArray(t.required) ? t.required.filter((e) => typeof e == "string") : []
+	};
+}
+function s(e, t, n, r = /* @__PURE__ */ new Set()) {
+	return e.showIf ? Object.entries(e.showIf).every(([e, i]) => {
+		if (n && !r.has(e)) {
+			let i = n.properties[e];
+			if (i && !s(i, t, n, new Set([...r, e]))) return !1;
+		}
+		let a = t[e];
+		return Array.isArray(i) ? i.includes(a) : a === i;
+	}) : !0;
+}
+function c(e, t) {
+	return e.required.every((n) => {
+		let r = e.properties[n];
+		if (r && !s(r, t, e)) return !0;
+		let i = t[n];
+		return typeof i == "string" ? i.trim().length > 0 : i != null;
+	});
+}
+function l(e) {
+	return e.map((e) => typeof e == "string" ? {
+		label: e,
+		value: e
+	} : e);
+}
+function u(e) {
+	if (!e) return {};
+	let t = {};
+	for (let [n, r] of Object.entries(e.properties)) {
+		if (r.default !== void 0) {
+			t[n] = r.default;
+			continue;
+		}
+		r.type === "boolean" && (t[n] = !1);
+	}
+	return t;
+}
+function d(e, t) {
+	if (!e) return t;
+	let n = {};
+	for (let [r, i] of Object.entries(t)) {
+		let a = e.properties[r];
+		a && !s(a, t, e) || (n[r] = i);
+	}
+	return n;
+}
+var f = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("-webkit-text-security", "disc"), p = ({ schema: e, values: t, onChange: n, disabled: r, idPrefix: a = "schema" }) => {
+	let o = new Set(e.required);
+	return /* @__PURE__ */ i("div", {
+		className: "space-y-3",
+		children: Object.entries(e.properties).filter(([, n]) => s(n, t, e)).map(([e, s]) => /* @__PURE__ */ i(m, {
+			id: `${a}-${e}`,
+			name: e,
+			property: s,
+			value: t[e],
+			required: o.has(e),
+			disabled: r,
+			onChange: (r) => n({
+				...t,
+				[e]: r
+			})
+		}, e))
+	});
+}, m = ({ id: o, name: s, property: c, value: u, required: d, disabled: p, onChange: m }) => {
+	let [h, g] = e(!1), [_, v] = e(!1), y = c.title ?? s, b = c.placeholder ?? c.description ?? "";
+	if (c.type === "notice") return /* @__PURE__ */ a("div", {
+		className: "flex items-start gap-2 px-3 py-2 rounded-md bg-status-info-bg-subtle border border-border-default",
+		children: [/* @__PURE__ */ i(r, {
+			size: 14,
+			className: "text-status-info-text flex-shrink-0 mt-0.5"
+		}), /* @__PURE__ */ i("span", {
+			className: "text-xs text-status-info-text",
+			children: c.description ?? y
+		})]
+	});
+	let x = c.description ? /* @__PURE__ */ i("p", {
+		className: "mt-1 text-xs text-text-secondary",
+		children: c.description
+	}) : null, S = /* @__PURE__ */ a("label", {
+		htmlFor: o,
+		className: "block text-sm font-medium text-text-primary mb-1.5",
+		children: [
+			y,
+			" ",
+			d && /* @__PURE__ */ i("span", {
+				className: "text-status-error-text",
+				children: "*"
+			})
+		]
+	}), C = "w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface text-sm focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary disabled:opacity-50";
+	if (c.type === "boolean") {
+		let e = !!(u ?? c.default ?? !1);
+		return /* @__PURE__ */ a("div", {
+			className: "flex items-center gap-3",
+			children: [/* @__PURE__ */ i("button", {
+				type: "button",
+				role: "switch",
+				id: o,
+				"aria-checked": e,
+				"aria-label": y,
+				onClick: () => m(!e),
+				disabled: p,
+				className: `relative inline-flex h-5 w-9 items-center rounded-full transition-colors disabled:opacity-50 ${e ? "bg-primary" : "bg-bg-muted"}`,
+				children: /* @__PURE__ */ i("span", { className: `inline-block h-3.5 w-3.5 transform rounded-full bg-white transition-transform ${e ? "translate-x-4.5" : "translate-x-0.5"}` })
+			}), /* @__PURE__ */ a("span", {
+				className: "text-sm font-medium text-text-primary",
+				children: [y, c.description && /* @__PURE__ */ a("span", {
+					className: "text-text-secondary font-normal ml-1",
+					children: ["— ", c.description]
+				})]
+			})]
+		});
+	}
+	if (c.enum && c.enum.length > 0) return /* @__PURE__ */ a("div", { children: [
+		S,
+		/* @__PURE__ */ a("select", {
+			id: o,
+			"aria-label": y,
+			value: String(u ?? c.default ?? ""),
+			onChange: (e) => m(e.target.value),
+			disabled: p,
+			className: C,
+			children: [/* @__PURE__ */ a("option", {
+				value: "",
+				children: ["Select ", y.toLowerCase()]
+			}), l(c.enum).map((e) => /* @__PURE__ */ i("option", {
+				value: e.value,
+				children: e.label
+			}, e.value))]
+		}),
+		x
+	] });
+	if (c.type === "number") return /* @__PURE__ */ a("div", { children: [
+		S,
+		/* @__PURE__ */ i("input", {
+			id: o,
+			"aria-label": y,
+			type: "number",
+			value: u == null ? "" : String(u),
+			onChange: (e) => m(e.target.value === "" ? void 0 : Number(e.target.value)),
+			placeholder: b,
+			disabled: p,
+			className: C
+		}),
+		x
+	] });
+	if (c.format === "textarea" || c.format === "json") {
+		let e = !!c.secret && !h, r = typeof u == "string" && u.length > 0;
+		return e && !f && r && !_ ? /* @__PURE__ */ a("div", { children: [
+			S,
+			/* @__PURE__ */ a("div", {
+				className: "flex items-center justify-between gap-2 px-3 py-2 border border-border-subtle rounded-md bg-bg-surface",
+				children: [/* @__PURE__ */ i("span", {
+					className: "text-sm font-mono text-text-secondary select-none",
+					children: "••••••••••••"
+				}), /* @__PURE__ */ a("button", {
+					type: "button",
+					onClick: () => g(!0),
+					disabled: p,
+					"aria-label": `Show ${y}`,
+					className: "inline-flex items-center gap-1 text-xs text-primary hover:underline disabled:opacity-50",
+					children: [/* @__PURE__ */ i(t, { size: 14 }), " Reveal to edit"]
+				})]
+			}),
+			x
+		] }) : /* @__PURE__ */ a("div", { children: [
+			S,
+			/* @__PURE__ */ a("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ i("textarea", {
+					id: o,
+					"aria-label": y,
+					value: String(u ?? ""),
+					onChange: (e) => m(e.target.value),
+					onFocus: () => v(!0),
+					onBlur: () => v(!1),
+					placeholder: b,
+					disabled: p,
+					rows: 5,
+					autoComplete: "off",
+					spellCheck: !1,
+					style: e ? { WebkitTextSecurity: "disc" } : void 0,
+					className: `${C} font-mono ${c.secret ? "pr-10" : ""}`
+				}), c.secret && /* @__PURE__ */ i("button", {
+					type: "button",
+					onClick: () => g((e) => !e),
+					"aria-label": h ? `Hide ${y}` : `Show ${y}`,
+					className: "absolute right-2 top-2 text-text-secondary hover:text-text-primary",
+					children: i(h ? n : t, { size: 16 })
+				})]
+			}),
+			x
+		] });
+	}
+	return /* @__PURE__ */ a("div", { children: [
+		S,
+		/* @__PURE__ */ a("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ i("input", {
+				id: o,
+				"aria-label": y,
+				type: c.secret && !h ? "password" : "text",
+				value: String(u ?? ""),
+				onChange: (e) => m(e.target.value),
+				placeholder: b,
+				disabled: p,
+				autoComplete: "off",
+				className: `${C} ${c.secret ? "font-mono pr-10" : ""}`
+			}), c.secret && /* @__PURE__ */ i("button", {
+				type: "button",
+				onClick: () => g((e) => !e),
+				"aria-label": h ? `Hide ${y}` : `Show ${y}`,
+				className: "absolute right-2 top-1/2 -translate-y-1/2 text-text-secondary hover:text-text-primary",
+				children: i(h ? n : t, { size: 16 })
+			})]
+		}),
+		x
+	] });
+};
+//#endregion
+export { p as SchemaForm, u as initialValuesFromSchema, c as isSchemaComplete, o as parseFormSchema, d as visibleValues };

package/dist/credentials/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Credential form rendering, shared across every product that consumes
+ * wspace-integrations-svc.
+ *
+ * A provider's authentication methods, and the fields each one needs, are data
+ * the service sends down. This module is the single renderer for that data —
+ * so adding a provider, or a new way of authenticating against one, is a
+ * catalog change rather than React in each consuming app.
+ */
+export { SchemaForm, parseFormSchema, isSchemaComplete, initialValuesFromSchema, visibleValues, } from './SchemaForm';
+export { AuthMethodSelector } from './AuthMethodSelector';
+export type { AuthMethodFlow, AuthMethodLike, FormSchema, SchemaProperty, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/credentials/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/credentials/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,uBAAuB,EACvB,aAAa,GACd,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EACV,cAAc,EACd,cAAc,EACd,UAAU,EACV,cAAc,GACf,MAAM,SAAS,CAAC"}

package/dist/credentials/types.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Shared credential-form types.
+ *
+ * These describe the *data* a service sends down to say what a credential form
+ * should look like. Keeping them here rather than in a product package is the
+ * point of this module: the integrations service is consumed by more than one
+ * product, and every consumer should render the same description the same way
+ * instead of maintaining its own copy of the renderer.
+ */
+/** How the UI collects the credential for an auth method. */
+export type AuthMethodFlow = "fields" | "oauth2" | "minted";
+/**
+ * One property in a credential form schema.
+ *
+ * A superset of the JSON Schema subset the backend emits: `secret`, `format`,
+ * `showIf` and `placeholder` are ours, and are what let a form be fully
+ * described as data rather than partly as React.
+ */
+export interface SchemaProperty {
+    type?: string;
+    title?: string;
+    description?: string;
+    placeholder?: string;
+    /** Render masked, with a reveal toggle, and never echo back into metadata. */
+    secret?: boolean;
+    /** `textarea` / `json` for multi-line values such as service-account keys. */
+    format?: string;
+    default?: string | number | boolean;
+    /** Bare strings, or `{label,value}` when the display text differs. */
+    enum?: Array<string | {
+        label: string;
+        value: string;
+    }>;
+    /** Show only while every named field holds one of the accepted values. */
+    showIf?: Record<string, unknown>;
+}
+export interface FormSchema {
+    type?: string;
+    properties: Record<string, SchemaProperty>;
+    required: string[];
+}
+/**
+ * One way of authenticating against a provider.
+ *
+ * Structural rather than tied to a generated GraphQL type, so a product can
+ * pass whatever its own client produced without importing this package's
+ * codegen output.
+ */
+export interface AuthMethodLike {
+    key: string;
+    displayName: string;
+    description?: string | null;
+    flow: AuthMethodFlow | string;
+    configSchema?: Record<string, unknown> | null;
+    /** False when this environment lacks the credentials the method needs. */
+    isConfigured: boolean;
+    isEnabled: boolean;
+    displayOrder?: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/credentials/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/credentials/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,6DAA6D;AAC7D,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE5D;;;;;;GAMG;AACH,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACpC,sEAAsE;IACtE,IAAI,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACxD,0EAA0E;IAC1E,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAC3C,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,IAAI,EAAE,cAAc,GAAG,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAC9C,0EAA0E;IAC1E,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}

package/dist/credentials.d.ts

@@ -0,0 +1,2 @@
+export * from './credentials/index'
+export {}

package/dist/credentials.js

@@ -0,0 +1,3 @@
+import { SchemaForm as e, initialValuesFromSchema as t, isSchemaComplete as n, parseFormSchema as r, visibleValues as i } from "./credentials/SchemaForm.js";
+import { AuthMethodSelector as a } from "./credentials/AuthMethodSelector.js";
+export { a as AuthMethodSelector, e as SchemaForm, t as initialValuesFromSchema, n as isSchemaComplete, r as parseFormSchema, i as visibleValues };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/fe-libs",
-  "version": "2026.805.5",
+  "version": "2026.810.2",
   "description": "Burdenoff frontend primitives and domain libraries",
   "type": "module",
   "bin": {
@@ -45,6 +45,10 @@
       "types": "./dist/form.d.ts",
       "import": "./dist/form.js"
     },
+    "./credentials": {
+      "types": "./dist/credentials.d.ts",
+      "import": "./dist/credentials.js"
+    },
     "./button": {
       "types": "./dist/button.d.ts",
       "import": "./dist/button.js"
@@ -280,7 +284,7 @@
     "lint:sanity": "if [ \"${CI:-}\" = \"true\" ]; then bun run lint; else bun run lint -- --cache --cache-location .eslintcache; fi",
     "format": "prettier --config shared/config/prettier.config.mjs --write \"src/**/*.{ts,tsx}\" \"!src/config/*.config.ts\"",
     "type:check": "bash scripts/build-limits.sh tsc --noEmit",
-    "test": "bun test scripts/graphql-schema-drift/__tests__",
+    "test": "bun test scripts/graphql-schema-drift/__tests__ src/credentials",
     "sanity": "bash scripts/build-limits.sh --gate bash -c 'bun run lint:sanity && bun run format && bun run type:check && bun run test && bun run build'",
     "switch:status": "bun scripts/deps-mode.ts status",
     "switch:remote": "bun scripts/deps-mode.ts remote",