@plumile/ui 0.1.134 → 0.1.142

package/lib/esm/backoffice/molecules/backoffice_audit_metadata_panel/BackofficeAuditMetadataPanel.js

@@ -0,0 +1,38 @@
+import { BackofficeKeyValueList as e } from "../backoffice_key_value_list/BackofficeKeyValueList.js";
+import { BackofficeDetailSection as t } from "../backoffice_detail_section/BackofficeDetailSection.js";
+import { BackofficeReferenceValue as n } from "../backoffice_reference_value/BackofficeReferenceValue.js";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/backoffice/molecules/backoffice_audit_metadata_panel/BackofficeAuditMetadataPanel.tsx
+var o = ({ className: o, emptyLabel: s, items: c, title: l }) => c.length === 0 ? null : /* @__PURE__ */ i(t, {
+	title: l,
+	className: o,
+	children: /* @__PURE__ */ i(e, {
+		items: c.map((e) => {
+			let t = null;
+			e.actor != null && (t = /* @__PURE__ */ i(n, {
+				kind: e.actor.kind,
+				value: e.actor.label,
+				emptyLabel: s
+			}));
+			let o = null;
+			e.at != null && t != null && (o = " ");
+			let c = null;
+			return (e.at != null || t != null) && (c = /* @__PURE__ */ a(r, { children: [
+				e.at,
+				o,
+				t
+			] })), {
+				id: e.id,
+				label: e.label,
+				value: c
+			};
+		}),
+		emptyLabel: s,
+		variant: "plain",
+		layout: "grid"
+	})
+});
+//#endregion
+export { o as BackofficeAuditMetadataPanel, o as default };
+
+//# sourceMappingURL=BackofficeAuditMetadataPanel.js.map

package/lib/esm/backoffice/molecules/backoffice_audit_metadata_panel/BackofficeAuditMetadataPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeAuditMetadataPanel.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_audit_metadata_panel/BackofficeAuditMetadataPanel.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { BackofficeDetailSection } from '../backoffice_detail_section/BackofficeDetailSection.js';\nimport { BackofficeKeyValueList } from '../backoffice_key_value_list/BackofficeKeyValueList.js';\nimport { BackofficeReferenceValue } from '../backoffice_reference_value/BackofficeReferenceValue.js';\n\nexport type BackofficeAuditActor = {\n  readonly kind: string;\n  readonly label: ReactNode | null | undefined;\n  readonly href?: string;\n};\n\nexport type BackofficeAuditMetadataItem = {\n  readonly id: string;\n  readonly label: ReactNode;\n  readonly at?: ReactNode | null;\n  readonly actor?: BackofficeAuditActor | null;\n};\n\nexport type BackofficeAuditMetadataPanelProps = {\n  readonly title: string;\n  readonly items: readonly BackofficeAuditMetadataItem[];\n  readonly emptyLabel?: string;\n  readonly className?: string;\n};\n\nexport const BackofficeAuditMetadataPanel = ({\n  className,\n  emptyLabel,\n  items,\n  title,\n}: BackofficeAuditMetadataPanelProps): JSX.Element | null => {\n  if (items.length === 0) {\n    return null;\n  }\n\n  return (\n    <BackofficeDetailSection title={title} className={className}>\n      <BackofficeKeyValueList\n        items={items.map((item) => {\n          let actorNode: ReactNode = null;\n          if (item.actor != null) {\n            actorNode = (\n              <BackofficeReferenceValue\n                kind={item.actor.kind}\n                value={item.actor.label}\n                emptyLabel={emptyLabel}\n              />\n            );\n          }\n\n          let separator: ReactNode = null;\n          if (item.at != null && actorNode != null) {\n            separator = ' ';\n          }\n\n          let value: ReactNode = null;\n          if (item.at != null || actorNode != null) {\n            value = (\n              <>\n                {item.at}\n                {separator}\n                {actorNode}\n              </>\n            );\n          }\n\n          return {\n            id: item.id,\n            label: item.label,\n            value,\n          };\n        })}\n        emptyLabel={emptyLabel}\n        variant=\"plain\"\n        layout=\"grid\"\n      />\n    </BackofficeDetailSection>\n  );\n};\n\nexport default BackofficeAuditMetadataPanel;\n"],"mappings":";;;;;AA0BA,IAAa,KAAgC,EAC3C,cACA,eACA,UACA,eAEI,EAAM,WAAW,IACZ,OAIP,kBAAC,GAAD;CAAgC;CAAkB;WAChD,kBAAC,GAAD;EACE,OAAO,EAAM,KAAK,MAAS;GACzB,IAAI,IAAuB;GAC3B,AAAI,EAAK,SAAS,SAChB,IACE,kBAAC,GAAD;IACE,MAAM,EAAK,MAAM;IACjB,OAAO,EAAK,MAAM;IACN;IACZ,CAAA;GAIN,IAAI,IAAuB;GAC3B,AAAI,EAAK,MAAM,QAAQ,KAAa,SAClC,IAAY;GAGd,IAAI,IAAmB;GAWvB,QAVI,EAAK,MAAM,QAAQ,KAAa,UAClC,IACE,kBAAA,GAAA,EAAA,UAAA;IACG,EAAK;IACL;IACA;IACA,EAAA,CAAA,GAIA;IACL,IAAI,EAAK;IACT,OAAO,EAAK;IACZ;IACD;IACD;EACU;EACZ,SAAQ;EACR,QAAO;EACP,CAAA;CACsB,CAAA"}

package/lib/esm/backoffice/molecules/backoffice_detail_field/BackofficeDetailField.js

@@ -0,0 +1,35 @@
+import { cx as e } from "../../../theme/tools.js";
+import { useUiTranslation as t } from "../../../i18n/useUiTranslation.js";
+import { CopyableText as n } from "../../atoms/copyable_text/CopyableText.js";
+import { field as r, fullWidth as i, label as a, size as o, value as s } from "./backofficeDetailField.css.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/backoffice/molecules/backoffice_detail_field/BackofficeDetailField.tsx
+var u = ({ className: u, copiedLabel: d, copyLabel: f, copyValue: p, emptyLabel: m, fullWidth: h = !1, label: g, size: _, value: v }) => {
+	let { t: y } = t(), b = v;
+	(b == null || typeof b == "string" && b.trim() === "") && (b = m ?? y("common.notAvailable", { defaultValue: "N/A" })), p != null && p !== "" && (b = /* @__PURE__ */ c(n, {
+		value: p,
+		copyValue: p,
+		truncate: !1,
+		copyLabel: f ?? y("common.actions.copy", { defaultValue: "Copy" }),
+		copiedLabel: d ?? y("common.actions.copied", { defaultValue: "Copied" })
+	}));
+	let x = [
+		r,
+		o[_],
+		u
+	];
+	return h && x.push(i), /* @__PURE__ */ l("div", {
+		className: e(...x),
+		children: [/* @__PURE__ */ c("span", {
+			className: a,
+			children: g
+		}), /* @__PURE__ */ c("div", {
+			className: s,
+			children: b
+		})]
+	});
+};
+//#endregion
+export { u as BackofficeDetailField, u as default };
+
+//# sourceMappingURL=BackofficeDetailField.js.map

