@plumile/backoffice-react 0.1.59

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/theme/sprinkles.css.js';\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,8 @@
+/* empty css                                             */
+/* empty css                                         */
+//#region src/components/backoffice/detail/backofficeDetailErrorList.css.ts
+var e = "_1tlv14d0 vncd899io vncd89ai6 vncd89aoo", t = "_1tlv14d1 vncd899io vncd89ai6 vncd89ao6 vncd89la6 vncd891rx", n = "_1tlv14d2 vncd891co vncd891qf vncd89wo vncd89v2v", r = "_1tlv14d3 vncd899io vncd89ai6 vncd89anx", i = "_1tlv14d4 vncd89al6 vncd898x vncd89v8t", a = "_1tlv14d5 vncd89amo", o = "_1tlv14d6 vncd898x";
+//#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/theme/sprinkles.css.js';\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                                             */
+/* empty css                                     */
+//#region src/components/backoffice/detail/backofficeDetailField.css.ts
+var e = "_1vn15b70 vncd899io vncd89ai6 vncd89anx vncd89k4x", t = "_1vn15b71 vncd898o vncd8966 vncd89eeo vncd89v8r", n = "_1vn15b72 vncd898x vncd89v8p vncd89ut6", r = "_1vn15b73 vncd89bg6", i = {
+	xs: "_1vn15b74",
+	s: "_1vn15b75",
+	m: "_1vn15b76",
+	l: "_1vn15b77",
+	xl: "_1vn15b78",
+	fluid: "_1vn15b79"
+};
+//#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/theme/sprinkles.css.js';\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  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  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,8 @@
+/* empty css                                             */
+/* empty css                                      */
+//#region src/components/backoffice/detail/backofficeDetailLayout.css.ts
+var e = "_1o0pixx0 vncd899ix vncd89bwx vncd89apo vncd89cf", t = "_1o0pixx1 vncd899io vncd89ai6 vncd89ap6", n = "_1o0pixx2 vncd899io vncd89ai6 vncd89ap6", r = "_1o0pixx3 vncd899io vncd89ai6 vncd89ap6";
+//#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/theme/sprinkles.css.js';\n\nexport const layout = sprinkles({\n  display: 'grid',\n  gridTemplateColumns: 'twoFrOneFr',\n  gap: 8,\n  alignItems: 'flex-start',\n});\n\nexport const primary = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 6,\n});\n\nexport const secondary = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 6,\n});\n\nexport const stacked = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 6,\n});\n"],"mappings":""}

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

