@plumile/backoffice-react 0.1.105 → 0.1.107

package/lib/esm/components/backoffice/detail/BackofficePayloadInspectorSection.js

@@ -0,0 +1,36 @@
+import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
+import { BackofficeDetailSection as t } from "./BackofficeDetailSection.js";
+import { formatJsonPayload as n } from "./detailPayloadUtils.js";
+import { details as r, summary as i } from "./backofficePayloadInspectorSection.css.js";
+import { LazyMarkdownRenderer as a } from "@plumile/ui";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/backoffice/detail/BackofficePayloadInspectorSection.tsx
+var c = (e, t) => e == null ? "" : t === "json" ? n(e) : typeof e == "string" ? t === "code" ? `\`\`\`\n${e}\n\`\`\`` : e : typeof e == "number" || typeof e == "boolean" ? String(e) : n(e), l = ({ title: n, description: l, summary: u, content: d, format: f, initiallyExpanded: p = !1, emptyLabel: m, detailsLabel: h }) => {
+	let { t: g } = e(), _ = c(d, f), v = m ?? g("common.notAvailable");
+	if (_.trim() === "" && u == null) return /* @__PURE__ */ o(t, {
+		title: n,
+		children: v
+	});
+	let y = _;
+	y.trim() === "" && (y = v);
+	let b = h;
+	return b ??= g("detail.actions.viewDetails"), /* @__PURE__ */ s(t, {
+		title: n,
+		description: l,
+		children: [u != null && /* @__PURE__ */ o("div", {
+			className: "txvbqb8y txvbqbva1 txvbqbl87",
+			children: u
+		}), /* @__PURE__ */ s("details", {
+			className: r,
+			open: p,
+			children: [/* @__PURE__ */ o("summary", {
+				className: i,
+				children: b
+			}), /* @__PURE__ */ o(a, { content: y })]
+		})]
+	});
+};
+//#endregion
+export { l as BackofficePayloadInspectorSection, l as default };
+
+//# sourceMappingURL=BackofficePayloadInspectorSection.js.map

package/lib/esm/components/backoffice/detail/BackofficePayloadInspectorSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficePayloadInspectorSection.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficePayloadInspectorSection.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { LazyMarkdownRenderer } from '@plumile/ui';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { BackofficeDetailSection } from './BackofficeDetailSection.js';\nimport { formatJsonPayload } from './detailPayloadUtils.js';\nimport * as styles from './backofficePayloadInspectorSection.css.js';\n\nexport type BackofficePayloadInspectorFormat =\n  | 'json'\n  | 'markdown'\n  | 'text'\n  | 'code';\n\nexport type BackofficePayloadInspectorSectionProps = {\n  readonly title: string;\n  readonly description?: string;\n  readonly summary?: ReactNode;\n  readonly content: unknown;\n  readonly format: BackofficePayloadInspectorFormat;\n  readonly initiallyExpanded?: boolean;\n  readonly emptyLabel?: string;\n  readonly detailsLabel?: string;\n};\n\nconst formatContent = (\n  content: unknown,\n  format: BackofficePayloadInspectorFormat,\n): string => {\n  if (content == null) {\n    return '';\n  }\n  if (format === 'json') {\n    return formatJsonPayload(content);\n  }\n  if (typeof content === 'string') {\n    if (format === 'code') {\n      return `\\`\\`\\`\\n${content}\\n\\`\\`\\``;\n    }\n    return content;\n  }\n  if (typeof content === 'number' || typeof content === 'boolean') {\n    return String(content);\n  }\n  return formatJsonPayload(content);\n};\n\nexport const BackofficePayloadInspectorSection = ({\n  title,\n  description,\n  summary,\n  content,\n  format,\n  initiallyExpanded = false,\n  emptyLabel,\n  detailsLabel,\n}: BackofficePayloadInspectorSectionProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const resolved = formatContent(content, format);\n  const empty = emptyLabel ?? t('common.notAvailable');\n\n  if (resolved.trim() === '' && summary == null) {\n    return (\n      <BackofficeDetailSection title={title}>{empty}</BackofficeDetailSection>\n    );\n  }\n\n  let detailsContent = resolved;\n  if (detailsContent.trim() === '') {\n    detailsContent = empty;\n  }\n\n  let resolvedDetailsLabel = detailsLabel;\n  resolvedDetailsLabel ??= t('detail.actions.viewDetails');\n\n  return (\n    <BackofficeDetailSection title={title} description={description}>\n      {summary != null && <div className={styles.preview}>{summary}</div>}\n      <details className={styles.details} open={initiallyExpanded}>\n        <summary className={styles.summary}>{resolvedDetailsLabel}</summary>\n        <LazyMarkdownRenderer content={detailsContent} />\n      </details>\n    </BackofficeDetailSection>\n  );\n};\n\nexport default BackofficePayloadInspectorSection;\n"],"mappings":";;;;;;;AAyBA,IAAM,KACJ,GACA,MAEI,KAAW,OACN,KAEL,MAAW,SACN,EAAkB,EAAQ,GAE/B,OAAO,KAAY,WACjB,MAAW,SACN,WAAW,EAAQ,YAErB,IAEL,OAAO,KAAY,YAAY,OAAO,KAAY,YAC7C,OAAO,EAAQ,GAEjB,EAAkB,EAAQ,EAGtB,KAAqC,EAChD,UACA,gBACA,SAAA,GACA,YACA,WACA,uBAAoB,IACpB,eACA,sBACyD;CACzD,IAAM,EAAE,SAAM,GAA+B,EACvC,IAAW,EAAc,GAAS,EAAO,EACzC,IAAQ,KAAc,EAAE,sBAAsB;CAEpD,IAAI,EAAS,MAAM,KAAK,MAAM,KAAW,MACvC,OACE,kBAAC,GAAD;EAAgC;YAAQ;EAAgC,CAAA;CAI5E,IAAI,IAAiB;CACrB,AAAI,EAAe,MAAM,KAAK,OAC5B,IAAiB;CAGnB,IAAI,IAAuB;CAG3B,OAFA,MAAyB,EAAE,6BAA6B,EAGtD,kBAAC,GAAD;EAAgC;EAAoB;YAApD,CACG,KAAW,QAAQ,kBAAC,OAAD;GAAK,WAAW;aAAiB;GAAc,CAAA,EACnE,kBAAC,WAAD;GAAS,WAAW;GAAgB,MAAM;aAA1C,CACE,kBAAC,WAAD;IAAS,WAAW;cAAiB;IAA+B,CAAA,EACpE,kBAAC,GAAD,EAAsB,SAAS,GAAkB,CAAA,CACzC;KACc"}

package/lib/esm/components/backoffice/detail/BackofficeReferenceValue.js

@@ -0,0 +1,22 @@
+import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
+import { root as t, value as n } from "./backofficeReferenceValue.css.js";
+import { Tag as r } from "@plumile/ui";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/backoffice/detail/BackofficeReferenceValue.tsx
+var o = ({ kind: o, value: s, emptyLabel: c }) => {
+	let { t: l } = e();
+	return /* @__PURE__ */ a("span", {
+		className: t,
+		children: [/* @__PURE__ */ i(r, {
+			tone: "neutral",
+			children: o
+		}), /* @__PURE__ */ i("span", {
+			className: n,
+			children: s ?? c ?? l("common.notAvailable")
+		})]
+	});
+};
+//#endregion
+export { o as BackofficeReferenceValue, o as default };
+
+//# sourceMappingURL=BackofficeReferenceValue.js.map

