@declarion/react 0.65.1 → 0.66.0

package/dist-lib/components/agents/AgentChatPanel.js

@@ -0,0 +1,12 @@
+import { Suspense as e, lazy as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/agents/AgentChatPanel.tsx
+var r = t(() => import("./AgentChatPanel.impl.js").then((e) => ({ default: e.AgentChatPanel })));
+function i(t) {
+	return t.open ? /* @__PURE__ */ n(e, {
+		fallback: null,
+		children: /* @__PURE__ */ n(r, { ...t })
+	}) : null;
+}
+//#endregion
+export { i as AgentChatPanel };

package/dist-lib/components/agents/AgentConversationDrawer.js

@@ -0,0 +1,59 @@
+import { Icon as e } from "../primitives/Icons.js";
+import { Btn as t } from "../primitives/Btn.js";
+import { useText as n } from "../../hooks/useText.js";
+import { useEntity as r } from "../../hooks/useEntity.js";
+import { useEffect as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/agents/AgentConversationDrawer.tsx
+function s({ open: s, onClose: c, conversations: l, activeId: u, onSelect: d, onNew: f, onRefresh: p }) {
+	let m = n(), h = m(r("agent_conversation")?.display?.name_plural) || "agent_conversation";
+	return i(() => {
+		s && p();
+	}, [s, p]), s ? /* @__PURE__ */ o("aside", {
+		className: "fixed left-0 top-0 z-40 flex h-full w-[320px] flex-col border-r border-border bg-card text-foreground shadow-2xl",
+		children: [
+			/* @__PURE__ */ o("header", {
+				className: "flex items-center justify-between border-b border-border px-4 py-3",
+				children: [/* @__PURE__ */ a("span", {
+					className: "font-semibold",
+					children: h
+				}), /* @__PURE__ */ o(t, {
+					kind: "ghost",
+					onClick: f,
+					children: [
+						/* @__PURE__ */ a(e.plus, {}),
+						" ",
+						m("agent.drawer.new", "New")
+					]
+				})]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "flex-1 overflow-y-auto",
+				children: [l.length === 0 && /* @__PURE__ */ a("div", {
+					className: "p-4 text-sm text-muted-foreground",
+					children: m("agent.drawer.empty", "No conversations yet.")
+				}), l.map((e) => /* @__PURE__ */ o("button", {
+					onClick: () => d(e.id),
+					className: `block w-full px-4 py-3 text-left border-b border-divider hover:bg-surface ${e.id === u ? "bg-surface" : ""}`,
+					children: [/* @__PURE__ */ a("div", {
+						className: "text-sm font-medium truncate",
+						children: e.title || m("agent.drawer.untitled", "Untitled")
+					}), /* @__PURE__ */ o("div", {
+						className: "text-xs text-muted-foreground",
+						children: [e.agent ? `${e.agent} · ` : "", e.status]
+					})]
+				}, e.id))]
+			}),
+			/* @__PURE__ */ a("footer", {
+				className: "border-t border-border p-2",
+				children: /* @__PURE__ */ a(t, {
+					kind: "ghost",
+					onClick: c,
+					children: m("agent.drawer.close", "Close")
+				})
+			})
+		]
+	}) : null;
+}
+//#endregion
+export { s as AgentConversationDrawer };

package/dist-lib/components/agents/AgentElicitForm.js

@@ -0,0 +1,152 @@
+import { coerceDisplayString as e } from "../../lib/display-value.js";
+import { Btn as t } from "../primitives/Btn.js";
+import { useText as n } from "../../hooks/useText.js";
+import { useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/agents/AgentElicitForm.tsx
+function o({ message: e, schema: o, onSubmit: c, onCancel: l }) {
+	let f = n(), [p, m] = r(() => d(o)), [h, g] = r(null), _ = () => {
+		let e = (o.required ?? []).filter((e) => u(p[e]));
+		e.length > 0 ? g(f("agent.elicit.required", "Required: {fields}", { fields: e.join(", ") })) : c(p);
+	}, v = Object.entries(o.properties ?? {});
+	return /* @__PURE__ */ a("div", {
+		className: "rounded-md border border-divider bg-surface p-3 text-sm",
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: "mb-3 font-medium",
+				children: e
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "space-y-2",
+				children: v.map(([e, t]) => /* @__PURE__ */ i(s, {
+					name: e,
+					prop: t,
+					required: (o.required ?? []).includes(e),
+					value: p[e],
+					onChange: (t) => m((n) => ({
+						...n,
+						[e]: t
+					}))
+				}, e))
+			}),
+			h && /* @__PURE__ */ i("div", {
+				className: "mt-2 text-xs text-destructive",
+				children: h
+			}),
+			/* @__PURE__ */ a("div", {
+				className: "mt-3 flex justify-end gap-2",
+				children: [l && /* @__PURE__ */ i(t, {
+					kind: "ghost",
+					onClick: l,
+					children: f("dialog.cancel", "Cancel")
+				}), /* @__PURE__ */ i(t, {
+					onClick: _,
+					children: f("agent.elicit.submit", "Submit")
+				})]
+			})
+		]
+	});
+}
+function s({ name: t, prop: n, required: r, value: o, onChange: s }) {
+	let u = (n.title ?? l(t)) + (r ? " *" : ""), d = n.description;
+	return n.enum ? /* @__PURE__ */ i(c, {
+		label: u,
+		help: d,
+		children: /* @__PURE__ */ a("select", {
+			value: e(o),
+			onChange: (e) => s(e.target.value),
+			className: "w-full rounded-md border border-border bg-card p-2 text-sm",
+			children: [/* @__PURE__ */ i("option", {
+				value: "",
+				children: "—"
+			}), n.enum.map((e) => /* @__PURE__ */ i("option", {
+				value: String(e),
+				children: String(e)
+			}, String(e)))]
+		})
+	}) : n.type === "boolean" ? /* @__PURE__ */ i(c, {
+		label: u,
+		help: d,
+		children: /* @__PURE__ */ i("input", {
+			type: "checkbox",
+			checked: !!o,
+			onChange: (e) => s(e.target.checked)
+		})
+	}) : n.type === "array" && n.items?.enum ? /* @__PURE__ */ i(c, {
+		label: u,
+		help: d,
+		children: /* @__PURE__ */ i("select", {
+			multiple: !0,
+			value: Array.isArray(o) ? o.map(String) : [],
+			onChange: (e) => {
+				s(Array.from(e.target.selectedOptions).map((e) => e.value));
+			},
+			className: "w-full rounded-md border border-border bg-card p-2 text-sm",
+			children: n.items.enum.map((e) => /* @__PURE__ */ i("option", {
+				value: String(e),
+				children: String(e)
+			}, String(e)))
+		})
+	}) : n.type === "integer" || n.type === "number" ? /* @__PURE__ */ i(c, {
+		label: u,
+		help: d,
+		children: /* @__PURE__ */ i("input", {
+			type: "number",
+			step: n.type === "integer" ? 1 : "any",
+			min: n.minimum,
+			max: n.maximum,
+			value: o == null ? "" : e(o),
+			onChange: (e) => {
+				s(e.target.value === "" ? void 0 : Number(e.target.value));
+			},
+			className: "w-full rounded-md border border-border bg-card p-2 text-sm"
+		})
+	}) : n.format === "multiline" ? /* @__PURE__ */ i(c, {
+		label: u,
+		help: d,
+		children: /* @__PURE__ */ i("textarea", {
+			rows: 3,
+			value: e(o),
+			onChange: (e) => s(e.target.value),
+			className: "w-full rounded-md border border-border bg-card p-2 text-sm"
+		})
+	}) : /* @__PURE__ */ i(c, {
+		label: u,
+		help: d,
+		children: /* @__PURE__ */ i("input", {
+			type: n.format === "email" ? "email" : n.format === "url" ? "url" : n.format === "date-time" ? "datetime-local" : "text",
+			value: e(o),
+			onChange: (e) => s(e.target.value),
+			className: "w-full rounded-md border border-border bg-card p-2 text-sm"
+		})
+	});
+}
+function c({ label: e, help: t, children: n }) {
+	return /* @__PURE__ */ a("label", {
+		className: "block",
+		children: [
+			/* @__PURE__ */ i("span", {
+				className: "block text-xs font-medium text-muted-foreground",
+				children: e
+			}),
+			n,
+			t && /* @__PURE__ */ i("span", {
+				className: "mt-0.5 block text-xs text-muted-foreground",
+				children: t
+			})
+		]
+	});
+}
+function l(e) {
+	return e.replace(/[_-]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
+}
+function u(e) {
+	return !!(e == null || e === "" || Array.isArray(e) && e.length === 0);
+}
+function d(e) {
+	let t = {};
+	for (let [n, r] of Object.entries(e.properties ?? {})) r.default !== void 0 && (t[n] = r.default);
+	return t;
+}
+//#endregion
+export { o as AgentElicitForm };

package/dist-lib/components/agents/AgentOpenFollower.impl.js

@@ -0,0 +1,7 @@
+import { useFollowAgentOpen as e } from "../../hooks/useFollowAgentOpen.js";
+//#region src/components/agents/AgentOpenFollower.impl.tsx
+function t() {
+	return e(), null;
+}
+//#endregion
+export { t as AgentOpenFollower };

package/dist-lib/components/agents/AgentOpenFollower.js

@@ -0,0 +1,12 @@
+import { Suspense as e, lazy as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/agents/AgentOpenFollower.tsx
+var r = t(() => import("./AgentOpenFollower.impl.js").then((e) => ({ default: e.AgentOpenFollower })));
+function i() {
+	return /* @__PURE__ */ n(e, {
+		fallback: null,
+		children: /* @__PURE__ */ n(r, {})
+	});
+}
+//#endregion
+export { i as AgentOpenFollower };

package/dist-lib/components/agents/AgentPicker.js

@@ -0,0 +1,58 @@
+import { useText as e } from "../../hooks/useText.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/agents/AgentPicker.tsx
+function r({ agents: r, selectedId: a, onSelect: o, label: s }) {
+	let c = e();
+	if (r.length < 2) return null;
+	let l = r.find((e) => e.id === a);
+	return /* @__PURE__ */ n("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			padding: "8px 14px",
+			borderBottom: "1px solid var(--divider)"
+		},
+		children: [
+			/* @__PURE__ */ t("label", {
+				htmlFor: "agent-picker",
+				style: {
+					fontSize: 10.5,
+					color: "var(--text-3)"
+				},
+				children: s
+			}),
+			/* @__PURE__ */ t("select", {
+				id: "agent-picker",
+				value: a ?? "",
+				onChange: (e) => o(e.target.value),
+				style: {
+					flex: 1,
+					fontSize: 11.5,
+					padding: "3px 6px",
+					borderRadius: "var(--radius-md)",
+					border: "1px solid var(--border)",
+					background: "var(--surface-2)",
+					color: "var(--text)"
+				},
+				children: r.map((e) => /* @__PURE__ */ t("option", {
+					value: e.id,
+					children: i(e, c)
+				}, e.id))
+			}),
+			l?.description && /* @__PURE__ */ t("span", {
+				style: {
+					flex: 2,
+					fontSize: 10.5,
+					color: "var(--text-3)"
+				},
+				children: c(l.description)
+			})
+		]
+	});
+}
+function i(e, t) {
+	return t(e.name) || e.code;
+}
+//#endregion
+export { r as AgentPicker };