package/lib/esm/backoffice/molecules/backoffice_detail_field/BackofficeDetailField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeDetailField.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_detail_field/BackofficeDetailField.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { useUiTranslation } from '../../../i18n/useUiTranslation.js';\nimport { cx } from '../../../theme/tools.js';\nimport { CopyableText } from '../../atoms/copyable_text/CopyableText.js';\n\nimport * as styles from './backofficeDetailField.css.js';\n\nexport type BackofficeDetailFieldSize =\n  | 'xs'\n  | 's'\n  | 'statusAction'\n  | 'm'\n  | 'l'\n  | 'xl'\n  | 'fluid';\n\nexport type BackofficeDetailFieldProps = {\n  id: string;\n  label: string;\n  size: BackofficeDetailFieldSize;\n  value: ReactNode | null | undefined;\n  copyValue?: string;\n  fullWidth?: boolean;\n  emptyLabel?: string;\n  copyLabel?: string;\n  copiedLabel?: string;\n  className?: string;\n};\n\nexport const BackofficeDetailField = ({\n  className,\n  copiedLabel,\n  copyLabel,\n  copyValue,\n  emptyLabel,\n  fullWidth = false,\n  label,\n  size,\n  value,\n}: BackofficeDetailFieldProps): JSX.Element => {\n  const { t } = useUiTranslation();\n  let resolvedValue: ReactNode = value;\n  if (\n    resolvedValue == null ||\n    (typeof resolvedValue === 'string' && resolvedValue.trim() === '')\n  ) {\n    resolvedValue =\n      emptyLabel ??\n      t('common.notAvailable', {\n        defaultValue: 'N/A',\n      });\n  }\n\n  if (copyValue != null && copyValue !== '') {\n    resolvedValue = (\n      <CopyableText\n        value={copyValue}\n        copyValue={copyValue}\n        truncate={false}\n        copyLabel={\n          copyLabel ??\n          t('common.actions.copy', {\n            defaultValue: 'Copy',\n          })\n        }\n        copiedLabel={\n          copiedLabel ??\n          t('common.actions.copied', {\n            defaultValue: 'Copied',\n          })\n        }\n      />\n    );\n  }\n\n  const fieldClassNames = [styles.field, styles.size[size], className];\n  if (fullWidth) {\n    fieldClassNames.push(styles.fullWidth);\n  }\n\n  return (\n    <div className={cx(...fieldClassNames)}>\n      <span className={styles.label}>{label}</span>\n      <div className={styles.value}>{resolvedValue}</div>\n    </div>\n  );\n};\n\nexport default BackofficeDetailField;\n"],"mappings":";;;;;;AA8BA,IAAa,KAAyB,EACpC,cACA,gBACA,cACA,cACA,eACA,WAAA,IAAY,IACZ,OAAA,GACA,MAAA,GACA,OAAA,QAC6C;CAC7C,IAAM,EAAE,SAAM,GAAkB,EAC5B,IAA2B;CAY/B,CAVE,KAAiB,QAChB,OAAO,KAAkB,YAAY,EAAc,MAAM,KAAK,QAE/D,IACE,KACA,EAAE,uBAAuB,EACvB,cAAc,OACf,CAAC,GAGF,KAAa,QAAQ,MAAc,OACrC,IACE,kBAAC,GAAD;EACE,OAAO;EACI;EACX,UAAU;EACV,WACE,KACA,EAAE,uBAAuB,EACvB,cAAc,QACf,CAAC;EAEJ,aACE,KACA,EAAE,yBAAyB,EACzB,cAAc,UACf,CAAC;EAEJ,CAAA;CAIN,IAAM,IAAkB;EAAC;EAAc,EAAY;EAAO;EAAU;CAKpE,OAJI,KACF,EAAgB,KAAK,EAAiB,EAItC,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAG,EAAgB;YAAtC,CACE,kBAAC,QAAD;GAAM,WAAW;aAAe;GAAa,CAAA,EAC7C,kBAAC,OAAD;GAAK,WAAW;aAAe;GAAoB,CAAA,CAC/C"}

package/lib/esm/backoffice/molecules/backoffice_detail_field/backofficeDetailField.css.js

@@ -0,0 +1,16 @@
+/* empty css                                      */
+/* empty css                                     */
+//#region src/backoffice/molecules/backoffice_detail_field/backofficeDetailField.css.ts
+var e = "_1pfim3l0 txvbqbdr8 txvbqbf6i txvbqbfet txvbqbt9i", t = "_1pfim3l1 txvbqb96 txvbqb6a txvbqbkxs txvbqb19cb", n = "_1pfim3l2 txvbqb9j txvbqb19c9 txvbqbutu txvbqb18sv", r = "_1pfim3l3 txvbqbgjm", i = {
+	xs: "_1pfim3l4 txvbqbs39",
+	s: "_1pfim3l5 txvbqbs3m",
+	statusAction: "_1pfim3l6 txvbqbs3z",
+	m: "_1pfim3l7 txvbqbs3z",
+	l: "_1pfim3l8 txvbqbs4c",
+	xl: "_1pfim3l9 txvbqbs4p",
+	fluid: "_1pfim3la txvbqbs65"
+};
+//#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/backoffice/molecules/backoffice_detail_field/backofficeDetailField.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeDetailField.css.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_detail_field/backofficeDetailField.css.ts"],"sourcesContent":["import { sprinkles } from '../../../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  overflowWrap: 'anywhere',\n  wordBreak: 'break-word',\n});\n\nexport const fullWidth = sprinkles({\n  gridColumn: 'span-full',\n});\n\nexport const size = {\n  xs: sprinkles({ maxWidth: '10ch' }),\n  s: sprinkles({ maxWidth: '18ch' }),\n  statusAction: sprinkles({ maxWidth: '28ch' }),\n  m: sprinkles({ maxWidth: '28ch' }),\n  l: sprinkles({ maxWidth: '44ch' }),\n  xl: sprinkles({ maxWidth: '64ch' }),\n  fluid: sprinkles({ maxWidth: 'full' }),\n};\n"],"mappings":""}

package/lib/esm/backoffice/molecules/backoffice_detail_flag_tag/BackofficeDetailFlagTag.js

@@ -0,0 +1,25 @@
+import { Tag as e } from "../../atoms/tag/Tag.js";
+import { content as t, icon as n, label as r } from "./backofficeDetailFlagTag.css.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/backoffice/molecules/backoffice_detail_flag_tag/BackofficeDetailFlagTag.tsx
+var o = ({ tone: o, icon: s, label: c, className: l }) => {
+	let u = s != null, d = null;
+	return u && (d = /* @__PURE__ */ i("span", {
+		className: n,
+		children: s
+	})), /* @__PURE__ */ i(e, {
+		tone: o,
+		className: l,
+		children: /* @__PURE__ */ a("span", {
+			className: t,
+			children: [d, /* @__PURE__ */ i("span", {
+				className: r,
+				children: c
+			})]
+		})
+	});
+};
+//#endregion
+export { o as BackofficeDetailFlagTag, o as default };
+
+//# sourceMappingURL=BackofficeDetailFlagTag.js.map

package/lib/esm/backoffice/molecules/backoffice_detail_flag_tag/BackofficeDetailFlagTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeDetailFlagTag.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_detail_flag_tag/BackofficeDetailFlagTag.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { Tag, type TagTone } from '../../atoms/tag/Tag.js';\n\nimport * as styles from './backofficeDetailFlagTag.css.js';\n\nexport type BackofficeDetailFlagTagProps = {\n  tone: TagTone;\n  icon?: ReactNode;\n  label: string;\n  className?: string;\n};\n\nexport const BackofficeDetailFlagTag = ({\n  tone,\n  icon,\n  label,\n  className,\n}: BackofficeDetailFlagTagProps): JSX.Element => {\n  const hasIcon = icon != null;\n  let iconNode: ReactNode | null = null;\n  if (hasIcon) {\n    iconNode = <span className={styles.icon}>{icon}</span>;\n  }\n\n  return (\n    <Tag tone={tone} className={className}>\n      <span className={styles.content}>\n        {iconNode}\n        <span className={styles.label}>{label}</span>\n      </span>\n    </Tag>\n  );\n};\n\nexport default BackofficeDetailFlagTag;\n"],"mappings":";;;;AAaA,IAAa,KAA2B,EACtC,SACA,MAAA,GACA,OAAA,GACA,mBAC+C;CAC/C,IAAM,IAAU,KAAQ,MACpB,IAA6B;CAKjC,OAJI,MACF,IAAW,kBAAC,QAAD;EAAM,WAAW;YAAc;EAAY,CAAA,GAItD,kBAAC,GAAD;EAAW;EAAiB;YAC1B,kBAAC,QAAD;GAAM,WAAW;aAAjB,CACG,GACD,kBAAC,QAAD;IAAM,WAAW;cAAe;IAAa,CAAA,CACxC;;EACH,CAAA"}

package/lib/esm/backoffice/molecules/backoffice_detail_flag_tag/backofficeDetailFlagTag.css.js

@@ -0,0 +1,8 @@
+/* empty css                                      */
+/* empty css                                       */
+//#region src/backoffice/molecules/backoffice_detail_flag_tag/backofficeDetailFlagTag.css.ts
+var e = "ibgj30 txvbqbdr8 txvbqbey txvbqbff6", t = "ibgj31 txvbqbdr8 txvbqbey txvbqbdyg", n = "ibgj32 txvbqbdy3";
+//#endregion
+export { e as content, t as icon, n as label };
+
+//# sourceMappingURL=backofficeDetailFlagTag.css.js.map