package/lib/esm/components/backoffice/detail/BackofficeReferenceValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeReferenceValue.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeReferenceValue.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { Tag } from '@plumile/ui';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport * as styles from './backofficeReferenceValue.css.js';\n\nexport type BackofficeReferenceValueProps = {\n  readonly kind: string;\n  readonly value: ReactNode | null | undefined;\n  readonly emptyLabel?: string;\n};\n\nexport const BackofficeReferenceValue = ({\n  kind,\n  value,\n  emptyLabel,\n}: BackofficeReferenceValueProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  return (\n    <span className={styles.root}>\n      <Tag tone=\"neutral\">{kind}</Tag>\n      <span className={styles.value}>\n        {value ?? emptyLabel ?? t('common.notAvailable')}\n      </span>\n    </span>\n  );\n};\n\nexport default BackofficeReferenceValue;\n"],"mappings":";;;;;AAYA,IAAa,KAA4B,EACvC,SACA,OAAA,GACA,oBACgD;CAChD,IAAM,EAAE,SAAM,GAA+B;CAE7C,OACE,kBAAC,QAAD;EAAM,WAAW;YAAjB,CACE,kBAAC,GAAD;GAAK,MAAK;aAAW;GAAW,CAAA,EAChC,kBAAC,QAAD;GAAM,WAAW;aACd,KAAS,KAAc,EAAE,sBAAsB;GAC3C,CAAA,CACF"}

package/lib/esm/components/backoffice/detail/BackofficeRelationsSummaryGrid.js

@@ -0,0 +1,43 @@
+import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
+import { BackofficeDetailSection as t } from "./BackofficeDetailSection.js";
+import { count as n, grid as r, item as i, label as a } from "./backofficeRelationsSummaryGrid.css.js";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Link as l } from "@plumile/router";
+//#region src/components/backoffice/detail/BackofficeRelationsSummaryGrid.tsx
+var u = ({ title: u, items: d }) => {
+	let { t: f } = e();
+	return d.length === 0 ? null : /* @__PURE__ */ s(t, {
+		title: u,
+		children: /* @__PURE__ */ s("div", {
+			className: r,
+			children: d.map((e) => {
+				let t = e.count ?? f("common.notAvailable"), r = /* @__PURE__ */ c(o, { children: [
+					/* @__PURE__ */ s("span", {
+						className: a,
+						children: e.label
+					}),
+					/* @__PURE__ */ s("span", {
+						className: n,
+						children: t
+					}),
+					e.description != null && /* @__PURE__ */ s("span", {
+						className: "txvbqb8y txvbqbva1 txvbqbl87",
+						children: e.description
+					})
+				] });
+				return e.href == null ? /* @__PURE__ */ s("div", {
+					className: i,
+					children: r
+				}, e.id) : /* @__PURE__ */ s(l, {
+					className: i,
+					to: e.href,
+					children: r
+				}, e.id);
+			})
+		})
+	});
+};
+//#endregion
+export { u as BackofficeRelationsSummaryGrid, u as default };
+
+//# sourceMappingURL=BackofficeRelationsSummaryGrid.js.map

package/lib/esm/components/backoffice/detail/BackofficeRelationsSummaryGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeRelationsSummaryGrid.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeRelationsSummaryGrid.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { Link } from '@plumile/router';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { BackofficeDetailSection } from './BackofficeDetailSection.js';\nimport type { BackofficeKpiTone } from './BackofficeKpiStrip.js';\nimport * as styles from './backofficeRelationsSummaryGrid.css.js';\n\nexport type BackofficeRelationSummaryItem = {\n  readonly id: string;\n  readonly label: string;\n  readonly count?: number | null;\n  readonly href?: string;\n  readonly description?: ReactNode;\n  readonly tone?: BackofficeKpiTone;\n};\n\nexport type BackofficeRelationsSummaryGridProps = {\n  readonly title: string;\n  readonly items: readonly BackofficeRelationSummaryItem[];\n};\n\nexport const BackofficeRelationsSummaryGrid = ({\n  title,\n  items,\n}: BackofficeRelationsSummaryGridProps): JSX.Element | null => {\n  const { t } = useBackofficeReactTranslation();\n\n  if (items.length === 0) {\n    return null;\n  }\n\n  return (\n    <BackofficeDetailSection title={title}>\n      <div className={styles.grid}>\n        {items.map((item) => {\n          const countNode = item.count ?? t('common.notAvailable');\n          const content = (\n            <>\n              <span className={styles.label}>{item.label}</span>\n              <span className={styles.count}>{countNode}</span>\n              {item.description != null && (\n                <span className={styles.description}>{item.description}</span>\n              )}\n            </>\n          );\n\n          if (item.href == null) {\n            return (\n              <div className={styles.item} key={item.id}>\n                {content}\n              </div>\n            );\n          }\n\n          return (\n            <Link className={styles.item} key={item.id} to={item.href}>\n              {content}\n            </Link>\n          );\n        })}\n      </div>\n    </BackofficeDetailSection>\n  );\n};\n\nexport default BackofficeRelationsSummaryGrid;\n"],"mappings":";;;;;;AAsBA,IAAa,KAAkC,EAC7C,UACA,eAC6D;CAC7D,IAAM,EAAE,SAAM,GAA+B;CAM7C,OAJI,EAAM,WAAW,IACZ,OAIP,kBAAC,GAAD;EAAgC;YAC9B,kBAAC,OAAD;GAAK,WAAW;aACb,EAAM,KAAK,MAAS;IACnB,IAAM,IAAY,EAAK,SAAS,EAAE,sBAAsB,EAClD,IACJ,kBAAA,GAAA,EAAA,UAAA;KACE,kBAAC,QAAD;MAAM,WAAW;gBAAe,EAAK;MAAa,CAAA;KAClD,kBAAC,QAAD;MAAM,WAAW;gBAAe;MAAiB,CAAA;KAChD,EAAK,eAAe,QACnB,kBAAC,QAAD;MAAM,WAAW;gBAAqB,EAAK;MAAmB,CAAA;KAE/D,EAAA,CAAA;IAWL,OARI,EAAK,QAAQ,OAEb,kBAAC,OAAD;KAAK,WAAW;eACb;KACG,EAF4B,EAAK,GAEjC,GAKR,kBAAC,GAAD;KAAM,WAAW;KAA2B,IAAI,EAAK;eAClD;KACI,EAF4B,EAAK,GAEjC;KAET;GACE,CAAA;EACkB,CAAA"}

package/lib/esm/components/backoffice/detail/BackofficeScopeStack.js

