@burdenoff/fe-libs 2026.810.2 → 2026.810.3

package/dist/credentials/AuthMethodSelector.d.ts

@@ -6,7 +6,26 @@ interface AuthMethodSelectorProps {
     onSelect: (key: string) => void;
     disabled?: boolean;
     idPrefix?: string;
+    /**
+     * Bare select, without the label, description or warning.
+     *
+     * For a section heading row, where the control sits to the right of the
+     * heading and the explanatory copy belongs beside the fields it governs —
+     * see {@link AuthMethodNotice}. This is the placement n8n uses, and it keeps
+     * the choice visible while the fields below it scroll.
+     */
+    compact?: boolean;
 }
+/**
+ * The chosen method's description, and a warning when this environment has no
+ * credentials for it.
+ *
+ * Separate from the selector so the two can be placed apart: the control in a
+ * heading row, its consequences next to the fields.
+ */
+export declare const AuthMethodNotice: FC<{
+    method: AuthMethodLike | null;
+}>;
 export declare const AuthMethodSelector: FC<AuthMethodSelectorProps>;
 export {};
 //# sourceMappingURL=AuthMethodSelector.d.ts.map

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

@@ -1 +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"}
+{"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;IAClB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC;IAAE,MAAM,EAAE,cAAc,GAAG,IAAI,CAAA;CAAE,CAuBlE,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA2E1D,CAAC"}

package/dist/credentials/AuthMethodSelector.js

@@ -1,51 +1,53 @@
 import { AlertCircle as e } from "lucide-react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Fragment as t, jsx as n, jsxs as r } 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", {
+var i = ({ method: i }) => i ? /* @__PURE__ */ r(t, { children: [i.description && /* @__PURE__ */ n("p", {
+	className: "text-xs text-text-secondary",
+	children: i.description
+}), !i.isConfigured && /* @__PURE__ */ r("div", {
+	className: "flex items-start gap-2 px-3 py-2 rounded-md bg-status-warning-bg-subtle border border-border-default",
+	children: [/* @__PURE__ */ n(e, {
+		size: 14,
+		className: "text-status-warning-text flex-shrink-0 mt-0.5"
+	}), /* @__PURE__ */ n("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."
+	})]
+})] }) : null, a = ({ methods: e, selectedKey: t, onSelect: a, disabled: o, idPrefix: s = "auth-method", compact: c = !1 }) => {
+	let l = e.filter((e) => e.isEnabled);
+	if (l.length <= 1) return null;
+	let u = l.find((e) => e.key === t) ?? null, d = /* @__PURE__ */ r("select", {
+		id: s,
+		"aria-label": "Authentication Method",
+		value: u ? u.key : "",
+		onChange: (e) => a(e.target.value),
+		disabled: o,
+		className: c ? "max-w-[16rem] truncate rounded-md border border-border-subtle bg-bg-surface px-2.5 py-1.5 text-xs focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary disabled:opacity-50" : "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: [!u && /* @__PURE__ */ n("option", {
+			value: "",
+			disabled: !0,
+			children: "Select an authentication method"
+		}), l.map((e) => /* @__PURE__ */ r("option", {
+			value: e.key,
+			disabled: !e.isConfigured,
+			children: [e.displayName, e.isConfigured ? "" : " — not configured"]
+		}, e.key))]
+	});
+	return c ? d : /* @__PURE__ */ r("div", { children: [
+		/* @__PURE__ */ r("label", {
 			htmlFor: s,
 			className: "block text-sm font-medium text-text-primary mb-1.5",
-			children: ["Authentication Method ", /* @__PURE__ */ t("span", {
+			children: ["Authentication Method ", /* @__PURE__ */ n("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."
-			})]
+		d,
+		/* @__PURE__ */ n("div", {
+			className: "mt-1 space-y-2",
+			children: /* @__PURE__ */ n(i, { method: u })
 		})
 	] });
 };
 //#endregion
-export { r as AuthMethodSelector };
+export { i as AuthMethodNotice, a as AuthMethodSelector };

package/dist/credentials/index.d.ts

@@ -8,6 +8,6 @@
  * catalog change rather than React in each consuming app.
  */
 export { SchemaForm, parseFormSchema, isSchemaComplete, initialValuesFromSchema, visibleValues, } from './SchemaForm';
-export { AuthMethodSelector } from './AuthMethodSelector';
+export { AuthMethodSelector, AuthMethodNotice } from './AuthMethodSelector';
 export type { AuthMethodFlow, AuthMethodLike, FormSchema, SchemaProperty, } from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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"}
+{"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,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC5E,YAAY,EACV,cAAc,EACd,cAAc,EACd,UAAU,EACV,cAAc,GACf,MAAM,SAAS,CAAC"}

package/dist/credentials.js

@@ -1,3 +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 };
+import { AuthMethodNotice as a, AuthMethodSelector as o } from "./credentials/AuthMethodSelector.js";
+export { a as AuthMethodNotice, o 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.810.2",
+  "version": "2026.810.3",
   "description": "Burdenoff frontend primitives and domain libraries",
   "type": "module",
   "bin": {