@plumile/backoffice-react 0.1.104 → 0.1.106

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

@@ -0,0 +1,67 @@
+import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
+import { actions as t, container as n } from "./deferredFilterSearchInput.css.js";
+import { useEffect as r, useState as i } from "react";
+import { Button as a, Input as o, SidebarSearchSvg as s } from "@plumile/ui";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/backoffice/filters/DeferredFilterSearchInput.tsx
+var u = ({ value: u, placeholder: d, ariaLabel: f, className: p, inputMode: m = "search", type: h = "search", onApply: g }) => {
+	let { t: _ } = e(), [v, y] = i(u);
+	r(() => {
+		y(u);
+	}, [u]);
+	let b = v.trim(), x = u.trim(), S = b !== "", C = b !== x, w = S || x !== "", T = "secondary";
+	C && (T = "primary");
+	let E = () => {
+		C && g(b);
+	};
+	return /* @__PURE__ */ c("form", {
+		className: p,
+		onSubmit: (e) => {
+			e.preventDefault(), E();
+		},
+		children: /* @__PURE__ */ l("div", {
+			className: n,
+			children: [/* @__PURE__ */ c(o, {
+				type: h,
+				inputMode: m,
+				value: v,
+				onChange: (e) => {
+					y(e.target.value);
+				},
+				onKeyDown: (e) => {
+					e.key === "Escape" && (e.preventDefault(), y(u));
+				},
+				placeholder: d,
+				"aria-label": f ?? d,
+				size: "small",
+				fullWidth: !0,
+				leftIcon: /* @__PURE__ */ c(s, {
+					width: 18,
+					height: 18,
+					"aria-hidden": "true"
+				})
+			}), /* @__PURE__ */ l("div", {
+				className: t,
+				children: [w && /* @__PURE__ */ c(a, {
+					type: "button",
+					variant: "text",
+					size: "small",
+					onClick: () => {
+						y(""), x !== "" && g("");
+					},
+					children: _("common.actions.clear")
+				}), /* @__PURE__ */ c(a, {
+					type: "submit",
+					variant: T,
+					size: "small",
+					disabled: !C,
+					children: _("filters.actions.apply")
+				})]
+			})]
+		})
+	});
+};
+//#endregion
+export { u as DeferredFilterSearchInput, u as default };
+
+//# sourceMappingURL=DeferredFilterSearchInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeferredFilterSearchInput.js","names":[],"sources":["../../../../../src/components/backoffice/filters/DeferredFilterSearchInput.tsx"],"sourcesContent":["import {\n  useEffect,\n  useState,\n  type ChangeEvent,\n  type FormEvent,\n  type JSX,\n  type KeyboardEvent,\n} from 'react';\n\nimport { Button, Input, SidebarSearchSvg } from '@plumile/ui';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from './deferredFilterSearchInput.css.js';\n\nexport type DeferredFilterSearchInputProps = {\n  value: string;\n  placeholder: string;\n  ariaLabel?: string;\n  className?: string;\n  inputMode?: 'search' | 'numeric' | 'decimal';\n  type?: 'search' | 'number' | 'datetime-local';\n  onApply: (value: string) => void;\n};\n\nexport const DeferredFilterSearchInput = ({\n  value,\n  placeholder,\n  ariaLabel,\n  className,\n  inputMode = 'search',\n  type = 'search',\n  onApply,\n}: DeferredFilterSearchInputProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const [draftValue, setDraftValue] = useState(value);\n\n  useEffect(() => {\n    setDraftValue(value);\n  }, [value]);\n\n  const normalizedDraft = draftValue.trim();\n  const normalizedValue = value.trim();\n  const hasDraft = normalizedDraft !== '';\n  const hasPendingValue = normalizedDraft !== normalizedValue;\n  const canClear = hasDraft || normalizedValue !== '';\n  let submitVariant: 'primary' | 'secondary' = 'secondary';\n  if (hasPendingValue) {\n    submitVariant = 'primary';\n  }\n\n  const applyDraft = () => {\n    if (!hasPendingValue) {\n      return;\n    }\n    onApply(normalizedDraft);\n  };\n\n  const clearValue = () => {\n    setDraftValue('');\n    if (normalizedValue !== '') {\n      onApply('');\n    }\n  };\n\n  return (\n    <form\n      className={className}\n      onSubmit={(event: FormEvent<HTMLFormElement>) => {\n        event.preventDefault();\n        applyDraft();\n      }}\n    >\n      <div className={styles.container}>\n        <Input\n          type={type}\n          inputMode={inputMode}\n          value={draftValue}\n          onChange={(event: ChangeEvent<HTMLInputElement>) => {\n            setDraftValue(event.target.value);\n          }}\n          onKeyDown={(event: KeyboardEvent<HTMLInputElement>) => {\n            if (event.key === 'Escape') {\n              event.preventDefault();\n              setDraftValue(value);\n            }\n          }}\n          placeholder={placeholder}\n          aria-label={ariaLabel ?? placeholder}\n          size=\"small\"\n          fullWidth\n          leftIcon={\n            <SidebarSearchSvg width={18} height={18} aria-hidden=\"true\" />\n          }\n        />\n        <div className={styles.actions}>\n          {canClear && (\n            <Button\n              type=\"button\"\n              variant=\"text\"\n              size=\"small\"\n              onClick={clearValue}\n            >\n              {t('common.actions.clear')}\n            </Button>\n          )}\n          <Button\n            type=\"submit\"\n            variant={submitVariant}\n            size=\"small\"\n            disabled={!hasPendingValue}\n          >\n            {t('filters.actions.apply')}\n          </Button>\n        </div>\n      </div>\n    </form>\n  );\n};\n\nexport default DeferredFilterSearchInput;\n"],"mappings":";;;;;;AAyBA,IAAa,KAA6B,EACxC,UACA,gBACA,cACA,cACA,eAAY,UACZ,UAAO,UACP,iBACiD;CACjD,IAAM,EAAE,SAAM,GAA+B,EACvC,CAAC,GAAY,KAAiB,EAAS,EAAM;CAEnD,QAAgB;EACd,EAAc,EAAM;IACnB,CAAC,EAAM,CAAC;CAEX,IAAM,IAAkB,EAAW,MAAM,EACnC,IAAkB,EAAM,MAAM,EAC9B,IAAW,MAAoB,IAC/B,IAAkB,MAAoB,GACtC,IAAW,KAAY,MAAoB,IAC7C,IAAyC;CAC7C,AAAI,MACF,IAAgB;CAGlB,IAAM,UAAmB;EAClB,KAGL,EAAQ,EAAgB;;CAU1B,OACE,kBAAC,QAAD;EACa;EACX,WAAW,MAAsC;GAE/C,AADA,EAAM,gBAAgB,EACtB,GAAY;;YAGd,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACE,kBAAC,GAAD;IACQ;IACK;IACX,OAAO;IACP,WAAW,MAAyC;KAClD,EAAc,EAAM,OAAO,MAAM;;IAEnC,YAAY,MAA2C;KACrD,AAAI,EAAM,QAAQ,aAChB,EAAM,gBAAgB,EACtB,EAAc,EAAM;;IAGX;IACb,cAAY,KAAa;IACzB,MAAK;IACL,WAAA;IACA,UACE,kBAAC,GAAD;KAAkB,OAAO;KAAI,QAAQ;KAAI,eAAY;KAAS,CAAA;IAEhE,CAAA,EACF,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACG,KACC,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,MAAK;KACL,eA3Ca;MAEvB,AADA,EAAc,GAAG,EACb,MAAoB,MACtB,EAAQ,GAAG;;eA0CF,EAAE,uBAAuB;KACnB,CAAA,EAEX,kBAAC,GAAD;KACE,MAAK;KACL,SAAS;KACT,MAAK;KACL,UAAU,CAAC;eAEV,EAAE,wBAAwB;KACpB,CAAA,CACL;MACF;;EACD,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 { Suspense as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import * as a from "react-relay";
+//#region src/components/backoffice/filters/EntityFilterValue.tsx
+var { useLazyLoadQuery: o } = a, s = (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;
+}, c = ({ valueConfig: e, id: t, children: n }) => {
+	let r = o(e.query, { id: t }), i = e.resolveRow(r), a = null;
+	return i != null && (a = e.toRow(i)), n(s(a));
+}, l = ({ entityId: e, id: a, children: o }) => {
+	let s = n(e, { enabled: a.trim() !== "" }), l = null;
+	s.status === "loaded" && (l = s.module.config.picker.value ?? null);
+	let u = o(null);
+	return l == null ? u : /* @__PURE__ */ i(t, {
+		fallback: () => u,
+		children: /* @__PURE__ */ i(r, {
+			fallback: u,
+			children: /* @__PURE__ */ i(c, {
+				valueConfig: l,
+				id: a,
+				children: o
+			})
+		})
+	});
+}, u = ({ entityId: t, id: n }) => {
+	let { t: r } = e(), a = n.trim();
+	return /* @__PURE__ */ i(l, {
+		entityId: t,
+		id: n,
+		children: (e) => {
+			let t = a;
+			return a === "" && (t = r("filters.placeholders.unresolved")), /* @__PURE__ */ i("span", { children: e ?? t });
+		}
+	});
+};
+//#endregion
+export { u as EntityFilterValue, u as default, l 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 * as ReactRelay 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\nconst { useLazyLoadQuery } = ReactRelay;\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":";;;;;;;AAUA,IAAM,EAAE,kBAAA,MAAqB,GAQvB,KAAgB,MAAkC;CACtD,IAAqB,OAAO,KAAU,aAAlC,GACF,OAAO;CAET,IAAM,EAAE,aAAU;CAClB,IAAI,OAAO,KAAU,UACnB,OAAO;CAET,IAAM,IAAU,EAAM,MAAM;CAI5B,OAHI,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;CAM1B,OALI,KAAU,SACZ,IAAM,EAAY,MAAM,EAAO,GAI1B,EAFO,EAAa,EAEX,CAAM;GASX,KAAyB,EACpC,aACA,OACA,kBAC6C;CAE7C,IAAM,IAAoB,EAAgC,GAAU,EAClE,SAFiB,EAAG,MAEX,KAAe,IACzB,CAAC,EACE,IAAoE;CACxE,AAAI,EAAkB,WAAW,aAC/B,IAAc,EAAkB,OAAO,OAAO,OAAO,SAAS;CAGhE,IAAM,IAAW,EAAS,KAAK;CAK/B,OAJI,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;CAE5B,OACE,kBAAC,GAAD;EAAiC;EAAc;aAC3C,MAAU;GACV,IAAI,IAAgB;GAIpB,OAHI,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,65 @@
+import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
+import { actions as t, container as n, labelText as r, pickText as i, pickerButton as a, placeholder as o, valueText as s } from "./entityIdFilterField.css.js";
+import { Button as c } from "@plumile/ui";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/backoffice/filters/EntityIdFilterField.tsx
+var d = (d) => {
+	let { disabled: f = !1, id: p, label: m, value: h, displayValue: g, placeholder: _, ariaDescribedBy: v, ariaInvalid: y, onPick: b, onClear: x } = d, { t: S } = e(), C = h?.trim() ?? "", w = g?.trim() ?? "", T = C !== "", E = w !== "", D = _ ?? S("filters.placeholders.anyEntity", { label: m }), O = S("filters.placeholders.unresolved"), k;
+	k = E ? /* @__PURE__ */ l("span", {
+		className: s,
+		children: w
+	}) : T ? /* @__PURE__ */ l("span", {
+		className: o,
+		children: O
+	}) : /* @__PURE__ */ l("span", {
+		className: o,
+		children: D
+	});
+	let A = S("common.actions.pick");
+	T && (A = S("common.actions.change"));
+	let j = `${A} ${m}`, M = S("common.actions.clear"), N = `${M} ${m}`, P = null;
+	T && x != null && (P = /* @__PURE__ */ l(c, {
+		type: "button",
+		variant: "text",
+		size: "small",
+		"aria-label": N,
+		disabled: f,
+		onClick: x,
+		children: M
+	}));
+	let F = null;
+	return b != null && (F = /* @__PURE__ */ u("button", {
+		id: p,
+		type: "button",
+		className: a,
+		"aria-label": j,
+		"aria-describedby": v,
+		"aria-invalid": y,
+		disabled: f,
+		onClick: b,
+		children: [
+			/* @__PURE__ */ l("span", {
+				className: r,
+				children: m
+			}),
+			k,
+			/* @__PURE__ */ l("span", {
+				className: i,
+				children: A
+			})
+		]
+	})), /* @__PURE__ */ u("div", {
+		className: n,
+		children: [F ?? /* @__PURE__ */ l("div", {
+			className: "txvbqb9my txvbqbk5y txvbqb9ip txvbqbcp txvbqbl7g",
+			children: k
+		}), /* @__PURE__ */ l("div", {
+			className: t,
+			children: P
+		})]
+	});
+};
+//#endregion
+export { d as EntityIdFilterField, d 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  id?: string;\n  label: string;\n  value: string | null;\n  displayValue?: string | null;\n  placeholder?: string;\n  ariaDescribedBy?: string;\n  ariaInvalid?: boolean;\n  onPick?: () => void;\n  onClear?: () => void;\n  disabled?: boolean;\n};\n\nexport const EntityIdFilterField = (\n  props: EntityIdFilterFieldProps,\n): JSX.Element => {\n  const {\n    disabled = false,\n    id,\n    label,\n    value,\n    displayValue,\n    placeholder,\n    ariaDescribedBy,\n    ariaInvalid,\n    onPick,\n    onClear,\n  } = 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.anyEntity', { 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  const pickAriaLabel = `${pickLabel} ${label}`;\n  const clearLabel = t('common.actions.clear');\n  const clearAriaLabel = `${clearLabel} ${label}`;\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={clearAriaLabel}\n        disabled={disabled}\n        onClick={onClear}\n      >\n        {clearLabel}\n      </Button>\n    );\n  }\n\n  let pickerNode: JSX.Element | null = null;\n  if (onPick != null) {\n    pickerNode = (\n      <button\n        id={id}\n        type=\"button\"\n        className={styles.pickerButton}\n        aria-label={pickAriaLabel}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={ariaInvalid}\n        disabled={disabled}\n        onClick={onPick}\n      >\n        <span className={styles.labelText}>{label}</span>\n        {displayNode}\n        <span className={styles.pickText}>{pickLabel}</span>\n      </button>\n    );\n  }\n\n  return (\n    <div className={styles.container}>\n      {pickerNode ?? <div className={styles.valueBox}>{displayNode}</div>}\n      <div className={styles.actions}>{clearNode}</div>\n    </div>\n  );\n};\n\nexport default EntityIdFilterField;\n"],"mappings":";;;;;AAqBA,IAAa,KACX,MACgB;CAChB,IAAM,EACJ,cAAW,IACX,OACA,UACA,UACA,iBACA,aAAA,GACA,oBACA,gBACA,WACA,eACE,GACE,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,kCAAkC,EAAE,UAAO,CAAC,EACzD,IAAwB,EAAE,kCAAkC,EAE9D;CACJ,AASE,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;CACxC,AAAI,MACF,IAAY,EAAE,wBAAwB;CAExC,IAAM,IAAgB,GAAG,EAAU,GAAG,KAChC,IAAa,EAAE,uBAAuB,EACtC,IAAiB,GAAG,EAAW,GAAG,KAEpC,IAAgC;CACpC,AAAI,KAAY,KAAW,SACzB,IACE,kBAAC,GAAD;EACE,MAAK;EACL,SAAQ;EACR,MAAK;EACL,cAAY;EACF;EACV,SAAS;YAER;EACM,CAAA;CAIb,IAAI,IAAiC;CAoBrC,OAnBI,KAAU,SACZ,IACE,kBAAC,UAAD;EACM;EACJ,MAAK;EACL,WAAW;EACX,cAAY;EACZ,oBAAkB;EAClB,gBAAc;EACJ;EACV,SAAS;YARX;GAUE,kBAAC,QAAD;IAAM,WAAW;cAAmB;IAAa,CAAA;GAChD;GACD,kBAAC,QAAD;IAAM,WAAW;cAAkB;IAAiB,CAAA;GAC7C;MAKX,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACG,KAAc,kBAAC,OAAD;GAAK,WAAW;aAAkB;GAAkB,CAAA,EACnE,kBAAC,OAAD;GAAK,WAAW;aAAiB;GAAgB,CAAA,CAC7C"}

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

@@ -0,0 +1,7 @@
+/* empty css                                      */
+//#region src/components/backoffice/filters/backofficeFilterAction.css.ts
+var e = "hwnq700 txvbqb9jg txvbqbcp txvbqbdoy txvbqbtxy txvbqbc6y txvbqblag txvbqb1rg txvbqb1cp txvbqb1qg txvbqbwp txvbqbv45 txvbqbvaz txvbqbv txvbqb3b txvbqb78 txvbqb6w txvbqb7k", t = "txvbqbtx7 txvbqbc67";
+//#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 { sprinkles, vars } from '@plumile/ui';\n\nexport const action = style([\n  sprinkles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 7,\n    height: 7,\n    padding: 0,\n    borderRadius: 'md',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderSubtle',\n    backgroundColor: 'surfaceMuted',\n    color: 'brandPrimaryRed',\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.primaryLight,\n        borderColor: vars.colors.primary,\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/deferredFilterSearchInput.css.js

@@ -0,0 +1,7 @@
+/* empty css                                         */
+//#region src/components/backoffice/filters/deferredFilterSearchInput.css.ts
+var e = "ds2thc0 txvbqb9ip txvbqbcp txvbqbao7 txvbqbu7g", t = "ds2thc1 txvbqb9ip txvbqbcp txvbqbany";
+//#endregion
+export { t as actions, e as container };
+
+//# sourceMappingURL=deferredFilterSearchInput.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"deferredFilterSearchInput.css.js","names":[],"sources":["../../../../../src/components/backoffice/filters/deferredFilterSearchInput.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui';\n\nconst MOBILE_MEDIA_QUERY = 'screen and (max-width: 767px)';\n\nexport const container = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    gap: 2,\n    width: 'full',\n  }),\n  {\n    '@media': {\n      [MOBILE_MEDIA_QUERY]: {\n        alignItems: 'stretch',\n        flexDirection: 'column',\n      },\n    },\n  },\n]);\n\nexport const actions = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    gap: 1,\n  }),\n  {\n    flexShrink: 0,\n    '@media': {\n      [MOBILE_MEDIA_QUERY]: {\n        justifyContent: 'flex-end',\n      },\n    },\n  },\n]);\n"],"mappings":""}

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

@@ -0,0 +1,7 @@
+/* empty css                                   */
+//#region src/components/backoffice/filters/entityIdFilterField.css.ts
+var e = "txvbqb9ip txvbqbcp txvbqbany txvbqbu4g txvbqbjep", t = "oa1uye0 txvbqbnw7 txvbqbojg txvbqbpry txvbqbmjp txvbqb6 txvbqb9iy txvbqbcp txvbqbb9g txvbqb9my txvbqbk5y txvbqbt6p txvbqbv txvbqb1ry txvbqb1cp txvbqb1qg txvbqbwg txvbqbv41 txvbqbv9z txvbqb77 txvbqb6x txvbqb7k", n = "txvbqb9my txvbqbk5y txvbqb9ip txvbqbcp txvbqbl7g", r = "oa1uye1 txvbqb9i7 txvbqbva3 txvbqb8p txvbqbamg txvbqbl7g txvbqbt7g txvbqbuxg", i = "txvbqb9i7 txvbqbk5y txvbqbl7g txvbqbt7g txvbqbuxg txvbqb8y txvbqbamp", a = "txvbqbva3 txvbqb8y", o = "txvbqbvb7 txvbqb8p txvbqbamp", s = "txvbqb9ip txvbqbcp txvbqbany";
+//#endregion
+export { s as actions, e as container, r as labelText, o as pickText, t as pickerButton, a as placeholder, n as valueBox, i 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 { style } from '@vanilla-extract/css';\nimport { sprinkles, vars } from '@plumile/ui';\n\nexport const container = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 1,\n  width: 72,\n  maxWidth: 'full',\n});\n\nexport const pickerButton = style([\n  sprinkles({\n    appearance: 'none',\n    display: 'grid',\n    alignItems: 'center',\n    gap: 0.5,\n    flex: 1,\n    minWidth: 0,\n    textAlign: 'left',\n    cursor: 'pointer',\n    borderRadius: 'xl',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'border',\n    backgroundColor: 'surface',\n    color: 'text',\n    paddingX: 3,\n    paddingY: 1.5,\n    transitionProperty: 'default',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    gridTemplateColumns: 'minmax(0, 1fr) auto',\n    minHeight: '2.5rem',\n    selectors: {\n      '&:hover:not(:disabled)': {\n        backgroundColor: vars.colors.surfaceMuted,\n        borderColor: vars.colors.borderStrong,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n      '&:disabled': {\n        cursor: 'not-allowed',\n        opacity: 0.65,\n      },\n    },\n  },\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 labelText = style([\n  sprinkles({\n    display: 'block',\n    color: 'textMuted',\n    fontSize: 'xs',\n    fontWeight: 'medium',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  }),\n  {\n    gridColumn: '1 / -1',\n  },\n]);\n\nexport const valueText = sprinkles({\n  display: 'block',\n  minWidth: 0,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n  fontSize: 'sm',\n  fontWeight: 'semibold',\n});\n\nexport const placeholder = sprinkles({\n  color: 'textMuted',\n  fontSize: 'sm',\n});\n\nexport const pickText = sprinkles({\n  color: 'accent',\n  fontSize: 'xs',\n  fontWeight: 'semibold',\n});\n\nexport const actions = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 1,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/hub/BackofficeHubTemplate.js

@@ -0,0 +1,83 @@
+import { content as e, grid as t, group as n, groupHeader as r, groupHeading as i, groupTitle as a, groups as o, item as s, itemContent as c, itemIcon as l, itemTitle as u } from "./backofficeHubTemplate.css.js";
+import { BackofficeEmptyState as d, GlobalSearchInput as f, SidebarTasksSvg as p } from "@plumile/ui";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Link as g } from "@plumile/router";
+//#region src/components/backoffice/hub/BackofficeHubTemplate.tsx
+var _ = /* @__PURE__ */ m(p, {
+	width: 20,
+	height: 20,
+	"aria-hidden": "true"
+}), v = ({ groups: p, search: v, emptyState: y }) => {
+	let b;
+	return b = p.length === 0 ? /* @__PURE__ */ m(d, {
+		title: y.title,
+		description: y.description,
+		icon: y.icon ?? _
+	}) : /* @__PURE__ */ m("div", {
+		className: o,
+		children: p.map((e) => /* @__PURE__ */ h("section", {
+			className: n,
+			children: [/* @__PURE__ */ h("div", {
+				className: r,
+				children: [e.icon != null && /* @__PURE__ */ m("span", {
+					className: "u4nszr0 txvbqb9jg txvbqbcp txvbqbdoy txvbqbty7 txvbqbc77 txvbqb1rg txvbqbv45 txvbqb1cp txvbqb1qg txvbqbwp txvbqbva1 txvbqbaj7",
+					"aria-hidden": "true",
+					children: e.icon
+				}), /* @__PURE__ */ h("span", {
+					className: i,
+					children: [/* @__PURE__ */ m("h2", {
+						className: a,
+						children: e.title
+					}), e.description != null && /* @__PURE__ */ m("span", {
+						className: "txvbqbva3 txvbqb8y",
+						children: e.description
+					})]
+				})]
+			}), /* @__PURE__ */ m("div", {
+				className: t,
+				children: e.items.map((e) => {
+					let t = e.icon ?? _, n = e.description != null && e.description !== "", r = e.metaLabel != null && e.metaLabel !== "";
+					return /* @__PURE__ */ h(g, {
+						to: e.href,
+						className: s,
+						children: [/* @__PURE__ */ m("span", {
+							className: l,
+							"aria-hidden": "true",
+							children: t
+						}), /* @__PURE__ */ h("span", {
+							className: c,
+							children: [
+								/* @__PURE__ */ m("span", {
+									className: u,
+									children: e.label
+								}),
+								n && /* @__PURE__ */ m("span", {
+									className: "txvbqbva3 txvbqb8y txvbqbfb7 txvbqbl87",
+									children: e.description
+								}),
+								r && /* @__PURE__ */ m("span", {
+									className: "txvbqbva3 txvbqb8p txvbqbamg txvbqb66 txvbqbeep",
+									children: e.metaLabel
+								})
+							]
+						})]
+					}, `${e.kind}-${e.id}`);
+				})
+			})]
+		}, e.id))
+	}), /* @__PURE__ */ h("div", {
+		className: e,
+		children: [v != null && /* @__PURE__ */ m("div", {
+			className: "txvbqbjbp",
+			children: /* @__PURE__ */ m(f, {
+				value: v.value,
+				onChange: v.onChange,
+				placeholder: v.placeholder
+			})
+		}), b]
+	});
+};
+//#endregion
+export { v as BackofficeHubTemplate, v as default };
+
+//# sourceMappingURL=BackofficeHubTemplate.js.map

package/lib/esm/components/backoffice/hub/BackofficeHubTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeHubTemplate.js","names":[],"sources":["../../../../../src/components/backoffice/hub/BackofficeHubTemplate.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { Link } from '@plumile/router';\nimport {\n  BackofficeEmptyState,\n  GlobalSearchInput,\n  SidebarTasksSvg,\n} from '@plumile/ui';\n\nimport * as styles from './backofficeHubTemplate.css.js';\n\nexport type BackofficeHubTemplateItemKind = 'entity' | 'tool';\n\nexport type BackofficeHubTemplateItem = {\n  id: string;\n  kind: BackofficeHubTemplateItemKind;\n  label: string;\n  href: string;\n  icon?: ReactNode;\n  description?: string | null;\n  metaLabel?: string | null;\n};\n\nexport type BackofficeHubTemplateGroup = {\n  id: string;\n  title: string;\n  description?: string | null;\n  icon?: ReactNode;\n  items: readonly BackofficeHubTemplateItem[];\n};\n\nexport type BackofficeHubTemplateEmptyState = {\n  title: string;\n  description: string;\n  icon?: ReactNode;\n};\n\nexport type BackofficeHubTemplateSearch = {\n  value: string;\n  onChange: (value: string) => void;\n  placeholder: string;\n};\n\nexport type BackofficeHubTemplateProps = {\n  groups: readonly BackofficeHubTemplateGroup[];\n  search?: BackofficeHubTemplateSearch;\n  emptyState: BackofficeHubTemplateEmptyState;\n};\n\nconst fallbackIcon = (\n  <SidebarTasksSvg width={20} height={20} aria-hidden=\"true\" />\n);\n\nexport const BackofficeHubTemplate = ({\n  groups,\n  search,\n  emptyState,\n}: BackofficeHubTemplateProps): JSX.Element => {\n  let body: JSX.Element;\n\n  if (groups.length === 0) {\n    body = (\n      <BackofficeEmptyState\n        title={emptyState.title}\n        description={emptyState.description}\n        icon={emptyState.icon ?? fallbackIcon}\n      />\n    );\n  } else {\n    body = (\n      <div className={styles.groups}>\n        {groups.map((group) => {\n          return (\n            <section key={group.id} className={styles.group}>\n              <div className={styles.groupHeader}>\n                {group.icon != null && (\n                  <span className={styles.groupIcon} aria-hidden=\"true\">\n                    {group.icon}\n                  </span>\n                )}\n                <span className={styles.groupHeading}>\n                  <h2 className={styles.groupTitle}>{group.title}</h2>\n                  {group.description != null && (\n                    <span className={styles.groupDescription}>\n                      {group.description}\n                    </span>\n                  )}\n                </span>\n              </div>\n              <div className={styles.grid}>\n                {group.items.map((item) => {\n                  const icon = item.icon ?? fallbackIcon;\n                  const hasDescription =\n                    item.description != null && item.description !== '';\n                  const hasMetaLabel =\n                    item.metaLabel != null && item.metaLabel !== '';\n\n                  return (\n                    <Link\n                      key={`${item.kind}-${item.id}`}\n                      to={item.href}\n                      className={styles.item}\n                    >\n                      <span className={styles.itemIcon} aria-hidden=\"true\">\n                        {icon}\n                      </span>\n                      <span className={styles.itemContent}>\n                        <span className={styles.itemTitle}>{item.label}</span>\n                        {hasDescription && (\n                          <span className={styles.itemDescription}>\n                            {item.description}\n                          </span>\n                        )}\n                        {hasMetaLabel && (\n                          <span className={styles.itemMeta}>\n                            {item.metaLabel}\n                          </span>\n                        )}\n                      </span>\n                    </Link>\n                  );\n                })}\n              </div>\n            </section>\n          );\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles.content}>\n      {search != null && (\n        <div className={styles.search}>\n          <GlobalSearchInput\n            value={search.value}\n            onChange={search.onChange}\n            placeholder={search.placeholder}\n          />\n        </div>\n      )}\n      {body}\n    </div>\n  );\n};\n\nexport default BackofficeHubTemplate;\n"],"mappings":";;;;;AAgDA,IAAM,IACJ,kBAAC,GAAD;CAAiB,OAAO;CAAI,QAAQ;CAAI,eAAY;CAAS,CAAA,EAGlD,KAAyB,EACpC,QAAA,GACA,QAAA,GACA,oBAC6C;CAC7C,IAAI;CAwEJ,OAtEA,AASE,IATE,EAAO,WAAW,IAElB,kBAAC,GAAD;EACE,OAAO,EAAW;EAClB,aAAa,EAAW;EACxB,MAAM,EAAW,QAAQ;EACzB,CAAA,GAIF,kBAAC,OAAD;EAAK,WAAW;YACb,EAAO,KAAK,MAET,kBAAC,WAAD;GAAwB,WAAW;aAAnC,CACE,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACG,EAAM,QAAQ,QACb,kBAAC,QAAD;KAAM,WAAW;KAAkB,eAAY;eAC5C,EAAM;KACF,CAAA,EAET,kBAAC,QAAD;KAAM,WAAW;eAAjB,CACE,kBAAC,MAAD;MAAI,WAAW;gBAAoB,EAAM;MAAW,CAAA,EACnD,EAAM,eAAe,QACpB,kBAAC,QAAD;MAAM,WAAW;gBACd,EAAM;MACF,CAAA,CAEJ;OACH;OACN,kBAAC,OAAD;IAAK,WAAW;cACb,EAAM,MAAM,KAAK,MAAS;KACzB,IAAM,IAAO,EAAK,QAAQ,GACpB,IACJ,EAAK,eAAe,QAAQ,EAAK,gBAAgB,IAC7C,IACJ,EAAK,aAAa,QAAQ,EAAK,cAAc;KAE/C,OACE,kBAAC,GAAD;MAEE,IAAI,EAAK;MACT,WAAW;gBAHb,CAKE,kBAAC,QAAD;OAAM,WAAW;OAAiB,eAAY;iBAC3C;OACI,CAAA,EACP,kBAAC,QAAD;OAAM,WAAW;iBAAjB;QACE,kBAAC,QAAD;SAAM,WAAW;mBAAmB,EAAK;SAAa,CAAA;QACrD,KACC,kBAAC,QAAD;SAAM,WAAW;mBACd,EAAK;SACD,CAAA;QAER,KACC,kBAAC,QAAD;SAAM,WAAW;mBACd,EAAK;SACD,CAAA;QAEJ;SACF;QApBA,GAAG,EAAK,KAAK,GAAG,EAAK,KAoBrB;MAET;IACE,CAAA,CACE;KAlDI,EAAM,GAkDV,CAEZ;EACE,CAAA,EAKR,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACG,KAAU,QACT,kBAAC,OAAD;GAAK,WAAW;aACd,kBAAC,GAAD;IACE,OAAO,EAAO;IACd,UAAU,EAAO;IACjB,aAAa,EAAO;IACpB,CAAA;GACE,CAAA,EAEP,EACG"}

package/lib/esm/components/backoffice/hub/backofficeHubTemplate.css.js

@@ -0,0 +1,7 @@
+/* empty css                                     */
+//#region src/components/backoffice/hub/backofficeHubTemplate.css.ts
+var e = "txvbqb9ip txvbqbai7 txvbqbaoy", t = "txvbqbjbp", n = "txvbqb9ip txvbqbai7 txvbqbap7", r = "txvbqb9ip txvbqbai7 txvbqbaog", i = "txvbqb9ip txvbqbcg txvbqbaog", a = "u4nszr0 txvbqb9jg txvbqbcp txvbqbdoy txvbqbty7 txvbqbc77 txvbqb1rg txvbqbv45 txvbqb1cp txvbqb1qg txvbqbwp txvbqbva1 txvbqbaj7", o = "txvbqb9ip txvbqbai7 txvbqbany txvbqbk5y", s = "txvbqb9g txvbqbamp txvbqbv9z txvbqbfcp", c = "txvbqbva3 txvbqb8y", l = "txvbqb9iy txvbqbc1g txvbqbaog", u = "u4nszr1 txvbqb9ip txvbqbcg txvbqbaog txvbqblb7 txvbqb1rg txvbqb1cp txvbqb1qg txvbqbwp txvbqbv41 txvbqbv9z txvbqb3b txvbqbk5y txvbqb77 txvbqb6x txvbqb7k", d = "txvbqb9jg txvbqbcp txvbqbdoy txvbqbtyg txvbqbc7g txvbqb1rg txvbqbv45 txvbqbva1 txvbqbaj7", f = "txvbqb9ip txvbqbai7 txvbqbany txvbqbk5y", p = "txvbqbamp txvbqbv9z txvbqbl87", m = "txvbqbva3 txvbqb8y txvbqbfb7 txvbqbl87", h = "txvbqbva3 txvbqb8p txvbqbamg txvbqb66 txvbqbeep";
+//#endregion
+export { e as content, l as grid, r as group, c as groupDescription, i as groupHeader, o as groupHeading, a as groupIcon, s as groupTitle, n as groups, u as item, f as itemContent, m as itemDescription, d as itemIcon, h as itemMeta, p as itemTitle, t as search };
+
+//# sourceMappingURL=backofficeHubTemplate.css.js.map

package/lib/esm/components/backoffice/hub/backofficeHubTemplate.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeHubTemplate.css.js","names":[],"sources":["../../../../../src/components/backoffice/hub/backofficeHubTemplate.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles, vars } from '@plumile/ui';\n\nexport const content = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 5,\n});\n\nexport const search = sprinkles({\n  maxWidth: '2xl',\n});\n\nexport const groups = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 6,\n});\n\nexport const group = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const groupHeader = sprinkles({\n  display: 'flex',\n  alignItems: 'flex-start',\n  gap: 3,\n});\n\nexport const groupIcon = style([\n  sprinkles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 8,\n    height: 8,\n    borderRadius: 'md',\n    backgroundColor: 'surfaceMuted',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderSubtle',\n    color: 'textSecondary',\n    flexShrink: 0,\n  }),\n  {\n    marginTop: '1px',\n  },\n]);\n\nexport const groupHeading = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  minWidth: 0,\n});\n\nexport const groupTitle = sprinkles({\n  fontSize: 'lg',\n  fontWeight: 'semibold',\n  color: 'text',\n  margin: 0,\n});\n\nexport const groupDescription = sprinkles({\n  color: 'textMuted',\n  fontSize: 'sm',\n});\n\nexport const grid = sprinkles({\n  display: 'grid',\n  gridTemplateColumns: 'autoFitMinmax260',\n  gap: 3,\n});\n\nexport const item = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'flex-start',\n    gap: 3,\n    padding: 3,\n    borderRadius: 'md',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderSubtle',\n    backgroundColor: 'surface',\n    color: 'text',\n    textDecoration: 'none',\n    minWidth: 0,\n    transitionProperty: 'default',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    minHeight: '92px',\n    selectors: {\n      '&:hover': {\n        borderColor: vars.colors.border,\n        backgroundColor: vars.colors.surfaceMuted,\n        transform: 'translateY(-1px)',\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n\nexport const itemIcon = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 9,\n  height: 9,\n  borderRadius: 'md',\n  backgroundColor: 'surfaceMuted',\n  color: 'textSecondary',\n  flexShrink: 0,\n});\n\nexport const itemContent = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  minWidth: 0,\n});\n\nexport const itemTitle = sprinkles({\n  fontWeight: 'semibold',\n  color: 'text',\n  overflowWrap: 'anywhere',\n});\n\nexport const itemDescription = sprinkles({\n  color: 'textMuted',\n  fontSize: 'sm',\n  lineHeight: 'normal',\n  overflowWrap: 'anywhere',\n});\n\nexport const itemMeta = sprinkles({\n  color: 'textMuted',\n  fontSize: 'xs',\n  fontWeight: 'medium',\n  textTransform: 'uppercase',\n  letterSpacing: 'wide',\n});\n"],"mappings":""}