@@ -0,0 +1,28 @@
+import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
+import { BackofficeDetailSection as t } from "./BackofficeDetailSection.js";
+import { item as n, label as r, list as i, value as a } from "./backofficeScopeStack.css.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/backoffice/detail/BackofficeScopeStack.tsx
+var c = ({ title: c, items: l }) => {
+	let { t: u } = e();
+	return l.length === 0 ? null : /* @__PURE__ */ o(t, {
+		title: c,
+		children: /* @__PURE__ */ o("div", {
+			className: i,
+			children: l.map((e) => /* @__PURE__ */ s("div", {
+				className: n,
+				children: [/* @__PURE__ */ o("span", {
+					className: r,
+					children: e.label
+				}), /* @__PURE__ */ o("span", {
+					className: a,
+					children: e.value ?? u("common.notAvailable")
+				})]
+			}, e.id))
+		})
+	});
+};
+//#endregion
+export { c as BackofficeScopeStack, c as default };
+
+//# sourceMappingURL=BackofficeScopeStack.js.map

package/lib/esm/components/backoffice/detail/BackofficeScopeStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeScopeStack.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeScopeStack.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { BackofficeDetailSection } from './BackofficeDetailSection.js';\nimport * as styles from './backofficeScopeStack.css.js';\n\nexport type BackofficeScopeStackItem = {\n  readonly id: string;\n  readonly label: string;\n  readonly value: ReactNode | null | undefined;\n};\n\nexport type BackofficeScopeStackProps = {\n  readonly title: string;\n  readonly items: readonly BackofficeScopeStackItem[];\n};\n\nexport const BackofficeScopeStack = ({\n  title,\n  items,\n}: BackofficeScopeStackProps): JSX.Element | null => {\n  const { t } = useBackofficeReactTranslation();\n\n  if (items.length === 0) {\n    return null;\n  }\n\n  return (\n    <BackofficeDetailSection title={title}>\n      <div className={styles.list}>\n        {items.map((item) => {\n          return (\n            <div className={styles.item} key={item.id}>\n              <span className={styles.label}>{item.label}</span>\n              <span className={styles.value}>\n                {item.value ?? t('common.notAvailable')}\n              </span>\n            </div>\n          );\n        })}\n      </div>\n    </BackofficeDetailSection>\n  );\n};\n\nexport default BackofficeScopeStack;\n"],"mappings":";;;;;AAiBA,IAAa,KAAwB,EACnC,UACA,eACmD;CACnD,IAAM,EAAE,SAAM,GAA+B;CAM7C,OAJI,EAAM,WAAW,IACZ,OAIP,kBAAC,GAAD;EAAgC;YAC9B,kBAAC,OAAD;GAAK,WAAW;aACb,EAAM,KAAK,MAER,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACE,kBAAC,QAAD;KAAM,WAAW;eAAe,EAAK;KAAa,CAAA,EAClD,kBAAC,QAAD;KAAM,WAAW;eACd,EAAK,SAAS,EAAE,sBAAsB;KAClC,CAAA,CACH;MAL4B,EAAK,GAKjC,CAER;GACE,CAAA;EACkB,CAAA"}

package/lib/esm/components/backoffice/detail/BackofficeStatusMetaBadge.js

@@ -0,0 +1,27 @@
+import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
+import { badge as t } from "./backofficeStatusMetaBadge.css.js";
+import { StatusBadge as n } from "@plumile/ui";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/backoffice/detail/BackofficeStatusMetaBadge.tsx
+var i = {
+	neutral: "disabled",
+	info: "info",
+	success: "active",
+	warning: "warning",
+	danger: "error"
+}, a = ({ status: a, emptyLabel: o }) => {
+	let { t: s } = e();
+	return a == null ? /* @__PURE__ */ r(n, {
+		tone: "disabled",
+		className: t,
+		children: o ?? s("common.notAvailable")
+	}) : /* @__PURE__ */ r(n, {
+		tone: i[a.tone],
+		className: t,
+		children: a.label
+	});
+};
+//#endregion
+export { a as BackofficeStatusMetaBadge, a as default };
+
+//# sourceMappingURL=BackofficeStatusMetaBadge.js.map

package/lib/esm/components/backoffice/detail/BackofficeStatusMetaBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeStatusMetaBadge.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeStatusMetaBadge.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { StatusBadge } from '@plumile/ui';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport * as styles from './backofficeStatusMetaBadge.css.js';\n\nexport type BackofficeStatusMetaTone =\n  | 'neutral'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'danger';\n\nexport type BackofficeStatusMeta = {\n  readonly label: string;\n  readonly tone: BackofficeStatusMetaTone;\n};\n\nexport type BackofficeStatusMetaBadgeProps = {\n  readonly status: BackofficeStatusMeta | null | undefined;\n  readonly emptyLabel?: string;\n};\n\nconst statusToneMap = {\n  neutral: 'disabled',\n  info: 'info',\n  success: 'active',\n  warning: 'warning',\n  danger: 'error',\n} as const satisfies Record<\n  BackofficeStatusMetaTone,\n  'active' | 'disabled' | 'pending' | 'error' | 'warning' | 'info'\n>;\n\nexport const BackofficeStatusMetaBadge = ({\n  status,\n  emptyLabel,\n}: BackofficeStatusMetaBadgeProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  if (status == null) {\n    return (\n      <StatusBadge tone=\"disabled\" className={styles.badge}>\n        {emptyLabel ?? t('common.notAvailable')}\n      </StatusBadge>\n    );\n  }\n\n  return (\n    <StatusBadge tone={statusToneMap[status.tone]} className={styles.badge}>\n      {status.label}\n    </StatusBadge>\n  );\n};\n\nexport default BackofficeStatusMetaBadge;\n"],"mappings":";;;;;AAuBA,IAAM,IAAgB;CACpB,SAAS;CACT,MAAM;CACN,SAAS;CACT,SAAS;CACT,QAAQ;CACT,EAKY,KAA6B,EACxC,WACA,oBACiD;CACjD,IAAM,EAAE,SAAM,GAA+B;CAU7C,OARI,KAAU,OAEV,kBAAC,GAAD;EAAa,MAAK;EAAW,WAAW;YACrC,KAAc,EAAE,sBAAsB;EAC3B,CAAA,GAKhB,kBAAC,GAAD;EAAa,MAAM,EAAc,EAAO;EAAO,WAAW;YACvD,EAAO;EACI,CAAA"}

package/lib/esm/components/backoffice/detail/BackofficeTokenUsageBreakdown.js

@@ -0,0 +1,37 @@
+import { BackofficeKpiStrip as e } from "./BackofficeKpiStrip.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/backoffice/detail/BackofficeTokenUsageBreakdown.tsx
+var n = ({ title: n, total: r, input: i, cachedInput: a, output: o, reasoning: s, labels: c }) => /* @__PURE__ */ t(e, {
+	items: [
+		{
+			id: "total",
+			label: n,
+			value: r
+		},
+		{
+			id: "input",
+			label: c.input,
+			value: i
+		},
+		{
+			id: "cached-input",
+			label: c.cachedInput,
+			value: a
+		},
+		{
+			id: "output",
+			label: c.output,
+			value: o
+		},
+		{
+			id: "reasoning",
+			label: c.reasoning,
+			value: s
+		}
+	].filter((e) => e.value != null),
+	density: "compact"
+});
+//#endregion
+export { n as BackofficeTokenUsageBreakdown, n as default };
+
+//# sourceMappingURL=BackofficeTokenUsageBreakdown.js.map

package/lib/esm/components/backoffice/detail/BackofficeTokenUsageBreakdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeTokenUsageBreakdown.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeTokenUsageBreakdown.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { BackofficeKpiStrip } from './BackofficeKpiStrip.js';\n\nexport type BackofficeTokenUsageBreakdownProps = {\n  readonly title: string;\n  readonly total?: ReactNode;\n  readonly input?: ReactNode;\n  readonly cachedInput?: ReactNode;\n  readonly output?: ReactNode;\n  readonly reasoning?: ReactNode;\n  readonly labels: {\n    readonly input: string;\n    readonly cachedInput: string;\n    readonly output: string;\n    readonly reasoning: string;\n  };\n};\n\nexport const BackofficeTokenUsageBreakdown = ({\n  title,\n  total,\n  input,\n  cachedInput,\n  output,\n  reasoning,\n  labels,\n}: BackofficeTokenUsageBreakdownProps): JSX.Element => {\n  const items = [\n    { id: 'total', label: title, value: total },\n    { id: 'input', label: labels.input, value: input },\n    { id: 'cached-input', label: labels.cachedInput, value: cachedInput },\n    { id: 'output', label: labels.output, value: output },\n    { id: 'reasoning', label: labels.reasoning, value: reasoning },\n  ].filter((item) => {\n    return item.value != null;\n  });\n\n  return <BackofficeKpiStrip items={items} density=\"compact\" />;\n};\n\nexport default BackofficeTokenUsageBreakdown;\n"],"mappings":";;;AAmBA,IAAa,KAAiC,EAC5C,UACA,UACA,UACA,gBACA,WACA,cACA,gBAYO,kBAAC,GAAD;CAA2B,OAVpB;EACZ;GAAE,IAAI;GAAS,OAAO;GAAO,OAAO;GAAO;EAC3C;GAAE,IAAI;GAAS,OAAO,EAAO;GAAO,OAAO;GAAO;EAClD;GAAE,IAAI;GAAgB,OAAO,EAAO;GAAa,OAAO;GAAa;EACrE;GAAE,IAAI;GAAU,OAAO,EAAO;GAAQ,OAAO;GAAQ;EACrD;GAAE,IAAI;GAAa,OAAO,EAAO;GAAW,OAAO;GAAW;EAC/D,CAAC,QAAQ,MACD,EAAK,SAAS,KAGW;CAAO,SAAQ;CAAY,CAAA"}

