@logicplanes/kaeso-ui 0.2.1 → 0.3.0

package/dist/components/kaeso.js

@@ -1,37 +1,40 @@
 "use client";
-import { t as e } from "../chunks/cn-CidVUKMm.js";
-import { i as t } from "../chunks/context-BELWW79w.js";
-import { r as n } from "../chunks/tooltip-DEbCCsru.js";
-import { a as r } from "../chunks/radio-CUxbLCvD.js";
-import { r as i } from "../chunks/select-Bc4kRiSG.js";
-import { t as a } from "../chunks/badge-Dkyhs0_j.js";
-import { a as o, c as s, i as c, l, n as u, o as d, r as f, s as p, t as m } from "../chunks/identity-BtZC_d_Q.js";
-import { EnvironmentSnippet as h, KAESO_MOMENTS_DEFAULT_VARIANTS as g, KAESO_MOMENTS_VARIANTS as _, SecretReveal as v, sdkSnippets as y } from "./kaeso/moments.js";
-import { KAESO_USAGE_DEFAULT_VARIANTS as b, KAESO_USAGE_VARIANTS as x, LimitMeter as S, UsageBreakdown as C } from "./kaeso/usage.js";
-import { ConversationView as w, KAESO_CONVERSATION_DEFAULT_VARIANTS as T, KAESO_CONVERSATION_VARIANTS as E } from "./kaeso/conversation.js";
-import { a as D, i as O, n as k, r as A, t as j } from "../chunks/rights-BbiJ0AJB.js";
-import { Fragment as M, forwardRef as N, useId as P } from "react";
-import { jsx as F, jsxs as I } from "react/jsx-runtime";
-import { RadioGroup as L } from "@base-ui/react/radio-group";
+import { t as e } from "../chunks/cn-DUDmdLpZ.js";
+import { i as t, r as n } from "../chunks/context-BELWW79w.js";
+import { r } from "../chunks/tooltip-S1DmyLVl.js";
+import { a as i, o as a, s as o } from "../chunks/field-BZriODU7.js";
+import { a as s } from "../chunks/radio-DwYcXAzv.js";
+import { r as c } from "../chunks/select-Bbv2f5F8.js";
+import { t as l } from "../chunks/command-list-D5k0uvkR.js";
+import { i as u, r as d } from "../chunks/picker-popover-C4ElNk7t.js";
+import { t as f } from "../chunks/badge-wUHlj7m3.js";
+import { a as p, c as m, i as h, l as g, n as _, o as v, r as y, s as b, t as x, u as S } from "../chunks/identity-CsZvAUwu.js";
+import { EnvironmentSnippet as C, KAESO_MOMENTS_DEFAULT_VARIANTS as w, KAESO_MOMENTS_VARIANTS as T, SecretReveal as E, sdkSnippets as D } from "./kaeso/moments.js";
+import { KAESO_USAGE_DEFAULT_VARIANTS as O, KAESO_USAGE_VARIANTS as k, LimitMeter as A, UsageBreakdown as j } from "./kaeso/usage.js";
+import { ConversationView as M, KAESO_CONVERSATION_DEFAULT_VARIANTS as N, KAESO_CONVERSATION_VARIANTS as P } from "./kaeso/conversation.js";
+import { a as F, i as I, n as L, r as R, t as z } from "../chunks/rights-hMoaFasn.js";
+import { Fragment as B, forwardRef as V, useId as H, useMemo as U, useState as ee } from "react";
+import { jsx as W, jsxs as G } from "react/jsx-runtime";
+import { RadioGroup as te } from "@base-ui/react/radio-group";
 //#region src/components/kaeso/role-picker.tsx