package/dist-lib/components/agents/transcript-runs.js

@@ -0,0 +1,52 @@
+//#region src/components/agents/transcript-runs.ts
+var e = /* @__PURE__ */ new Set(["operation.search"]);
+function t(t, o = []) {
+	let s = [], c = /* @__PURE__ */ new Map();
+	for (let e of o) e.assistant_message_id && e.provider_call_id && c.set(r(e.assistant_message_id, e.provider_call_id), e);
+	for (let r of t) {
+		let t = n(r, c);
+		if (a(r) && s.push({
+			kind: "message",
+			message: i(r)
+		}), t.length === 0) continue;
+		let o = s[s.length - 1], l = o?.kind === "run" ? o : (s.push({
+			kind: "run",
+			id: r.id,
+			calls: []
+		}), s[s.length - 1]);
+		for (let n of t) e.has(n.name) || l.calls.push(n);
+		l.calls.length === 0 && s.pop();
+	}
+	return s;
+}
+function n(e, t) {
+	let n = [];
+	for (let i of e.content ?? []) {
+		if (i.type !== "tool_use") continue;
+		let a = i, o = a.id ?? "", s = t.get(r(e.id, o)), c = s?.status;
+		n.push({
+			id: s?.id ?? `${e.id}:${o || n.length}`,
+			name: a.name ?? "",
+			input: a.input,
+			messageId: e.id,
+			status: c,
+			...s?.result === void 0 ? {} : { output: s.result },
+			...c === "failed" || c === "rejected" || c === "canceled" || c === "outcome_unknown" ? { isError: !0 } : {}
+		});
+	}
+	return n;
+}
+function r(e, t) {
+	return `${e}\u0000${t}`;
+}
+function i(e) {
+	return {
+		...e,
+		content: (e.content ?? []).filter((e) => e.type !== "tool_use" && e.type !== "tool_result")
+	};
+}
+function a(e) {
+	return (e.content ?? []).some((e) => e.type !== "tool_use" && e.type !== "tool_result");
+}
+//#endregion
+export { t as fold };