package/lib/esm/components/backoffice/detail/BackofficeUsageCostBreakdown.js

@@ -0,0 +1,84 @@
+import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
+import { BackofficeDetailSection as t } from "./BackofficeDetailSection.js";
+import { BackofficeKpiStrip as n } from "./BackofficeKpiStrip.js";
+import { content as r } from "./backofficeUsageCostBreakdown.css.js";
+import { cx as i } from "@plumile/ui";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/backoffice/detail/BackofficeUsageCostBreakdown.tsx
+var s = ({ title: s, rows: c, totals: l, emptyLabel: u, columnLabels: d }) => {
+	let { t: f } = e(), p = f("common.notAvailable"), m = d ?? {
+		name: f("detail.columns.name"),
+		rawCost: f("detail.columns.rawCost"),
+		markup: f("detail.columns.markup"),
+		charged: f("detail.columns.charged"),
+		events: f("detail.columns.events")
+	};
+	return c.length === 0 && (l == null || l.length === 0) ? /* @__PURE__ */ a(t, {
+		title: s,
+		children: u ?? p
+	}) : /* @__PURE__ */ a(t, {
+		title: s,
+		children: /* @__PURE__ */ o("div", {
+			className: r,
+			children: [l != null && l.length > 0 && /* @__PURE__ */ a(n, {
+				items: l,
+				density: "compact"
+			}), c.length > 0 && /* @__PURE__ */ o("div", {
+				className: "txvbqb9iy txvbqbao7",
+				children: [/* @__PURE__ */ o("div", {
+					className: "_13200uy0 txvbqb9iy txvbqbaog txvbqbcp",
+					children: [
+						/* @__PURE__ */ a("span", {
+							className: "txvbqb8p txvbqb66 txvbqbefp txvbqbva1",
+							children: m.name
+						}),
+						/* @__PURE__ */ a("span", {
+							className: "txvbqb8p txvbqb66 txvbqbefp txvbqbva1",
+							children: m.rawCost
+						}),
+						/* @__PURE__ */ a("span", {
+							className: "txvbqb8p txvbqb66 txvbqbefp txvbqbva1",
+							children: m.markup
+						}),
+						/* @__PURE__ */ a("span", {
+							className: "txvbqb8p txvbqb66 txvbqbefp txvbqbva1",
+							children: m.charged
+						}),
+						/* @__PURE__ */ a("span", {
+							className: "txvbqb8p txvbqb66 txvbqbefp txvbqbva1",
+							children: m.events
+						})
+					]
+				}), c.map((e) => /* @__PURE__ */ o("div", {
+					className: "_13200uy0 txvbqb9iy txvbqbaog txvbqbcp",
+					children: [
+						/* @__PURE__ */ a("span", {
+							className: i("txvbqb8y txvbqbv9z txvbqbl87", "txvbqbamg"),
+							children: e.label
+						}),
+						/* @__PURE__ */ a("span", {
+							className: "txvbqb8y txvbqbv9z txvbqbl87",
+							children: e.rawCost ?? p
+						}),
+						/* @__PURE__ */ a("span", {
+							className: "txvbqb8y txvbqbv9z txvbqbl87",
+							children: e.markup ?? p
+						}),
+						/* @__PURE__ */ a("span", {
+							className: "txvbqb8y txvbqbv9z txvbqbl87",
+							children: e.charged ?? p
+						}),
+						/* @__PURE__ */ a("span", {
+							className: "txvbqb8y txvbqbv9z txvbqbl87",
+							children: e.eventsCount ?? e.quantity ?? p
+						})
+					]
+				}, e.id))]
+			})]
+		})
+	});
+};
+//#endregion
+export { s as BackofficeUsageCostBreakdown, s as default };
+
+//# sourceMappingURL=BackofficeUsageCostBreakdown.js.map