@@ -0,0 +1,8 @@
+/* empty css                                             */
+/* empty css                                            */
+//#region src/components/backoffice/detail/backofficeDetailRelationLink.css.ts
+var e = "_93gupm1 _93gupm0 vncd89nvf vncd89oio vncd89p5o vncd89lxf vncd8978 vncd896w vncd897k vncd899io vncd89co vncd89doo vncd89aof vncd891rf vncd891co vncd891qf vncd89wo vncd89v2t vncd89v8p vncd893b", t = "_93gupm2 vncd898x vncd89amf", n = "_93gupm3 vncd898o vncd89v8r";
+//#endregion
+export { t as label, e as link, n 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 { vars } from '@plumile/ui/theme/themeContract.js';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\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: 3,\n    paddingX: 4,\n    borderRadius: 'md',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderSubtle',\n    backgroundColor: 'surfaceSecondary',\n    color: 'text',\n    textDecoration: 'none',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        backgroundColor: vars.colors.surfaceElevated,\n        borderColor: vars.colors.borderStrong,\n      },\n    },\n  },\n]);\n\nexport const label = sprinkles({\n  fontSize: 'sm',\n  fontWeight: 'medium',\n});\n\nexport const meta = sprinkles({\n  fontSize: 'xs',\n  color: 'textSecondary',\n});\n"],"mappings":""}

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

@@ -0,0 +1,8 @@
+/* empty css                                             */
+/* empty css                                            */
+//#region src/components/backoffice/detail/backofficeDetailRelationList.css.ts
+var e = "_1brmxv70 vncd899io vncd89ai6 vncd89aof";
+//#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/theme/sprinkles.css.js';\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,8 @@
+/* empty css                                             */
+/* empty css                                       */
+//#region src/components/backoffice/detail/backofficeDetailSection.css.ts
+var e = "_1v7vur60 vncd899io vncd89ai6 vncd89aoo vncd89lax vncd891rf vncd89v2r vncd891co vncd891qf vncd89wo vncd898qx", t = "_1v7vur61 vncd899io vncd89ai6 vncd89anx", n = "_1v7vur62 vncd8996 vncd89amo vncd89v8p", r = "_1v7vur63 vncd898x vncd89v8r", i = "_1v7vur64 vncd899ix vncd89aoo vncd89c0f";
+//#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/theme/sprinkles.css.js';\n\nexport const section = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n  padding: 6,\n  borderRadius: 'md',\n  backgroundColor: 'surface',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'borderSubtle',\n  boxShadow: 'inkSoft',\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: 4,\n  gridTemplateColumns: 'autoFitMinmax220',\n});\n"],"mappings":""}

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

@@ -0,0 +1,8 @@
+/* empty css                                             */
+/* empty css                                           */
+//#region src/components/backoffice/detail/backofficeDetailTaggedValue.css.ts
+var e = "avdnn90 vncd899jf vncd89co vncd89ao6 vncd89ajx", t = "avdnn91 vncd899jf vncd89co vncd89anx";
+//#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/theme/sprinkles.css.js';\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/detailPayloadUtils.js

@@ -0,0 +1,17 @@
+//#region src/components/backoffice/detail/detailPayloadUtils.ts
+function e(e) {
+	if (e == null) return "";
+	try {
+		return `\`\`\`json\n${JSON.stringify(e, null, 2)}\n\`\`\``;
+	} catch {
+		let t = "[unserializable]";
+		return typeof e == "string" ? t = e : (typeof e == "number" || typeof e == "boolean") && (t = String(e)), `\`\`\`\n${t}\n\`\`\``;
+	}
+}
+function t(e) {
+	return e.length === 0 ? "" : e.map((e) => `- ${e}`).join("\n");
+}
+//#endregion
+export { e as formatJsonPayload, t as formatListAsMarkdown };
+
+//# sourceMappingURL=detailPayloadUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"detailPayloadUtils.js","names":[],"sources":["../../../../../src/components/backoffice/detail/detailPayloadUtils.ts"],"sourcesContent":["/**\n * Formats a JSON payload into a fenced Markdown code block.\n */\nexport function formatJsonPayload(value: unknown): string {\n  if (value == null) {\n    return '';\n  }\n  try {\n    return `\\`\\`\\`json\\n${JSON.stringify(value, null, 2)}\\n\\`\\`\\``;\n  } catch {\n    let fallback = '[unserializable]';\n    if (typeof value === 'string') {\n      fallback = value;\n    } else if (typeof value === 'number' || typeof value === 'boolean') {\n      fallback = String(value);\n    }\n    return `\\`\\`\\`\\n${fallback}\\n\\`\\`\\``;\n  }\n}\n\n/**\n * Formats a list of strings as a Markdown bullet list.\n */\nexport function formatListAsMarkdown(items: readonly string[]): string {\n  if (items.length === 0) {\n    return '';\n  }\n  return items\n    .map((item) => {\n      return `- ${item}`;\n    })\n    .join('\\n');\n}\n"],"mappings":";AAGA,SAAgB,EAAkB,GAAwB;AACxD,KAAI,KAAS,KACX,QAAO;AAET,KAAI;AACF,SAAO,eAAe,KAAK,UAAU,GAAO,MAAM,EAAE,CAAC;SAC/C;EACN,IAAI,IAAW;AAMf,SALI,OAAO,KAAU,WACnB,IAAW,KACF,OAAO,KAAU,YAAY,OAAO,KAAU,eACvD,IAAW,OAAO,EAAM,GAEnB,WAAW,EAAS;;;AAO/B,SAAgB,EAAqB,GAAkC;AAIrE,QAHI,EAAM,WAAW,IACZ,KAEF,EACJ,KAAK,MACG,KAAK,IACZ,CACD,KAAK,KAAK"}

package/lib/esm/components/backoffice/errors/BackofficeErrorBoundary.js

@@ -0,0 +1,21 @@
+import { Component as e } from "react";
+//#region src/components/backoffice/errors/BackofficeErrorBoundary.tsx
+var t = class extends e {
+	state = { error: null };
+	static getDerivedStateFromError(e) {
+		return { error: e };
+	}
+	reset = () => {
+		this.setState({ error: null });
+	};
+	render() {
+		return this.state.error == null ? this.props.children : this.props.fallback({
+			error: this.state.error,
+			reset: this.reset
+		});
+	}
+};
+//#endregion
+export { t as BackofficeErrorBoundary, t as default };
+
+//# sourceMappingURL=BackofficeErrorBoundary.js.map

package/lib/esm/components/backoffice/errors/BackofficeErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeErrorBoundary.js","names":[],"sources":["../../../../../src/components/backoffice/errors/BackofficeErrorBoundary.tsx"],"sourcesContent":["import { Component, type ReactNode } from 'react';\n\nexport type BackofficeErrorBoundaryProps = {\n  children: ReactNode;\n  fallback: (args: { error: unknown; reset: () => void }) => ReactNode;\n};\n\ntype State = { error: unknown };\n\nexport class BackofficeErrorBoundary extends Component<\n  BackofficeErrorBoundaryProps,\n  State\n> {\n  public state: State = { error: null };\n\n  public static getDerivedStateFromError(error: unknown): State {\n    return { error };\n  }\n\n  public reset = (): void => {\n    this.setState({ error: null });\n  };\n\n  public render(): ReactNode {\n    if (this.state.error != null) {\n      return this.props.fallback({\n        error: this.state.error,\n        reset: this.reset,\n      });\n    }\n    return this.props.children;\n  }\n}\n\nexport default BackofficeErrorBoundary;\n"],"mappings":";;AASA,IAAa,IAAb,cAA6C,EAG3C;CACA,QAAsB,EAAE,OAAO,MAAM;CAErC,OAAc,yBAAyB,GAAuB;AAC5D,SAAO,EAAE,UAAO;;CAGlB,cAA2B;AACzB,OAAK,SAAS,EAAE,OAAO,MAAM,CAAC;;CAGhC,SAA2B;AAOzB,SANI,KAAK,MAAM,SAAS,OAMjB,KAAK,MAAM,WALT,KAAK,MAAM,SAAS;GACzB,OAAO,KAAK,MAAM;GAClB,OAAO,KAAK;GACb,CAAC"}

package/lib/esm/components/backoffice/filters/BackofficeFilterAction.js

@@ -0,0 +1,43 @@
+import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
+import { useBackofficeListFilterContext as t } from "../scaffolds/BackofficeListFilterContext.js";
+import { canFilterValue as n, resolveFilterForColumn as r, resolveFilterForWhereKey as i } from "../../../filters/filterHelpers.js";
+import { action as a, icon as o } from "./backofficeFilterAction.css.js";
+import { jsx as s } from "react/jsx-runtime";
+import { useTranslation as c } from "react-i18next";
+import { Link as l } from "@plumile/router";
+import { buildBackofficeListLink as u } from "@plumile/backoffice-core/state/buildListHref.js";
+import { setWhereValue as d } from "@plumile/backoffice-core/filters/where.js";
+import { SidebarSearchSvg as f } from "@plumile/ui/icons/SidebarSearchSvg.js";
+//#region src/components/backoffice/filters/BackofficeFilterAction.tsx
+var p = (e, t) => e(t), m = (m) => {
+	let { t: h } = c(), { t: g } = e(), { whereKey: _, value: v, path: y, label: b, listConfig: x } = m, S = t(), C = null;
+	if (x == null ? S != null && (C = S.config) : C = x, C == null) return null;
+	let w = i(C, _, y);
+	if (w == null && y == null && (w = r(C, _)), w == null || !n(w, v)) return null;
+	let T = p(w.label, h), E = b ?? g("filters.actions.filterBy", { label: T }), D = /* @__PURE__ */ s(f, {
+		width: 14,
+		height: 14,
+		className: o,
+		"aria-hidden": "true"
+	});
+	if (S != null) return /* @__PURE__ */ s("button", {
+		type: "button",
+		className: a,
+		title: E,
+		"aria-label": E,
+		onClick: () => {
+			S.applyFilter(_, v, y);
+		},
+		children: D
+	});
+	let O = d(C.listDefaults?.where ?? C.list.defaultState?.where ?? null, _, v, y);
+	return /* @__PURE__ */ s(l, {
+		to: u(C, { where: O }),
+		className: a,
+		children: D
+	});
+};
+//#endregion
+export { m as BackofficeFilterAction, m as default };
+
+//# sourceMappingURL=BackofficeFilterAction.js.map

package/lib/esm/components/backoffice/filters/BackofficeFilterAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeFilterAction.js","names":[],"sources":["../../../../../src/components/backoffice/filters/BackofficeFilterAction.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from '@plumile/router';\nimport { SidebarSearchSvg } from '@plumile/ui/icons/SidebarSearchSvg.js';\n\nimport type {\n  BackofficeResolvedListFacetConfig,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport type { TFunction } from 'i18next';\nimport { buildBackofficeListLink } from '@plumile/backoffice-core/state/buildListHref.js';\nimport { setWhereValue } from '@plumile/backoffice-core/filters/where.js';\n\nimport {\n  canFilterValue,\n  resolveFilterForColumn,\n  resolveFilterForWhereKey,\n} from '../../../filters/filterHelpers.js';\nimport { useBackofficeListFilterContext } from '../scaffolds/BackofficeListFilterContext.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from './backofficeFilterAction.css.js';\n\nexport type BackofficeFilterActionProps<\n  Where extends Record<string, unknown> = Record<string, unknown>,\n  Sort extends string = string,\n> = {\n  whereKey: string;\n  value: unknown;\n  path?: readonly string[];\n  label?: string;\n  listConfig?: BackofficeResolvedListFacetConfig<Where, Sort>;\n};\n\ntype ListFilterContext<\n  Where extends Record<string, unknown>,\n  Sort extends string,\n> = {\n  config: BackofficeResolvedListFacetConfig<Where, Sort>;\n  applyFilter: (\n    whereKey: string,\n    value: unknown,\n    path?: readonly string[],\n  ) => void;\n};\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const BackofficeFilterAction = <\n  Where extends Record<string, unknown> = Record<string, unknown>,\n  Sort extends string = string,\n>(\n  props: BackofficeFilterActionProps<Where, Sort>,\n): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { whereKey, value, path, label, listConfig } = props;\n\n  const getContext = useBackofficeListFilterContext as () => ListFilterContext<\n    Where,\n    Sort\n  > | null;\n  const context = getContext();\n  let config: BackofficeResolvedListFacetConfig<Where, Sort> | null = null;\n\n  if (listConfig != null) {\n    config = listConfig;\n  } else if (context != null) {\n    config = context.config;\n  }\n\n  if (config == null) {\n    return null;\n  }\n\n  let filter = resolveFilterForWhereKey(config, whereKey, path);\n  if (filter == null && path == null) {\n    filter = resolveFilterForColumn(config, whereKey);\n  }\n  if (filter == null || !canFilterValue(filter, value)) {\n    return null;\n  }\n\n  const filterLabel = resolveLabel(filter.label, tApp);\n  const actionLabel =\n    label ??\n    t('filters.actions.filterBy', {\n      label: filterLabel,\n    });\n  const icon = (\n    <SidebarSearchSvg\n      width={14}\n      height={14}\n      className={styles.icon}\n      aria-hidden=\"true\"\n    />\n  );\n\n  if (context != null) {\n    return (\n      <button\n        type=\"button\"\n        className={styles.action}\n        title={actionLabel}\n        aria-label={actionLabel}\n        onClick={() => {\n          context.applyFilter(whereKey, value, path);\n        }}\n      >\n        {icon}\n      </button>\n    );\n  }\n\n  const baseWhere =\n    config.listDefaults?.where ?? config.list.defaultState?.where ?? null;\n  const nextWhere = setWhereValue(\n    baseWhere,\n    whereKey as keyof Where,\n    value,\n    path,\n  );\n  const to = buildBackofficeListLink(config, { where: nextWhere });\n\n  return (\n    <Link to={to} className={styles.action}>\n      {icon}\n    </Link>\n  );\n};\n\nexport default BackofficeFilterAction;\n"],"mappings":";;;;;;;;;;;AA8CA,IAAM,KAAgB,GAAkB,MAC/B,EAAM,EAAK,EAGP,KAIX,MACuB;CACvB,IAAM,EAAE,GAAG,MAAS,GAAgB,EAC9B,EAAE,SAAM,GAA+B,EACvC,EAAE,aAAU,UAAO,SAAM,UAAO,kBAAe,GAM/C,IAJa,GAIS,EACxB,IAAgE;AAQpE,KANI,KAAc,OAEP,KAAW,SACpB,IAAS,EAAQ,UAFjB,IAAS,GAKP,KAAU,KACZ,QAAO;CAGT,IAAI,IAAS,EAAyB,GAAQ,GAAU,EAAK;AAI7D,KAHI,KAAU,QAAQ,KAAQ,SAC5B,IAAS,EAAuB,GAAQ,EAAS,GAE/C,KAAU,QAAQ,CAAC,EAAe,GAAQ,EAAM,CAClD,QAAO;CAGT,IAAM,IAAc,EAAa,EAAO,OAAO,EAAK,EAC9C,IACJ,KACA,EAAE,4BAA4B,EAC5B,OAAO,GACR,CAAC,EACE,IACJ,kBAAC,GAAD;EACE,OAAO;EACP,QAAQ;EACR,WAAW;EACX,eAAY;EACZ,CAAA;AAGJ,KAAI,KAAW,KACb,QACE,kBAAC,UAAD;EACE,MAAK;EACL,WAAW;EACX,OAAO;EACP,cAAY;EACZ,eAAe;AACb,KAAQ,YAAY,GAAU,GAAO,EAAK;;YAG3C;EACM,CAAA;CAMb,IAAM,IAAY,EADhB,EAAO,cAAc,SAAS,EAAO,KAAK,cAAc,SAAS,MAGjE,GACA,GACA,EACD;AAGD,QACE,kBAAC,GAAD;EAAU,IAHD,EAAwB,GAAQ,EAAE,OAAO,GAAW,CAAC;EAGhD,WAAW;YACtB;EACI,CAAA"}

package/lib/esm/components/backoffice/filters/EntityFilterValue.js

@@ -0,0 +1,46 @@
+import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
+import { BackofficeErrorBoundary as t } from "../errors/BackofficeErrorBoundary.js";
+import { useBackofficePickerEntityLoader as n } from "../../../provider/useBackofficeEntityLoader.js";
+import { jsx as r } from "react/jsx-runtime";
+import { Suspense as i } from "react";
+import { useLazyLoadQuery as a } from "react-relay";
+//#region src/components/backoffice/filters/EntityFilterValue.tsx
+var o = (e) => {
+	if (typeof e != "object" || !e) return null;
+	let { title: t } = e;
+	if (typeof t != "string") return null;
+	let n = t.trim();
+	return n === "" ? null : n;
+}, s = ({ valueConfig: e, id: t, children: n }) => {
+	let r = a(e.query, { id: t }), i = e.resolveRow(r), s = null;
+	return i != null && (s = e.toRow(i)), n(o(s));
+}, c = ({ entityId: e, id: a, children: o }) => {
+	let c = n(e, { enabled: a.trim() !== "" }), l = null;
+	c.status === "loaded" && (l = c.module.config.picker.value ?? null);
+	let u = o(null);
+	return l == null ? u : /* @__PURE__ */ r(t, {
+		fallback: () => u,
+		children: /* @__PURE__ */ r(i, {
+			fallback: u,
+			children: /* @__PURE__ */ r(s, {
+				valueConfig: l,
+				id: a,
+				children: o
+			})
+		})
+	});
+}, l = ({ entityId: t, id: n }) => {
+	let { t: i } = e(), a = n.trim();
+	return /* @__PURE__ */ r(c, {
+		entityId: t,
+		id: n,
+		children: (e) => {
+			let t = a;
+			return a === "" && (t = i("filters.placeholders.unresolved")), /* @__PURE__ */ r("span", { children: e ?? t });
+		}
+	});
+};
+//#endregion
+export { l as EntityFilterValue, l as default, c as EntityFilterValueText };
+
+//# sourceMappingURL=EntityFilterValue.js.map

package/lib/esm/components/backoffice/filters/EntityFilterValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityFilterValue.js","names":[],"sources":["../../../../../src/components/backoffice/filters/EntityFilterValue.tsx"],"sourcesContent":["import { Suspense, type JSX } from 'react';\nimport { useLazyLoadQuery } from 'react-relay';\nimport type { OperationType } from 'relay-runtime';\n\nimport type { BackofficePickerValueConfig } from '@plumile/backoffice-core/types.js';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficePickerEntityLoader } from '../../../provider/useBackofficeEntityLoader.js';\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\n\ntype EntityFilterValueContentProps<RowRef, RowView> = {\n  valueConfig: BackofficePickerValueConfig<RowRef, RowView>;\n  id: string;\n  children: (label: string | null) => JSX.Element;\n};\n\nconst resolveTitle = (value: unknown): string | null => {\n  if (value == null || typeof value !== 'object') {\n    return null;\n  }\n  const { title } = value as { title?: unknown };\n  if (typeof title !== 'string') {\n    return null;\n  }\n  const trimmed = title.trim();\n  if (trimmed === '') {\n    return null;\n  }\n  return trimmed;\n};\n\nconst EntityFilterValueContent = <RowRef, RowView>({\n  valueConfig,\n  id,\n  children,\n}: EntityFilterValueContentProps<RowRef, RowView>): JSX.Element => {\n  const data = useLazyLoadQuery<OperationType>(valueConfig.query, { id });\n  const rowRef = valueConfig.resolveRow(data);\n  let row: RowView | null = null;\n  if (rowRef != null) {\n    row = valueConfig.toRow(rowRef);\n  }\n  const title = resolveTitle(row);\n\n  return children(title);\n};\n\nexport type EntityFilterValueTextProps = {\n  entityId: string;\n  id: string;\n  children: (label: string | null) => JSX.Element;\n};\n\nexport const EntityFilterValueText = ({\n  entityId,\n  id,\n  children,\n}: EntityFilterValueTextProps): JSX.Element => {\n  const resolvedId = id.trim();\n  const pickerEntityState = useBackofficePickerEntityLoader(entityId, {\n    enabled: resolvedId !== '',\n  });\n  let valueConfig: BackofficePickerValueConfig<unknown, unknown> | null = null;\n  if (pickerEntityState.status === 'loaded') {\n    valueConfig = pickerEntityState.module.config.picker.value ?? null;\n  }\n\n  const fallback = children(null);\n  if (valueConfig == null) {\n    return fallback;\n  }\n\n  return (\n    <BackofficeErrorBoundary\n      fallback={() => {\n        return fallback;\n      }}\n    >\n      <Suspense fallback={fallback}>\n        <EntityFilterValueContent valueConfig={valueConfig} id={id}>\n          {children}\n        </EntityFilterValueContent>\n      </Suspense>\n    </BackofficeErrorBoundary>\n  );\n};\n\nexport type EntityFilterValueProps = {\n  entityId: string;\n  id: string;\n};\n\nexport const EntityFilterValue = ({\n  entityId,\n  id,\n}: EntityFilterValueProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const resolvedId = id.trim();\n\n  return (\n    <EntityFilterValueText entityId={entityId} id={id}>\n      {(label) => {\n        let fallbackLabel = resolvedId;\n        if (resolvedId === '') {\n          fallbackLabel = t('filters.placeholders.unresolved');\n        }\n        return <span>{label ?? fallbackLabel}</span>;\n      }}\n    </EntityFilterValueText>\n  );\n};\n\nexport default EntityFilterValue;\n"],"mappings":";;;;;;;AAgBA,IAAM,KAAgB,MAAkC;AACtD,KAAqB,OAAO,KAAU,aAAlC,EACF,QAAO;CAET,IAAM,EAAE,aAAU;AAClB,KAAI,OAAO,KAAU,SACnB,QAAO;CAET,IAAM,IAAU,EAAM,MAAM;AAI5B,QAHI,MAAY,KACP,OAEF;GAGH,KAA6C,EACjD,gBACA,OACA,kBACiE;CACjE,IAAM,IAAO,EAAgC,EAAY,OAAO,EAAE,OAAI,CAAC,EACjE,IAAS,EAAY,WAAW,EAAK,EACvC,IAAsB;AAM1B,QALI,KAAU,SACZ,IAAM,EAAY,MAAM,EAAO,GAI1B,EAFO,EAAa,EAAI,CAET;GASX,KAAyB,EACpC,aACA,OACA,kBAC6C;CAE7C,IAAM,IAAoB,EAAgC,GAAU,EAClE,SAFiB,EAAG,MAAM,KAEF,IACzB,CAAC,EACE,IAAoE;AACxE,CAAI,EAAkB,WAAW,aAC/B,IAAc,EAAkB,OAAO,OAAO,OAAO,SAAS;CAGhE,IAAM,IAAW,EAAS,KAAK;AAK/B,QAJI,KAAe,OACV,IAIP,kBAAC,GAAD;EACE,gBACS;YAGT,kBAAC,GAAD;GAAoB;aAClB,kBAAC,GAAD;IAAuC;IAAiB;IACrD;IACwB,CAAA;GAClB,CAAA;EACa,CAAA;GASjB,KAAqB,EAChC,aACA,YACyC;CACzC,IAAM,EAAE,SAAM,GAA+B,EACvC,IAAa,EAAG,MAAM;AAE5B,QACE,kBAAC,GAAD;EAAiC;EAAc;aAC3C,MAAU;GACV,IAAI,IAAgB;AAIpB,UAHI,MAAe,OACjB,IAAgB,EAAE,kCAAkC,GAE/C,kBAAC,QAAD,EAAA,UAAO,KAAS,GAAqB,CAAA;;EAExB,CAAA"}

package/lib/esm/components/backoffice/filters/EntityIdFilterField.js

@@ -0,0 +1,51 @@
+import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
+import { actions as t, container as n, placeholder as r, valueBox as i, valueText as a } from "./entityIdFilterField.css.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Button as c } from "@plumile/ui";
+//#region src/components/backoffice/filters/EntityIdFilterField.tsx
+var l = (l) => {
+	let { label: u, value: d, displayValue: f, placeholder: p, onPick: m, onClear: h } = l, { t: g } = e(), _ = d?.trim() ?? "", v = f?.trim() ?? "", y = _ !== "", b = v !== "", x = p ?? g("filters.placeholders.search", { label: u }), S = g("filters.placeholders.unresolved"), C;
+	C = b ? /* @__PURE__ */ o("span", {
+		className: a,
+		children: v
+	}) : y ? /* @__PURE__ */ o("span", {
+		className: r,
+		children: S
+	}) : /* @__PURE__ */ o("span", {
+		className: r,
+		children: x
+	});
+	let w = g("common.actions.pick");
+	y && (w = g("common.actions.change"));
+	let T = null;
+	y && h != null && (T = /* @__PURE__ */ o(c, {
+		type: "button",
+		variant: "text",
+		size: "small",
+		"aria-label": g("common.actions.clear"),
+		onClick: h,
+		children: g("common.actions.clear")
+	}));
+	let E = null;
+	return m != null && (E = /* @__PURE__ */ o(c, {
+		type: "button",
+		variant: "secondary",
+		size: "small",
+		"aria-label": g("common.actions.pick"),
+		onClick: m,
+		children: w
+	})), /* @__PURE__ */ s("div", {
+		className: n,
+		children: [/* @__PURE__ */ o("div", {
+			className: i,
+			children: C
+		}), /* @__PURE__ */ s("div", {
+			className: t,
+			children: [E, T]
+		})]
+	});
+};
+//#endregion
+export { l as EntityIdFilterField, l as default };
+
+//# sourceMappingURL=EntityIdFilterField.js.map

package/lib/esm/components/backoffice/filters/EntityIdFilterField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityIdFilterField.js","names":[],"sources":["../../../../../src/components/backoffice/filters/EntityIdFilterField.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { Button } from '@plumile/ui';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from './entityIdFilterField.css.js';\n\nexport type EntityIdFilterFieldProps = {\n  label: string;\n  value: string | null;\n  displayValue?: string | null;\n  placeholder?: string;\n  onPick?: () => void;\n  onClear?: () => void;\n};\n\nexport const EntityIdFilterField = (\n  props: EntityIdFilterFieldProps,\n): JSX.Element => {\n  const { label, value, displayValue, placeholder, onPick, onClear } = props;\n  const { t } = useBackofficeReactTranslation();\n  const normalizedValue = value?.trim() ?? '';\n  const normalizedDisplayValue = displayValue?.trim() ?? '';\n  const hasValue = normalizedValue !== '';\n  const hasDisplayValue = normalizedDisplayValue !== '';\n\n  const resolvedPlaceholder =\n    placeholder ?? t('filters.placeholders.search', { label });\n  const unresolvedPlaceholder = t('filters.placeholders.unresolved');\n\n  let displayNode: JSX.Element;\n  if (hasDisplayValue) {\n    displayNode = (\n      <span className={styles.valueText}>{normalizedDisplayValue}</span>\n    );\n  } else if (hasValue) {\n    displayNode = (\n      <span className={styles.placeholder}>{unresolvedPlaceholder}</span>\n    );\n  } else {\n    displayNode = (\n      <span className={styles.placeholder}>{resolvedPlaceholder}</span>\n    );\n  }\n\n  let pickLabel = t('common.actions.pick');\n  if (hasValue) {\n    pickLabel = t('common.actions.change');\n  }\n\n  let clearNode: JSX.Element | null = null;\n  if (hasValue && onClear != null) {\n    clearNode = (\n      <Button\n        type=\"button\"\n        variant=\"text\"\n        size=\"small\"\n        aria-label={t('common.actions.clear')}\n        onClick={onClear}\n      >\n        {t('common.actions.clear')}\n      </Button>\n    );\n  }\n\n  let pickerNode: JSX.Element | null = null;\n  if (onPick != null) {\n    pickerNode = (\n      <Button\n        type=\"button\"\n        variant=\"secondary\"\n        size=\"small\"\n        aria-label={t('common.actions.pick')}\n        onClick={onPick}\n      >\n        {pickLabel}\n      </Button>\n    );\n  }\n\n  return (\n    <div className={styles.container}>\n      <div className={styles.valueBox}>{displayNode}</div>\n      <div className={styles.actions}>\n        {pickerNode}\n        {clearNode}\n      </div>\n    </div>\n  );\n};\n\nexport default EntityIdFilterField;\n"],"mappings":";;;;;AAiBA,IAAa,KACX,MACgB;CAChB,IAAM,EAAE,UAAO,UAAO,iBAAc,aAAA,GAAa,WAAQ,eAAY,GAC/D,EAAE,SAAM,GAA+B,EACvC,IAAkB,GAAO,MAAM,IAAI,IACnC,IAAyB,GAAc,MAAM,IAAI,IACjD,IAAW,MAAoB,IAC/B,IAAkB,MAA2B,IAE7C,IACJ,KAAe,EAAE,+BAA+B,EAAE,UAAO,CAAC,EACtD,IAAwB,EAAE,kCAAkC,EAE9D;AACJ,CASE,IATE,IAEA,kBAAC,QAAD;EAAM,WAAW;YAAmB;EAA8B,CAAA,GAE3D,IAEP,kBAAC,QAAD;EAAM,WAAW;YAAqB;EAA6B,CAAA,GAInE,kBAAC,QAAD;EAAM,WAAW;YAAqB;EAA2B,CAAA;CAIrE,IAAI,IAAY,EAAE,sBAAsB;AACxC,CAAI,MACF,IAAY,EAAE,wBAAwB;CAGxC,IAAI,IAAgC;AACpC,CAAI,KAAY,KAAW,SACzB,IACE,kBAAC,GAAD;EACE,MAAK;EACL,SAAQ;EACR,MAAK;EACL,cAAY,EAAE,uBAAuB;EACrC,SAAS;YAER,EAAE,uBAAuB;EACnB,CAAA;CAIb,IAAI,IAAiC;AAerC,QAdI,KAAU,SACZ,IACE,kBAAC,GAAD;EACE,MAAK;EACL,SAAQ;EACR,MAAK;EACL,cAAY,EAAE,sBAAsB;EACpC,SAAS;YAER;EACM,CAAA,GAKX,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACE,kBAAC,OAAD;GAAK,WAAW;aAAkB;GAAkB,CAAA,EACpD,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACG,GACA,EACG;KACF"}

package/lib/esm/components/backoffice/filters/backofficeFilterAction.css.js

@@ -0,0 +1,8 @@
+/* empty css                                             */
+/* empty css                                      */
+//#region src/components/backoffice/filters/backofficeFilterAction.css.ts
+var e = "hwnq701 hwnq700 vncd899jf vncd89co vncd89dnx vncd89two vncd89c66 vncd89l9f vncd891qx vncd891co vncd891qf vncd89f6 vncd89uzj vncd89v8r vncd89v vncd893b vncd8978 vncd896w vncd897k", t = "hwnq702 vncd89tw6 vncd89c5o";
+//#endregion
+export { e as action, t as icon };
+
+//# sourceMappingURL=backofficeFilterAction.css.js.map

package/lib/esm/components/backoffice/filters/backofficeFilterAction.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeFilterAction.css.js","names":[],"sources":["../../../../../src/components/backoffice/filters/backofficeFilterAction.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { vars } from '@plumile/ui/theme/themeContract.js';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const action = style([\n  sprinkles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 6,\n    height: 6,\n    padding: 0,\n    borderRadius: 'sm',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'transparent',\n    backgroundColor: 'transparent',\n    color: 'textSecondary',\n    cursor: 'pointer',\n    textDecoration: 'none',\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        color: vars.colors.text,\n        backgroundColor: vars.colors.surfaceSecondary,\n        borderColor: vars.colors.borderSubtle,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n\nexport const icon = sprinkles({\n  width: 4,\n  height: 4,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/filters/entityIdFilterField.css.js

@@ -0,0 +1,8 @@
+/* empty css                                             */
+/* empty css                                   */
+//#region src/components/backoffice/filters/entityIdFilterField.css.ts
+var e = "oa1uye0 vncd899io vncd89co vncd89ao6 vncd89u3f vncd89jdo", t = "oa1uye1 vncd899mx vncd89k4x vncd899io vncd89co vncd89l6f", n = "oa1uye2 vncd899i6 vncd89l6f vncd89t6f vncd89uw6", r = "oa1uye3 vncd89v8t", i = "oa1uye4 vncd899io vncd89co vncd89anx";
+//#endregion
+export { i as actions, e as container, r as placeholder, t as valueBox, n as valueText };
+
+//# sourceMappingURL=entityIdFilterField.css.js.map

package/lib/esm/components/backoffice/filters/entityIdFilterField.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entityIdFilterField.css.js","names":[],"sources":["../../../../../src/components/backoffice/filters/entityIdFilterField.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const container = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  width: 72,\n  maxWidth: 'full',\n});\n\nexport const valueBox = sprinkles({\n  flex: 1,\n  minWidth: 0,\n  display: 'flex',\n  alignItems: 'center',\n  overflow: 'hidden',\n});\n\nexport const valueText = sprinkles({\n  display: 'block',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n});\n\nexport const placeholder = sprinkles({\n  color: 'textMuted',\n});\n\nexport const actions = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 1,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/layout/backofficeSidebarActions.css.js

@@ -0,0 +1,8 @@
+/* empty css                                             */
+/* empty css                                        */
+//#region src/components/backoffice/layout/backofficeSidebarActions.css.ts
+var e = "_1xws1b01 _1xws1b00 vncd899jf vncd89co vncd89dnx vncd89two vncd89c66 vncd891rf vncd8912f vncd891px vncd89l9f vncd89uzj vncd89v8r vncd89v vncd8978 vncd896x vncd897k";
+//#endregion
+export { e as actionButton };
+
+//# sourceMappingURL=backofficeSidebarActions.css.js.map

package/lib/esm/components/backoffice/layout/backofficeSidebarActions.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeSidebarActions.css.js","names":[],"sources":["../../../../../src/components/backoffice/layout/backofficeSidebarActions.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nexport const actionButton = style([\n  sprinkles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 6,\n    height: 6,\n    borderRadius: 'md',\n    borderWidth: 0,\n    borderStyle: 'none',\n    padding: 0,\n    backgroundColor: 'transparent',\n    color: 'textSecondary',\n    cursor: 'pointer',\n    transitionProperty: 'colors',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        backgroundColor: vars.colors.surfaceMuted,\n        color: vars.colors.text,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors['blue-500']}`,\n        outlineOffset: 2,\n      },\n    },\n  },\n]);\n"],"mappings":""}

package/lib/esm/components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js

@@ -0,0 +1,10 @@
+import { assertValidBreadcrumb as e } from "./assertValidBreadcrumb.js";
+import { BackofficeTopbarPortal as t } from "./BackofficeTopbarPortal.js";
+import { BackofficeTopbarBreadcrumb as n } from "./BackofficeTopbarBreadcrumb.js";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.tsx
+var o = ({ breadcrumb: o, children: s }) => /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(t, { children: /* @__PURE__ */ i(n, { items: e(o) }) }), /* @__PURE__ */ i(r, { children: s })] });
+//#endregion
+export { o as BackofficeRightPageLayout, o as default };
+
+//# sourceMappingURL=BackofficeRightPageLayout.js.map

package/lib/esm/components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeRightPageLayout.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { assertValidBreadcrumb } from './assertValidBreadcrumb.js';\nimport { BackofficeTopbarPortal } from './BackofficeTopbarPortal.js';\nimport { BackofficeTopbarBreadcrumb } from './BackofficeTopbarBreadcrumb.js';\nimport type { BackofficeTopbarBreadcrumbItem } from './types.js';\n\nexport type BackofficeRightPageLayoutProps = {\n  breadcrumb: readonly BackofficeTopbarBreadcrumbItem[];\n  children: ReactNode;\n};\n\nexport const BackofficeRightPageLayout = ({\n  breadcrumb,\n  children,\n}: BackofficeRightPageLayoutProps): JSX.Element => {\n  const items = assertValidBreadcrumb(breadcrumb);\n\n  return (\n    <>\n      <BackofficeTopbarPortal>\n        <BackofficeTopbarBreadcrumb items={items} />\n      </BackofficeTopbarPortal>\n      <>{children}</>\n    </>\n  );\n};\n\nexport default BackofficeRightPageLayout;\n"],"mappings":";;;;;AAYA,IAAa,KAA6B,EACxC,eACA,kBAKE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAmC,OAL3B,EAAsB,EAAW,EAKG,CAAA,EACrB,CAAA,EACzB,kBAAA,GAAA,EAAG,aAAY,CAAA,CACd,EAAA,CAAA"}

package/lib/esm/components/backoffice/layout/breadcrumb/BackofficeTopbarBreadcrumb.js

@@ -0,0 +1,38 @@
+import { current as e, item as t, link as n, list as r, nav as i } from "./backofficeTopbarBreadcrumb.css.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Link as s } from "@plumile/router";
+//#region src/components/backoffice/layout/breadcrumb/BackofficeTopbarBreadcrumb.tsx
+var c = ({ items: c }) => /* @__PURE__ */ a("nav", {
+	className: i,
+	"aria-label": "Breadcrumb",
+	children: /* @__PURE__ */ a("ol", {
+		className: r,
+		children: c.map((r, i) => {
+			let c = i === 0, l = r.isCurrent === !0, u = `${r.id}-${i}`, d = r.to != null && !l, f;
+			if (d) f = /* @__PURE__ */ a(s, {
+				to: r.to,
+				className: n,
+				children: r.label
+			});
+			else {
+				let t = n;
+				l && (t = e), f = /* @__PURE__ */ a("span", {
+					className: t,
+					children: r.label
+				});
+			}
+			return /* @__PURE__ */ o("li", {
+				className: t,
+				children: [!c && /* @__PURE__ */ a("span", {
+					className: "_80s44h4 vncd89v8r vncd898x vncd89fa6",
+					"aria-hidden": "true",
+					children: "/"
+				}), f]
+			}, u);
+		})
+	})
+});
+//#endregion
+export { c as BackofficeTopbarBreadcrumb, c as default };
+
+//# sourceMappingURL=BackofficeTopbarBreadcrumb.js.map

package/lib/esm/components/backoffice/layout/breadcrumb/BackofficeTopbarBreadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeTopbarBreadcrumb.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/BackofficeTopbarBreadcrumb.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { Link } from '@plumile/router';\n\nimport type { BackofficeTopbarBreadcrumbItem } from './types.js';\nimport * as styles from './backofficeTopbarBreadcrumb.css.js';\n\nexport type BackofficeTopbarBreadcrumbProps = {\n  items: readonly BackofficeTopbarBreadcrumbItem[];\n};\n\nexport const BackofficeTopbarBreadcrumb = ({\n  items,\n}: BackofficeTopbarBreadcrumbProps): JSX.Element => {\n  return (\n    <nav className={styles.nav} aria-label=\"Breadcrumb\">\n      <ol className={styles.list}>\n        {items.map((item, index) => {\n          const isFirst = index === 0;\n          const isCurrent = item.isCurrent === true;\n          const key = `${item.id}-${index}`;\n          const shouldRenderLink = item.to != null && !isCurrent;\n          let content: JSX.Element;\n\n          if (shouldRenderLink) {\n            content = (\n              <Link to={item.to} className={styles.link}>\n                {item.label}\n              </Link>\n            );\n          } else {\n            let className = styles.link;\n            if (isCurrent) {\n              className = styles.current;\n            }\n            content = <span className={className}>{item.label}</span>;\n          }\n\n          return (\n            <li key={key} className={styles.item}>\n              {!isFirst && (\n                <span className={styles.separator} aria-hidden=\"true\">\n                  /\n                </span>\n              )}\n              {content}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n\nexport default BackofficeTopbarBreadcrumb;\n"],"mappings":";;;;AAUA,IAAa,KAA8B,EACzC,eAGE,kBAAC,OAAD;CAAK,WAAW;CAAY,cAAW;WACrC,kBAAC,MAAD;EAAI,WAAW;YACZ,EAAM,KAAK,GAAM,MAAU;GAC1B,IAAM,IAAU,MAAU,GACpB,IAAY,EAAK,cAAc,IAC/B,IAAM,GAAG,EAAK,GAAG,GAAG,KACpB,IAAmB,EAAK,MAAM,QAAQ,CAAC,GACzC;AAEJ,OAAI,EACF,KACE,kBAAC,GAAD;IAAM,IAAI,EAAK;IAAI,WAAW;cAC3B,EAAK;IACD,CAAA;QAEJ;IACL,IAAI,IAAY;AAIhB,IAHI,MACF,IAAY,IAEd,IAAU,kBAAC,QAAD;KAAiB;eAAY,EAAK;KAAa,CAAA;;AAG3D,UACE,kBAAC,MAAD;IAAc,WAAW;cAAzB,CACG,CAAC,KACA,kBAAC,QAAD;KAAM,WAAW;KAAkB,eAAY;eAAO;KAE/C,CAAA,EAER,EACE;MAPI,EAOJ;IAEP;EACC,CAAA;CACD,CAAA"}

package/lib/esm/components/backoffice/layout/breadcrumb/BackofficeTopbarPortal.js

@@ -0,0 +1,12 @@
+import { useBackofficeTopbarPortalContext as e } from "./BackofficeTopbarPortalContext.js";
+import { createPortal as t } from "react-dom";
+//#region src/components/backoffice/layout/breadcrumb/BackofficeTopbarPortal.tsx
+var n = ({ children: n }) => {
+	let { target: r } = e();
+	if (r == null) throw Error("Backoffice topbar target is missing. Ensure BackofficeLayoutPage provides a topbar breadcrumb mount target before rendering right-side pages.");
+	return t(n, r);
+};
+//#endregion
+export { n as BackofficeTopbarPortal, n as default };
+
+//# sourceMappingURL=BackofficeTopbarPortal.js.map

package/lib/esm/components/backoffice/layout/breadcrumb/BackofficeTopbarPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeTopbarPortal.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/BackofficeTopbarPortal.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { useBackofficeTopbarPortalContext } from './BackofficeTopbarPortalContext.js';\n\nexport type BackofficeTopbarPortalProps = {\n  children: ReactNode;\n};\n\nexport const BackofficeTopbarPortal = ({\n  children,\n}: BackofficeTopbarPortalProps): JSX.Element | null => {\n  const { target } = useBackofficeTopbarPortalContext();\n  if (target == null) {\n    throw new Error(\n      'Backoffice topbar target is missing. Ensure BackofficeLayoutPage provides a topbar breadcrumb mount target before rendering right-side pages.',\n    );\n  }\n  return createPortal(children, target);\n};\n\nexport default BackofficeTopbarPortal;\n"],"mappings":";;;AASA,IAAa,KAA0B,EACrC,kBACqD;CACrD,IAAM,EAAE,cAAW,GAAkC;AACrD,KAAI,KAAU,KACZ,OAAU,MACR,gJACD;AAEH,QAAO,EAAa,GAAU,EAAO"}

package/lib/esm/components/backoffice/layout/breadcrumb/BackofficeTopbarPortalContext.js

@@ -0,0 +1,11 @@
+import { createContext as e, useContext as t } from "react";
+//#region src/components/backoffice/layout/breadcrumb/BackofficeTopbarPortalContext.tsx
+var n = e(null), r = n.Provider, i = () => {
+	let e = t(n);
+	if (e == null) throw Error("BackofficeTopbarPortalContext is missing. Ensure pages are rendered under BackofficeLayoutPage.");
+	return e;
+};
+//#endregion
+export { r as BackofficeTopbarPortalContextProvider, i as useBackofficeTopbarPortalContext };
+
+//# sourceMappingURL=BackofficeTopbarPortalContext.js.map

package/lib/esm/components/backoffice/layout/breadcrumb/BackofficeTopbarPortalContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeTopbarPortalContext.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/BackofficeTopbarPortalContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type BackofficeTopbarPortalContextValue = {\n  target: HTMLDivElement | null;\n};\n\nconst BackofficeTopbarPortalContext =\n  createContext<BackofficeTopbarPortalContextValue | null>(null);\n\nexport const BackofficeTopbarPortalContextProvider =\n  BackofficeTopbarPortalContext.Provider;\n\nexport const useBackofficeTopbarPortalContext =\n  (): BackofficeTopbarPortalContextValue => {\n    const context = useContext(BackofficeTopbarPortalContext);\n    if (context == null) {\n      throw new Error(\n        'BackofficeTopbarPortalContext is missing. Ensure pages are rendered under BackofficeLayoutPage.',\n      );\n    }\n    return context;\n  };\n"],"mappings":";;AAMA,IAAM,IACJ,EAAyD,KAAK,EAEnD,IACX,EAA8B,UAEnB,UAC+B;CACxC,IAAM,IAAU,EAAW,EAA8B;AACzD,KAAI,KAAW,KACb,OAAU,MACR,kGACD;AAEH,QAAO"}

package/lib/esm/components/backoffice/layout/breadcrumb/assertValidBreadcrumb.js

@@ -0,0 +1,16 @@
+//#region src/components/backoffice/layout/breadcrumb/assertValidBreadcrumb.ts
+var e = (e, t) => t == null ? /* @__PURE__ */ Error(`Invalid breadcrumb contract: ${e}`) : /* @__PURE__ */ Error(`Invalid breadcrumb contract: ${e} (${t})`), t = (t) => {
+	if (t == null) throw e("MISSING_BREADCRUMB");
+	if (t.length === 0) throw e("EMPTY_BREADCRUMB");
+	let n = /* @__PURE__ */ new Set();
+	if (t.forEach((t, r) => {
+		if (typeof t.id != "string" || t.id.trim() === "") throw e("INVALID_SEGMENT_ID", `index=${r}`);
+		if (n.has(t.id)) throw e("INVALID_SEGMENT_ID", `duplicate id="${t.id}"`);
+		n.add(t.id);
+	}), t[t.length - 1]?.isCurrent !== !0) throw e("MISSING_CURRENT_SEGMENT");
+	return t;
+};
+//#endregion
+export { t as assertValidBreadcrumb };
+
+//# sourceMappingURL=assertValidBreadcrumb.js.map

package/lib/esm/components/backoffice/layout/breadcrumb/assertValidBreadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assertValidBreadcrumb.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/assertValidBreadcrumb.ts"],"sourcesContent":["import type {\n  BackofficeTopbarBreadcrumbItem,\n  BreadcrumbContractErrorCode,\n} from './types.js';\n\nconst formatContractError = (\n  code: BreadcrumbContractErrorCode,\n  details?: string,\n): Error => {\n  if (details == null) {\n    return new Error(`Invalid breadcrumb contract: ${code}`);\n  }\n  return new Error(`Invalid breadcrumb contract: ${code} (${details})`);\n};\n\nexport const assertValidBreadcrumb = (\n  items: readonly BackofficeTopbarBreadcrumbItem[] | null | undefined,\n): readonly BackofficeTopbarBreadcrumbItem[] => {\n  if (items == null) {\n    throw formatContractError('MISSING_BREADCRUMB');\n  }\n  if (items.length === 0) {\n    throw formatContractError('EMPTY_BREADCRUMB');\n  }\n\n  const seen = new Set<string>();\n  items.forEach((item, index) => {\n    if (typeof item.id !== 'string' || item.id.trim() === '') {\n      throw formatContractError('INVALID_SEGMENT_ID', `index=${index}`);\n    }\n\n    if (seen.has(item.id)) {\n      throw formatContractError(\n        'INVALID_SEGMENT_ID',\n        `duplicate id=\"${item.id}\"`,\n      );\n    }\n    seen.add(item.id);\n  });\n\n  const last = items[items.length - 1];\n  if (last?.isCurrent !== true) {\n    throw formatContractError('MISSING_CURRENT_SEGMENT');\n  }\n\n  return items;\n};\n"],"mappings":";AAKA,IAAM,KACJ,GACA,MAEI,KAAW,OACN,gBAAI,MAAM,gCAAgC,IAAO,GAEnD,gBAAI,MAAM,gCAAgC,EAAK,IAAI,EAAQ,GAAG,EAG1D,KACX,MAC8C;AAC9C,KAAI,KAAS,KACX,OAAM,EAAoB,qBAAqB;AAEjD,KAAI,EAAM,WAAW,EACnB,OAAM,EAAoB,mBAAmB;CAG/C,IAAM,oBAAO,IAAI,KAAa;AAgB9B,KAfA,EAAM,SAAS,GAAM,MAAU;AAC7B,MAAI,OAAO,EAAK,MAAO,YAAY,EAAK,GAAG,MAAM,KAAK,GACpD,OAAM,EAAoB,sBAAsB,SAAS,IAAQ;AAGnE,MAAI,EAAK,IAAI,EAAK,GAAG,CACnB,OAAM,EACJ,sBACA,iBAAiB,EAAK,GAAG,GAC1B;AAEH,IAAK,IAAI,EAAK,GAAG;GACjB,EAEW,EAAM,EAAM,SAAS,IACxB,cAAc,GACtB,OAAM,EAAoB,0BAA0B;AAGtD,QAAO"}

package/lib/esm/components/backoffice/layout/breadcrumb/backofficeTopbarBreadcrumb.css.js

@@ -0,0 +1,8 @@
+/* empty css                                                */
+/* empty css                                          */
+//#region src/components/backoffice/layout/breadcrumb/backofficeTopbarBreadcrumb.css.ts
+var e = "_80s44h0 vncd899jf vncd89co", t = "_80s44h2 _80s44h1 vncd899jf vncd89co vncd89ao6", n = "_80s44h3 vncd899jf vncd89co vncd89ao6", r = "_80s44h4 vncd89v8r vncd898x vncd89fa6", i = "_80s44h6 _80s44h5 vncd89v8r vncd898x vncd89fa6", a = "_80s44h7 vncd89v8p vncd898x vncd89fa6 vncd89amo";
+//#endregion
+export { a as current, n as item, i as link, t as list, e as nav, r as separator };
+
+//# sourceMappingURL=backofficeTopbarBreadcrumb.css.js.map

package/lib/esm/components/backoffice/layout/breadcrumb/backofficeTopbarBreadcrumb.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeTopbarBreadcrumb.css.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/backofficeTopbarBreadcrumb.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { style } from '@vanilla-extract/css';\n\nconst INLINE_FLEX = 'inline-flex' as const;\n\nexport const nav = sprinkles({\n  display: INLINE_FLEX,\n  alignItems: 'center',\n});\n\nexport const list = style([\n  sprinkles({\n    display: INLINE_FLEX,\n    alignItems: 'center',\n    gap: 2,\n  }),\n  {\n    margin: 0,\n    padding: 0,\n    listStyle: 'none',\n  },\n]);\n\nexport const item = sprinkles({\n  display: INLINE_FLEX,\n  alignItems: 'center',\n  gap: 2,\n});\n\nexport const separator = sprinkles({\n  color: 'textSecondary',\n  fontSize: 'sm',\n  lineHeight: 'normal',\n});\n\nexport const link = style([\n  sprinkles({\n    color: 'textSecondary',\n    fontSize: 'sm',\n    lineHeight: 'normal',\n  }),\n  {\n    textDecoration: 'none',\n    selectors: {\n      '&:hover': {\n        textDecoration: 'underline',\n      },\n    },\n  },\n]);\n\nexport const current = sprinkles({\n  color: 'text',\n  fontSize: 'sm',\n  lineHeight: 'normal',\n  fontWeight: 'semibold',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/layout/breadcrumb/buildBreadcrumbs.js

@@ -0,0 +1,48 @@
+//#region src/components/backoffice/layout/breadcrumb/buildBreadcrumbs.ts
+var e = (e, t) => e(t), t = (t) => {
+	let n = t.detailHeader.titleValue?.(t.layoutView, t.tApp);
+	if (typeof n == "string" && n.trim() !== "") return n;
+	let r = e(t.detailHeader.title, t.tApp);
+	if (r.trim() !== "") return r;
+	let i = t.layoutView.id;
+	return typeof i == "string" && i.trim() !== "" ? i : "";
+}, n = (e) => [{
+	id: "dashboard",
+	label: e("dashboard.title"),
+	isCurrent: !0
+}], r = (t, n) => [{
+	id: `${t.id}-list`,
+	label: e(t.label, n),
+	isCurrent: !0
+}], i = (n) => {
+	let r = e(n.config.label, n.tApp), i = t({
+		layoutView: n.layoutView,
+		detailHeader: n.config.header,
+		tApp: n.tApp
+	});
+	return [
+		{
+			id: `${n.config.id}-list`,
+			label: r,
+			to: n.config.routes.list
+		},
+		{
+			id: `${n.config.id}-entity-${n.entityId}`,
+			label: i,
+			to: n.config.routes.detail(n.entityId)
+		},
+		{
+			id: `${n.config.id}-page-${n.pageLabel}`,
+			label: n.pageLabel,
+			isCurrent: !0
+		}
+	];
+}, a = (e) => [{
+	id: `tool-${e.title}`,
+	label: e.title,
+	isCurrent: !0
+}];
+//#endregion
+export { n as buildDashboardBreadcrumb, i as buildEntityDetailBreadcrumb, r as buildEntityListBreadcrumb, a as buildToolBreadcrumb, t as resolveEntityTitleFromDetailHeader };
+
+//# sourceMappingURL=buildBreadcrumbs.js.map

package/lib/esm/components/backoffice/layout/breadcrumb/buildBreadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildBreadcrumbs.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/buildBreadcrumbs.ts"],"sourcesContent":["import type { TFunction } from 'i18next';\n\nimport type {\n  BackofficeResolvedDetailLayoutFacetConfig,\n  BackofficeResolvedDetailPageFacetConfig,\n  BackofficeResolvedListFacetConfig,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\n\nimport type { BackofficeTopbarBreadcrumbItem } from './types.js';\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const resolveEntityTitleFromDetailHeader = <\n  LayoutView extends object,\n>(input: {\n  layoutView: LayoutView;\n  detailHeader: BackofficeResolvedDetailLayoutFacetConfig['header'];\n  tApp: TFunction;\n}): string => {\n  const titleValue = input.detailHeader.titleValue?.(\n    input.layoutView as never,\n    input.tApp,\n  );\n  if (typeof titleValue === 'string' && titleValue.trim() !== '') {\n    return titleValue;\n  }\n\n  const title = resolveLabel(input.detailHeader.title, input.tApp);\n  if (title.trim() !== '') {\n    return title;\n  }\n\n  const maybeId = (input.layoutView as { id?: unknown }).id;\n  if (typeof maybeId === 'string' && maybeId.trim() !== '') {\n    return maybeId;\n  }\n\n  return '';\n};\n\nexport const buildDashboardBreadcrumb = (\n  t: TFunction,\n): readonly BackofficeTopbarBreadcrumbItem[] => {\n  return [\n    {\n      id: 'dashboard',\n      label: t('dashboard.title'),\n      isCurrent: true,\n    },\n  ];\n};\n\nexport const buildEntityListBreadcrumb = (\n  config: BackofficeResolvedListFacetConfig,\n  tApp: TFunction,\n): readonly BackofficeTopbarBreadcrumbItem[] => {\n  return [\n    {\n      id: `${config.id}-list`,\n      label: resolveLabel(config.label, tApp),\n      isCurrent: true,\n    },\n  ];\n};\n\nexport const buildEntityDetailBreadcrumb = (input: {\n  config:\n    | BackofficeResolvedDetailLayoutFacetConfig\n    | BackofficeResolvedDetailPageFacetConfig;\n  tApp: TFunction;\n  entityId: string;\n  layoutView: unknown;\n  pageLabel: string;\n}): readonly BackofficeTopbarBreadcrumbItem[] => {\n  const listLabel = resolveLabel(input.config.label, input.tApp);\n  const entityTitle = resolveEntityTitleFromDetailHeader({\n    layoutView: input.layoutView as object,\n    detailHeader: input.config.header,\n    tApp: input.tApp,\n  });\n\n  return [\n    {\n      id: `${input.config.id}-list`,\n      label: listLabel,\n      to: input.config.routes.list,\n    },\n    {\n      id: `${input.config.id}-entity-${input.entityId}`,\n      label: entityTitle,\n      to: input.config.routes.detail(input.entityId),\n    },\n    {\n      id: `${input.config.id}-page-${input.pageLabel}`,\n      label: input.pageLabel,\n      isCurrent: true,\n    },\n  ];\n};\n\nexport const buildToolBreadcrumb = (input: {\n  title: string;\n}): readonly BackofficeTopbarBreadcrumbItem[] => {\n  return [\n    {\n      id: `tool-${input.title}`,\n      label: input.title,\n      isCurrent: true,\n    },\n  ];\n};\n"],"mappings":";AAWA,IAAM,KAAgB,GAAkB,MAC/B,EAAM,EAAK,EAGP,KAEX,MAIY;CACZ,IAAM,IAAa,EAAM,aAAa,aACpC,EAAM,YACN,EAAM,KACP;AACD,KAAI,OAAO,KAAe,YAAY,EAAW,MAAM,KAAK,GAC1D,QAAO;CAGT,IAAM,IAAQ,EAAa,EAAM,aAAa,OAAO,EAAM,KAAK;AAChE,KAAI,EAAM,MAAM,KAAK,GACnB,QAAO;CAGT,IAAM,IAAW,EAAM,WAAgC;AAKvD,QAJI,OAAO,KAAY,YAAY,EAAQ,MAAM,KAAK,KAC7C,IAGF;GAGI,KACX,MAEO,CACL;CACE,IAAI;CACJ,OAAO,EAAE,kBAAkB;CAC3B,WAAW;CACZ,CACF,EAGU,KACX,GACA,MAEO,CACL;CACE,IAAI,GAAG,EAAO,GAAG;CACjB,OAAO,EAAa,EAAO,OAAO,EAAK;CACvC,WAAW;CACZ,CACF,EAGU,KAA+B,MAQK;CAC/C,IAAM,IAAY,EAAa,EAAM,OAAO,OAAO,EAAM,KAAK,EACxD,IAAc,EAAmC;EACrD,YAAY,EAAM;EAClB,cAAc,EAAM,OAAO;EAC3B,MAAM,EAAM;EACb,CAAC;AAEF,QAAO;EACL;GACE,IAAI,GAAG,EAAM,OAAO,GAAG;GACvB,OAAO;GACP,IAAI,EAAM,OAAO,OAAO;GACzB;EACD;GACE,IAAI,GAAG,EAAM,OAAO,GAAG,UAAU,EAAM;GACvC,OAAO;GACP,IAAI,EAAM,OAAO,OAAO,OAAO,EAAM,SAAS;GAC/C;EACD;GACE,IAAI,GAAG,EAAM,OAAO,GAAG,QAAQ,EAAM;GACrC,OAAO,EAAM;GACb,WAAW;GACZ;EACF;GAGU,KAAuB,MAG3B,CACL;CACE,IAAI,QAAQ,EAAM;CAClB,OAAO,EAAM;CACb,WAAW;CACZ,CACF"}