package/dist-lib/components/chrome/AssociationTabs.js

@@ -0,0 +1,176 @@
+import { fieldDisplayName as e } from "../../types/schema.js";
+import { Icon as t } from "../primitives/Icons.js";
+import { Btn as n } from "../primitives/Btn.js";
+import { useText as r } from "../../hooks/useText.js";
+import { SectionCard as i } from "../primitives/SectionCard.js";
+import { DynamicIcon as a } from "../shared/DynamicIcon.js";
+import { listEntities as o, resolveAssociation as s } from "../../api/data.js";
+import { useTabNavigate as c } from "../../hooks/useTabNavigate.js";
+import { findListScreenForEntity as l } from "../../lib/actions.js";
+import { renderField as u } from "../fields/index.js";
+import { dataTableCellStyle as d, dataTableHeadCellStyle as f, dataTableStyle as p } from "../primitives/dataTableStyles.js";
+import { useMemo as m, useState as h } from "react";
+import { useQuery as g } from "@tanstack/react-query";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region src/components/chrome/AssociationTabs.tsx
+function y({ entityCode: e, recordId: t, associations: n, schema: o }) {
+	let s = r(), c = m(() => Object.entries(n), [n]), [l, u] = h(0);
+	if (c.length === 0) return null;
+	let [d, f] = c[l];
+	return /* @__PURE__ */ _(i, {
+		title: /* @__PURE__ */ _("div", {
+			style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 4,
+				borderBottom: "1px solid var(--divider)",
+				margin: "-10px -14px 0 -14px",
+				padding: "0 14px"
+			},
+			children: c.map(([e, t], n) => {
+				let r = n === l;
+				return /* @__PURE__ */ v("button", {
+					onClick: (e) => {
+						e.stopPropagation(), u(n);
+					},
+					style: {
+						display: "inline-flex",
+						alignItems: "center",
+						gap: 6,
+						padding: "10px 12px",
+						fontSize: 12.5,
+						background: "transparent",
+						border: 0,
+						borderBottom: `2px solid ${r ? "var(--accent)" : "transparent"}`,
+						marginBottom: -1,
+						color: r ? "var(--text)" : "var(--text-3)",
+						cursor: "pointer",
+						fontWeight: r ? 600 : 500
+					},
+					children: [t.display?.icon && /* @__PURE__ */ _(a, {
+						name: t.display.icon,
+						size: 13
+					}), s(t.display?.name) || e]
+				}, e);
+			})
+		}),
+		collapsible: !1,
+		padding: "0",
+		children: /* @__PURE__ */ _(b, {
+			entityCode: e,
+			recordId: t,
+			assocKey: d,
+			association: f,
+			schema: o
+		})
+	});
+}
+function b({ entityCode: i, recordId: a, assocKey: h, association: y, schema: b }) {
+	let x = r(), S = r("errors"), C = c(), w = `${i}.${h}`, { data: T, isLoading: E } = g({
+		queryKey: [
+			"association",
+			w,
+			a
+		],
+		queryFn: () => s(w, [a])
+	}), D = T?.target_entity ?? y.target, O = b.entities[D], k = m(() => T?.ids ?? [], [T?.ids]), A = m(() => O?.fields.names().find((e) => O.fields.get(e)?.primary) ?? "id", [O]), j = m(() => k.slice(0, 50), [k]), { data: M, isLoading: N } = g({
+		queryKey: [
+			"association-records",
+			D,
+			j
+		],
+		queryFn: () => o(D, {
+			per_page: 50,
+			filters: [{
+				field: A,
+				op: "in",
+				value: j
+			}]
+		}),
+		enabled: j.length > 0 && !!O
+	}), P = M?.data ?? [], F = M?.$refs, I = m(() => O ? O.fields.names().filter((e) => {
+		let t = O.fields.get(e);
+		return t && !t.primary && !t.auto && t.display?.is_listable !== !1;
+	}).slice(0, 6) : [], [O]), L = () => {
+		let e = l(b, D);
+		if (!e) return;
+		let t = x(y.display?.name) || h, n = new URLSearchParams();
+		n.set("filters", JSON.stringify([{
+			field: A,
+			op: "in",
+			value: k
+		}])), C(e.route, {
+			title: t,
+			icon: y.display?.icon || e.icon,
+			search: n.toString()
+		});
+	}, R = {
+		fontSize: 12.5,
+		color: "var(--text-3)",
+		padding: "14px 16px"
+	};
+	if (E || N) return /* @__PURE__ */ _("div", {
+		style: R,
+		children: x("shell.loading", "Loading…")
+	});
+	if (!O) return /* @__PURE__ */ _("div", {
+		style: R,
+		children: S("record.related_entity_not_found", "The related record type is not declared in this deployment.")
+	});
+	if (k.length === 0) return /* @__PURE__ */ _("div", {
+		style: R,
+		children: x("shell.association.empty", "No related records.")
+	});
+	let z = l(b, D);
+	return /* @__PURE__ */ v("div", {
+		style: { padding: "8px 0" },
+		children: [
+			/* @__PURE__ */ v("table", {
+				style: p,
+				children: [/* @__PURE__ */ _("thead", { children: /* @__PURE__ */ _("tr", { children: I.map((t) => /* @__PURE__ */ _("th", {
+					style: f,
+					children: e(x, O.fields.get(t), t, b.entities)
+				}, t)) }) }), /* @__PURE__ */ _("tbody", { children: P.map((e, t) => /* @__PURE__ */ _("tr", { children: I.map((t) => {
+					let n = O.fields.get(t);
+					return n ? /* @__PURE__ */ _("td", {
+						style: d,
+						children: u({
+							field: n,
+							fieldName: t,
+							value: e[t],
+							mode: "display",
+							record: e,
+							refs: F,
+							t: x
+						})
+					}, t) : /* @__PURE__ */ _("td", {}, t);
+				}) }, t)) })]
+			}),
+			z && T && T.count > P.length && /* @__PURE__ */ _("div", {
+				style: {
+					padding: "10px 16px",
+					textAlign: "center"
+				},
+				children: /* @__PURE__ */ _(n, {
+					icon: /* @__PURE__ */ _(t.external, { size: 12 }),
+					onClick: L,
+					children: x("shell.association.view_all", "View all {count} records", { count: T.count })
+				})
+			}),
+			z && P.length > 0 && T && T.count <= P.length && /* @__PURE__ */ _("div", {
+				style: {
+					padding: "10px 16px",
+					textAlign: "center"
+				},
+				children: /* @__PURE__ */ _(n, {
+					kind: "ghost",
+					icon: /* @__PURE__ */ _(t.external, { size: 12 }),
+					onClick: L,
+					children: x("shell.association.open_list", "Open in list view")
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { y as AssociationTabs };

package/dist-lib/components/chrome/AuditMetaStrip.js

@@ -0,0 +1,64 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/components/chrome/AuditMetaStrip.tsx
+function n(e) {
+	return e.by != null || e.at != null;
+}
+function r({ lines: t }) {
+	let r = t.filter(n);
+	return r.length === 0 ? null : /* @__PURE__ */ e("div", {
+		style: {
+			display: "flex",
+			flexWrap: "wrap",
+			gap: "8px 24px",
+			padding: "10px 14px",
+			background: "var(--surface-2)",
+			border: "1px solid var(--border)",
+			borderRadius: "var(--radius-md)",
+			fontSize: 11.5,
+			color: "var(--text-3)"
+		},
+		children: r.map((t, n) => /* @__PURE__ */ e(i, { line: t }, n))
+	});
+}
+function i({ line: n }) {
+	return /* @__PURE__ */ t("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			minWidth: 0
+		},
+		children: [/* @__PURE__ */ e("span", {
+			style: {
+				fontSize: 11,
+				fontWeight: 600,
+				color: "var(--text-4)",
+				flexShrink: 0
+			},
+			children: n.label
+		}), /* @__PURE__ */ t("span", {
+			style: {
+				display: "inline-flex",
+				alignItems: "center",
+				gap: 6,
+				minWidth: 0
+			},
+			children: [
+				n.by != null && /* @__PURE__ */ e("span", {
+					style: { color: "var(--text-2)" },
+					children: n.by
+				}),
+				n.by != null && n.at != null && /* @__PURE__ */ e("span", {
+					style: { color: "var(--text-4)" },
+					children: "·"
+				}),
+				n.at != null && /* @__PURE__ */ e("span", {
+					className: "num",
+					children: n.at
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { r as AuditMetaStrip };

package/dist-lib/components/chrome/Breadcrumbs.js

@@ -0,0 +1,67 @@
+import { Icon as e } from "../primitives/Icons.js";
+import { Fragment as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/chrome/Breadcrumbs.tsx
+function a({ items: n, onCrumbClick: a }) {
+	return !n || n.length === 0 ? null : /* @__PURE__ */ r("nav", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 2,
+			fontSize: 12,
+			minWidth: 0,
+			overflow: "hidden",
+			flex: "0 1 auto"
+		},
+		children: n.map((s, c) => {
+			let l = c === n.length - 1, u = !!s.onClick || !!s.target;
+			return /* @__PURE__ */ i(t, { children: [c > 0 && /* @__PURE__ */ r("span", {
+				style: {
+					color: "var(--text-4)",
+					padding: "0 4px"
+				},
+				children: /* @__PURE__ */ r(e.right, { size: 11 })
+			}), /* @__PURE__ */ r(o, {
+				crumb: s,
+				last: l,
+				clickable: u,
+				onClick: a
+			})] }, c);
+		})
+	});
+}
+function o({ crumb: t, last: a, clickable: o, onClick: s }) {
+	let [c, l] = n(!1), u = t.icon && e[t.icon] ? e[t.icon] : e.folder;
+	return /* @__PURE__ */ i("button", {
+		onClick: () => {
+			o && (s ? s(t) : t.onClick && t.onClick());
+		},
+		disabled: !o,
+		onMouseEnter: () => l(!0),
+		onMouseLeave: () => l(!1),
+		style: {
+			background: c && o ? "var(--surface-3)" : "transparent",
+			border: 0,
+			padding: "4px 6px",
+			borderRadius: "var(--radius-sm)",
+			color: a || c && o ? "var(--text)" : "var(--text-3)",
+			fontWeight: a ? 600 : 500,
+			cursor: o ? "pointer" : "default",
+			whiteSpace: "nowrap",
+			maxWidth: 200,
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			fontSize: 12.5
+		},
+		children: [t.icon && u && /* @__PURE__ */ r("span", {
+			style: {
+				marginRight: 4,
+				display: "inline-block",
+				verticalAlign: "-2px"
+			},
+			children: /* @__PURE__ */ r(u, { size: 12 })
+		}), t.label]
+	});
+}
+//#endregion
+export { a as Breadcrumbs };