package/lib/esm/components/backoffice/detail/BackofficeUsageCostBreakdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeUsageCostBreakdown.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeUsageCostBreakdown.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { cx } from '@plumile/ui';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { BackofficeDetailSection } from './BackofficeDetailSection.js';\nimport {\n  BackofficeKpiStrip,\n  type BackofficeKpiItem,\n} from './BackofficeKpiStrip.js';\nimport * as styles from './backofficeUsageCostBreakdown.css.js';\n\nexport type BackofficeMoneyValue = {\n  readonly amount: string | number;\n  readonly currency: string;\n};\n\nexport type BackofficeUsageCostBreakdownRow = {\n  readonly id: string;\n  readonly label: string;\n  readonly rawCost?: ReactNode;\n  readonly markup?: ReactNode;\n  readonly charged?: ReactNode;\n  readonly eventsCount?: ReactNode;\n  readonly quantity?: ReactNode;\n};\n\nexport type BackofficeUsageCostBreakdownProps = {\n  readonly title: string;\n  readonly rows: readonly BackofficeUsageCostBreakdownRow[];\n  readonly totals?: readonly BackofficeKpiItem[];\n  readonly emptyLabel?: string;\n  readonly columnLabels?: {\n    readonly name: string;\n    readonly rawCost: string;\n    readonly markup: string;\n    readonly charged: string;\n    readonly events: string;\n  };\n};\n\nexport const BackofficeUsageCostBreakdown = ({\n  title,\n  rows,\n  totals,\n  emptyLabel,\n  columnLabels,\n}: BackofficeUsageCostBreakdownProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const missing = t('common.notAvailable');\n  const labels = columnLabels ?? {\n    name: t('detail.columns.name'),\n    rawCost: t('detail.columns.rawCost'),\n    markup: t('detail.columns.markup'),\n    charged: t('detail.columns.charged'),\n    events: t('detail.columns.events'),\n  };\n\n  if (rows.length === 0 && (totals == null || totals.length === 0)) {\n    return (\n      <BackofficeDetailSection title={title}>\n        {emptyLabel ?? missing}\n      </BackofficeDetailSection>\n    );\n  }\n\n  return (\n    <BackofficeDetailSection title={title}>\n      <div className={styles.content}>\n        {totals != null && totals.length > 0 && (\n          <BackofficeKpiStrip items={totals} density=\"compact\" />\n        )}\n        {rows.length > 0 && (\n          <div className={styles.table}>\n            <div className={styles.row}>\n              <span className={styles.header}>{labels.name}</span>\n              <span className={styles.header}>{labels.rawCost}</span>\n              <span className={styles.header}>{labels.markup}</span>\n              <span className={styles.header}>{labels.charged}</span>\n              <span className={styles.header}>{labels.events}</span>\n            </div>\n            {rows.map((row) => {\n              return (\n                <div className={styles.row} key={row.id}>\n                  <span className={cx(styles.cell, styles.label)}>\n                    {row.label}\n                  </span>\n                  <span className={styles.cell}>{row.rawCost ?? missing}</span>\n                  <span className={styles.cell}>{row.markup ?? missing}</span>\n                  <span className={styles.cell}>{row.charged ?? missing}</span>\n                  <span className={styles.cell}>\n                    {row.eventsCount ?? row.quantity ?? missing}\n                  </span>\n                </div>\n              );\n            })}\n          </div>\n        )}\n      </div>\n    </BackofficeDetailSection>\n  );\n};\n\nexport default BackofficeUsageCostBreakdown;\n"],"mappings":";;;;;;;AAwCA,IAAa,KAAgC,EAC3C,UACA,SACA,WACA,eACA,sBACoD;CACpD,IAAM,EAAE,SAAM,GAA+B,EACvC,IAAU,EAAE,sBAAsB,EAClC,IAAS,KAAgB;EAC7B,MAAM,EAAE,sBAAsB;EAC9B,SAAS,EAAE,yBAAyB;EACpC,QAAQ,EAAE,wBAAwB;EAClC,SAAS,EAAE,yBAAyB;EACpC,QAAQ,EAAE,wBAAwB;EACnC;CAUD,OARI,EAAK,WAAW,MAAM,KAAU,QAAQ,EAAO,WAAW,KAE1D,kBAAC,GAAD;EAAgC;YAC7B,KAAc;EACS,CAAA,GAK5B,kBAAC,GAAD;EAAgC;YAC9B,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACG,KAAU,QAAQ,EAAO,SAAS,KACjC,kBAAC,GAAD;IAAoB,OAAO;IAAQ,SAAQ;IAAY,CAAA,EAExD,EAAK,SAAS,KACb,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACE,kBAAC,OAAD;KAAK,WAAW;eAAhB;MACE,kBAAC,QAAD;OAAM,WAAW;iBAAgB,EAAO;OAAY,CAAA;MACpD,kBAAC,QAAD;OAAM,WAAW;iBAAgB,EAAO;OAAe,CAAA;MACvD,kBAAC,QAAD;OAAM,WAAW;iBAAgB,EAAO;OAAc,CAAA;MACtD,kBAAC,QAAD;OAAM,WAAW;iBAAgB,EAAO;OAAe,CAAA;MACvD,kBAAC,QAAD;OAAM,WAAW;iBAAgB,EAAO;OAAc,CAAA;MAClD;QACL,EAAK,KAAK,MAEP,kBAAC,OAAD;KAAK,WAAW;eAAhB;MACE,kBAAC,QAAD;OAAM,WAAW,EAAG,gCAAa,YAAa;iBAC3C,EAAI;OACA,CAAA;MACP,kBAAC,QAAD;OAAM,WAAW;iBAAc,EAAI,WAAW;OAAe,CAAA;MAC7D,kBAAC,QAAD;OAAM,WAAW;iBAAc,EAAI,UAAU;OAAe,CAAA;MAC5D,kBAAC,QAAD;OAAM,WAAW;iBAAc,EAAI,WAAW;OAAe,CAAA;MAC7D,kBAAC,QAAD;OAAM,WAAW;iBACd,EAAI,eAAe,EAAI,YAAY;OAC/B,CAAA;MACH;OAV2B,EAAI,GAU/B,CAER,CACE;MAEJ;;EACkB,CAAA"}

package/lib/esm/components/backoffice/detail/backofficeAuditMetadataPanel.css.js

@@ -0,0 +1,7 @@
+/* empty css                                            */
+//#region src/components/backoffice/detail/backofficeAuditMetadataPanel.css.ts
+var e = "txvbqb9iy txvbqbaog txvbqbc0y", t = "txvbqb9ip txvbqbai7 txvbqbany txvbqbk5y", n = "txvbqb8p txvbqb66 txvbqbefp txvbqbva1", r = "txvbqb9ip txvbqbcp txvbqbao7 txvbqbajy txvbqb8y txvbqbv9z";
+//#endregion
+export { t as item, n as label, e as list, r as value };
+
+//# sourceMappingURL=backofficeAuditMetadataPanel.css.js.map

package/lib/esm/components/backoffice/detail/backofficeAuditMetadataPanel.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeAuditMetadataPanel.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeAuditMetadataPanel.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const list = sprinkles({\n  display: 'grid',\n  gap: 3,\n  gridTemplateColumns: 'autoFitMinmax220',\n});\n\nexport const item = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  minWidth: 0,\n});\n\nexport const label = sprinkles({\n  fontSize: 'xs',\n  textTransform: 'uppercase',\n  letterSpacing: 'capsTight',\n  color: 'textSecondary',\n});\n\nexport const value = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  flexWrap: 'wrap',\n  fontSize: 'sm',\n  color: 'text',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/detail/backofficeDetailBadgeRow.css.js

@@ -0,0 +1,7 @@
+/* empty css                                        */
+//#region src/components/backoffice/detail/backofficeDetailBadgeRow.css.ts
+var e = "txvbqb9ip txvbqbajy txvbqbao7 txvbqbcp";
+//#endregion
+export { e as row };
+
+//# sourceMappingURL=backofficeDetailBadgeRow.css.js.map