package/lib/esm/backoffice/molecules/backoffice_detail_flag_tag/backofficeDetailFlagTag.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeDetailFlagTag.css.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_detail_flag_tag/backofficeDetailFlagTag.css.ts"],"sourcesContent":["import { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const content = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n});\n\nexport const icon = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  flex: 'none',\n});\n\nexport const label = sprinkles({\n  flex: 'initial',\n});\n"],"mappings":""}

package/lib/esm/backoffice/molecules/backoffice_detail_section/BackofficeDetailSection.js

@@ -0,0 +1,37 @@
+import { cx as e } from "../../../theme/tools.js";
+import { BackofficeDetailField as t } from "../backoffice_detail_field/BackofficeDetailField.js";
+import { description as n, grid as r, header as i, section as a, title as o } from "./backofficeDetailSection.css.js";
+import { useId as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/backoffice/molecules/backoffice_detail_section/BackofficeDetailSection.tsx
+var u = ({ children: u, className: d, description: f, items: p, title: m }) => {
+	let h = s(), g = null;
+	f != null && f !== "" && (g = /* @__PURE__ */ c("p", {
+		className: n,
+		children: f
+	}));
+	let _ = null;
+	return p != null && p.length > 0 && (_ = /* @__PURE__ */ c("div", {
+		className: r,
+		children: p.map((e) => /* @__PURE__ */ c(t, { ...e }, e.id))
+	})), /* @__PURE__ */ l("section", {
+		className: e(a, d),
+		"aria-labelledby": h,
+		children: [
+			/* @__PURE__ */ l("header", {
+				className: i,
+				children: [/* @__PURE__ */ c("h3", {
+					className: o,
+					id: h,
+					children: m
+				}), g]
+			}),
+			_,
+			u
+		]
+	});
+};
+//#endregion
+export { u as BackofficeDetailSection, u as default };
+
+//# sourceMappingURL=BackofficeDetailSection.js.map

package/lib/esm/backoffice/molecules/backoffice_detail_section/BackofficeDetailSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeDetailSection.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_detail_section/BackofficeDetailSection.tsx"],"sourcesContent":["import { useId, type JSX, type ReactNode } from 'react';\n\nimport {\n  BackofficeDetailField,\n  type BackofficeDetailFieldProps,\n} from '../backoffice_detail_field/BackofficeDetailField.js';\nimport { cx } from '../../../theme/tools.js';\n\nimport * as styles from './backofficeDetailSection.css.js';\n\nexport type BackofficeDetailSectionProps = {\n  title: string;\n  description?: string;\n  items?: readonly BackofficeDetailFieldProps[];\n  children?: ReactNode;\n  className?: string;\n};\n\nexport const BackofficeDetailSection = ({\n  children,\n  className,\n  description,\n  items,\n  title,\n}: BackofficeDetailSectionProps): JSX.Element => {\n  const headingId = useId();\n\n  let descriptionNode: JSX.Element | null = null;\n  if (description != null && description !== '') {\n    descriptionNode = <p className={styles.description}>{description}</p>;\n  }\n\n  let itemsNode: JSX.Element | null = null;\n  if (items != null && items.length > 0) {\n    itemsNode = (\n      <div className={styles.grid}>\n        {items.map((item) => {\n          return <BackofficeDetailField key={item.id} {...item} />;\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <section\n      className={cx(styles.section, className)}\n      aria-labelledby={headingId}\n    >\n      <header className={styles.header}>\n        <h3 className={styles.title} id={headingId}>\n          {title}\n        </h3>\n        {descriptionNode}\n      </header>\n      {itemsNode}\n      {children}\n    </section>\n  );\n};\n\nexport default BackofficeDetailSection;\n"],"mappings":";;;;;;AAkBA,IAAa,KAA2B,EACtC,aACA,cACA,aAAA,GACA,UACA,OAAA,QAC+C;CAC/C,IAAM,IAAY,GAAO,EAErB,IAAsC;CAC1C,AAAI,KAAe,QAAQ,MAAgB,OACzC,IAAkB,kBAAC,KAAD;EAAG,WAAW;YAAqB;EAAgB,CAAA;CAGvE,IAAI,IAAgC;CAWpC,OAVI,KAAS,QAAQ,EAAM,SAAS,MAClC,IACE,kBAAC,OAAD;EAAK,WAAW;YACb,EAAM,KAAK,MACH,kBAAC,GAAD,EAAqC,GAAI,GAAQ,EAArB,EAAK,GAAgB,CACxD;EACE,CAAA,GAKR,kBAAC,WAAD;EACE,WAAW,EAAG,GAAgB,EAAU;EACxC,mBAAiB;YAFnB;GAIE,kBAAC,UAAD;IAAQ,WAAW;cAAnB,CACE,kBAAC,MAAD;KAAI,WAAW;KAAc,IAAI;eAC9B;KACE,CAAA,EACJ,EACM;;GACR;GACA;GACO"}

package/lib/esm/backoffice/molecules/backoffice_detail_section/backofficeDetailSection.css.js

@@ -0,0 +1,8 @@
+/* empty css                                      */
+/* empty css                                       */
+//#region src/backoffice/molecules/backoffice_detail_section/backofficeDetailSection.css.ts
+var e = "_1d3cpob0 txvbqbdr8 txvbqbf6i txvbqbffj txvbqbuy6 txvbqb2g9 txvbqb196d txvbqb1uy txvbqb2et txvbqb18k txvbqbcs7", t = "_1d3cpob1 txvbqbdr8 txvbqbf6i txvbqbfet", n = "_1d3cpob2 txvbqb9w txvbqbfd0 txvbqb19c9", r = "_1d3cpob3 txvbqb9j txvbqb19cb", i = "_1d3cpob4 txvbqbdrl txvbqbffj txvbqbhf1";
+//#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/backoffice/molecules/backoffice_detail_section/backofficeDetailSection.css.js.map

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

package/lib/esm/backoffice/molecules/backoffice_detail_tagged_value/BackofficeDetailTaggedValue.js

@@ -0,0 +1,19 @@
+import { cx as e } from "../../../theme/tools.js";
+import { Tag as t } from "../../atoms/tag/Tag.js";
+import { container as n, value as r } from "./backofficeDetailTaggedValue.css.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/backoffice/molecules/backoffice_detail_tagged_value/BackofficeDetailTaggedValue.tsx
+var o = ({ tag: o, value: s, className: c }) => /* @__PURE__ */ a("span", {
+	className: e(n, c),
+	children: [o != null && /* @__PURE__ */ i(t, {
+		tone: o.tone,
+		children: o.label
+	}), /* @__PURE__ */ i("span", {
+		className: r,
+		children: s
+	})]
+});
+//#endregion
+export { o as BackofficeDetailTaggedValue, o as default };
+
+//# sourceMappingURL=BackofficeDetailTaggedValue.js.map

package/lib/esm/backoffice/molecules/backoffice_detail_tagged_value/BackofficeDetailTaggedValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeDetailTaggedValue.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_detail_tagged_value/BackofficeDetailTaggedValue.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { Tag, type TagTone } from '../../atoms/tag/Tag.js';\nimport { cx } from '../../../theme/tools.js';\n\nimport * as styles from './backofficeDetailTaggedValue.css.js';\n\nexport type BackofficeDetailTaggedValueProps = {\n  tag: { label: string; tone?: TagTone } | null;\n  value: ReactNode;\n  className?: string;\n};\n\nexport const BackofficeDetailTaggedValue = ({\n  tag,\n  value,\n  className,\n}: BackofficeDetailTaggedValueProps): JSX.Element => {\n  return (\n    <span className={cx(styles.container, className)}>\n      {tag != null && <Tag tone={tag.tone}>{tag.label}</Tag>}\n      <span className={styles.value}>{value}</span>\n    </span>\n  );\n};\n\nexport default BackofficeDetailTaggedValue;\n"],"mappings":";;;;;AAaA,IAAa,KAA+B,EAC1C,QACA,OAAA,GACA,mBAGE,kBAAC,QAAD;CAAM,WAAW,EAAG,GAAkB,EAAU;WAAhD,CACG,KAAO,QAAQ,kBAAC,GAAD;EAAK,MAAM,EAAI;YAAO,EAAI;EAAY,CAAA,EACtD,kBAAC,QAAD;EAAM,WAAW;YAAe;EAAa,CAAA,CACxC"}

package/lib/esm/backoffice/molecules/backoffice_detail_tagged_value/backofficeDetailTaggedValue.css.js

@@ -0,0 +1,8 @@
+/* empty css                                      */
+/* empty css                                           */
+//#region src/backoffice/molecules/backoffice_detail_tagged_value/backofficeDetailTaggedValue.css.ts
+var e = "y7jmie0 txvbqbdsb txvbqbey txvbqbff6 txvbqbf91", t = "y7jmie1 txvbqbdsb txvbqbey txvbqbfet";
+//#endregion
+export { e as container, t as value };
+
+//# sourceMappingURL=backofficeDetailTaggedValue.css.js.map

package/lib/esm/backoffice/molecules/backoffice_detail_tagged_value/backofficeDetailTaggedValue.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeDetailTaggedValue.css.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_detail_tagged_value/backofficeDetailTaggedValue.css.ts"],"sourcesContent":["import { sprinkles } from '../../../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/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js

@@ -1,36 +1,19 @@
-import { cx as e } from "../../../theme/tools.js";
-import { actions as t, container as n, description as r, icon as i, title as a } from "./backofficeEmptyState.css.js";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { EmptyState as e } from "../../../atomic/molecules/empty-state/EmptyState.js";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.tsx
-var c = ({ title: c, description: l, actions: u, icon: d, className: f }) => {
-	let p = null;
-	l != null && (p = /* @__PURE__ */ o("div", {
-		className: r,
-		children: l
-	}));
-	let m = null;
-	u != null && (m = /* @__PURE__ */ o("div", {
-		className: t,
-		children: u
-	}));
-	let h = null;
-	return d != null && (h = /* @__PURE__ */ o("div", {
-		className: i,
-		children: d
-	})), /* @__PURE__ */ s("div", {
-		className: e(n, f),
-		children: [
-			h,
-			/* @__PURE__ */ o("div", {
-				className: a,
-				children: c
-			}),
-			p,
-			m
-		]
-	});
-};
+var n = ({ title: n, description: r, actions: i, icon: a, className: o }) => /* @__PURE__ */ t(e, {
+	title: n,
+	description: r,
+	actions: i,
+	icon: a,
+	className: o,
+	variant: "plain",
+	density: "compact",
+	align: "center",
+	tone: "muted",
+	titleAs: "div"
+});
 //#endregion
-export { c as BackofficeEmptyState, c as default };
+export { n as BackofficeEmptyState, n as default };
 
 //# sourceMappingURL=BackofficeEmptyState.js.map

package/lib/esm/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeEmptyState.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { cx } from '../../../theme/tools.js';\n\nimport * as styles from './backofficeEmptyState.css.js';\n\nexport type BackofficeEmptyStateProps = {\n  title: ReactNode;\n  description?: ReactNode;\n  actions?: ReactNode;\n  icon?: ReactNode;\n  className?: string;\n};\n\nexport const BackofficeEmptyState = ({\n  title,\n  description,\n  actions,\n  icon,\n  className,\n}: BackofficeEmptyStateProps): JSX.Element => {\n  let descriptionNode: JSX.Element | null = null;\n  if (description != null) {\n    descriptionNode = <div className={styles.description}>{description}</div>;\n  }\n\n  let actionsNode: JSX.Element | null = null;\n  if (actions != null) {\n    actionsNode = <div className={styles.actions}>{actions}</div>;\n  }\n\n  let iconNode: JSX.Element | null = null;\n  if (icon != null) {\n    iconNode = <div className={styles.icon}>{icon}</div>;\n  }\n\n  return (\n    <div className={cx(styles.container, className)}>\n      {iconNode}\n      <div className={styles.title}>{title}</div>\n      {descriptionNode}\n      {actionsNode}\n    </div>\n  );\n};\n\nexport default BackofficeEmptyState;\n"],"mappings":";;;;AAaA,IAAa,KAAwB,EACnC,OAAA,GACA,aAAA,GACA,SAAA,GACA,MAAA,GACA,mBAC4C;CAC5C,IAAI,IAAsC;CAC1C,AAAI,KAAe,SACjB,IAAkB,kBAAC,OAAD;EAAK,WAAW;YAAqB;EAAkB,CAAA;CAG3E,IAAI,IAAkC;CACtC,AAAI,KAAW,SACb,IAAc,kBAAC,OAAD;EAAK,WAAW;YAAiB;EAAc,CAAA;CAG/D,IAAI,IAA+B;CAKnC,OAJI,KAAQ,SACV,IAAW,kBAAC,OAAD;EAAK,WAAW;YAAc;EAAW,CAAA,GAIpD,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAkB,EAAU;YAA/C;GACG;GACD,kBAAC,OAAD;IAAK,WAAW;cAAe;IAAY,CAAA;GAC1C;GACA;GACG"}
+{"version":3,"file":"BackofficeEmptyState.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { EmptyState } from '../../../atomic/molecules/empty-state/EmptyState.js';\n\nexport type BackofficeEmptyStateProps = {\n  title: ReactNode;\n  description?: ReactNode;\n  actions?: ReactNode;\n  icon?: ReactNode;\n  className?: string;\n};\n\nexport const BackofficeEmptyState = ({\n  title,\n  description,\n  actions,\n  icon,\n  className,\n}: BackofficeEmptyStateProps): JSX.Element => {\n  return (\n    <EmptyState\n      title={title}\n      description={description}\n      actions={actions}\n      icon={icon}\n      className={className}\n      variant=\"plain\"\n      density=\"compact\"\n      align=\"center\"\n      tone=\"muted\"\n      titleAs=\"div\"\n    />\n  );\n};\n\nexport default BackofficeEmptyState;\n"],"mappings":";;;AAYA,IAAa,KAAwB,EACnC,UACA,gBACA,YACA,SACA,mBAGE,kBAAC,GAAD;CACS;CACM;CACJ;CACH;CACK;CACX,SAAQ;CACR,SAAQ;CACR,OAAM;CACN,MAAK;CACL,SAAQ;CACR,CAAA"}

package/lib/esm/backoffice/molecules/backoffice_enum_label/BackofficeEnumLabel.js

@@ -0,0 +1,11 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useTranslation as t } from "react-i18next";
+//#region src/backoffice/molecules/backoffice_enum_label/BackofficeEnumLabel.tsx
+var n = ({ value: n, getLabel: r, emptyLabel: i }) => {
+	let { t: a } = t("ui", { useSuspense: !1 }), o = i ?? a("common.notAvailable");
+	return n != null && (o = r(n)), /* @__PURE__ */ e("span", { children: o });
+};
+//#endregion
+export { n as BackofficeEnumLabel, n as default };
+
+//# sourceMappingURL=BackofficeEnumLabel.js.map

package/lib/esm/backoffice/molecules/backoffice_enum_label/BackofficeEnumLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeEnumLabel.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_enum_label/BackofficeEnumLabel.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nexport type BackofficeEnumLabelProps<TValue extends string> = {\n  readonly value: TValue | null | undefined;\n  readonly getLabel: (value: TValue) => string;\n  readonly emptyLabel?: string;\n};\n\nexport const BackofficeEnumLabel = <TValue extends string>({\n  value,\n  getLabel,\n  emptyLabel,\n}: BackofficeEnumLabelProps<TValue>): JSX.Element => {\n  const { t } = useTranslation('ui', { useSuspense: false });\n  let label = emptyLabel ?? t('common.notAvailable');\n  if (value != null) {\n    label = getLabel(value);\n  }\n\n  return <span>{label}</span>;\n};\n\nexport default BackofficeEnumLabel;\n"],"mappings":";;;AASA,IAAa,KAA8C,EACzD,UACA,aACA,oBACmD;CACnD,IAAM,EAAE,SAAM,EAAe,MAAM,EAAE,aAAa,IAAO,CAAC,EACtD,IAAQ,KAAc,EAAE,sBAAsB;CAKlD,OAJI,KAAS,SACX,IAAQ,EAAS,EAAM,GAGlB,kBAAC,QAAD,EAAA,UAAO,GAAa,CAAA"}

package/lib/esm/backoffice/molecules/backoffice_form_section/BackofficeFormSection.js

@@ -1,24 +1,23 @@
-import { cx as e } from "../../../theme/tools.js";
-import { container as t } from "./backofficeFormSection.css.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { SurfaceSection as e } from "../../../components/layout/Surface.js";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/backoffice/molecules/backoffice_form_section/BackofficeFormSection.tsx
-var i = ({ title: i, description: a, children: o, className: s }) => {
-	let c = i != null && i.trim() !== "" || a != null && a.trim() !== "";
-	return /* @__PURE__ */ r("section", {
-		className: e(t, s),
-		children: [c && /* @__PURE__ */ r("div", {
-			className: "m31wvj1 txvbqbdr8 txvbqbf6i txvbqbfet",
-			children: [i != null && i.trim() !== "" && /* @__PURE__ */ n("h3", {
-				className: "m31wvj2 txvbqb9w txvbqbfd0 txvbqb19c9 txvbqbm9g",
-				children: i
-			}), a != null && a.trim() !== "" && /* @__PURE__ */ n("p", {
-				className: "m31wvj3 txvbqb9j txvbqb19cb txvbqbm9g",
-				children: a
-			})]
-		}), o]
+var n = ({ title: n, description: r, children: i, className: a }) => {
+	let o = n?.trim(), s = r?.trim(), c;
+	o !== "" && (c = o);
+	let l;
+	return s !== "" && (l = s), /* @__PURE__ */ t(e, {
+		border: "subtle",
+		className: a,
+		density: "compact",
+		radius: "lg",
+		title: c,
+		titleAs: "h3",
+		description: l,
+		variant: "neutral",
+		children: i
 	});
 };
 //#endregion
-export { i as BackofficeFormSection, i as default };
+export { n as BackofficeFormSection, n as default };
 
 //# sourceMappingURL=BackofficeFormSection.js.map

package/lib/esm/backoffice/molecules/backoffice_form_section/BackofficeFormSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeFormSection.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_form_section/BackofficeFormSection.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { cx } from '../../../theme/tools.js';\n\nimport * as styles from './backofficeFormSection.css.js';\n\nexport type BackofficeFormSectionProps = {\n  title?: string;\n  description?: string;\n  children: ReactNode;\n  className?: string;\n};\n\nexport const BackofficeFormSection = ({\n  title,\n  description,\n  children,\n  className,\n}: BackofficeFormSectionProps): JSX.Element => {\n  const hasHeader =\n    (title != null && title.trim() !== '') ||\n    (description != null && description.trim() !== '');\n\n  return (\n    <section className={cx(styles.container, className)}>\n      {hasHeader && (\n        <div className={styles.header}>\n          {title != null && title.trim() !== '' && (\n            <h3 className={styles.title}>{title}</h3>\n          )}\n          {description != null && description.trim() !== '' && (\n            <p className={styles.description}>{description}</p>\n          )}\n        </div>\n      )}\n      {children}\n    </section>\n  );\n};\n\nexport default BackofficeFormSection;\n"],"mappings":";;;;AAYA,IAAa,KAAyB,EACpC,OAAA,GACA,aAAA,GACA,aACA,mBAC6C;CAC7C,IAAM,IACH,KAAS,QAAQ,EAAM,MAAM,KAAK,MAClC,KAAe,QAAQ,EAAY,MAAM,KAAK;CAEjD,OACE,kBAAC,WAAD;EAAS,WAAW,EAAG,GAAkB,EAAU;YAAnD,CACG,KACC,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACG,KAAS,QAAQ,EAAM,MAAM,KAAK,MACjC,kBAAC,MAAD;IAAI,WAAW;cAAe;IAAW,CAAA,EAE1C,KAAe,QAAQ,EAAY,MAAM,KAAK,MAC7C,kBAAC,KAAD;IAAG,WAAW;cAAqB;IAAgB,CAAA,CAEjD;MAEP,EACO"}
+{"version":3,"file":"BackofficeFormSection.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_form_section/BackofficeFormSection.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { SurfaceSection } from '../../../components/layout/Surface.js';\n\nexport type BackofficeFormSectionProps = {\n  title?: string;\n  description?: string;\n  children: ReactNode;\n  className?: string;\n};\n\nexport const BackofficeFormSection = ({\n  title,\n  description,\n  children,\n  className,\n}: BackofficeFormSectionProps): JSX.Element => {\n  const resolvedTitle = title?.trim();\n  const resolvedDescription = description?.trim();\n  let headerTitle: string | undefined;\n  if (resolvedTitle !== '') {\n    headerTitle = resolvedTitle;\n  }\n  let headerDescription: string | undefined;\n  if (resolvedDescription !== '') {\n    headerDescription = resolvedDescription;\n  }\n\n  return (\n    <SurfaceSection\n      border=\"subtle\"\n      className={className}\n      density=\"compact\"\n      radius=\"lg\"\n      title={headerTitle}\n      titleAs=\"h3\"\n      description={headerDescription}\n      variant=\"neutral\"\n    >\n      {children}\n    </SurfaceSection>\n  );\n};\n\nexport default BackofficeFormSection;\n"],"mappings":";;;AAWA,IAAa,KAAyB,EACpC,UACA,gBACA,aACA,mBAC6C;CAC7C,IAAM,IAAgB,GAAO,MAAM,EAC7B,IAAsB,GAAa,MAAM,EAC3C;CACJ,AAAI,MAAkB,OACpB,IAAc;CAEhB,IAAI;CAKJ,OAJI,MAAwB,OAC1B,IAAoB,IAIpB,kBAAC,GAAD;EACE,QAAO;EACI;EACX,SAAQ;EACR,QAAO;EACP,OAAO;EACP,SAAQ;EACR,aAAa;EACb,SAAQ;EAEP;EACc,CAAA"}

package/lib/esm/backoffice/molecules/backoffice_json_viewer/LazyBackofficeJsonViewer.helpers.js

@@ -0,0 +1,12 @@
+//#region src/backoffice/molecules/backoffice_json_viewer/LazyBackofficeJsonViewer.helpers.ts
+var e = (e, t = "Failed to serialize JSON") => {
+	try {
+		return JSON.stringify(e, null, 2);
+	} catch {
+		return JSON.stringify({ error: t });
+	}
+}, t = { buildFallbackText: e };
+//#endregion
+export { t as __testLazyBackofficeJsonViewer, e as buildBackofficeJsonViewerFallbackText };
+
+//# sourceMappingURL=LazyBackofficeJsonViewer.helpers.js.map

package/lib/esm/backoffice/molecules/backoffice_json_viewer/LazyBackofficeJsonViewer.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LazyBackofficeJsonViewer.helpers.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_json_viewer/LazyBackofficeJsonViewer.helpers.ts"],"sourcesContent":["export const buildBackofficeJsonViewerFallbackText = (\n  value: unknown,\n  serializationError = 'Failed to serialize JSON',\n): string => {\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return JSON.stringify({ error: serializationError });\n  }\n};\n\nexport const __testLazyBackofficeJsonViewer = {\n  buildFallbackText: buildBackofficeJsonViewerFallbackText,\n} as const;\n"],"mappings":";AAAA,IAAa,KACX,GACA,IAAqB,+BACV;CACX,IAAI;EACF,OAAO,KAAK,UAAU,GAAO,MAAM,EAAE;SAC/B;EACN,OAAO,KAAK,UAAU,EAAE,OAAO,GAAoB,CAAC;;GAI3C,IAAiC,EAC5C,mBAAmB,GACpB"}

package/lib/esm/backoffice/molecules/backoffice_json_viewer/LazyBackofficeJsonViewer.js

@@ -1,28 +1,23 @@
+import { buildBackofficeJsonViewerFallbackText as e } from "./LazyBackofficeJsonViewer.helpers.js";
 import "./LazyBackofficeJsonViewer.css.js";
-import { Suspense as e, lazy as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-import { useTranslation as r } from "react-i18next";
+import { Suspense as t, lazy as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { useTranslation as i } from "react-i18next";
 //#region src/backoffice/molecules/backoffice_json_viewer/LazyBackofficeJsonViewer.tsx
-var i = t(async () => import("./BackofficeJsonViewerAsync.js")), a = (e, t = "Failed to serialize JSON") => {
-	try {
-		return JSON.stringify(e, null, 2);
-	} catch {
-		return JSON.stringify({ error: t });
-	}
-}, o = { buildFallbackText: a }, s = ({ value: e, className: t }) => {
-	let { t: i } = r("ui", { useSuspense: !1 });
-	return /* @__PURE__ */ n("pre", {
-		className: t ?? "_13lprza0 txvbqbuse txvbqb18yn",
-		children: a(e, i("backoffice.jsonViewer.serializationError"))
+var a = n(async () => import("./BackofficeJsonViewerAsync.js")), o = ({ value: t, className: n }) => {
+	let { t: a } = i("ui", { useSuspense: !1 });
+	return /* @__PURE__ */ r("pre", {
+		className: n ?? "_13lprza0 txvbqbuse txvbqb18yn",
+		children: e(t, a("backoffice.jsonViewer.serializationError"))
 	});
-}, c = (t) => /* @__PURE__ */ n(e, {
-	fallback: /* @__PURE__ */ n(s, {
-		value: t.value,
-		className: t.className
+}, s = (e) => /* @__PURE__ */ r(t, {
+	fallback: /* @__PURE__ */ r(o, {
+		value: e.value,
+		className: e.className
 	}),
-	children: /* @__PURE__ */ n(i, { ...t })
+	children: /* @__PURE__ */ r(a, { ...e })
 });
 //#endregion
-export { c as LazyBackofficeJsonViewer, c as default, o as __testLazyBackofficeJsonViewer };
+export { s as LazyBackofficeJsonViewer, s as default };
 
 //# sourceMappingURL=LazyBackofficeJsonViewer.js.map

package/lib/esm/backoffice/molecules/backoffice_json_viewer/LazyBackofficeJsonViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"LazyBackofficeJsonViewer.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_json_viewer/LazyBackofficeJsonViewer.tsx"],"sourcesContent":["import { Suspense, lazy, type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { BackofficeJsonViewerProps } from './BackofficeJsonViewer.js';\n\nimport * as styles from './LazyBackofficeJsonViewer.css.js';\n\nconst BackofficeJsonViewer = lazy(async () => {\n  return import('./BackofficeJsonViewerAsync.js');\n});\n\nconst buildFallbackText = (\n  value: unknown,\n  serializationError = 'Failed to serialize JSON',\n): string => {\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return JSON.stringify({ error: serializationError });\n  }\n};\n\nexport const __testLazyBackofficeJsonViewer = {\n  buildFallbackText,\n} as const;\n\nconst FallbackViewer = ({\n  value,\n  className,\n}: Pick<BackofficeJsonViewerProps, 'value' | 'className'>): JSX.Element => {\n  const { t } = useTranslation('ui', { useSuspense: false });\n\n  return (\n    <pre className={className ?? styles.fallback}>\n      {buildFallbackText(value, t('backoffice.jsonViewer.serializationError'))}\n    </pre>\n  );\n};\n\nexport const LazyBackofficeJsonViewer = (\n  props: BackofficeJsonViewerProps,\n): JSX.Element => {\n  return (\n    <Suspense\n      fallback={\n        <FallbackViewer value={props.value} className={props.className} />\n      }\n    >\n      <BackofficeJsonViewer {...props} />\n    </Suspense>\n  );\n};\n\nexport default LazyBackofficeJsonViewer;\n"],"mappings":";;;;;AAOA,IAAM,IAAuB,EAAK,YACzB,OAAO,kCACd,EAEI,KACJ,GACA,IAAqB,+BACV;CACX,IAAI;EACF,OAAO,KAAK,UAAU,GAAO,MAAM,EAAE;SAC/B;EACN,OAAO,KAAK,UAAU,EAAE,OAAO,GAAoB,CAAC;;GAI3C,IAAiC,EAC5C,sBACD,EAEK,KAAkB,EACtB,UACA,mBACyE;CACzE,IAAM,EAAE,SAAM,EAAe,MAAM,EAAE,aAAa,IAAO,CAAC;CAE1D,OACE,kBAAC,OAAD;EAAK,WAAW,KAAa;YAC1B,EAAkB,GAAO,EAAE,2CAA2C,CAAC;EACpE,CAAA;GAIG,KACX,MAGE,kBAAC,GAAD;CACE,UACE,kBAAC,GAAD;EAAgB,OAAO,EAAM;EAAO,WAAW,EAAM;EAAa,CAAA;WAGpE,kBAAC,GAAD,EAAsB,GAAI,GAAS,CAAA;CAC1B,CAAA"}
+{"version":3,"file":"LazyBackofficeJsonViewer.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_json_viewer/LazyBackofficeJsonViewer.tsx"],"sourcesContent":["import { Suspense, lazy, type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { BackofficeJsonViewerProps } from './BackofficeJsonViewer.js';\nimport { buildBackofficeJsonViewerFallbackText } from './LazyBackofficeJsonViewer.helpers.js';\n\nimport * as styles from './LazyBackofficeJsonViewer.css.js';\n\nconst BackofficeJsonViewer = lazy(async () => {\n  return import('./BackofficeJsonViewerAsync.js');\n});\n\nconst FallbackViewer = ({\n  value,\n  className,\n}: Pick<BackofficeJsonViewerProps, 'value' | 'className'>): JSX.Element => {\n  const { t } = useTranslation('ui', { useSuspense: false });\n\n  return (\n    <pre className={className ?? styles.fallback}>\n      {buildBackofficeJsonViewerFallbackText(\n        value,\n        t('backoffice.jsonViewer.serializationError'),\n      )}\n    </pre>\n  );\n};\n\nexport const LazyBackofficeJsonViewer = (\n  props: BackofficeJsonViewerProps,\n): JSX.Element => {\n  return (\n    <Suspense\n      fallback={\n        <FallbackViewer value={props.value} className={props.className} />\n      }\n    >\n      <BackofficeJsonViewer {...props} />\n    </Suspense>\n  );\n};\n\nexport default LazyBackofficeJsonViewer;\n"],"mappings":";;;;;;AAQA,IAAM,IAAuB,EAAK,YACzB,OAAO,kCACd,EAEI,KAAkB,EACtB,UACA,mBACyE;CACzE,IAAM,EAAE,SAAM,EAAe,MAAM,EAAE,aAAa,IAAO,CAAC;CAE1D,OACE,kBAAC,OAAD;EAAK,WAAW,KAAa;YAC1B,EACC,GACA,EAAE,2CAA2C,CAC9C;EACG,CAAA;GAIG,KACX,MAGE,kBAAC,GAAD;CACE,UACE,kBAAC,GAAD;EAAgB,OAAO,EAAM;EAAO,WAAW,EAAM;EAAa,CAAA;WAGpE,kBAAC,GAAD,EAAsB,GAAI,GAAS,CAAA;CAC1B,CAAA"}

package/lib/esm/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js

@@ -1,21 +1,28 @@
 import { cx as e } from "../../../theme/tools.js";
-import { item as t, itemSurface as n, label as r, labelSize as i, list as a, value as o } from "./backofficeKeyValueList.css.js";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useUiTranslation as t } from "../../../i18n/useUiTranslation.js";
+import { item as n, itemSplit as r, itemStack as i, itemSurface as a, label as o, labelSize as s, list as c, listGrid as l, value as u } from "./backofficeKeyValueList.css.js";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.tsx
-var l = ({ items: l }) => /* @__PURE__ */ s("dl", {
-	className: a,
-	children: l.map((a) => /* @__PURE__ */ c("div", {
-		className: e(t, n),
-		children: [/* @__PURE__ */ s("dt", {
-			className: e(r, i),
-			children: a.label
-		}), /* @__PURE__ */ s("dd", {
-			className: o,
-			children: a.value
-		})]
-	}, a.id))
-});
+var p = (e) => e === "surface" ? a : null, m = ({ className: a, emptyLabel: m, items: h, layout: g = "split", variant: _ = "surface" }) => {
+	let { t: v } = t(), y = m ?? v("common.notAvailable", { defaultValue: "N/A" }), b = [c, a];
+	return g === "grid" && b.push(l), /* @__PURE__ */ d("dl", {
+		className: e(...b),
+		children: h.map((t) => {
+			let { id: a, label: c } = t, { value: l } = t, m = [n, p(_)];
+			return g === "split" ? m.push(r) : m.push(i), (l == null || typeof l == "string" && l.trim() === "") && (l = y), /* @__PURE__ */ f("div", {
+				className: e(...m),
+				children: [/* @__PURE__ */ d("dt", {
+					className: e(o, s),
+					children: c
+				}), /* @__PURE__ */ d("dd", {
+					className: u,
+					children: l
+				})]
+			}, a);
+		})
+	});
+};
 //#endregion
-export { l as BackofficeKeyValueList, l as default };
+export { m as BackofficeKeyValueList, m as default };
 
 //# sourceMappingURL=BackofficeKeyValueList.js.map

package/lib/esm/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeKeyValueList.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport * as styles from './backofficeKeyValueList.css.js';\nimport { cx } from '../../../theme/tools.js';\n\nexport type BackofficeKeyValueItem = {\n  id: string;\n  label: ReactNode;\n  value: ReactNode;\n};\n\nexport type BackofficeKeyValueListProps = {\n  items: readonly BackofficeKeyValueItem[];\n};\n\nexport const BackofficeKeyValueList = ({\n  items,\n}: BackofficeKeyValueListProps): JSX.Element => {\n  return (\n    <dl className={styles.list}>\n      {items.map((item) => {\n        return (\n          <div key={item.id} className={cx(styles.item, styles.itemSurface)}>\n            <dt className={cx(styles.label, styles.labelSize)}>{item.label}</dt>\n            <dd className={styles.value}>{item.value}</dd>\n          </div>\n        );\n      })}\n    </dl>\n  );\n};\n\nexport default BackofficeKeyValueList;\n"],"mappings":";;;;AAeA,IAAa,KAA0B,EACrC,eAGE,kBAAC,MAAD;CAAI,WAAW;WACZ,EAAM,KAAK,MAER,kBAAC,OAAD;EAAmB,WAAW,EAAG,GAAa,EAAmB;YAAjE,CACE,kBAAC,MAAD;GAAI,WAAW,EAAG,GAAc,EAAiB;aAAG,EAAK;GAAW,CAAA,EACpE,kBAAC,MAAD;GAAI,WAAW;aAAe,EAAK;GAAW,CAAA,CAC1C;IAHI,EAAK,GAGT,CAER;CACC,CAAA"}
+{"version":3,"file":"BackofficeKeyValueList.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport * as styles from './backofficeKeyValueList.css.js';\nimport { cx } from '../../../theme/tools.js';\nimport { useUiTranslation } from '../../../i18n/useUiTranslation.js';\n\nexport type BackofficeKeyValueItem = {\n  id: string;\n  label: ReactNode;\n  value: ReactNode | null | undefined;\n};\n\nexport type BackofficeKeyValueListVariant = 'surface' | 'plain';\n\nexport type BackofficeKeyValueListLayout = 'split' | 'stack' | 'grid';\n\nexport type BackofficeKeyValueListProps = {\n  items: readonly BackofficeKeyValueItem[];\n  className?: string;\n  emptyLabel?: string;\n  variant?: BackofficeKeyValueListVariant;\n  layout?: BackofficeKeyValueListLayout;\n};\n\nconst resolveVariantClassName = (\n  variant: BackofficeKeyValueListVariant,\n): string | null => {\n  if (variant === 'surface') {\n    return styles.itemSurface;\n  }\n\n  return null;\n};\n\nexport const BackofficeKeyValueList = ({\n  className,\n  emptyLabel,\n  items,\n  layout = 'split',\n  variant = 'surface',\n}: BackofficeKeyValueListProps): JSX.Element => {\n  const { t } = useUiTranslation();\n  const fallback =\n    emptyLabel ??\n    t('common.notAvailable', {\n      defaultValue: 'N/A',\n    });\n\n  const listClassName = [styles.list, className];\n  if (layout === 'grid') {\n    listClassName.push(styles.listGrid);\n  }\n\n  return (\n    <dl className={cx(...listClassName)}>\n      {items.map((item) => {\n        const { id, label } = item;\n        let { value } = item;\n        const itemClassName = [styles.item, resolveVariantClassName(variant)];\n        if (layout === 'split') {\n          itemClassName.push(styles.itemSplit);\n        } else {\n          itemClassName.push(styles.itemStack);\n        }\n\n        if (\n          value == null ||\n          (typeof value === 'string' && value.trim() === '')\n        ) {\n          value = fallback;\n        }\n\n        return (\n          <div key={id} className={cx(...itemClassName)}>\n            <dt className={cx(styles.label, styles.labelSize)}>{label}</dt>\n            <dd className={styles.value}>{value}</dd>\n          </div>\n        );\n      })}\n    </dl>\n  );\n};\n\nexport default BackofficeKeyValueList;\n"],"mappings":";;;;;AAwBA,IAAM,KACJ,MAEI,MAAY,YACP,IAGF,MAGI,KAA0B,EACrC,cACA,eACA,UACA,YAAS,SACT,aAAU,gBACoC;CAC9C,IAAM,EAAE,SAAM,GAAkB,EAC1B,IACJ,KACA,EAAE,uBAAuB,EACvB,cAAc,OACf,CAAC,EAEE,IAAgB,CAAC,GAAa,EAAU;CAK9C,OAJI,MAAW,UACb,EAAc,KAAK,EAAgB,EAInC,kBAAC,MAAD;EAAI,WAAW,EAAG,GAAG,EAAc;YAChC,EAAM,KAAK,MAAS;GACnB,IAAM,EAAE,OAAI,OAAA,MAAU,GAClB,EAAE,OAAA,MAAU,GACV,IAAgB,CAAC,GAAa,EAAwB,EAAQ,CAAC;GAcrE,OAbI,MAAW,UACb,EAAc,KAAK,EAAiB,GAEpC,EAAc,KAAK,EAAiB,GAIpC,KAAS,QACR,OAAO,KAAU,YAAY,EAAM,MAAM,KAAK,QAE/C,IAAQ,IAIR,kBAAC,OAAD;IAAc,WAAW,EAAG,GAAG,EAAc;cAA7C,CACE,kBAAC,MAAD;KAAI,WAAW,EAAG,GAAc,EAAiB;eAAG;KAAW,CAAA,EAC/D,kBAAC,MAAD;KAAI,WAAW;eAAe;KAAW,CAAA,CACrC;MAHI,EAGJ;IAER;EACC,CAAA"}

package/lib/esm/backoffice/molecules/backoffice_key_value_list/backofficeKeyValueList.css.js

@@ -1,8 +1,8 @@
 /* empty css                                      */
 /* empty css                                      */
 //#region src/backoffice/molecules/backoffice_key_value_list/backofficeKeyValueList.css.ts
-var e = "tx0dqq0 txvbqbdrl txvbqbff6", t = "tx0dqq1 txvbqbyoi txvbqbzm3 txvbqb10jb txvbqbvve txvbqbdrl txvbqbhap txvbqbh2t txvbqbff6 txvbqbey txvbqb2gm txvbqb196f", n = "tx0dqq2 txvbqb1uy txvbqb2et txvbqb17u", r = "tx0dqq3 txvbqb19cd txvbqb6a txvbqbkxf txvbqbfd0 txvbqbt9i txvbqbutu", i = "tx0dqq4 txvbqb96", a = "tx0dqq5 txvbqb9w txvbqb19c9 txvbqbm9g txvbqbt9i txvbqbutu";
+var e = "tx0dqq0 txvbqbdrl txvbqbff6", t = "tx0dqq1 txvbqbhf1", n = "tx0dqq2 txvbqbdrl txvbqbff6 txvbqbey txvbqbt9i", r = "tx0dqq3 txvbqbhap txvbqbh2t", i = "tx0dqq4 txvbqbh2r txvbqbel", a = "tx0dqq5 txvbqbyoi txvbqbzm3 txvbqb10jb txvbqbvve txvbqb2gm txvbqb196f txvbqb1uy txvbqb2et txvbqb17u", o = "tx0dqq6 txvbqb19cd txvbqb6a txvbqbkxf txvbqbfd0 txvbqbt9i txvbqbutu", s = "tx0dqq7 txvbqb96", c = "tx0dqq8 txvbqb9w txvbqb19c9 txvbqbm9g txvbqbt9i txvbqbutu";
 //#endregion
-export { t as item, n as itemSurface, r as label, i as labelSize, e as list, a as value };
+export { n as item, r as itemSplit, i as itemStack, a as itemSurface, o as label, s as labelSize, e as list, t as listGrid, c as value };
 
 //# sourceMappingURL=backofficeKeyValueList.css.js.map

package/lib/esm/backoffice/molecules/backoffice_key_value_list/backofficeKeyValueList.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeKeyValueList.css.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_key_value_list/backofficeKeyValueList.css.ts"],"sourcesContent":["import { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const list = sprinkles({\n  display: 'grid',\n  gap: 2,\n});\n\nexport const item = sprinkles({\n  display: 'grid',\n  gridTemplateColumns: {\n    base: 'keyValueSplit',\n    md: 1,\n  },\n  gap: 2,\n  alignItems: 'center',\n  paddingY: 2,\n  paddingX: 3,\n  borderRadius: 'lg',\n  backgroundColor: 'surfaceMuted',\n});\n\nexport const itemSurface = sprinkles({\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'borderSubtle',\n});\n\nexport const label = sprinkles({\n  color: 'textMuted',\n  textTransform: 'uppercase',\n  letterSpacing: 'caps',\n  fontWeight: 'semibold',\n  minWidth: 0,\n  overflowWrap: 'anywhere',\n});\n\nexport const labelSize = sprinkles({\n  fontSize: 'xs',\n});\n\nexport const value = sprinkles({\n  fontSize: 'base',\n  color: 'text',\n  margin: 0,\n  minWidth: 0,\n  overflowWrap: 'anywhere',\n});\n"],"mappings":""}
+{"version":3,"file":"backofficeKeyValueList.css.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_key_value_list/backofficeKeyValueList.css.ts"],"sourcesContent":["import { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const list = sprinkles({\n  display: 'grid',\n  gap: 2,\n});\n\nexport const listGrid = sprinkles({\n  gridTemplateColumns: 'autoFitMinmax220',\n});\n\nexport const item = sprinkles({\n  display: 'grid',\n  gap: 2,\n  alignItems: 'center',\n  minWidth: 0,\n});\n\nexport const itemSplit = sprinkles({\n  gridTemplateColumns: {\n    base: 'keyValueSplit',\n    md: 1,\n  },\n});\n\nexport const itemStack = sprinkles({\n  gridTemplateColumns: 1,\n  alignItems: 'flex-start',\n});\n\nexport const itemSurface = sprinkles({\n  paddingY: 2,\n  paddingX: 3,\n  borderRadius: 'lg',\n  backgroundColor: 'surfaceMuted',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'borderSubtle',\n});\n\nexport const label = sprinkles({\n  color: 'textMuted',\n  textTransform: 'uppercase',\n  letterSpacing: 'caps',\n  fontWeight: 'semibold',\n  minWidth: 0,\n  overflowWrap: 'anywhere',\n});\n\nexport const labelSize = sprinkles({\n  fontSize: 'xs',\n});\n\nexport const value = sprinkles({\n  fontSize: 'base',\n  color: 'text',\n  margin: 0,\n  minWidth: 0,\n  overflowWrap: 'anywhere',\n});\n"],"mappings":""}

package/lib/esm/backoffice/molecules/backoffice_list_footer/BackofficeListFooter.helpers.js

@@ -0,0 +1,11 @@
+//#region src/backoffice/molecules/backoffice_list_footer/BackofficeListFooter.helpers.ts
+var e = ({ hasNextPage: e, isLoading: t, pageInfoState: n }) => t ? "loading" : n ?? (e ? "ready" : "complete"), t = (e, t) => typeof t == "number" ? `${e} / ${t}` : e > 0 ? String(e) : null, n = ({ labels: e, loadedCount: n, totalCount: r }) => ({
+	loaded: e?.loaded ?? t(n, r),
+	loadMore: e?.loadMore ?? "Load more",
+	loading: e?.loading ?? "Loading",
+	end: e?.end ?? "End of list"
+}), r = ({ labels: e, mode: t, pageInfoState: n }) => n === "complete" ? e.end : n === "loading" ? e.loading : t === "button" && n === "ready" ? e.loadMore : null;
+//#endregion
+export { n as resolveBackofficeListFooterLabels, e as resolveBackofficeListFooterPageInfoState, r as resolveBackofficeListFooterStatusLabel, t as resolveDefaultBackofficeListFooterLoadedLabel };
+
+//# sourceMappingURL=BackofficeListFooter.helpers.js.map

package/lib/esm/backoffice/molecules/backoffice_list_footer/BackofficeListFooter.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeListFooter.helpers.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_list_footer/BackofficeListFooter.helpers.ts"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport {\n  type BackofficeListFooterLabels,\n  type BackofficeListFooterMode,\n  type BackofficeListFooterPageInfoState,\n} from './BackofficeListFooter.js';\n\nexport type ResolvedBackofficeListFooterLabels = {\n  loadMore: ReactNode;\n  loading: ReactNode;\n  end: ReactNode;\n  loaded: ReactNode;\n};\n\nexport const resolveBackofficeListFooterPageInfoState = ({\n  hasNextPage,\n  isLoading,\n  pageInfoState,\n}: {\n  hasNextPage: boolean;\n  isLoading: boolean;\n  pageInfoState?: BackofficeListFooterPageInfoState;\n}): BackofficeListFooterPageInfoState => {\n  if (isLoading) {\n    return 'loading';\n  }\n  if (pageInfoState != null) {\n    return pageInfoState;\n  }\n  if (hasNextPage) {\n    return 'ready';\n  }\n  return 'complete';\n};\n\nexport const resolveDefaultBackofficeListFooterLoadedLabel = (\n  loadedCount: number,\n  totalCount?: number | null,\n): ReactNode => {\n  if (typeof totalCount === 'number') {\n    return `${loadedCount} / ${totalCount}`;\n  }\n  if (loadedCount > 0) {\n    return String(loadedCount);\n  }\n  return null;\n};\n\nexport const resolveBackofficeListFooterLabels = ({\n  labels,\n  loadedCount,\n  totalCount,\n}: {\n  labels?: BackofficeListFooterLabels;\n  loadedCount: number;\n  totalCount?: number | null;\n}): ResolvedBackofficeListFooterLabels => {\n  return {\n    loaded:\n      labels?.loaded ??\n      resolveDefaultBackofficeListFooterLoadedLabel(loadedCount, totalCount),\n    loadMore: labels?.loadMore ?? 'Load more',\n    loading: labels?.loading ?? 'Loading',\n    end: labels?.end ?? 'End of list',\n  };\n};\n\nexport const resolveBackofficeListFooterStatusLabel = ({\n  labels,\n  mode,\n  pageInfoState,\n}: {\n  labels: ResolvedBackofficeListFooterLabels;\n  mode: BackofficeListFooterMode;\n  pageInfoState: BackofficeListFooterPageInfoState;\n}): ReactNode => {\n  if (pageInfoState === 'complete') {\n    return labels.end;\n  }\n  if (pageInfoState === 'loading') {\n    return labels.loading;\n  }\n  if (mode === 'button' && pageInfoState === 'ready') {\n    return labels.loadMore;\n  }\n  return null;\n};\n"],"mappings":";AAeA,IAAa,KAA4C,EACvD,gBACA,cACA,uBAMI,IACK,YAEL,MAGA,IACK,UAEF,aAGI,KACX,GACA,MAEI,OAAO,KAAe,WACjB,GAAG,EAAY,KAAK,MAEzB,IAAc,IACT,OAAO,EAAY,GAErB,MAGI,KAAqC,EAChD,WACA,gBACA,qBAMO;CACL,QACE,GAAQ,UACR,EAA8C,GAAa,EAAW;CACxE,UAAU,GAAQ,YAAY;CAC9B,SAAS,GAAQ,WAAW;CAC5B,KAAK,GAAQ,OAAO;CACrB,GAGU,KAA0C,EACrD,WACA,SACA,uBAMI,MAAkB,aACb,EAAO,MAEZ,MAAkB,YACb,EAAO,UAEZ,MAAS,YAAY,MAAkB,UAClC,EAAO,WAET"}