package/lib/esm/{BackofficePermissionsContext-CmWwudBU.js → components/backoffice/layout/BackofficePermissionsContext.js}

@@ -6,6 +6,6 @@ var r = e(null), i = ({ children: e, permissions: t }) => /* @__PURE__ */ n(r.Pr
 	children: e
 }), a = () => t(r);
 //#endregion
-export { a as n, i as t };
+export { i as BackofficePermissionsProvider, a as useBackofficePermissions };
 
-//# sourceMappingURL=BackofficePermissionsContext-CmWwudBU.js.map
+//# sourceMappingURL=BackofficePermissionsContext.js.map

package/lib/esm/{BackofficePermissionsContext-CmWwudBU.js.map → components/backoffice/layout/BackofficePermissionsContext.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BackofficePermissionsContext-CmWwudBU.js","names":[],"sources":["../../src/components/backoffice/layout/BackofficePermissionsContext.tsx"],"sourcesContent":["import { createContext, useContext, type JSX, type ReactNode } from 'react';\n\nconst BackofficePermissionsContext = createContext<unknown>(null);\n\nexport type BackofficePermissionsProviderProps = {\n  children: ReactNode;\n  permissions: unknown;\n};\n\nexport const BackofficePermissionsProvider = ({\n  children,\n  permissions,\n}: BackofficePermissionsProviderProps): JSX.Element => {\n  return (\n    <BackofficePermissionsContext.Provider value={permissions}>\n      {children}\n    </BackofficePermissionsContext.Provider>\n  );\n};\n\nexport const useBackofficePermissions = (): unknown => {\n  return useContext(BackofficePermissionsContext);\n};\n"],"mappings":";;;AAEA,IAAM,IAA+B,EAAuB,KAAK,EAOpD,KAAiC,EAC5C,aACA,qBAGE,kBAAC,EAA6B,UAA9B;CAAuC,OAAO;CAC3C;CACqC,CAAA,EAI/B,UACJ,EAAW,EAA6B"}
+{"version":3,"file":"BackofficePermissionsContext.js","names":[],"sources":["../../../../../src/components/backoffice/layout/BackofficePermissionsContext.tsx"],"sourcesContent":["import { createContext, useContext, type JSX, type ReactNode } from 'react';\n\nconst BackofficePermissionsContext = createContext<unknown>(null);\n\nexport type BackofficePermissionsProviderProps = {\n  children: ReactNode;\n  permissions: unknown;\n};\n\nexport const BackofficePermissionsProvider = ({\n  children,\n  permissions,\n}: BackofficePermissionsProviderProps): JSX.Element => {\n  return (\n    <BackofficePermissionsContext.Provider value={permissions}>\n      {children}\n    </BackofficePermissionsContext.Provider>\n  );\n};\n\nexport const useBackofficePermissions = (): unknown => {\n  return useContext(BackofficePermissionsContext);\n};\n"],"mappings":";;;AAEA,IAAM,IAA+B,EAAuB,KAAK,EAOpD,KAAiC,EAC5C,aACA,qBAGE,kBAAC,EAA6B,UAA9B;CAAuC,OAAO;CAC3C;CACqC,CAAA,EAI/B,UACJ,EAAW,EAA6B"}

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

@@ -0,0 +1,7 @@
+/* empty css                                        */
+//#region src/components/backoffice/layout/backofficeSidebarActions.css.ts
+var e = "_1xws1b00 txvbqb9jg txvbqbcp txvbqbdoy txvbqbtxp txvbqbc6p txvbqb1rg txvbqb12g txvbqb1py txvbqblag txvbqbv0t txvbqbva1 txvbqbv txvbqb78 txvbqb6x txvbqb7k";
+//#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, vars } from '@plumile/ui';\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,EAKK,EAAS,CAAA,EACrB,CAAA,EACzB,kBAAA,GAAA,EAAG,aAAY,CAAA,CACd,EAAA,CAAA"}

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

@@ -0,0 +1,69 @@
+import { useBackofficeReactTranslation as e } from "../../../../i18n/useBackofficeReactTranslation.js";
+import { useBackofficeTopbarPortalContext as t } from "./BackofficeTopbarPortalContext.js";
+import { current as n, homeLabel as r, item as i, link as a, list as o, nav as s, separator as c } from "./backofficeTopbarBreadcrumb.css.js";
+import { SidebarHomeSvg as l } from "@plumile/ui";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Link as p } from "@plumile/router";
+//#region src/components/backoffice/layout/breadcrumb/BackofficeTopbarBreadcrumb.tsx
+var m = ({ items: m }) => {
+	let { t: h } = e(), { dashboardHref: g, dashboardLabel: _ } = t(), v = !1, y = m[0];
+	m.length === 1 && y != null && (v = y.id === "dashboard" && y.isCurrent === !0);
+	let b = m;
+	v && (b = []);
+	let x = /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(l, {
+		width: 16,
+		height: 16,
+		"aria-hidden": "true"
+	}), /* @__PURE__ */ d("span", {
+		className: r,
+		children: _
+	})] });
+	return /* @__PURE__ */ d("nav", {
+		className: s,
+		"aria-label": h("common.breadcrumb"),
+		children: /* @__PURE__ */ f("ol", {
+			className: o,
+			children: [/* @__PURE__ */ f("li", {
+				className: i,
+				children: [v && /* @__PURE__ */ d("span", {
+					className: "_80s44h3 _80s44h1 txvbqb9jg txvbqbcp txvbqbdoy txvbqbty7 txvbqbc77 txvbqb1rg txvbqbva1 txvbqb77 txvbqb6x txvbqb7k txvbqbv45 txvbqbv9z",
+					"aria-current": "page",
+					title: _,
+					children: x
+				}), !v && /* @__PURE__ */ d(p, {
+					to: g,
+					className: "_80s44h2 _80s44h1 txvbqb9jg txvbqbcp txvbqbdoy txvbqbty7 txvbqbc77 txvbqb1rg txvbqbva1 txvbqb77 txvbqb6x txvbqb7k",
+					"aria-label": _,
+					title: _,
+					children: x
+				})]
+			}), b.map((e) => {
+				let t = e.isCurrent === !0, r = e.id, o = e.to != null && !t, s;
+				if (o) s = /* @__PURE__ */ d(p, {
+					to: e.to,
+					className: a,
+					children: e.label
+				});
+				else {
+					let r = a;
+					t && (r = n), s = /* @__PURE__ */ d("span", {
+						className: r,
+						children: e.label
+					});
+				}
+				return /* @__PURE__ */ f("li", {
+					className: i,
+					children: [/* @__PURE__ */ d("span", {
+						className: c,
+						"aria-hidden": "true",
+						children: "/"
+					}), s]
+				}, r);
+			})]
+		})
+	});
+};
+//#endregion
+export { m as BackofficeTopbarBreadcrumb, m 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';\nimport { SidebarHomeSvg } from '@plumile/ui';\n\nimport { useBackofficeReactTranslation } from '../../../../i18n/useBackofficeReactTranslation.js';\nimport type { BackofficeTopbarBreadcrumbItem } from './types.js';\nimport { useBackofficeTopbarPortalContext } from './BackofficeTopbarPortalContext.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  const { t } = useBackofficeReactTranslation();\n  const { dashboardHref, dashboardLabel } = useBackofficeTopbarPortalContext();\n  let isDashboardCurrent = false;\n  const firstItem = items[0];\n  if (items.length === 1 && firstItem != null) {\n    isDashboardCurrent =\n      firstItem.id === 'dashboard' && firstItem.isCurrent === true;\n  }\n  let visibleItems: readonly BackofficeTopbarBreadcrumbItem[] = items;\n  if (isDashboardCurrent) {\n    visibleItems = [];\n  }\n\n  const homeContent = (\n    <>\n      <SidebarHomeSvg width={16} height={16} aria-hidden=\"true\" />\n      <span className={styles.homeLabel}>{dashboardLabel}</span>\n    </>\n  );\n\n  return (\n    <nav className={styles.nav} aria-label={t('common.breadcrumb')}>\n      <ol className={styles.list}>\n        <li className={styles.item}>\n          {isDashboardCurrent && (\n            <span\n              className={styles.homeCurrent}\n              aria-current=\"page\"\n              title={dashboardLabel}\n            >\n              {homeContent}\n            </span>\n          )}\n          {!isDashboardCurrent && (\n            <Link\n              to={dashboardHref}\n              className={styles.homeLink}\n              aria-label={dashboardLabel}\n              title={dashboardLabel}\n            >\n              {homeContent}\n            </Link>\n          )}\n        </li>\n        {visibleItems.map((item) => {\n          const isCurrent = item.isCurrent === true;\n          const key = item.id;\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              <span className={styles.separator} aria-hidden=\"true\">\n                /\n              </span>\n              {content}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n\nexport default BackofficeTopbarBreadcrumb;\n"],"mappings":";;;;;;;AAaA,IAAa,KAA8B,EACzC,eACkD;CAClD,IAAM,EAAE,SAAM,GAA+B,EACvC,EAAE,kBAAe,sBAAmB,GAAkC,EACxE,IAAqB,IACnB,IAAY,EAAM;CACxB,AAAI,EAAM,WAAW,KAAK,KAAa,SACrC,IACE,EAAU,OAAO,eAAe,EAAU,cAAc;CAE5D,IAAI,IAA0D;CAC9D,AAAI,MACF,IAAe,EAAE;CAGnB,IAAM,IACJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAgB,OAAO;EAAI,QAAQ;EAAI,eAAY;EAAS,CAAA,EAC5D,kBAAC,QAAD;EAAM,WAAW;YAAmB;EAAsB,CAAA,CACzD,EAAA,CAAA;CAGL,OACE,kBAAC,OAAD;EAAK,WAAW;EAAY,cAAY,EAAE,oBAAoB;YAC5D,kBAAC,MAAD;GAAI,WAAW;aAAf,CACE,kBAAC,MAAD;IAAI,WAAW;cAAf,CACG,KACC,kBAAC,QAAD;KACE,WAAW;KACX,gBAAa;KACb,OAAO;eAEN;KACI,CAAA,EAER,CAAC,KACA,kBAAC,GAAD;KACE,IAAI;KACJ,WAAW;KACX,cAAY;KACZ,OAAO;eAEN;KACI,CAAA,CAEN;OACJ,EAAa,KAAK,MAAS;IAC1B,IAAM,IAAY,EAAK,cAAc,IAC/B,IAAM,EAAK,IACX,IAAmB,EAAK,MAAM,QAAQ,CAAC,GACzC;IAEJ,IAAI,GACF,IACE,kBAAC,GAAD;KAAM,IAAI,EAAK;KAAI,WAAW;eAC3B,EAAK;KACD,CAAA;SAEJ;KACL,IAAI,IAAY;KAIhB,AAHI,MACF,IAAY,IAEd,IAAU,kBAAC,QAAD;MAAiB;gBAAY,EAAK;MAAa,CAAA;;IAG3D,OACE,kBAAC,MAAD;KAAc,WAAW;eAAzB,CACE,kBAAC,QAAD;MAAM,WAAW;MAAkB,eAAY;gBAAO;MAE/C,CAAA,EACN,EACE;OALI,EAKJ;KAEP,CACC;;EACD,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;CACrD,IAAI,KAAU,MACZ,MAAU,MACR,gJACD;CAEH,OAAO,EAAa,GAAU,EAAO"}