package/lib/esm/components/backoffice/detail/backofficeDetailBadgeRow.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeDetailBadgeRow.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeDetailBadgeRow.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const row = sprinkles({\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: 2,\n  alignItems: 'center',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/detail/backofficeDetailErrorList.css.js

@@ -0,0 +1,7 @@
+/* empty css                                         */
+//#region src/components/backoffice/detail/backofficeDetailErrorList.css.ts
+var e = "txvbqb9ip txvbqbai7 txvbqbaop", t = "txvbqb9ip txvbqbai7 txvbqbao7 txvbqblb7 txvbqb1ry", n = "txvbqb1cp txvbqb1qg txvbqbwp txvbqbv45", r = "txvbqb9ip txvbqbai7 txvbqbany", i = "txvbqbal7 txvbqb8y txvbqbva3", a = "txvbqbamp", o = "txvbqb8y";
+//#endregion
+export { i as code, o as details, r as header, t as item, n as itemSurface, e as list, a as message };
+
+//# sourceMappingURL=backofficeDetailErrorList.css.js.map

package/lib/esm/components/backoffice/detail/backofficeDetailErrorList.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeDetailErrorList.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeDetailErrorList.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const list = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n});\n\nexport const item = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n  padding: 3,\n  borderRadius: 'xl',\n});\n\nexport const itemSurface = sprinkles({\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'borderSubtle',\n  backgroundColor: 'surfaceMuted',\n});\n\nexport const header = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n});\n\nexport const code = sprinkles({\n  fontFamily: 'mono',\n  fontSize: 'sm',\n  color: 'textMuted',\n});\n\nexport const message = sprinkles({\n  fontWeight: 'semibold',\n});\n\nexport const details = sprinkles({\n  fontSize: 'sm',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/detail/backofficeDetailField.css.js

@@ -0,0 +1,15 @@
+/* empty css                                     */
+//#region src/components/backoffice/detail/backofficeDetailField.css.ts
+var e = "txvbqb9ip txvbqbai7 txvbqbany txvbqbk5y", t = "txvbqb8p txvbqb66 txvbqbefp txvbqbva1", n = "txvbqb8y txvbqbv9z txvbqbl87 txvbqbuu7", r = "txvbqbbg7", i = {
+	xs: "_1vn15b70",
+	s: "_1vn15b71",
+	statusAction: "_1vn15b72",
+	m: "_1vn15b73",
+	l: "_1vn15b74",
+	xl: "_1vn15b75",
+	fluid: "_1vn15b76"
+};
+//#endregion
+export { e as field, r as fullWidth, t as label, i as size, n as value };
+
+//# sourceMappingURL=backofficeDetailField.css.js.map

package/lib/esm/components/backoffice/detail/backofficeDetailField.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeDetailField.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeDetailField.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui';\n\nexport const field = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  minWidth: 0,\n});\n\nexport const label = sprinkles({\n  fontSize: 'xs',\n  textTransform: 'uppercase',\n  letterSpacing: 'capsTight',\n  color: 'textSecondary',\n});\n\nexport const value = sprinkles({\n  fontSize: 'sm',\n  color: 'text',\n  overflowWrap: 'anywhere',\n  wordBreak: 'break-word',\n});\n\nexport const fullWidth = sprinkles({\n  gridColumn: 'span-full',\n});\n\nexport const size = {\n  xs: style({ maxWidth: '10ch' }),\n  s: style({ maxWidth: '18ch' }),\n  statusAction: style({ maxWidth: '28ch' }),\n  m: style({ maxWidth: '28ch' }),\n  l: style({ maxWidth: '44ch' }),\n  xl: style({ maxWidth: '64ch' }),\n  fluid: style({ maxWidth: '100%' }),\n};\n"],"mappings":""}

package/lib/esm/components/backoffice/detail/backofficeDetailLayout.css.js

@@ -0,0 +1,7 @@
+/* empty css                                      */
+//#region src/components/backoffice/detail/backofficeDetailLayout.css.ts
+var e = "txvbqb9iy txvbqbbwy txvbqbbws txvbqbaop txvbqbcg txvbqbk5y", t = "txvbqb9ip txvbqbai7 txvbqbaop txvbqbk5y", n = "txvbqb9ip txvbqbai7 txvbqbaop txvbqbk5y", r = "txvbqb9ip txvbqbai7 txvbqbaop";
+//#endregion
+export { e as layout, t as primary, n as secondary, r as stacked };
+
+//# sourceMappingURL=backofficeDetailLayout.css.js.map

package/lib/esm/components/backoffice/detail/backofficeDetailLayout.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeDetailLayout.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeDetailLayout.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const layout = sprinkles({\n  display: 'grid',\n  gridTemplateColumns: {\n    base: 'twoFrOneFr',\n    lg: 'detailSingle',\n  },\n  gap: 4,\n  alignItems: 'flex-start',\n  minWidth: 0,\n});\n\nexport const primary = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n  minWidth: 0,\n});\n\nexport const secondary = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n  minWidth: 0,\n});\n\nexport const stacked = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/detail/backofficeDetailRelationLink.css.js

@@ -0,0 +1,7 @@
+/* empty css                                            */
+//#region src/components/backoffice/detail/backofficeDetailRelationLink.css.ts
+var e = "_93gupm0 txvbqbnw7 txvbqbojg txvbqbp6g txvbqbly7 txvbqb78 txvbqb6w txvbqb7k txvbqb9ip txvbqbcp txvbqbdpp txvbqbaog txvbqb1rg txvbqb1cp txvbqb1qg txvbqbf7 txvbqbv0t txvbqbv9z txvbqb3b", t = "txvbqb8y txvbqbamg txvbqbk5y txvbqbl87", n = "txvbqb9jg txvbqbcp txvbqbany txvbqbaj7 txvbqbk5y", r = "txvbqb8p txvbqbva1 txvbqbl87 txvbqbt77", i = "txvbqb9jg txvbqbcp txvbqbdoy txvbqbva3 txvbqb8y txvbqbehy";
+//#endregion
+export { n as action, i as chevron, t as label, e as link, r as meta };
+
+//# sourceMappingURL=backofficeDetailRelationLink.css.js.map