-var R = { appearance: {
+var K = { appearance: {
 	list: { classes: "flex flex-col gap-16" },
 	select: { classes: "" }
-} }, z = { appearance: "list" }, B = /* @__PURE__ */ N(function({ roles: a, value: o, onValueChange: s, appearance: c = "list", disabled: l, name: u, label: d, "aria-label": f, fullWidth: p, size: m = "md", className: h }, g) {
-	let _ = t(), v = P(), y = _("rolePicker.builtInRoles", "Built-in roles"), b = _("rolePicker.customRoles", "Custom roles"), x = a.some((e) => e.custom);
-	if (c === "select") return /* @__PURE__ */ F("div", {
+} }, ne = { appearance: "list" }, q = /* @__PURE__ */ V(function({ roles: n, value: i, onValueChange: a, appearance: o = "list", disabled: l, name: u, label: d, "aria-label": f, fullWidth: p, size: m = "md", className: h }, g) {
+	let _ = t(), v = H(), y = _("rolePicker.builtInRoles", "Built-in roles"), b = _("rolePicker.customRoles", "Custom roles"), x = n.some((e) => e.custom);
+	if (o === "select") return /* @__PURE__ */ W("div", {
 		ref: g,
 		className: e("min-w-0", p && "w-full", h),
-		children: /* @__PURE__ */ F(i, {
+		children: /* @__PURE__ */ W(c, {
 			...d ? { label: d } : {},
 			...f ? { "aria-label": f } : {},
 			...u ? { name: u } : {},
 			...l === void 0 ? {} : { disabled: l },
 			...p ? { fullWidth: p } : {},
 			size: m,
-			value: o ?? null,
-			...s ? { onValueChange: s } : {},
-			options: [...a.filter((e) => !e.custom), ...a.filter((e) => e.custom)].map((e) => ({
+			value: i ?? null,
+			...a ? { onValueChange: a } : {},
+			options: [...n.filter((e) => !e.custom), ...n.filter((e) => e.custom)].map((e) => ({
 				value: e.value,
 				label: e.label,
 				textValue: e.label,
@@ -43,137 +46,137 @@ var R = { appearance: {
 	});
 	let S = x ? [{
 		caption: y,
-		items: a.filter((e) => !e.custom)
+		items: n.filter((e) => !e.custom)
 	}, {
 		caption: b,
-		items: a.filter((e) => e.custom)
+		items: n.filter((e) => e.custom)
 	}] : [{
 		caption: void 0,
-		items: a
+		items: n
 	}];
-	return /* @__PURE__ */ F(L, {
+	return /* @__PURE__ */ W(te, {
 		ref: g,
-		...o == null ? {} : { value: o },
-		...s ? { onValueChange: (e) => s(String(e)) } : {},
+		...i == null ? {} : { value: i },
+		...a ? { onValueChange: (e) => a(String(e)) } : {},
 		...l === void 0 ? {} : { disabled: l },
 		...u ? { name: u } : {},
 		"aria-label": f ?? d ?? _("rolePicker.role", "Role"),
-		className: e(R.appearance.list.classes, h),
-		children: S.filter((e) => e.items.length > 0).map((t, i) => /* @__PURE__ */ F(M, { children: /* @__PURE__ */ I("div", {
+		className: e(K.appearance.list.classes, h),
+		children: S.filter((e) => e.items.length > 0).map((t, n) => /* @__PURE__ */ W(B, { children: /* @__PURE__ */ G("div", {
 			className: "flex flex-col gap-8",
-			children: [t.caption && /* @__PURE__ */ F("span", {
+			children: [t.caption && /* @__PURE__ */ W("span", {
 				className: "px-4 text-caption font-medium text-fg-secondary",
 				children: t.caption
-			}), /* @__PURE__ */ F("div", {
+			}), /* @__PURE__ */ W("div", {
 				className: "flex flex-col overflow-hidden rounded-group bg-raised shadow-xs",
-				children: t.items.map((t, a) => {
-					let o = `${v}-${i}-${a}`, s = l || t.disabled, c = /* @__PURE__ */ I("label", {
-						htmlFor: o,
-						className: e("flex min-h-56 cursor-pointer items-center gap-16 px-16 py-12 transition-control hover:bg-fill-1 not-first:hairline-t", s && "cursor-not-allowed hover:bg-transparent"),
-						children: [/* @__PURE__ */ I("span", {
+				children: t.items.map((t, i) => {
+					let a = `${v}-${n}-${i}`, o = l || t.disabled, c = /* @__PURE__ */ G("label", {
+						htmlFor: a,
+						className: e("flex min-h-56 cursor-pointer items-center gap-16 px-16 py-12 transition-control hover:bg-fill-1 not-first:hairline-t", o && "cursor-not-allowed hover:bg-transparent"),
+						children: [/* @__PURE__ */ G("span", {
 							className: "flex min-w-0 flex-1 flex-col gap-2",
 							children: [
-								/* @__PURE__ */ I("span", {
+								/* @__PURE__ */ G("span", {
 									className: "flex min-w-0 items-baseline gap-8",
-									children: [/* @__PURE__ */ F("span", {
-										id: `${o}-name`,
-										className: e("min-w-0 wrap-break-word text-body font-medium", s ? "text-fg-disabled" : "text-fg"),
+									children: [/* @__PURE__ */ W("span", {
+										id: `${a}-name`,
+										className: e("min-w-0 wrap-break-word text-body font-medium", o ? "text-fg-disabled" : "text-fg"),
 										children: t.label
-									}), t.hint && /* @__PURE__ */ F("span", {
+									}), t.hint && /* @__PURE__ */ W("span", {
 										className: "ml-auto shrink-0 text-small text-fg-tertiary tabular",
 										children: t.hint
 									})]
 								}),
-								t.description && /* @__PURE__ */ F("span", {
-									id: `${o}-desc`,
-									className: e("text-small text-pretty", s ? "text-fg-tertiary" : "text-fg-secondary"),
+								t.description && /* @__PURE__ */ W("span", {
+									id: `${a}-desc`,
+									className: e("text-small text-pretty", o ? "text-fg-tertiary" : "text-fg-secondary"),
 									children: t.description
 								}),
-								t.disabled && t.disabledReason && /* @__PURE__ */ F("span", {
+								t.disabled && t.disabledReason && /* @__PURE__ */ W("span", {
 									className: "text-caption text-fg-tertiary",
 									children: t.disabledReason
 								})
 							]
-						}), /* @__PURE__ */ F(r, {
-							id: o,
+						}), /* @__PURE__ */ W(s, {
+							id: a,
 							value: t.value,
 							...t.disabled ? { disabled: !0 } : {},
-							"aria-labelledby": `${o}-name`,
-							...t.description ? { "aria-describedby": `${o}-desc` } : {}
+							"aria-labelledby": `${a}-name`,
+							...t.description ? { "aria-describedby": `${a}-desc` } : {}
 						})]
 					});
-					return t.disabled && t.disabledReason ? /* @__PURE__ */ F(n, {
+					return t.disabled && t.disabledReason ? /* @__PURE__ */ W(r, {
 						content: t.disabledReason,
 						children: c
-					}, t.value) : /* @__PURE__ */ F(M, { children: c }, t.value);
+					}, t.value) : /* @__PURE__ */ W(B, { children: c }, t.value);
 				})
 			})]
 		}) }, t.caption ?? "all"))
 	});
 });
-process.env.NODE_ENV !== "production" && (B.displayName = "RolePicker");
+process.env.NODE_ENV !== "production" && (q.displayName = "RolePicker");
 //#endregion
 //#region src/components/kaeso/effective-access.tsx
-var V = { layout: { rows: { classes: "flex flex-col @auth:grid @auth:grid-cols-term @auth:gap-x-16" } } }, H = { layout: "rows" }, U = /* @__PURE__ */ N(function({ groups: r, sources: i, action: o, "aria-label": s, className: c }, l) {
-	let u = t(), d = r.filter((e) => !e.rights.some((e) => e.granted));
-	return /* @__PURE__ */ I("div", {
-		ref: l,
+var J = { layout: { rows: { classes: "flex flex-col @auth:grid @auth:grid-cols-term @auth:gap-x-16" } } }, re = { layout: "rows" }, Y = /* @__PURE__ */ V(function({ groups: n, sources: i, action: a, "aria-label": o, className: s }, c) {
+	let l = t(), u = n.filter((e) => !e.rights.some((e) => e.granted));
+	return /* @__PURE__ */ G("div", {
+		ref: c,
 		role: "group",
-		"aria-label": s ?? u("effectiveAccess.access", "Access"),
-		className: e("@container flex min-w-0 flex-col gap-12", c),
+		"aria-label": o ?? l("effectiveAccess.access", "Access"),
+		className: e("@container flex min-w-0 flex-col gap-12", s),
 		children: [
-			!!i?.length && /* @__PURE__ */ I("span", {
+			!!i?.length && /* @__PURE__ */ G("span", {
 				className: "flex flex-wrap items-center gap-4",
-				children: [/* @__PURE__ */ F("span", {
+				children: [/* @__PURE__ */ W("span", {
 					className: "mr-4 text-small text-fg-secondary",
-					children: u("effectiveAccess.from", "From")
-				}), i.map((e) => e.detail ? /* @__PURE__ */ F(n, {
+					children: l("effectiveAccess.from", "From")
+				}), i.map((e) => e.detail ? /* @__PURE__ */ W(r, {
 					content: e.detail,
-					children: /* @__PURE__ */ F(a, {
+					children: /* @__PURE__ */ W(f, {
 						tabIndex: 0,
 						className: "focus-ring",
 						children: e.label
 					})
-				}, e.label) : /* @__PURE__ */ F(a, { children: e.label }, e.label))]
+				}, e.label) : /* @__PURE__ */ W(f, { children: e.label }, e.label))]
 			}),
-			/* @__PURE__ */ I("dl", {
-				className: V.layout.rows.classes,
-				children: [r.filter((e) => e.rights.some((e) => e.granted)).map((e) => {
-					let t = e.rights.filter((e) => e.granted), n = t.length === e.rights.length ? u("effectiveAccess.everyRight", "Every right") : t.map((e) => e.label ?? e.code).join(u("effectiveAccess.listSeparator", ", "));
-					return /* @__PURE__ */ F(W, {
+			/* @__PURE__ */ G("dl", {
+				className: J.layout.rows.classes,
+				children: [n.filter((e) => e.rights.some((e) => e.granted)).map((e) => {
+					let t = e.rights.filter((e) => e.granted), n = t.length === e.rights.length ? l("effectiveAccess.everyRight", "Every right") : t.map((e) => e.label ?? e.code).join(l("effectiveAccess.listSeparator", ", "));
+					return /* @__PURE__ */ W(X, {
 						term: e.label,
-						count: u("effectiveAccess.grantedOfTotal", "{granted} of {total}", {
+						count: l("effectiveAccess.grantedOfTotal", "{granted} of {total}", {
 							granted: t.length,
 							total: e.rights.length
 						}),
 						children: n
 					}, e.label);
-				}), d.length > 0 && /* @__PURE__ */ F(W, {
-					term: d.length === r.length ? u("effectiveAccess.noRights", "No rights") : u("effectiveAccess.noneIn", "None in"),
+				}), u.length > 0 && /* @__PURE__ */ W(X, {
+					term: u.length === n.length ? l("effectiveAccess.noRights", "No rights") : l("effectiveAccess.noRightsIn", "No rights in"),
 					quiet: !0,
-					children: d.map((e) => e.label).join(u("effectiveAccess.listSeparator", ", "))
+					children: u.map((e) => e.label).join(l("effectiveAccess.listSeparator", ", "))
 				})]
 			}),
-			o && /* @__PURE__ */ F("div", {
+			a && /* @__PURE__ */ W("div", {
 				className: "flex",
-				children: o
+				children: a
 			})
 		]
 	});
 });
-process.env.NODE_ENV !== "production" && (U.displayName = "EffectiveAccess");
-function W({ term: t, count: n, quiet: r, children: i }) {
-	return /* @__PURE__ */ I("div", {
+process.env.NODE_ENV !== "production" && (Y.displayName = "EffectiveAccess");
+function X({ term: t, count: n, quiet: r, children: i }) {
+	return /* @__PURE__ */ G("div", {
 		className: "flex min-h-40 flex-col gap-2 py-8 not-first:hairline-t @auth:col-span-2 @auth:grid @auth:grid-cols-subgrid @auth:items-baseline @auth:gap-16",
-		children: [/* @__PURE__ */ F("dt", {
+		children: [/* @__PURE__ */ W("dt", {
 			className: e("shrink-0 text-small font-medium @auth:min-w-140", r ? "text-fg-secondary" : "text-fg"),
 			children: t
-		}), /* @__PURE__ */ I("dd", {
+		}), /* @__PURE__ */ G("dd", {
 			className: "flex min-w-0 flex-1 items-baseline gap-12",
-			children: [/* @__PURE__ */ F("span", {
+			children: [/* @__PURE__ */ W("span", {
 				className: e("min-w-0 flex-1 text-small text-pretty", r ? "text-fg-tertiary" : "text-fg-secondary"),
 				children: i
-			}), n && /* @__PURE__ */ F("span", {
+			}), n && /* @__PURE__ */ W("span", {
 				className: "shrink-0 text-small text-fg-tertiary tabular",
 				children: n
 			})]
@@ -181,6 +184,131 @@ function W({ term: t, count: n, quiet: r, children: i }) {
 	});
 }
 //#endregion
-export { w as ConversationView, U as EffectiveAccess, h as EnvironmentSnippet, T as KAESO_CONVERSATION_DEFAULT_VARIANTS, E as KAESO_CONVERSATION_VARIANTS, H as KAESO_EFFECTIVE_ACCESS_DEFAULT_VARIANTS, V as KAESO_EFFECTIVE_ACCESS_VARIANTS, m as KAESO_IDENTITY_DEFAULT_VARIANTS, u as KAESO_IDENTITY_VARIANTS, g as KAESO_MOMENTS_DEFAULT_VARIANTS, _ as KAESO_MOMENTS_VARIANTS, j as KAESO_RIGHTS_MATRIX_DEFAULT_VARIANTS, k as KAESO_RIGHTS_MATRIX_VARIANTS, z as KAESO_ROLE_PICKER_DEFAULT_VARIANTS, R as KAESO_ROLE_PICKER_VARIANTS, b as KAESO_USAGE_DEFAULT_VARIANTS, x as KAESO_USAGE_VARIANTS, f as KeyDisplay, S as LimitMeter, c as ModelLabel, o as ProviderBadge, d as ProviderCard, p as RequestTimeline, A as RightsMatrix, B as RolePicker, v as SecretReveal, s as StatusCode, C as UsageBreakdown, O as groupCascade, l as providerName, D as rightsCascade, y as sdkSnippets };
+//#region src/components/kaeso/provider-picker.tsx
+var ie = { appearance: {
+	list: { classes: "" },
+	select: { classes: "" }
+} }, ae = { appearance: "list" }, Z = "";
+function Q(e, r) {
+	let i = t(), a = n();
+	return U(() => {
+		let t = (e) => S(e.id, e.name), n = (e, n) => t(e).localeCompare(t(n), a, { sensitivity: "base" }), o = (e) => ({
+			value: e.id,
+			label: t(e),
+			keywords: [e.id, ...e.keywords ?? []],
+			leading: /* @__PURE__ */ W("span", {
+				"aria-hidden": !0,
+				className: "flex",
+				children: /* @__PURE__ */ W(v, {
+					provider: e.id,
+					name: e.name
+				})
+			}),
+			...e.hint === void 0 ? {} : { meta: e.hint },
+			...e.disabled ? { disabled: !0 } : {}
+		}), s = e.filter((e) => e.connected).sort(n), c = e.filter((e) => !e.connected).sort(n), l = [];
+		return r && l.push({
+			id: "all",
+			items: [{
+				value: Z,
+				label: r
+			}]
+		}), s.length && c.length ? (l.push({
+			id: "connected",
+			label: i("providerPicker.connected", "Connected"),
+			count: s.length,
+			items: s.map(o)
+		}), l.push({
+			id: "other",
+			label: i("providerPicker.other", "Other providers"),
+			count: c.length,
+			items: c.map(o)
+		})) : l.push({
+			id: "providers",
+			items: [...s, ...c].map(o)
+		}), l;
+	}, [
+		e,
+		r,
+		i,
+		a
+	]);
+}
+var $ = /* @__PURE__ */ V(function(e, n) {
+	let { providers: r, value: s, onValueChange: c, appearance: f = "list", allLabel: p, placeholder: m, size: h = "md", disabled: g, autoFocus: _, "aria-label": y, className: b, "data-force": x, label: C, description: w, error: T, optional: E, required: D, layout: O } = e, k = t(), A = i(), j = a(e), [M, N] = ee(!1), P = Q(r, f === "select" ? p : void 0), F = y ?? (typeof C == "string" ? C : k("providerPicker.providers", "Providers")), I = m ?? k("providerPicker.search", "Search providers"), L = k("providerPicker.noMatch", "No providers match"), R = (e) => /* @__PURE__ */ W(l, {
+		groups: P,
+		"aria-label": F,
+		value: s ?? (p ? Z : null),
+		onSelect: (e) => {
+			c?.(e === Z ? null : e), N(!1);
+		},
+		placeholder: I,
+		emptyText: L,
+		...e ? { height: e } : {},
+		..._ || f === "select" ? { autoFocus: !0 } : {},
+		...e && x ? { "data-force": x } : {},
+		...e && b && !(C || w || T) ? { className: b } : {},
+		...e ? { ref: n } : {}
+	});
+	if (f === "list") {
+		let e = R("inline");
+		return A ? e : o({
+			label: C,
+			description: w,
+			error: T,
+			optional: E,
+			required: D,
+			layout: O,
+			id: j.wrapId,
+			disabled: g,
+			className: b
+		}, e);
+	}
+	let z = r.find((e) => e.id === s), B = /* @__PURE__ */ W(d, {
+		title: F,
+		width: "sm",
+		open: M,
+		onOpenChange: N,
+		trigger: /* @__PURE__ */ W(u, {
+			ref: n,
+			size: h === "sm" ? "sm" : "md",
+			...j.controlProps,
+			...y ? { "aria-label": y } : {},
+			...g ? { disabled: g } : {},
+			...x ? { "data-force": x } : {},
+			placeholder: m ?? k("providerPicker.choose", "Choose a provider"),
+			...!(C || w || T) && b ? { className: b } : {},
+			children: z ? /* @__PURE__ */ G("span", {
+				className: "flex min-w-0 items-center gap-8",
+				children: [/* @__PURE__ */ W("span", {
+					"aria-hidden": !0,
+					className: "flex",
+					children: /* @__PURE__ */ W(v, {
+						provider: z.id,
+						name: z.name
+					})
+				}), /* @__PURE__ */ W("span", {
+					className: "truncate",
+					children: S(z.id, z.name)
+				})]
+			}) : p
+		}),
+		children: R()
+	});
+	return A ? B : o({
+		label: C,
+		description: w,
+		error: T,
+		optional: E,
+		required: D,
+		layout: O,
+		id: j.wrapId,
+		disabled: g,
+		className: b
+	}, B);
+});
+process.env.NODE_ENV !== "production" && ($.displayName = "ProviderPicker");
+//#endregion
+export { x as CapabilityIcons, M as ConversationView, Y as EffectiveAccess, C as EnvironmentSnippet, N as KAESO_CONVERSATION_DEFAULT_VARIANTS, P as KAESO_CONVERSATION_VARIANTS, re as KAESO_EFFECTIVE_ACCESS_DEFAULT_VARIANTS, J as KAESO_EFFECTIVE_ACCESS_VARIANTS, _ as KAESO_IDENTITY_DEFAULT_VARIANTS, y as KAESO_IDENTITY_VARIANTS, w as KAESO_MOMENTS_DEFAULT_VARIANTS, T as KAESO_MOMENTS_VARIANTS, ae as KAESO_PROVIDER_PICKER_DEFAULT_VARIANTS, ie as KAESO_PROVIDER_PICKER_VARIANTS, z as KAESO_RIGHTS_MATRIX_DEFAULT_VARIANTS, L as KAESO_RIGHTS_MATRIX_VARIANTS, ne as KAESO_ROLE_PICKER_DEFAULT_VARIANTS, K as KAESO_ROLE_PICKER_VARIANTS, O as KAESO_USAGE_DEFAULT_VARIANTS, k as KAESO_USAGE_VARIANTS, h as KeyDisplay, A as LimitMeter, p as ModelLabel, v as ProviderBadge, b as ProviderCard, $ as ProviderPicker, m as RequestTimeline, R as RightsMatrix, q as RolePicker, E as SecretReveal, g as StatusCode, j as UsageBreakdown, I as groupCascade, S as providerName, F as rightsCascade, D as sdkSnippets, Q as useProviderGroups };
 
 //# sourceMappingURL=kaeso.js.map

package/dist/components/kaeso.js.map

@@ -1 +1 @@
-{"version":3,"file":"kaeso.js","names":["BaseRadioGroup","cn","useUiText","Tooltip","RadioCircle","Select","Badge","ProviderBadge","StatusCode","ModelLabel","KAESO_IDENTITY_VARIANTS","ProviderCard","KeyDisplay","RequestTimeline","KAESO_IDENTITY_DEFAULT_VARIANTS","rightsCascade","groupCascade","KAESO_RIGHTS_MATRIX_VARIANTS","RightsMatrix","KAESO_RIGHTS_MATRIX_DEFAULT_VARIANTS","KAESO_ROLE_PICKER_VARIANTS","KAESO_ROLE_PICKER_DEFAULT_VARIANTS","RolePicker","ariaLabel","t","baseId","useId","builtIn","custom","hasCustom","roles","r","appearance","fullWidth","className","label","name","disabled","value","onValueChange","sections","RadioGroup","v","s","Fragment","id","si","i","off","row","KAESO_EFFECTIVE_ACCESS_VARIANTS","KAESO_EFFECTIVE_ACCESS_DEFAULT_VARIANTS","EffectiveAccess","empty","groups","g","sources","granted","words","Row","action","quiet","term","count","ConversationView","EnvironmentSnippet","KAESO_CONVERSATION_DEFAULT_VARIANTS","KAESO_CONVERSATION_VARIANTS","KAESO_MOMENTS_DEFAULT_VARIANTS","KAESO_MOMENTS_VARIANTS","KAESO_USAGE_DEFAULT_VARIANTS","KAESO_USAGE_VARIANTS","LimitMeter","SecretReveal","UsageBreakdown","providerName","sdkSnippets"],"sources":["../../src/components/kaeso/role-picker.tsx","../../src/components/kaeso/effective-access.tsx"],"sourcesContent":["import { forwardRef, Fragment, useId } from \"react\";\nimport { RadioGroup as BaseRadioGroup } from \"@base-ui/react/radio-group\";\nimport { cn } from \"../../utils/cn.js\";\nimport { RadioCircle } from \"../radio/radio.js\";\nimport { Select } from \"../select/select.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_ROLE_PICKER_VARIANTS = {\n  appearance: {\n    list: {\n      classes: \"flex flex-col gap-16\",\n    },\n    select: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_ROLE_PICKER_DEFAULT_VARIANTS = { appearance: \"list\" } as const;\n\nexport interface RoleOption {\n  value: string;\n  label: string;\n  description?: string | undefined;\n  custom?: boolean | undefined;\n  hint?: string | undefined;\n  disabled?: boolean | undefined;\n  disabledReason?: string | undefined;\n}\n\nexport interface RolePickerProps {\n  roles: RoleOption[];\n  value?: string | null | undefined;\n  onValueChange?: ((value: string) => void) | undefined;\n  appearance?: keyof typeof KAESO_ROLE_PICKER_VARIANTS.appearance | undefined;\n  disabled?: boolean | undefined;\n  name?: string | undefined;\n  label?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  fullWidth?: boolean | undefined;\n  size?: \"sm\" | \"md\" | undefined;\n  className?: string | undefined;\n}\n\nexport const RolePicker = /* @__PURE__ */ forwardRef<HTMLDivElement, RolePickerProps>(function RolePicker(\n  { roles, value, onValueChange, appearance = \"list\", disabled, name, label, \"aria-label\": ariaLabel, fullWidth, size = \"md\", className },\n  ref,\n) {\n  const t = useUiText();\n  const baseId = useId();\n  const builtIn = t(\"rolePicker.builtInRoles\", \"Built-in roles\");\n  const custom = t(\"rolePicker.customRoles\", \"Custom roles\");\n  const hasCustom = roles.some((r) => r.custom);\n  if (appearance === \"select\") {\n    return (\n      <div ref={ref} className={cn(\"min-w-0\", fullWidth && \"w-full\", className)}>\n        <Select\n          {...(label ? { label } : {})}\n          {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n          {...(name ? { name } : {})}\n          {...(disabled !== undefined ? { disabled } : {})}\n          {...(fullWidth ? { fullWidth } : {})}\n          size={size}\n          value={value ?? null}\n          {...(onValueChange ? { onValueChange } : {})}\n          options={[...roles.filter((r) => !r.custom), ...roles.filter((r) => r.custom)].map((r) => ({\n            value: r.value,\n            label: r.label,\n            textValue: r.label,\n            description: r.disabled && r.disabledReason ? r.disabledReason : r.description,\n            ...(hasCustom ? { group: r.custom ? custom : builtIn } : {}),\n            ...(r.disabled ? { disabled: true } : {}),\n          }))}\n        />\n      </div>\n    );\n  }\n  const sections = hasCustom\n    ? [\n        { caption: builtIn, items: roles.filter((r) => !r.custom) },\n        { caption: custom, items: roles.filter((r) => r.custom) },\n      ]\n    : [{ caption: undefined, items: roles }];\n  return (\n    <BaseRadioGroup\n      ref={ref}\n      {...(value != null ? { value } : {})}\n      {...(onValueChange ? { onValueChange: (v: unknown) => onValueChange(String(v)) } : {})}\n      {...(disabled !== undefined ? { disabled } : {})}\n      {...(name ? { name } : {})}\n      aria-label={ariaLabel ?? label ?? t(\"rolePicker.role\", \"Role\")}\n      className={cn(KAESO_ROLE_PICKER_VARIANTS.appearance.list.classes, className)}\n    >\n      {sections\n        .filter((s) => s.items.length > 0)\n        .map((s, si) => (\n          <Fragment key={s.caption ?? \"all\"}>\n            <div className=\"flex flex-col gap-8\">\n              {s.caption && <span className=\"px-4 text-caption font-medium text-fg-secondary\">{s.caption}</span>}\n              <div className=\"flex flex-col overflow-hidden rounded-group bg-raised shadow-xs\">\n                {s.items.map((r, i) => {\n                  const id = `${baseId}-${si}-${i}`;\n                  const off = disabled || r.disabled;\n                  const row = (\n                    <label\n                      htmlFor={id}\n                      className={cn(\n                        \"flex min-h-56 cursor-pointer items-center gap-16 px-16 py-12 transition-control hover:bg-fill-1 not-first:hairline-t\",\n                        off && \"cursor-not-allowed hover:bg-transparent\",\n                      )}\n                    >\n                      <span className=\"flex min-w-0 flex-1 flex-col gap-2\">\n                        <span className=\"flex min-w-0 items-baseline gap-8\">\n                          <span id={`${id}-name`} className={cn(\"min-w-0 wrap-break-word text-body font-medium\", off ? \"text-fg-disabled\" : \"text-fg\")}>\n                            {r.label}\n                          </span>\n                          {r.hint && <span className=\"ml-auto shrink-0 text-small text-fg-tertiary tabular\">{r.hint}</span>}\n                        </span>\n                        {r.description && (\n                          <span id={`${id}-desc`} className={cn(\"text-small text-pretty\", off ? \"text-fg-tertiary\" : \"text-fg-secondary\")}>\n                            {r.description}\n                          </span>\n                        )}\n                        {r.disabled && r.disabledReason && <span className=\"text-caption text-fg-tertiary\">{r.disabledReason}</span>}\n                      </span>\n                      <RadioCircle\n                        id={id}\n                        value={r.value}\n                        {...(r.disabled ? { disabled: true } : {})}\n                        aria-labelledby={`${id}-name`}\n                        {...(r.description ? { \"aria-describedby\": `${id}-desc` } : {})}\n                      />\n                    </label>\n                  );\n                  return r.disabled && r.disabledReason ? (\n                    <Tooltip key={r.value} content={r.disabledReason}>\n                      {row}\n                    </Tooltip>\n                  ) : (\n                    <Fragment key={r.value}>{row}</Fragment>\n                  );\n                })}\n              </div>\n            </div>\n          </Fragment>\n        ))}\n    </BaseRadioGroup>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") RolePicker.displayName = \"RolePicker\";\n","import { forwardRef, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Badge } from \"../badge/badge.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport type { RightSource, RightsGroup } from \"./rights.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_EFFECTIVE_ACCESS_VARIANTS = {\n  layout: {\n    rows: {\n      classes: \"flex flex-col @auth:grid @auth:grid-cols-term @auth:gap-x-16\",\n    },\n  },\n} as const;\nexport const KAESO_EFFECTIVE_ACCESS_DEFAULT_VARIANTS = { layout: \"rows\" } as const;\n\nexport interface EffectiveAccessProps {\n  groups: RightsGroup[];\n  sources?: RightSource[] | undefined;\n  action?: ReactNode | undefined;\n  \"aria-label\"?: string | undefined;\n  className?: string | undefined;\n}\n\nexport const EffectiveAccess = /* @__PURE__ */ forwardRef<HTMLDivElement, EffectiveAccessProps>(function EffectiveAccess(\n  { groups, sources, action, \"aria-label\": ariaLabel, className },\n  ref,\n) {\n  const t = useUiText();\n  const empty = groups.filter((g) => !g.rights.some((r) => r.granted));\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-label={ariaLabel ?? t(\"effectiveAccess.access\", \"Access\")}\n      className={cn(\"@container flex min-w-0 flex-col gap-12\", className)}\n    >\n      {!!sources?.length && (\n        <span className=\"flex flex-wrap items-center gap-4\">\n          <span className=\"mr-4 text-small text-fg-secondary\">{t(\"effectiveAccess.from\", \"From\")}</span>\n          {sources.map((s) =>\n            s.detail ? (\n              <Tooltip key={s.label} content={s.detail}>\n                <Badge tabIndex={0} className=\"focus-ring\">\n                  {s.label}\n                </Badge>\n              </Tooltip>\n            ) : (\n              <Badge key={s.label}>{s.label}</Badge>\n            ),\n          )}\n        </span>\n      )}\n      <dl className={KAESO_EFFECTIVE_ACCESS_VARIANTS.layout.rows.classes}>\n        {groups\n          .filter((g) => g.rights.some((r) => r.granted))\n          .map((g) => {\n            const granted = g.rights.filter((r) => r.granted);\n            const words =\n              granted.length === g.rights.length\n                ? t(\"effectiveAccess.everyRight\", \"Every right\")\n                : granted.map((r) => r.label ?? r.code).join(t(\"effectiveAccess.listSeparator\", \", \"));\n            return (\n              <Row\n                key={g.label}\n                term={g.label}\n                count={t(\"effectiveAccess.grantedOfTotal\", \"{granted} of {total}\", { granted: granted.length, total: g.rights.length })}\n              >\n                {words}\n              </Row>\n            );\n          })}\n        {empty.length > 0 && (\n          <Row term={empty.length === groups.length ? t(\"effectiveAccess.noRights\", \"No rights\") : t(\"effectiveAccess.noneIn\", \"None in\")} quiet>\n            {empty.map((g) => g.label).join(t(\"effectiveAccess.listSeparator\", \", \"))}\n          </Row>\n        )}\n      </dl>\n      {action && <div className=\"flex\">{action}</div>}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") EffectiveAccess.displayName = \"EffectiveAccess\";\n\nfunction Row({ term, count, quiet, children }: { term: string; count?: string | undefined; quiet?: boolean | undefined; children: ReactNode }) {\n  return (\n    <div className=\"flex min-h-40 flex-col gap-2 py-8 not-first:hairline-t @auth:col-span-2 @auth:grid @auth:grid-cols-subgrid @auth:items-baseline @auth:gap-16\">\n      <dt className={cn(\"shrink-0 text-small font-medium @auth:min-w-140\", quiet ? \"text-fg-secondary\" : \"text-fg\")}>{term}</dt>\n      <dd className=\"flex min-w-0 flex-1 items-baseline gap-12\">\n        <span className={cn(\"min-w-0 flex-1 text-small text-pretty\", quiet ? \"text-fg-tertiary\" : \"text-fg-secondary\")}>{children}</span>\n        {count && <span className=\"shrink-0 text-small text-fg-tertiary tabular\">{count}</span>}\n      </dd>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"kaeso.js","names":["BaseRadioGroup","cn","useUiText","useLocale","useField","useFieldControl","withField","RadioCircle","Select","CommandList","PickerTrigger","PickerPopover","Badge","ModelLabel","RequestTimeline","KeyDisplay","StatusCode","KAESO_IDENTITY_DEFAULT_VARIANTS","ProviderBadge","KAESO_IDENTITY_VARIANTS","ProviderCard","CapabilityIcons","providerName","rightsCascade","groupCascade","KAESO_RIGHTS_MATRIX_VARIANTS","RightsMatrix","KAESO_RIGHTS_MATRIX_DEFAULT_VARIANTS","KAESO_ROLE_PICKER_VARIANTS","KAESO_ROLE_PICKER_DEFAULT_VARIANTS","RolePicker","ariaLabel","t","baseId","useId","builtIn","custom","hasCustom","roles","r","appearance","fullWidth","className","label","name","disabled","value","onValueChange","sections","RadioGroup","v","s","Fragment","id","si","off","row","Tooltip","KAESO_EFFECTIVE_ACCESS_VARIANTS","KAESO_EFFECTIVE_ACCESS_DEFAULT_VARIANTS","EffectiveAccess","empty","groups","g","sources","granted","words","Row","action","quiet","term","count","KAESO_PROVIDER_PICKER_VARIANTS","KAESO_PROVIDER_PICKER_DEFAULT_VARIANTS","ALL","useProviderGroups","locale","useMemo","nameOf","p","byName","a","b","item","connected","providers","rest","allLabel","ProviderPicker","force","props","field","fc","open","setOpen","useState","listLabel","search","placeholder","list","height","autoFocus","description","error","control","chosen","size","ConversationView","EnvironmentSnippet","KAESO_CONVERSATION_DEFAULT_VARIANTS","KAESO_CONVERSATION_VARIANTS","KAESO_MOMENTS_DEFAULT_VARIANTS","KAESO_MOMENTS_VARIANTS","KAESO_USAGE_DEFAULT_VARIANTS","KAESO_USAGE_VARIANTS","LimitMeter","SecretReveal","UsageBreakdown","sdkSnippets"],"sources":["../../src/components/kaeso/role-picker.tsx","../../src/components/kaeso/effective-access.tsx","../../src/components/kaeso/provider-picker.tsx"],"sourcesContent":["import { forwardRef, Fragment, useId } from \"react\";\nimport { RadioGroup as BaseRadioGroup } from \"@base-ui/react/radio-group\";\nimport { cn } from \"../../utils/cn.js\";\nimport { RadioCircle } from \"../radio/radio.js\";\nimport { Select } from \"../select/select.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_ROLE_PICKER_VARIANTS = {\n  appearance: {\n    list: {\n      classes: \"flex flex-col gap-16\",\n    },\n    select: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_ROLE_PICKER_DEFAULT_VARIANTS = { appearance: \"list\" } as const;\n\nexport interface RoleOption {\n  value: string;\n  label: string;\n  description?: string | undefined;\n  custom?: boolean | undefined;\n  hint?: string | undefined;\n  disabled?: boolean | undefined;\n  disabledReason?: string | undefined;\n}\n\nexport interface RolePickerProps {\n  roles: RoleOption[];\n  value?: string | null | undefined;\n  onValueChange?: ((value: string) => void) | undefined;\n  appearance?: keyof typeof KAESO_ROLE_PICKER_VARIANTS.appearance | undefined;\n  disabled?: boolean | undefined;\n  name?: string | undefined;\n  label?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  fullWidth?: boolean | undefined;\n  size?: \"sm\" | \"md\" | undefined;\n  className?: string | undefined;\n}\n\nexport const RolePicker = /* @__PURE__ */ forwardRef<HTMLDivElement, RolePickerProps>(function RolePicker(\n  { roles, value, onValueChange, appearance = \"list\", disabled, name, label, \"aria-label\": ariaLabel, fullWidth, size = \"md\", className },\n  ref,\n) {\n  const t = useUiText();\n  const baseId = useId();\n  const builtIn = t(\"rolePicker.builtInRoles\", \"Built-in roles\");\n  const custom = t(\"rolePicker.customRoles\", \"Custom roles\");\n  const hasCustom = roles.some((r) => r.custom);\n  if (appearance === \"select\") {\n    return (\n      <div ref={ref} className={cn(\"min-w-0\", fullWidth && \"w-full\", className)}>\n        <Select\n          {...(label ? { label } : {})}\n          {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n          {...(name ? { name } : {})}\n          {...(disabled !== undefined ? { disabled } : {})}\n          {...(fullWidth ? { fullWidth } : {})}\n          size={size}\n          value={value ?? null}\n          {...(onValueChange ? { onValueChange } : {})}\n          options={[...roles.filter((r) => !r.custom), ...roles.filter((r) => r.custom)].map((r) => ({\n            value: r.value,\n            label: r.label,\n            textValue: r.label,\n            description: r.disabled && r.disabledReason ? r.disabledReason : r.description,\n            ...(hasCustom ? { group: r.custom ? custom : builtIn } : {}),\n            ...(r.disabled ? { disabled: true } : {}),\n          }))}\n        />\n      </div>\n    );\n  }\n  const sections = hasCustom\n    ? [\n        { caption: builtIn, items: roles.filter((r) => !r.custom) },\n        { caption: custom, items: roles.filter((r) => r.custom) },\n      ]\n    : [{ caption: undefined, items: roles }];\n  return (\n    <BaseRadioGroup\n      ref={ref}\n      {...(value != null ? { value } : {})}\n      {...(onValueChange ? { onValueChange: (v: unknown) => onValueChange(String(v)) } : {})}\n      {...(disabled !== undefined ? { disabled } : {})}\n      {...(name ? { name } : {})}\n      aria-label={ariaLabel ?? label ?? t(\"rolePicker.role\", \"Role\")}\n      className={cn(KAESO_ROLE_PICKER_VARIANTS.appearance.list.classes, className)}\n    >\n      {sections\n        .filter((s) => s.items.length > 0)\n        .map((s, si) => (\n          <Fragment key={s.caption ?? \"all\"}>\n            <div className=\"flex flex-col gap-8\">\n              {s.caption && <span className=\"px-4 text-caption font-medium text-fg-secondary\">{s.caption}</span>}\n              <div className=\"flex flex-col overflow-hidden rounded-group bg-raised shadow-xs\">\n                {s.items.map((r, i) => {\n                  const id = `${baseId}-${si}-${i}`;\n                  const off = disabled || r.disabled;\n                  const row = (\n                    <label\n                      htmlFor={id}\n                      className={cn(\n                        \"flex min-h-56 cursor-pointer items-center gap-16 px-16 py-12 transition-control hover:bg-fill-1 not-first:hairline-t\",\n                        off && \"cursor-not-allowed hover:bg-transparent\",\n                      )}\n                    >\n                      <span className=\"flex min-w-0 flex-1 flex-col gap-2\">\n                        <span className=\"flex min-w-0 items-baseline gap-8\">\n                          <span id={`${id}-name`} className={cn(\"min-w-0 wrap-break-word text-body font-medium\", off ? \"text-fg-disabled\" : \"text-fg\")}>\n                            {r.label}\n                          </span>\n                          {r.hint && <span className=\"ml-auto shrink-0 text-small text-fg-tertiary tabular\">{r.hint}</span>}\n                        </span>\n                        {r.description && (\n                          <span id={`${id}-desc`} className={cn(\"text-small text-pretty\", off ? \"text-fg-tertiary\" : \"text-fg-secondary\")}>\n                            {r.description}\n                          </span>\n                        )}\n                        {r.disabled && r.disabledReason && <span className=\"text-caption text-fg-tertiary\">{r.disabledReason}</span>}\n                      </span>\n                      <RadioCircle\n                        id={id}\n                        value={r.value}\n                        {...(r.disabled ? { disabled: true } : {})}\n                        aria-labelledby={`${id}-name`}\n                        {...(r.description ? { \"aria-describedby\": `${id}-desc` } : {})}\n                      />\n                    </label>\n                  );\n                  return r.disabled && r.disabledReason ? (\n                    <Tooltip key={r.value} content={r.disabledReason}>\n                      {row}\n                    </Tooltip>\n                  ) : (\n                    <Fragment key={r.value}>{row}</Fragment>\n                  );\n                })}\n              </div>\n            </div>\n          </Fragment>\n        ))}\n    </BaseRadioGroup>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") RolePicker.displayName = \"RolePicker\";\n","import { forwardRef, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Badge } from \"../badge/badge.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport type { RightSource, RightsGroup } from \"./rights.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_EFFECTIVE_ACCESS_VARIANTS = {\n  layout: {\n    rows: {\n      classes: \"flex flex-col @auth:grid @auth:grid-cols-term @auth:gap-x-16\",\n    },\n  },\n} as const;\nexport const KAESO_EFFECTIVE_ACCESS_DEFAULT_VARIANTS = { layout: \"rows\" } as const;\n\nexport interface EffectiveAccessProps {\n  groups: RightsGroup[];\n  sources?: RightSource[] | undefined;\n  action?: ReactNode | undefined;\n  \"aria-label\"?: string | undefined;\n  className?: string | undefined;\n}\n\nexport const EffectiveAccess = /* @__PURE__ */ forwardRef<HTMLDivElement, EffectiveAccessProps>(function EffectiveAccess(\n  { groups, sources, action, \"aria-label\": ariaLabel, className },\n  ref,\n) {\n  const t = useUiText();\n  const empty = groups.filter((g) => !g.rights.some((r) => r.granted));\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-label={ariaLabel ?? t(\"effectiveAccess.access\", \"Access\")}\n      className={cn(\"@container flex min-w-0 flex-col gap-12\", className)}\n    >\n      {!!sources?.length && (\n        <span className=\"flex flex-wrap items-center gap-4\">\n          <span className=\"mr-4 text-small text-fg-secondary\">{t(\"effectiveAccess.from\", \"From\")}</span>\n          {sources.map((s) =>\n            s.detail ? (\n              <Tooltip key={s.label} content={s.detail}>\n                <Badge tabIndex={0} className=\"focus-ring\">\n                  {s.label}\n                </Badge>\n              </Tooltip>\n            ) : (\n              <Badge key={s.label}>{s.label}</Badge>\n            ),\n          )}\n        </span>\n      )}\n      <dl className={KAESO_EFFECTIVE_ACCESS_VARIANTS.layout.rows.classes}>\n        {groups\n          .filter((g) => g.rights.some((r) => r.granted))\n          .map((g) => {\n            const granted = g.rights.filter((r) => r.granted);\n            const words =\n              granted.length === g.rights.length\n                ? t(\"effectiveAccess.everyRight\", \"Every right\")\n                : granted.map((r) => r.label ?? r.code).join(t(\"effectiveAccess.listSeparator\", \", \"));\n            return (\n              <Row\n                key={g.label}\n                term={g.label}\n                count={t(\"effectiveAccess.grantedOfTotal\", \"{granted} of {total}\", { granted: granted.length, total: g.rights.length })}\n              >\n                {words}\n              </Row>\n            );\n          })}\n        {empty.length > 0 && (\n          <Row term={empty.length === groups.length ? t(\"effectiveAccess.noRights\", \"No rights\") : t(\"effectiveAccess.noRightsIn\", \"No rights in\")} quiet>\n            {empty.map((g) => g.label).join(t(\"effectiveAccess.listSeparator\", \", \"))}\n          </Row>\n        )}\n      </dl>\n      {action && <div className=\"flex\">{action}</div>}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") EffectiveAccess.displayName = \"EffectiveAccess\";\n\nfunction Row({ term, count, quiet, children }: { term: string; count?: string | undefined; quiet?: boolean | undefined; children: ReactNode }) {\n  return (\n    <div className=\"flex min-h-40 flex-col gap-2 py-8 not-first:hairline-t @auth:col-span-2 @auth:grid @auth:grid-cols-subgrid @auth:items-baseline @auth:gap-16\">\n      <dt className={cn(\"shrink-0 text-small font-medium @auth:min-w-140\", quiet ? \"text-fg-secondary\" : \"text-fg\")}>{term}</dt>\n      <dd className=\"flex min-w-0 flex-1 items-baseline gap-12\">\n        <span className={cn(\"min-w-0 flex-1 text-small text-pretty\", quiet ? \"text-fg-tertiary\" : \"text-fg-secondary\")}>{children}</span>\n        {count && <span className=\"shrink-0 text-small text-fg-tertiary tabular\">{count}</span>}\n      </dd>\n    </div>\n  );\n}\n","import { forwardRef, useMemo, useState, type ReactNode, type Ref } from \"react\";\nimport { useLocale, useUiText } from \"../../i18n/context.js\";\nimport { CommandList, type CommandListGroup } from \"../command-list/command-list.js\";\nimport { PickerPopover, PickerTrigger } from \"../command-list/picker-popover.js\";\nimport { useField, useFieldControl, withField, type FieldWrapProps } from \"../field/field.js\";\nimport { ProviderBadge, providerName } from \"./identity.js\";\n\nexport const KAESO_PROVIDER_PICKER_VARIANTS = {\n  appearance: {\n    list: { classes: \"\" },\n    select: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_PROVIDER_PICKER_DEFAULT_VARIANTS = { appearance: \"list\" } as const;\n\nexport interface ProviderPickerOption {\n  id: string;\n  name?: string | undefined;\n  connected?: boolean | undefined;\n  hint?: ReactNode | undefined;\n  keywords?: readonly string[] | undefined;\n  disabled?: boolean | undefined;\n}\n\nexport interface ProviderPickerProps extends FieldWrapProps {\n  providers: ProviderPickerOption[];\n  value?: string | null | undefined;\n  onValueChange?: ((id: string | null) => void) | undefined;\n  appearance?: keyof typeof KAESO_PROVIDER_PICKER_VARIANTS.appearance | undefined;\n  allLabel?: string | undefined;\n  placeholder?: string | undefined;\n  size?: \"sm\" | \"md\" | undefined;\n  disabled?: boolean | undefined;\n  autoFocus?: boolean | undefined;\n  \"aria-label\"?: string | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nconst ALL = \"\";\n\nexport function useProviderGroups(providers: ProviderPickerOption[], allLabel?: string | undefined): CommandListGroup[] {\n  const t = useUiText();\n  const locale = useLocale();\n  return useMemo(() => {\n    const nameOf = (p: ProviderPickerOption) => providerName(p.id, p.name);\n    const byName = (a: ProviderPickerOption, b: ProviderPickerOption) => nameOf(a).localeCompare(nameOf(b), locale, { sensitivity: \"base\" });\n    const item = (p: ProviderPickerOption) => ({\n      value: p.id,\n      label: nameOf(p),\n      keywords: [p.id, ...(p.keywords ?? [])],\n      leading: (\n        <span aria-hidden className=\"flex\">\n          <ProviderBadge provider={p.id} name={p.name} />\n        </span>\n      ),\n      ...(p.hint !== undefined ? { meta: p.hint } : {}),\n      ...(p.disabled ? { disabled: true } : {}),\n    });\n    const connected = providers.filter((p) => p.connected).sort(byName);\n    const rest = providers.filter((p) => !p.connected).sort(byName);\n    const groups: CommandListGroup[] = [];\n    if (allLabel) groups.push({ id: \"all\", items: [{ value: ALL, label: allLabel }] });\n    if (connected.length && rest.length) {\n      groups.push({ id: \"connected\", label: t(\"providerPicker.connected\", \"Connected\"), count: connected.length, items: connected.map(item) });\n      groups.push({ id: \"other\", label: t(\"providerPicker.other\", \"Other providers\"), count: rest.length, items: rest.map(item) });\n    } else groups.push({ id: \"providers\", items: [...connected, ...rest].map(item) });\n    return groups;\n  }, [providers, allLabel, t, locale]);\n}\n\nexport const ProviderPicker = /* @__PURE__ */ forwardRef<HTMLElement, ProviderPickerProps>(function ProviderPicker(props, ref) {\n  const {\n    providers,\n    value,\n    onValueChange,\n    appearance = \"list\",\n    allLabel,\n    placeholder,\n    size = \"md\",\n    disabled,\n    autoFocus,\n    \"aria-label\": ariaLabel,\n    className,\n    \"data-force\": force,\n    label,\n    description,\n    error,\n    optional,\n    required,\n    layout,\n  } = props;\n  const t = useUiText();\n  const field = useField();\n  const fc = useFieldControl(props);\n  const [open, setOpen] = useState(false);\n  const groups = useProviderGroups(providers, appearance === \"select\" ? allLabel : undefined);\n  const listLabel = ariaLabel ?? (typeof label === \"string\" ? label : t(\"providerPicker.providers\", \"Providers\"));\n  const search = placeholder ?? t(\"providerPicker.search\", \"Search providers\");\n  const empty = t(\"providerPicker.noMatch\", \"No providers match\");\n  const list = (height?: \"inline\") => (\n    <CommandList\n      groups={groups}\n      aria-label={listLabel}\n      value={value ?? (allLabel ? ALL : null)}\n      onSelect={(id) => {\n        onValueChange?.(id === ALL ? null : id);\n        setOpen(false);\n      }}\n      placeholder={search}\n      emptyText={empty}\n      {...(height ? { height } : {})}\n      {...(autoFocus || appearance === \"select\" ? { autoFocus: true } : {})}\n      {...(height && force ? { \"data-force\": force } : {})}\n      {...(height && className && !(label || description || error) ? { className } : {})}\n      {...(height ? { ref: ref as Ref<HTMLInputElement> } : {})}\n    />\n  );\n  if (appearance === \"list\") {\n    const control = list(\"inline\");\n    if (field) return control;\n    return withField({ label, description, error, optional, required, layout, id: fc.wrapId, disabled, className }, control);\n  }\n  const chosen = providers.find((p) => p.id === value);\n  const control = (\n    <PickerPopover\n      title={listLabel}\n      width=\"sm\"\n      open={open}\n      onOpenChange={setOpen}\n      trigger={\n        <PickerTrigger\n          ref={ref as Ref<HTMLButtonElement>}\n          size={size === \"sm\" ? \"sm\" : \"md\"}\n          {...fc.controlProps}\n          {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n          {...(disabled ? { disabled } : {})}\n          {...(force ? { \"data-force\": force } : {})}\n          placeholder={placeholder ?? t(\"providerPicker.choose\", \"Choose a provider\")}\n          {...(!(label || description || error) && className ? { className } : {})}\n        >\n          {chosen ? (\n            <span className=\"flex min-w-0 items-center gap-8\">\n              <span aria-hidden className=\"flex\">\n                <ProviderBadge provider={chosen.id} name={chosen.name} />\n              </span>\n              <span className=\"truncate\">{providerName(chosen.id, chosen.name)}</span>\n            </span>\n          ) : (\n            allLabel\n          )}\n        </PickerTrigger>\n      }\n    >\n      {list()}\n    </PickerPopover>\n  );\n  if (field) return control;\n  return withField({ label, description, error, optional, required, layout, id: fc.wrapId, disabled, className }, control);\n});\nif (process.env.NODE_ENV !== \"production\") ProviderPicker.displayName = \"ProviderPicker\";\n"],"mappings":"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"}

package/dist/components/kbd.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_KBD_DEFAULT_VARIANTS, n as KAESO_KBD_VARIANTS, r as Kbd, i as KbdSequence, a as keyLabel } from "../chunks/kbd-CBcBDvqU.js";
+export { t as KAESO_KBD_DEFAULT_VARIANTS, n as KAESO_KBD_VARIANTS, r as Kbd, i as KbdSequence, a as keyLabel } from "../chunks/kbd-DqWmbr_e.js";

package/dist/components/key-value.js

@@ -1,8 +1,8 @@
 "use client";
-import { t as e } from "../chunks/cn-CidVUKMm.js";
-import { r as t } from "../chunks/tooltip-DEbCCsru.js";
+import { t as e } from "../chunks/cn-DUDmdLpZ.js";
+import { r as t } from "../chunks/tooltip-S1DmyLVl.js";
 import { t as n } from "../chunks/use-truncated-CW0hByYt.js";
-import { n as r } from "../chunks/copy-button-DXxn-YYZ.js";
+import { n as r } from "../chunks/copy-button-CNpEnS04.js";
 import { forwardRef as i, useRef as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/key-value/key-value.tsx

package/dist/components/label.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../chunks/cn-CidVUKMm.js";
+import { t as e } from "../chunks/cn-DUDmdLpZ.js";
 import { i as t } from "../chunks/context-BELWW79w.js";
 import { forwardRef as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";

package/dist/components/layout.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../chunks/cn-CidVUKMm.js";
+import { t as e } from "../chunks/cn-DUDmdLpZ.js";
 import { forwardRef as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/layout/layout.tsx

package/dist/components/link.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_LINK_DEFAULT_VARIANTS, n as KAESO_LINK_VARIANTS, r as Link } from "../chunks/link-vz9aV8WX.js";
+export { t as KAESO_LINK_DEFAULT_VARIANTS, n as KAESO_LINK_VARIANTS, r as Link } from "../chunks/link-YMcxM-BZ.js";

package/dist/components/list.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as GroupHeader, n as KAESO_LIST_DEFAULT_VARIANTS, r as KAESO_LIST_VARIANTS, i as List, a as ListRow, o as SelectionAction, s as SelectionBar } from "../chunks/list-CzaiyNja.js";
+export { t as GroupHeader, n as KAESO_LIST_DEFAULT_VARIANTS, r as KAESO_LIST_VARIANTS, i as List, a as ListRow, o as SelectionAction, s as SelectionBar } from "../chunks/list-wXZIZo_s.js";

package/dist/components/loader.js

@@ -1,7 +1,7 @@
 "use client";
-import { t as e } from "../chunks/cn-CidVUKMm.js";
+import { t as e } from "../chunks/cn-DUDmdLpZ.js";
 import { i as t } from "../chunks/context-BELWW79w.js";
-import { i as n, n as r, r as i, t as a } from "../chunks/loader-CUehxvSZ.js";
+import { i as n, n as r, r as i, t as a } from "../chunks/loader-ENBh2Fbt.js";
 import { forwardRef as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/loader/status.tsx

package/dist/components/logo.js

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "../chunks/cn-CidVUKMm.js";
-import { a as t, i as n, n as r, r as i, t as a } from "../chunks/nav-wordmark-DLkItdvo.js";
+import { t as e } from "../chunks/cn-DUDmdLpZ.js";
+import { a as t, i as n, n as r, r as i, t as a } from "../chunks/nav-wordmark-DmbT1Aiw.js";
 import { forwardRef as o } from "react";
 import { jsx as s } from "react/jsx-runtime";
 //#region src/components/logo/logo.tsx

package/dist/components/markdown.js

@@ -1,4 +1,4 @@
 "use client";
 import { t as e } from "../chunks/safe-href-G5DBNVwm.js";
-import { a as t, i as n, n as r, r as i, s as a, t as o } from "../chunks/markdown-5NyaHHfN.js";
+import { a as t, i as n, n as r, r as i, s as a, t as o } from "../chunks/markdown-DWyxjsSY.js";
 export { o as KAESO_MARKDOWN_DEFAULT_VARIANTS, r as KAESO_MARKDOWN_VARIANTS, i as Markdown, n as lexMarkdown, t as markdownCodeLang, a as previewMarkdown, e as safeHref };

package/dist/components/menu.js

@@ -1,4 +1,4 @@
 "use client";
-import { c as e } from "../chunks/styles-Btvg2DCf.js";
-import { a as t, i as n, n as r, r as i, t as a } from "../chunks/menu-DyVPwgfF.js";
+import { c as e } from "../chunks/styles-CVJU9t9v.js";
+import { a as t, i as n, n as r, r as i, t as a } from "../chunks/menu-Bnfi9P3t.js";
 export { a as ContextMenu, r as KAESO_MENU_DEFAULT_VARIANTS, i as KAESO_MENU_VARIANTS, n as Menu, t as Menubar, e as menuStyles };

package/dist/components/meter.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_METER_DEFAULT_VARIANTS, n as KAESO_METER_VARIANTS, r as KAESO_PROGRESS_DEFAULT_VARIANTS, i as KAESO_PROGRESS_VARIANTS, a as Meter, o as Progress, s as meterColor } from "../chunks/meter-DWhyzFGQ.js";
+export { t as KAESO_METER_DEFAULT_VARIANTS, n as KAESO_METER_VARIANTS, r as KAESO_PROGRESS_DEFAULT_VARIANTS, i as KAESO_PROGRESS_VARIANTS, a as Meter, o as Progress, s as meterColor } from "../chunks/meter-DhTnem4k.js";

package/dist/components/page-header.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_PAGE_HEADER_DEFAULT_VARIANTS, n as KAESO_PAGE_HEADER_VARIANTS, r as PageHeader } from "../chunks/page-header-CEPZzhRp.js";
+export { t as KAESO_PAGE_HEADER_DEFAULT_VARIANTS, n as KAESO_PAGE_HEADER_VARIANTS, r as PageHeader } from "../chunks/page-header-Ccnrspbp.js";

package/dist/components/pagination.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_PAGINATION_DEFAULT_VARIANTS, n as KAESO_PAGINATION_VARIANTS, r as Pagination } from "../chunks/pagination-CCMxQ5pH.js";
+export { t as KAESO_PAGINATION_DEFAULT_VARIANTS, n as KAESO_PAGINATION_VARIANTS, r as Pagination } from "../chunks/pagination-CEmWZNjp.js";