package/lib/esm/{BackofficeTopbarPortalContext-CphoSrZD.js → components/backoffice/layout/breadcrumb/BackofficeTopbarPortalContext.js}

@@ -6,6 +6,6 @@ var n = e(null), r = n.Provider, i = () => {
 	return e;
 };
 //#endregion
-export { i as n, r as t };
+export { r as BackofficeTopbarPortalContextProvider, i as useBackofficeTopbarPortalContext };
 
-//# sourceMappingURL=BackofficeTopbarPortalContext-CphoSrZD.js.map
+//# 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  dashboardHref: string;\n  dashboardLabel: string;\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":";;AAQA,IAAM,IACJ,EAAyD,KAAK,EAEnD,IACX,EAA8B,UAEnB,UAC+B;CACxC,IAAM,IAAU,EAAW,EAA8B;CACzD,IAAI,KAAW,MACb,MAAU,MACR,kGACD;CAEH,OAAO"}

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) => Error(t == null ? `Invalid breadcrumb contract: ${e}` : `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,MAGa,MADT,KAAW,OACI,gCAAgC,MAElC,gCAAgC,EAAK,IAAI,EAAQ,GAFR,EAK/C,KACX,MAC8C;CAC9C,IAAI,KAAS,MACX,MAAM,EAAoB,qBAAqB;CAEjD,IAAI,EAAM,WAAW,GACnB,MAAM,EAAoB,mBAAmB;CAG/C,IAAM,oBAAO,IAAI,KAAa;CAgB9B,IAfA,EAAM,SAAS,GAAM,MAAU;EAC7B,IAAI,OAAO,EAAK,MAAO,YAAY,EAAK,GAAG,MAAM,KAAK,IACpD,MAAM,EAAoB,sBAAsB,SAAS,IAAQ;EAGnE,IAAI,EAAK,IAAI,EAAK,GAAG,EACnB,MAAM,EACJ,sBACA,iBAAiB,EAAK,GAAG,GAC1B;EAEH,EAAK,IAAI,EAAK,GAAG;GACjB,EAEW,EAAM,EAAM,SAAS,IACxB,cAAc,IACtB,MAAM,EAAoB,0BAA0B;CAGtD,OAAO"}

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

@@ -0,0 +1,7 @@
+/* empty css                                          */
+//#region src/components/backoffice/layout/breadcrumb/backofficeTopbarBreadcrumb.css.ts
+var e = "txvbqb9jg txvbqbcp", t = "_80s44h0 txvbqb9jg txvbqbcp txvbqbao7", n = "txvbqb9jg txvbqbcp txvbqbao7", r = "txvbqbva1 txvbqb8y txvbqbfb7", i = "_80s44h2 _80s44h1 txvbqb9jg txvbqbcp txvbqbdoy txvbqbty7 txvbqbc77 txvbqb1rg txvbqbva1 txvbqb77 txvbqb6x txvbqb7k", a = "_80s44h3 _80s44h1 txvbqb9jg txvbqbcp txvbqbdoy txvbqbty7 txvbqbc77 txvbqb1rg txvbqbva1 txvbqb77 txvbqb6x txvbqb7k txvbqbv45 txvbqbv9z", o = "_80s44h4", s = "_80s44h5 txvbqbva1 txvbqb8y txvbqbfb7", c = "txvbqbv9z txvbqb8y txvbqbfb7 txvbqbamp";
+//#endregion
+export { c as current, a as homeCurrent, o as homeLabel, i as homeLink, n as item, s 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, vars } from '@plumile/ui';\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\nconst homeBase = style([\n  sprinkles({\n    display: INLINE_FLEX,\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 8,\n    height: 8,\n    borderRadius: 'md',\n    color: 'textSecondary',\n    transitionProperty: 'default',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    textDecoration: 'none',\n  },\n]);\n\nexport const homeLink = style([\n  homeBase,\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.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n\nexport const homeCurrent = style([\n  homeBase,\n  sprinkles({\n    backgroundColor: 'surfaceMuted',\n    color: 'text',\n  }),\n]);\n\nexport const homeLabel = style({\n  position: 'absolute',\n  width: '1px',\n  height: '1px',\n  padding: 0,\n  margin: '-1px',\n  overflow: 'hidden',\n  clip: 'rect(0, 0, 0, 0)',\n  whiteSpace: 'nowrap',\n  border: 0,\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      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\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/{buildBreadcrumbs-C9cyiXb7.js → components/backoffice/layout/breadcrumb/buildBreadcrumbs.js}

@@ -41,8 +41,12 @@ var e = (e, t) => e(t), t = (t) => {
 			isCurrent: !0
 		}
 	];
-};
+}, o = (e) => [{
+	id: `tool-${e.title}`,
+	label: e.title,
+	isCurrent: !0
+}];
 //#endregion
-export { r as i, a as n, i as r, n as t };
+export { n as buildDashboardBreadcrumb, a as buildEntityDetailBreadcrumb, i as buildEntityListBreadcrumb, r as buildHubBreadcrumb, o as buildToolBreadcrumb, t as resolveEntityTitleFromDetailHeader };
 
-//# sourceMappingURL=buildBreadcrumbs-C9cyiXb7.js.map
+//# sourceMappingURL=buildBreadcrumbs.js.map