package/lib/esm/components/backoffice/detail/backofficeDetailRelationLink.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeDetailRelationLink.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeDetailRelationLink.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles, vars } from '@plumile/ui';\n\nexport const link = style([\n  sprinkles({\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: 3,\n    paddingY: 2,\n    paddingX: 3,\n    borderRadius: 'md',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'transparent',\n    backgroundColor: 'transparent',\n    color: 'text',\n    textDecoration: 'none',\n  }),\n  {\n    '@media': {\n      'screen and (max-width: 640px)': {\n        alignItems: 'flex-start',\n        flexDirection: 'column',\n      },\n    },\n    selectors: {\n      '&:hover': {\n        backgroundColor: vars.colors.surfaceSecondary,\n        borderColor: vars.colors.borderSubtle,\n      },\n      '&:focus-visible': {\n        backgroundColor: vars.colors.surfaceSecondary,\n        borderColor: vars.colors.borderSubtle,\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n\nexport const label = sprinkles({\n  fontSize: 'sm',\n  fontWeight: 'medium',\n  minWidth: 0,\n  overflowWrap: 'anywhere',\n});\n\nexport const action = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 1,\n  flexShrink: 0,\n  minWidth: 0,\n});\n\nexport const meta = sprinkles({\n  fontSize: 'xs',\n  color: 'textSecondary',\n  overflowWrap: 'anywhere',\n  textAlign: 'end',\n});\n\nexport const chevron = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  color: 'textMuted',\n  fontSize: 'sm',\n  lineHeight: 1,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/detail/backofficeDetailRelationList.css.js

@@ -0,0 +1,7 @@
+/* empty css                                            */
+//#region src/components/backoffice/detail/backofficeDetailRelationList.css.ts
+var e = "txvbqb9ip txvbqbai7 txvbqbaog";
+//#endregion
+export { e as list };
+
+//# sourceMappingURL=backofficeDetailRelationList.css.js.map

package/lib/esm/components/backoffice/detail/backofficeDetailRelationList.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeDetailRelationList.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeDetailRelationList.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const list = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/detail/backofficeDetailSection.css.js

@@ -0,0 +1,7 @@
+/* empty css                                       */
+//#region src/components/backoffice/detail/backofficeDetailSection.css.ts
+var e = "txvbqb9ip txvbqbai7 txvbqbaog txvbqblb7 txvbqb1rg txvbqbv43 txvbqb1cp txvbqb1qg txvbqbx7 txvbqb8ug", t = "txvbqb9ip txvbqbai7 txvbqbany", n = "txvbqb97 txvbqbamp txvbqbv9z", r = "txvbqb8y txvbqbva1", i = "txvbqb9iy txvbqbaog txvbqbc0y";
+//#endregion
+export { r as description, i as grid, t as header, e as section, n as title };
+
+//# sourceMappingURL=backofficeDetailSection.css.js.map

package/lib/esm/components/backoffice/detail/backofficeDetailSection.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeDetailSection.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeDetailSection.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const section = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n  padding: 3,\n  borderRadius: 'md',\n  backgroundColor: 'surfaceSecondary',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'borderLight',\n  boxShadow: 'none',\n});\n\nexport const header = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n});\n\nexport const title = sprinkles({\n  fontSize: 'base',\n  fontWeight: 'semibold',\n  color: 'text',\n});\n\nexport const description = sprinkles({\n  fontSize: 'sm',\n  color: 'textSecondary',\n});\n\nexport const grid = sprinkles({\n  display: 'grid',\n  gap: 3,\n  gridTemplateColumns: 'autoFitMinmax220',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/detail/backofficeDetailTaggedValue.css.js

@@ -0,0 +1,7 @@
+/* empty css                                           */
+//#region src/components/backoffice/detail/backofficeDetailTaggedValue.css.ts
+var e = "txvbqb9jg txvbqbcp txvbqbao7 txvbqbajy", t = "txvbqb9jg txvbqbcp txvbqbany";
+//#endregion
+export { e as container, t as value };
+
+//# sourceMappingURL=backofficeDetailTaggedValue.css.js.map

package/lib/esm/components/backoffice/detail/backofficeDetailTaggedValue.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeDetailTaggedValue.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeDetailTaggedValue.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const container = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 2,\n  flexWrap: 'wrap',\n});\n\nexport const value = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 1,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/detail/backofficeEntitySummaryHeader.css.js

@@ -0,0 +1,7 @@
+/* empty css                                             */
+//#region src/components/backoffice/detail/backofficeEntitySummaryHeader.css.ts
+var e = "_1btlxdu0 txvbqb9ip txvbqbai7 txvbqbaop txvbqblbg txvbqb1rp txvbqbv41 txvbqb1cp txvbqb1qg txvbqbx7", t = "txvbqb9ip txvbqbdpp txvbqbcg txvbqbaop txvbqbajy", n = "txvbqb9ip txvbqbai7 txvbqbao7 txvbqbk5y", r = "txvbqb9ip txvbqbcp txvbqbao7 txvbqbajy", i = "txvbqb9y txvbqbfap txvbqbamp txvbqbv9z txvbqbl87", a = "txvbqb8y txvbqbva1 txvbqbl87", o = "txvbqb9ip txvbqbcp txvbqbdp7 txvbqbao7 txvbqbajy", s = "txvbqb9iy txvbqbaog txvbqbc0g", c = "txvbqb9ip txvbqbai7 txvbqbany txvbqbk5y", l = "txvbqb8p txvbqb66 txvbqbefp txvbqbva1", u = "txvbqb8y txvbqbv9z txvbqbl87";
+//#endregion
+export { o as actions, n as identity, s as meta, c as metaItem, l as metaLabel, u as metaValue, e as root, a as subtitle, i as title, r as titleRow, t as top };
+
+//# sourceMappingURL=backofficeEntitySummaryHeader.css.js.map

package/lib/esm/components/backoffice/detail/backofficeEntitySummaryHeader.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeEntitySummaryHeader.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeEntitySummaryHeader.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui';\n\nexport const root = style([\n  sprinkles({\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 4,\n    padding: 4,\n    borderRadius: 'lg',\n    backgroundColor: 'surface',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderLight',\n  }),\n]);\n\nexport const top = sprinkles({\n  display: 'flex',\n  justifyContent: 'space-between',\n  alignItems: 'flex-start',\n  gap: 4,\n  flexWrap: 'wrap',\n});\n\nexport const identity = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n  minWidth: 0,\n});\n\nexport const titleRow = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  flexWrap: 'wrap',\n});\n\nexport const title = sprinkles({\n  fontSize: '2xl',\n  lineHeight: 'tight',\n  fontWeight: 'semibold',\n  color: 'text',\n  overflowWrap: 'anywhere',\n});\n\nexport const subtitle = sprinkles({\n  fontSize: 'sm',\n  color: 'textSecondary',\n  overflowWrap: 'anywhere',\n});\n\nexport const actions = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'flex-end',\n  gap: 2,\n  flexWrap: 'wrap',\n});\n\nexport const meta = sprinkles({\n  display: 'grid',\n  gap: 3,\n  gridTemplateColumns: 'autoFitMinmax180',\n});\n\nexport const metaItem = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  minWidth: 0,\n});\n\nexport const metaLabel = sprinkles({\n  fontSize: 'xs',\n  textTransform: 'uppercase',\n  letterSpacing: 'capsTight',\n  color: 'textSecondary',\n});\n\nexport const metaValue = sprinkles({\n  fontSize: 'sm',\n  color: 'text',\n  overflowWrap: 'anywhere',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/detail/backofficeKpiStrip.css.js

@@ -0,0 +1,7 @@
+/* empty css                                  */
+//#region src/components/backoffice/detail/backofficeKpiStrip.css.ts
+var e = "txvbqb9iy txvbqbaog txvbqbc0g", t = "txvbqbao7", n = "_1bcdpm60", r = "txvbqb9ip txvbqbcp txvbqbao7";
+//#endregion
+export { n as card, t as compactGroup, e as group, r as value };
+
+//# sourceMappingURL=backofficeKpiStrip.css.js.map

package/lib/esm/components/backoffice/detail/backofficeKpiStrip.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeKpiStrip.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeKpiStrip.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui';\n\nexport const group = sprinkles({\n  display: 'grid',\n  gap: 3,\n  gridTemplateColumns: 'autoFitMinmax180',\n});\n\nexport const compactGroup = sprinkles({\n  gap: 2,\n});\n\nexport const card = style({\n  minWidth: 0,\n});\n\nexport const value = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/detail/backofficeLifecycleTimelineSection.css.js

@@ -0,0 +1,7 @@
+/* empty css                                                  */
+//#region src/components/backoffice/detail/backofficeLifecycleTimelineSection.css.ts
+var e = "txvbqb9ip txvbqbai7 txvbqbany", t = "txvbqbva1";
+//#endregion
+export { t as actor, e as eventMeta };
+
+//# sourceMappingURL=backofficeLifecycleTimelineSection.css.js.map

package/lib/esm/components/backoffice/detail/backofficeLifecycleTimelineSection.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeLifecycleTimelineSection.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeLifecycleTimelineSection.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const eventMeta = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n});\n\nexport const actor = sprinkles({\n  color: 'textSecondary',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/detail/backofficePayloadInspectorSection.css.js

@@ -0,0 +1,7 @@
+/* empty css                                                 */
+//#region src/components/backoffice/detail/backofficePayloadInspectorSection.css.ts
+var e = "txvbqb9ip txvbqbai7 txvbqbaog", t = "_1hue0s60 txvbqbv txvbqb8y txvbqbamg txvbqbv99", n = "txvbqb8y txvbqbva1 txvbqbl87";
+//#endregion
+export { e as details, n as preview, t as summary };
+
+//# sourceMappingURL=backofficePayloadInspectorSection.css.js.map

package/lib/esm/components/backoffice/detail/backofficePayloadInspectorSection.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficePayloadInspectorSection.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficePayloadInspectorSection.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui';\n\nexport const details = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const summary = style([\n  sprinkles({\n    cursor: 'pointer',\n    fontSize: 'sm',\n    fontWeight: 'medium',\n    color: 'primary',\n  }),\n]);\n\nexport const preview = sprinkles({\n  fontSize: 'sm',\n  color: 'textSecondary',\n  overflowWrap: 'anywhere',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/detail/backofficeReferenceValue.css.js

@@ -0,0 +1,7 @@
+/* empty css                                        */
+//#region src/components/backoffice/detail/backofficeReferenceValue.css.ts
+var e = "txvbqb9jg txvbqbcp txvbqbao7 txvbqbk5y", t = "txvbqbk5y txvbqbl87";
+//#endregion
+export { e as root, t as value };
+
+//# sourceMappingURL=backofficeReferenceValue.css.js.map

package/lib/esm/components/backoffice/detail/backofficeReferenceValue.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeReferenceValue.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeReferenceValue.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const root = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 2,\n  minWidth: 0,\n});\n\nexport const value = sprinkles({\n  minWidth: 0,\n  overflowWrap: 'anywhere',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/detail/backofficeRelationsSummaryGrid.css.js

@@ -0,0 +1,7 @@
+/* empty css                                              */
+//#region src/components/backoffice/detail/backofficeRelationsSummaryGrid.css.ts
+var e = "txvbqb9iy txvbqbaog txvbqbc0g", t = "_11qoi8x0 txvbqb9ip txvbqbai7 txvbqbany txvbqblb7 txvbqb1rg txvbqbv41 txvbqb1cp txvbqb1qg txvbqbx7 txvbqbk5y", n = "txvbqb8p txvbqb66 txvbqbefp txvbqbva1", r = "txvbqb9p txvbqbamp txvbqbv9z", i = "txvbqb8y txvbqbva1 txvbqbl87";
+//#endregion
+export { r as count, i as description, e as grid, t as item, n as label };
+
+//# sourceMappingURL=backofficeRelationsSummaryGrid.css.js.map

package/lib/esm/components/backoffice/detail/backofficeRelationsSummaryGrid.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeRelationsSummaryGrid.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeRelationsSummaryGrid.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui';\n\nexport const grid = sprinkles({\n  display: 'grid',\n  gap: 3,\n  gridTemplateColumns: 'autoFitMinmax180',\n});\n\nexport const item = style([\n  sprinkles({\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 1,\n    padding: 3,\n    borderRadius: 'md',\n    backgroundColor: 'surface',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderLight',\n    minWidth: 0,\n  }),\n]);\n\nexport const label = sprinkles({\n  fontSize: 'xs',\n  textTransform: 'uppercase',\n  letterSpacing: 'capsTight',\n  color: 'textSecondary',\n});\n\nexport const count = sprinkles({\n  fontSize: 'xl',\n  fontWeight: 'semibold',\n  color: 'text',\n});\n\nexport const description = sprinkles({\n  fontSize: 'sm',\n  color: 'textSecondary',\n  overflowWrap: 'anywhere',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/detail/backofficeScopeStack.css.js

@@ -0,0 +1,7 @@
+/* empty css                                    */
+//#region src/components/backoffice/detail/backofficeScopeStack.css.ts
+var e = "txvbqb9ip txvbqbai7 txvbqbaog", t = "txvbqb9ip txvbqbai7 txvbqbany txvbqbk5y", n = "txvbqb8p txvbqb66 txvbqbefp txvbqbva1", r = "txvbqb8y txvbqbv9z txvbqbl87";
+//#endregion
+export { t as item, n as label, e as list, r as value };
+
+//# sourceMappingURL=backofficeScopeStack.css.js.map

package/lib/esm/components/backoffice/detail/backofficeScopeStack.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeScopeStack.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeScopeStack.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const list = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const item = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  minWidth: 0,\n});\n\nexport const label = sprinkles({\n  fontSize: 'xs',\n  textTransform: 'uppercase',\n  letterSpacing: 'capsTight',\n  color: 'textSecondary',\n});\n\nexport const value = sprinkles({\n  fontSize: 'sm',\n  color: 'text',\n  overflowWrap: 'anywhere',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/detail/backofficeStatusMetaBadge.css.js

@@ -0,0 +1,7 @@
+/* empty css                                         */
+//#region src/components/backoffice/detail/backofficeStatusMetaBadge.css.ts
+var e = "txvbqbuty";
+//#endregion
+export { e as badge };
+
+//# sourceMappingURL=backofficeStatusMetaBadge.css.js.map

package/lib/esm/components/backoffice/detail/backofficeStatusMetaBadge.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeStatusMetaBadge.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeStatusMetaBadge.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const badge = sprinkles({\n  width: 'fit',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/detail/backofficeUsageCostBreakdown.css.js

@@ -0,0 +1,7 @@
+/* empty css                                            */
+//#region src/components/backoffice/detail/backofficeUsageCostBreakdown.css.ts
+var e = "txvbqb9ip txvbqbai7 txvbqbaog", t = "txvbqb9iy txvbqbao7", n = "_13200uy0 txvbqb9iy txvbqbaog txvbqbcp", r = "txvbqb8p txvbqb66 txvbqbefp txvbqbva1", i = "txvbqb8y txvbqbv9z txvbqbl87", a = "txvbqbamg";
+//#endregion
+export { i as cell, e as content, r as header, a as label, n as row, t as table };
+
+//# sourceMappingURL=backofficeUsageCostBreakdown.css.js.map