@plumile/ui 0.1.134 → 0.1.142

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

@@ -0,0 +1,55 @@
+import { cx as e } from "../../../theme/tools.js";
+import { Spinner as t } from "../../atoms/spinner/Spinner.js";
+import { resolveBackofficeListFooterLabels as n, resolveBackofficeListFooterPageInfoState as r, resolveBackofficeListFooterStatusLabel as i } from "./BackofficeListFooter.helpers.js";
+import { button as a, container as o, progress as s, statusGroup as c } from "./backofficeListFooter.css.js";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/backoffice/molecules/backoffice_list_footer/BackofficeListFooter.tsx
+var d = ({ className: d, hasNextPage: f, isLoading: p, labels: m, loadedCount: h, mode: g, onLoadMore: _, pageInfoState: v, totalCount: y }) => {
+	let b = r({
+		hasNextPage: f,
+		isLoading: p,
+		pageInfoState: v
+	}), x = n({
+		labels: m,
+		loadedCount: h,
+		totalCount: y
+	}), S = i({
+		labels: x,
+		mode: g,
+		pageInfoState: b
+	}), C = null;
+	return g === "button" && f && !p && _ != null && (C = /* @__PURE__ */ l("button", {
+		type: "button",
+		className: a,
+		onClick: _,
+		children: x.loadMore
+	})), /* @__PURE__ */ u("div", {
+		className: e(o, d),
+		children: [/* @__PURE__ */ l("div", {
+			className: c,
+			role: "status",
+			"aria-live": "polite",
+			"aria-atomic": "true",
+			children: x.loaded != null && /* @__PURE__ */ l("span", {
+				className: "_6wqadl4 qbwcueq txvbqbt9i txvbqbusr txvbqb16g0 txvbqb18xk _6wqadl3 txvbqb9j txvbqb19cb",
+				children: x.loaded
+			})
+		}), /* @__PURE__ */ u("div", {
+			className: s,
+			"aria-live": "polite",
+			"aria-atomic": "true",
+			children: [
+				p && /* @__PURE__ */ l(t, { size: 16 }),
+				S != null && /* @__PURE__ */ l("span", {
+					className: "_6wqadl5 txvbqb9j txvbqb19cd",
+					children: S
+				}),
+				C
+			]
+		})]
+	});
+};
+//#endregion
+export { d as BackofficeListFooter, d as default };
+
+//# sourceMappingURL=BackofficeListFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeListFooter.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_list_footer/BackofficeListFooter.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { Spinner } from '../../atoms/spinner/Spinner.js';\nimport { cx } from '../../../theme/tools.js';\n\nimport {\n  resolveBackofficeListFooterLabels,\n  resolveBackofficeListFooterPageInfoState,\n  resolveBackofficeListFooterStatusLabel,\n} from './BackofficeListFooter.helpers.js';\nimport * as styles from './backofficeListFooter.css.js';\n\nexport type BackofficeListFooterMode = 'status' | 'button';\n\nexport type BackofficeListFooterPageInfoState =\n  | 'ready'\n  | 'loading'\n  | 'complete'\n  | 'inconsistent';\n\nexport type BackofficeListFooterLabels = {\n  loadMore?: ReactNode;\n  loading?: ReactNode;\n  end?: ReactNode;\n  loaded?: ReactNode;\n};\n\nexport type BackofficeListFooterProps = {\n  mode: BackofficeListFooterMode;\n  hasNextPage: boolean;\n  isLoading: boolean;\n  onLoadMore?: () => void;\n  loadedCount: number;\n  totalCount?: number | null;\n  pageInfoState?: BackofficeListFooterPageInfoState;\n  labels?: BackofficeListFooterLabels;\n  className?: string;\n};\n\nexport const BackofficeListFooter = ({\n  className,\n  hasNextPage,\n  isLoading,\n  labels,\n  loadedCount,\n  mode,\n  onLoadMore,\n  pageInfoState,\n  totalCount,\n}: BackofficeListFooterProps): JSX.Element => {\n  const resolvedPageInfoState = resolveBackofficeListFooterPageInfoState({\n    hasNextPage,\n    isLoading,\n    pageInfoState,\n  });\n  const resolvedLabels = resolveBackofficeListFooterLabels({\n    labels,\n    loadedCount,\n    totalCount,\n  });\n  const statusLabel = resolveBackofficeListFooterStatusLabel({\n    labels: resolvedLabels,\n    mode,\n    pageInfoState: resolvedPageInfoState,\n  });\n\n  let buttonNode: JSX.Element | null = null;\n  if (mode === 'button' && hasNextPage && !isLoading && onLoadMore != null) {\n    buttonNode = (\n      <button type=\"button\" className={styles.button} onClick={onLoadMore}>\n        {resolvedLabels.loadMore}\n      </button>\n    );\n  }\n\n  return (\n    <div className={cx(styles.container, className)}>\n      <div\n        className={styles.statusGroup}\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n      >\n        {resolvedLabels.loaded != null && (\n          <span className={styles.status}>{resolvedLabels.loaded}</span>\n        )}\n      </div>\n      <div className={styles.progress} aria-live=\"polite\" aria-atomic=\"true\">\n        {isLoading && <Spinner size={16} />}\n        {statusLabel != null && (\n          <span className={styles.meta}>{statusLabel}</span>\n        )}\n        {buttonNode}\n      </div>\n    </div>\n  );\n};\n\nexport default BackofficeListFooter;\n"],"mappings":";;;;;;AAuCA,IAAa,KAAwB,EACnC,cACA,gBACA,cACA,WACA,gBACA,SACA,eACA,kBACA,oBAC4C;CAC5C,IAAM,IAAwB,EAAyC;EACrE;EACA;EACA;EACD,CAAC,EACI,IAAiB,EAAkC;EACvD;EACA;EACA;EACD,CAAC,EACI,IAAc,EAAuC;EACzD,QAAQ;EACR;EACA,eAAe;EAChB,CAAC,EAEE,IAAiC;CASrC,OARI,MAAS,YAAY,KAAe,CAAC,KAAa,KAAc,SAClE,IACE,kBAAC,UAAD;EAAQ,MAAK;EAAS,WAAW;EAAe,SAAS;YACtD,EAAe;EACT,CAAA,GAKX,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAkB,EAAU;YAA/C,CACE,kBAAC,OAAD;GACE,WAAW;GACX,MAAK;GACL,aAAU;GACV,eAAY;aAEX,EAAe,UAAU,QACxB,kBAAC,QAAD;IAAM,WAAW;cAAgB,EAAe;IAAc,CAAA;GAE5D,CAAA,EACN,kBAAC,OAAD;GAAK,WAAW;GAAiB,aAAU;GAAS,eAAY;aAAhE;IACG,KAAa,kBAAC,GAAD,EAAS,MAAM,IAAM,CAAA;IAClC,KAAe,QACd,kBAAC,QAAD;KAAM,WAAW;eAAc;KAAmB,CAAA;IAEnD;IACG;KACF"}

package/lib/esm/backoffice/molecules/backoffice_list_footer/backofficeListFooter.css.js

@@ -0,0 +1,8 @@
+/* empty css                                      */
+/* empty css                                    */
+//#region src/backoffice/molecules/backoffice_list_footer/backofficeListFooter.css.ts
+var e = "_6wqadl0 txvbqbyoi txvbqbzm3 txvbqb10jb txvbqbvve txvbqbdr8 txvbqbey txvbqbjus txvbqbffj txvbqbse3 txvbqb1g5 txvbqb6sm txvbqb2et txvbqb3bb txvbqb196b", t = "_6wqadl1 txvbqbdsb txvbqbey txvbqbff6 txvbqbt9i", n = "_6wqadl2 txvbqbdsb txvbqbey txvbqbju2 txvbqbff6 txvbqbf7y txvbqbt9i", r = "_6wqadl4 qbwcueq txvbqbt9i txvbqbusr txvbqb16g0 txvbqb18xk _6wqadl3 txvbqb9j txvbqb19cb", i = "_6wqadl5 txvbqb9j txvbqb19cd", a = "_6wqadl7 qbwcued qbwcueb txvbqb1uy txvbqb2et txvbqb17u txvbqb2g9 txvbqb196b txvbqb19c9 txvbqbv txvbqb7g txvbqb76 txvbqb7t qbwcuec txvbqb1aey txvbqb1ayi txvbqb1bsa txvbqb1b7e qbwcue4 txvbqb1c2w txvbqb1c9c qbwcue0 txvbqb1cb0 txvbqb1cws _6wqadl6 txvbqbyoi txvbqbzm3 txvbqb11ed txvbqbwqg txvbqbey txvbqbdsb txvbqb9j txvbqbfd0 txvbqbjtp";
+//#endregion
+export { a as button, e as container, i as meta, n as progress, r as status, t as statusGroup };
+
+//# sourceMappingURL=backofficeListFooter.css.js.map

package/lib/esm/backoffice/molecules/backoffice_list_footer/backofficeListFooter.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeListFooter.css.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_list_footer/backofficeListFooter.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles } from '../../../theme/sprinkles.css.js';\nimport {\n  interactiveControlSurface,\n  truncate,\n} from '../../../theme/styleRecipes.css.js';\n\nexport const container = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 3,\n  minHeight: 12,\n  paddingY: 2,\n  paddingX: 3,\n  borderWidth: 0,\n  borderTopWidth: 'default',\n  borderStyle: 'solid',\n  borderTopColor: 'borderLight',\n  backgroundColor: 'surface',\n});\n\nexport const statusGroup = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 2,\n  minWidth: 0,\n});\n\nexport const progress = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'flex-end',\n  gap: 2,\n  flexShrink: 0,\n  minWidth: 0,\n});\n\nexport const status = style([\n  truncate,\n  sprinkles({\n    fontSize: 'sm',\n    color: 'textSecondary',\n  }),\n]);\n\nexport const meta = sprinkles({\n  fontSize: 'sm',\n  color: 'textMuted',\n});\n\nexport const button = style([\n  interactiveControlSurface,\n  sprinkles({\n    alignItems: 'center',\n    display: 'inline-flex',\n    fontSize: 'sm',\n    fontWeight: 'semibold',\n    justifyContent: 'center',\n    paddingX: 3,\n    paddingY: 1.5,\n  }),\n]);\n"],"mappings":""}

package/lib/esm/backoffice/molecules/backoffice_payload_viewer/BackofficePayloadViewer.helpers.js

@@ -0,0 +1,15 @@
+//#region src/backoffice/molecules/backoffice_payload_viewer/BackofficePayloadViewer.helpers.ts
+var e = "[unserializable]", t = (t) => {
+	try {
+		return JSON.stringify(t, null, 2);
+	} catch {
+		return t instanceof Error && t.message.trim() !== "" ? t.message : typeof t == "string" || typeof t == "number" || typeof t == "boolean" ? String(t) : e;
+	}
+}, n = (e) => e == null ? "" : typeof e == "string" ? e : typeof e == "number" || typeof e == "boolean" ? String(e) : t(e), r = {
+	resolveTextContent: n,
+	stringifyJson: t
+};
+//#endregion
+export { r as __testBackofficePayloadViewer, n as resolveBackofficePayloadTextContent, t as stringifyBackofficePayloadJson };
+
+//# sourceMappingURL=BackofficePayloadViewer.helpers.js.map

package/lib/esm/backoffice/molecules/backoffice_payload_viewer/BackofficePayloadViewer.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficePayloadViewer.helpers.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_payload_viewer/BackofficePayloadViewer.helpers.ts"],"sourcesContent":["const SERIALIZATION_FALLBACK = '[unserializable]';\n\nexport const stringifyBackofficePayloadJson = (value: unknown): string => {\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    if (value instanceof Error && value.message.trim() !== '') {\n      return value.message;\n    }\n    if (\n      typeof value === 'string' ||\n      typeof value === 'number' ||\n      typeof value === 'boolean'\n    ) {\n      return String(value);\n    }\n    return SERIALIZATION_FALLBACK;\n  }\n};\n\nexport const resolveBackofficePayloadTextContent = (\n  content: unknown,\n): string => {\n  if (content == null) {\n    return '';\n  }\n  if (typeof content === 'string') {\n    return content;\n  }\n  if (typeof content === 'number' || typeof content === 'boolean') {\n    return String(content);\n  }\n  return stringifyBackofficePayloadJson(content);\n};\n\nexport const __testBackofficePayloadViewer = {\n  resolveTextContent: resolveBackofficePayloadTextContent,\n  stringifyJson: stringifyBackofficePayloadJson,\n} as const;\n"],"mappings":";AAAA,IAAM,IAAyB,oBAElB,KAAkC,MAA2B;CACxE,IAAI;EACF,OAAO,KAAK,UAAU,GAAO,MAAM,EAAE;SAC/B;EAWN,OAVI,aAAiB,SAAS,EAAM,QAAQ,MAAM,KAAK,KAC9C,EAAM,UAGb,OAAO,KAAU,YACjB,OAAO,KAAU,YACjB,OAAO,KAAU,YAEV,OAAO,EAAM,GAEf;;GAIE,KACX,MAEI,KAAW,OACN,KAEL,OAAO,KAAY,WACd,IAEL,OAAO,KAAY,YAAY,OAAO,KAAY,YAC7C,OAAO,EAAQ,GAEjB,EAA+B,EAAQ,EAGnC,IAAgC;CAC3C,oBAAoB;CACpB,eAAe;CAChB"}

package/lib/esm/backoffice/molecules/backoffice_payload_viewer/BackofficePayloadViewer.js

@@ -0,0 +1,63 @@
+import { cx as e } from "../../../theme/tools.js";
+import { HighlightCode as t } from "../../../atomic/molecules/highlight/HighlightCode.js";
+import { LazyMarkdownRenderer as n } from "../../../atomic/molecules/markdown/LazyMarkdownRenderer.js";
+import { BackofficeJsonViewer as r } from "../backoffice_json_viewer/BackofficeJsonViewer.js";
+import { resolveBackofficePayloadTextContent as i } from "./BackofficePayloadViewer.helpers.js";
+import { container as a, details as o, detailsSummary as s, empty as c } from "./backofficePayloadViewer.css.js";
+import { useMemo as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useTranslation as f } from "react-i18next";
+//#region src/backoffice/molecules/backoffice_payload_viewer/BackofficePayloadViewer.tsx
+var p = ({ content: p, format: m, summary: h, mode: g = "inline", initiallyExpanded: _ = !1, emptyState: v, labels: y, className: b, maxHeight: x }) => {
+	let { t: S } = f("ui"), C = v ?? S("backoffice.payloadViewer.emptyState"), w = l(() => i(p), [p]), T = w.trim() === "", E = l(() => {
+		if (x != null) return {
+			maxHeight: x,
+			overflow: "auto"
+		};
+	}, [x]), D;
+	if (T) D = /* @__PURE__ */ u("span", {
+		className: c,
+		children: C
+	});
+	else if (m === "json") D = /* @__PURE__ */ u(r, {
+		value: p,
+		title: y?.jsonTitle,
+		maxHeight: x,
+		truncate: g === "details" && !_,
+		truncateLabel: y?.jsonCollapse,
+		expandLabel: y?.jsonExpand,
+		copyLabel: y?.copy,
+		copiedLabel: y?.copied
+	});
+	else if (m === "markdown") D = /* @__PURE__ */ u(n, { content: w });
+	else {
+		let e = y?.textBadge ?? S("backoffice.payloadViewer.text");
+		m === "code" && (e = y?.codeBadge ?? S("backoffice.payloadViewer.code")), D = /* @__PURE__ */ u("div", {
+			style: E,
+			children: /* @__PURE__ */ u(t, {
+				badgeLabel: e,
+				copyCode: w,
+				fallbackCodeText: w
+			})
+		});
+	}
+	let O = D;
+	return g === "details" && (O = /* @__PURE__ */ d("details", {
+		className: o,
+		open: _,
+		children: [/* @__PURE__ */ u("summary", {
+			className: s,
+			children: y?.details ?? S("backoffice.payloadViewer.details")
+		}), D]
+	})), /* @__PURE__ */ d("div", {
+		className: e(a, b),
+		children: [h != null && /* @__PURE__ */ u("div", {
+			className: "wrqh461 txvbqb19cb txvbqb9j",
+			children: h
+		}), O]
+	});
+};
+//#endregion
+export { p as BackofficePayloadViewer, p as default };
+
+//# sourceMappingURL=BackofficePayloadViewer.js.map

package/lib/esm/backoffice/molecules/backoffice_payload_viewer/BackofficePayloadViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficePayloadViewer.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_payload_viewer/BackofficePayloadViewer.tsx"],"sourcesContent":["import { useMemo, type CSSProperties, type JSX, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { HighlightCode } from '../../../atomic/molecules/highlight/HighlightCode.js';\nimport { LazyMarkdownRenderer } from '../../../atomic/molecules/markdown/LazyMarkdownRenderer.js';\nimport { cx } from '../../../theme/tools.js';\nimport { BackofficeJsonViewer } from '../backoffice_json_viewer/BackofficeJsonViewer.js';\nimport { resolveBackofficePayloadTextContent } from './BackofficePayloadViewer.helpers.js';\n\nimport * as styles from './backofficePayloadViewer.css.js';\n\nexport type BackofficePayloadViewerFormat =\n  | 'json'\n  | 'markdown'\n  | 'text'\n  | 'code';\n\nexport type BackofficePayloadViewerLabels = {\n  details?: string;\n  jsonTitle?: string;\n  jsonCollapse?: string;\n  jsonExpand?: string;\n  copy?: string;\n  copied?: string;\n  codeBadge?: string;\n  textBadge?: string;\n};\n\nexport type BackofficePayloadViewerProps = {\n  content: unknown;\n  format: BackofficePayloadViewerFormat;\n  summary?: ReactNode;\n  mode?: 'inline' | 'details';\n  initiallyExpanded?: boolean;\n  emptyState?: ReactNode;\n  labels?: BackofficePayloadViewerLabels;\n  className?: string;\n  maxHeight?: string;\n};\n\nexport const BackofficePayloadViewer = ({\n  content,\n  format,\n  summary,\n  mode = 'inline',\n  initiallyExpanded = false,\n  emptyState,\n  labels,\n  className,\n  maxHeight,\n}: BackofficePayloadViewerProps): JSX.Element => {\n  const { t } = useTranslation('ui');\n  const resolvedEmptyState =\n    emptyState ?? t('backoffice.payloadViewer.emptyState');\n  const textContent = useMemo(() => {\n    return resolveBackofficePayloadTextContent(content);\n  }, [content]);\n  const isEmpty = textContent.trim() === '';\n  const codeStyle = useMemo<CSSProperties | undefined>(() => {\n    if (maxHeight == null) {\n      return undefined;\n    }\n    return { maxHeight, overflow: 'auto' };\n  }, [maxHeight]);\n\n  let body: JSX.Element;\n  if (isEmpty) {\n    body = <span className={styles.empty}>{resolvedEmptyState}</span>;\n  } else if (format === 'json') {\n    body = (\n      <BackofficeJsonViewer\n        value={content}\n        title={labels?.jsonTitle}\n        maxHeight={maxHeight}\n        truncate={mode === 'details' && !initiallyExpanded}\n        truncateLabel={labels?.jsonCollapse}\n        expandLabel={labels?.jsonExpand}\n        copyLabel={labels?.copy}\n        copiedLabel={labels?.copied}\n      />\n    );\n  } else if (format === 'markdown') {\n    body = <LazyMarkdownRenderer content={textContent} />;\n  } else {\n    let badgeLabel = labels?.textBadge ?? t('backoffice.payloadViewer.text');\n    if (format === 'code') {\n      badgeLabel = labels?.codeBadge ?? t('backoffice.payloadViewer.code');\n    }\n    body = (\n      <div style={codeStyle}>\n        <HighlightCode\n          badgeLabel={badgeLabel}\n          copyCode={textContent}\n          fallbackCodeText={textContent}\n        />\n      </div>\n    );\n  }\n\n  let contentNode = body;\n  if (mode === 'details') {\n    contentNode = (\n      <details className={styles.details} open={initiallyExpanded}>\n        <summary className={styles.detailsSummary}>\n          {labels?.details ?? t('backoffice.payloadViewer.details')}\n        </summary>\n        {body}\n      </details>\n    );\n  }\n\n  return (\n    <div className={cx(styles.container, className)}>\n      {summary != null && <div className={styles.summary}>{summary}</div>}\n      {contentNode}\n    </div>\n  );\n};\n\nexport default BackofficePayloadViewer;\n"],"mappings":";;;;;;;;;;AAwCA,IAAa,KAA2B,EACtC,YACA,WACA,SAAA,GACA,UAAO,UACP,uBAAoB,IACpB,eACA,WACA,cACA,mBAC+C;CAC/C,IAAM,EAAE,SAAM,EAAe,KAAK,EAC5B,IACJ,KAAc,EAAE,sCAAsC,EAClD,IAAc,QACX,EAAoC,EAAQ,EAClD,CAAC,EAAQ,CAAC,EACP,IAAU,EAAY,MAAM,KAAK,IACjC,IAAY,QAAyC;EACrD,SAAa,MAGjB,OAAO;GAAE;GAAW,UAAU;GAAQ;IACrC,CAAC,EAAU,CAAC,EAEX;CACJ,IAAI,GACF,IAAO,kBAAC,QAAD;EAAM,WAAW;YAAe;EAA0B,CAAA;MAC5D,IAAI,MAAW,QACpB,IACE,kBAAC,GAAD;EACE,OAAO;EACP,OAAO,GAAQ;EACJ;EACX,UAAU,MAAS,aAAa,CAAC;EACjC,eAAe,GAAQ;EACvB,aAAa,GAAQ;EACrB,WAAW,GAAQ;EACnB,aAAa,GAAQ;EACrB,CAAA;MAEC,IAAI,MAAW,YACpB,IAAO,kBAAC,GAAD,EAAsB,SAAS,GAAe,CAAA;MAChD;EACL,IAAI,IAAa,GAAQ,aAAa,EAAE,gCAAgC;EAIxE,AAHI,MAAW,WACb,IAAa,GAAQ,aAAa,EAAE,gCAAgC,GAEtE,IACE,kBAAC,OAAD;GAAK,OAAO;aACV,kBAAC,GAAD;IACc;IACZ,UAAU;IACV,kBAAkB;IAClB,CAAA;GACE,CAAA;;CAIV,IAAI,IAAc;CAYlB,OAXI,MAAS,cACX,IACE,kBAAC,WAAD;EAAS,WAAW;EAAgB,MAAM;YAA1C,CACE,kBAAC,WAAD;GAAS,WAAW;aACjB,GAAQ,WAAW,EAAE,mCAAmC;GACjD,CAAA,EACT,EACO;MAKZ,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAkB,EAAU;YAA/C,CACG,KAAW,QAAQ,kBAAC,OAAD;GAAK,WAAW;aAAiB;GAAc,CAAA,EAClE,EACG"}

package/lib/esm/backoffice/molecules/backoffice_payload_viewer/backofficePayloadViewer.css.js

@@ -0,0 +1,8 @@
+/* empty css                                      */
+/* empty css                                       */
+//#region src/backoffice/molecules/backoffice_payload_viewer/backofficePayloadViewer.css.ts
+var e = "wrqh460 txvbqbdr8 txvbqbf6i txvbqbffj txvbqb17w0", t = "wrqh461 txvbqb19cb txvbqb9j", n = "wrqh462 txvbqbdr8 txvbqbf6i txvbqbffj", r = "wrqh463 txvbqb19cb txvbqbv txvbqb9j txvbqbfcn", i = "wrqh464 txvbqb19cb txvbqb9j";
+//#endregion
+export { e as container, n as details, r as detailsSummary, i as empty, t as summary };
+
+//# sourceMappingURL=backofficePayloadViewer.css.js.map

package/lib/esm/backoffice/molecules/backoffice_payload_viewer/backofficePayloadViewer.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficePayloadViewer.css.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_payload_viewer/backofficePayloadViewer.css.ts"],"sourcesContent":["import { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const container = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n  width: 'full',\n});\n\nexport const summary = sprinkles({\n  color: 'textSecondary',\n  fontSize: 'sm',\n});\n\nexport const details = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const detailsSummary = sprinkles({\n  color: 'textSecondary',\n  cursor: 'pointer',\n  fontSize: 'sm',\n  fontWeight: 'medium',\n});\n\nexport const empty = sprinkles({\n  color: 'textSecondary',\n  fontSize: 'sm',\n});\n"],"mappings":""}

package/lib/esm/backoffice/molecules/backoffice_picker/BackofficePicker.js

@@ -0,0 +1,76 @@
+import { cx as e } from "../../../theme/tools.js";
+import { Input as t } from "../../../atomic/atoms/input/Input.js";
+import { BackofficeEmptyState as n } from "../backoffice_empty_state/BackofficeEmptyState.js";
+import { layout as r, list as i, listItem as a, row as o, rowMeta as s, rowSubtitle as c, rowText as l, rowTitle as u } from "./backofficePicker.css.js";
+import { useId as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useTranslation as h } from "react-i18next";
+//#region src/backoffice/molecules/backoffice_picker/BackofficePicker.tsx
+var g = ({ searchValue: n, onSearchChange: i, searchEnabled: a = !0, searchPlaceholder: o, searchAriaLabel: s, searchName: c = "backoffice-picker-search", children: l, className: u }) => {
+	let { t: f } = h("ui"), g = d(), _ = o ?? f("backoffice.picker.searchPlaceholder"), v = s ?? f("backoffice.picker.searchAriaLabel"), y = null;
+	return a && (y = /* @__PURE__ */ p(t, {
+		id: g,
+		name: c,
+		value: n,
+		onChange: (e) => {
+			i(e.target.value);
+		},
+		placeholder: _,
+		"aria-label": v,
+		size: "small",
+		fullWidth: !0
+	})), /* @__PURE__ */ m("div", {
+		className: e(r, u),
+		children: [y, l]
+	});
+}, _ = ({ title: e, subtitle: t, meta: n }) => {
+	let r = null;
+	t != null && (r = /* @__PURE__ */ p("div", {
+		className: c,
+		children: t
+	}));
+	let i = null;
+	return n != null && (i = /* @__PURE__ */ p("div", {
+		className: s,
+		children: n
+	})), /* @__PURE__ */ m("div", {
+		className: o,
+		children: [/* @__PURE__ */ m("div", {
+			className: l,
+			children: [/* @__PURE__ */ p("div", {
+				className: u,
+				children: e
+			}), r]
+		}), i]
+	});
+}, v = ({ items: t, onSelectItem: r, emptyState: o, ariaLabel: s, className: c }) => {
+	let { t: l } = h("ui"), u = s ?? l("backoffice.picker.listAriaLabel");
+	return t.length === 0 ? /* @__PURE__ */ p(f, { children: o ?? /* @__PURE__ */ p(n, {
+		title: l("backoffice.picker.empty.title"),
+		description: l("backoffice.picker.empty.description")
+	}) }) : /* @__PURE__ */ p("div", {
+		className: e(i, c),
+		role: "listbox",
+		"aria-label": u,
+		children: t.map((e) => /* @__PURE__ */ p("button", {
+			type: "button",
+			className: a,
+			role: "option",
+			"aria-selected": "false",
+			"aria-label": e.ariaLabel,
+			disabled: e.disabled,
+			onClick: () => {
+				r(e);
+			},
+			children: /* @__PURE__ */ p(_, {
+				title: e.title,
+				subtitle: e.subtitle,
+				meta: e.meta
+			})
+		}, e.id))
+	});
+};
+//#endregion
+export { v as BackofficePickerList, _ as BackofficePickerRow, g as BackofficePickerShell };
+
+//# sourceMappingURL=BackofficePicker.js.map

package/lib/esm/backoffice/molecules/backoffice_picker/BackofficePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficePicker.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_picker/BackofficePicker.tsx"],"sourcesContent":["import { type ChangeEvent, type JSX, type ReactNode, useId } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Input } from '../../../atomic/atoms/input/Input.js';\nimport { cx } from '../../../theme/tools.js';\nimport { BackofficeEmptyState } from '../backoffice_empty_state/BackofficeEmptyState.js';\n\nimport * as styles from './backofficePicker.css.js';\n\nexport type BackofficePickerItem = {\n  id: string;\n  title: ReactNode;\n  subtitle?: ReactNode;\n  meta?: ReactNode;\n  disabled?: boolean;\n  ariaLabel?: string;\n};\n\nexport type BackofficePickerShellProps = {\n  searchValue: string;\n  onSearchChange: (next: string) => void;\n  searchEnabled?: boolean;\n  searchPlaceholder?: string;\n  searchAriaLabel?: string;\n  searchName?: string;\n  children: ReactNode;\n  className?: string;\n};\n\nexport const BackofficePickerShell = ({\n  searchValue,\n  onSearchChange,\n  searchEnabled = true,\n  searchPlaceholder,\n  searchAriaLabel,\n  searchName = 'backoffice-picker-search',\n  children,\n  className,\n}: BackofficePickerShellProps): JSX.Element => {\n  const { t } = useTranslation('ui');\n  const searchInputId = useId();\n  const resolvedPlaceholder =\n    searchPlaceholder ?? t('backoffice.picker.searchPlaceholder');\n  const resolvedAriaLabel =\n    searchAriaLabel ?? t('backoffice.picker.searchAriaLabel');\n\n  let searchNode: JSX.Element | null = null;\n  if (searchEnabled) {\n    searchNode = (\n      <Input\n        id={searchInputId}\n        name={searchName}\n        value={searchValue}\n        onChange={(event: ChangeEvent<HTMLInputElement>) => {\n          onSearchChange(event.target.value);\n        }}\n        placeholder={resolvedPlaceholder}\n        aria-label={resolvedAriaLabel}\n        size=\"small\"\n        fullWidth\n      />\n    );\n  }\n\n  return (\n    <div className={cx(styles.layout, className)}>\n      {searchNode}\n      {children}\n    </div>\n  );\n};\n\nexport type BackofficePickerRowProps = {\n  title: ReactNode;\n  subtitle?: ReactNode;\n  meta?: ReactNode;\n};\n\nexport const BackofficePickerRow = ({\n  title,\n  subtitle,\n  meta,\n}: BackofficePickerRowProps): JSX.Element => {\n  let subtitleNode: ReactNode | null = null;\n  if (subtitle != null) {\n    subtitleNode = <div className={styles.rowSubtitle}>{subtitle}</div>;\n  }\n\n  let metaNode: ReactNode | null = null;\n  if (meta != null) {\n    metaNode = <div className={styles.rowMeta}>{meta}</div>;\n  }\n\n  return (\n    <div className={styles.row}>\n      <div className={styles.rowText}>\n        <div className={styles.rowTitle}>{title}</div>\n        {subtitleNode}\n      </div>\n      {metaNode}\n    </div>\n  );\n};\n\nexport type BackofficePickerListProps = {\n  items: readonly BackofficePickerItem[];\n  onSelectItem: (item: BackofficePickerItem) => void;\n  emptyState?: ReactNode;\n  ariaLabel?: string;\n  className?: string;\n};\n\nexport const BackofficePickerList = ({\n  items,\n  onSelectItem,\n  emptyState,\n  ariaLabel,\n  className,\n}: BackofficePickerListProps): JSX.Element => {\n  const { t } = useTranslation('ui');\n  const resolvedAriaLabel = ariaLabel ?? t('backoffice.picker.listAriaLabel');\n\n  if (items.length === 0) {\n    return (\n      <>\n        {emptyState ?? (\n          <BackofficeEmptyState\n            title={t('backoffice.picker.empty.title')}\n            description={t('backoffice.picker.empty.description')}\n          />\n        )}\n      </>\n    );\n  }\n\n  return (\n    <div\n      className={cx(styles.list, className)}\n      role=\"listbox\"\n      aria-label={resolvedAriaLabel}\n    >\n      {items.map((item) => {\n        return (\n          <button\n            key={item.id}\n            type=\"button\"\n            className={styles.listItem}\n            role=\"option\"\n            aria-selected=\"false\"\n            aria-label={item.ariaLabel}\n            disabled={item.disabled}\n            onClick={() => {\n              onSelectItem(item);\n            }}\n          >\n            <BackofficePickerRow\n              title={item.title}\n              subtitle={item.subtitle}\n              meta={item.meta}\n            />\n          </button>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AA6BA,IAAa,KAAyB,EACpC,gBACA,mBACA,mBAAgB,IAChB,sBACA,oBACA,gBAAa,4BACb,aACA,mBAC6C;CAC7C,IAAM,EAAE,SAAM,EAAe,KAAK,EAC5B,IAAgB,GAAO,EACvB,IACJ,KAAqB,EAAE,sCAAsC,EACzD,IACJ,KAAmB,EAAE,oCAAoC,EAEvD,IAAiC;CAkBrC,OAjBI,MACF,IACE,kBAAC,GAAD;EACE,IAAI;EACJ,MAAM;EACN,OAAO;EACP,WAAW,MAAyC;GAClD,EAAe,EAAM,OAAO,MAAM;;EAEpC,aAAa;EACb,cAAY;EACZ,MAAK;EACL,WAAA;EACA,CAAA,GAKJ,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAe,EAAU;YAA5C,CACG,GACA,EACG;;GAUG,KAAuB,EAClC,UACA,aACA,cAC2C;CAC3C,IAAI,IAAiC;CACrC,AAAI,KAAY,SACd,IAAe,kBAAC,OAAD;EAAK,WAAW;YAAqB;EAAe,CAAA;CAGrE,IAAI,IAA6B;CAKjC,OAJI,KAAQ,SACV,IAAW,kBAAC,OAAD;EAAK,WAAW;YAAiB;EAAW,CAAA,GAIvD,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACE,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACE,kBAAC,OAAD;IAAK,WAAW;cAAkB;IAAY,CAAA,EAC7C,EACG;MACL,EACG;;GAYG,KAAwB,EACnC,UACA,iBACA,eACA,cACA,mBAC4C;CAC5C,IAAM,EAAE,SAAM,EAAe,KAAK,EAC5B,IAAoB,KAAa,EAAE,kCAAkC;CAe3E,OAbI,EAAM,WAAW,IAEjB,kBAAA,GAAA,EAAA,UACG,KACC,kBAAC,GAAD;EACE,OAAO,EAAE,gCAAgC;EACzC,aAAa,EAAE,sCAAsC;EACrD,CAAA,EAEH,CAAA,GAKL,kBAAC,OAAD;EACE,WAAW,EAAG,GAAa,EAAU;EACrC,MAAK;EACL,cAAY;YAEX,EAAM,KAAK,MAER,kBAAC,UAAD;GAEE,MAAK;GACL,WAAW;GACX,MAAK;GACL,iBAAc;GACd,cAAY,EAAK;GACjB,UAAU,EAAK;GACf,eAAe;IACb,EAAa,EAAK;;aAGpB,kBAAC,GAAD;IACE,OAAO,EAAK;IACZ,UAAU,EAAK;IACf,MAAM,EAAK;IACX,CAAA;GACK,EAhBF,EAAK,GAgBH,CAEX;EACE,CAAA"}

package/lib/esm/backoffice/molecules/backoffice_picker/backofficePicker.css.js

@@ -0,0 +1,8 @@
+/* empty css                                      */
+/* empty css                                */
+//#region src/backoffice/molecules/backoffice_picker/backofficePicker.css.ts
+var e = "_16pv6gb0 txvbqbdr8 txvbqbf6i txvbqbffj", t = "_16pv6gb2 _16pv6gb1 txvbqbdr8 txvbqbf6i txvbqbusr txvbqb2gm txvbqb1uy txvbqb2et txvbqb17u txvbqb196b", n = "_16pv6gb5 _16pv6gb3 txvbqbyoi txvbqbzm3 txvbqb11eq txvbqbwqt txvbqb6 txvbqbdqi txvbqb17w0 txvbqb1g5 txvbqb196b txvbqb19c9 txvbqbv txvbqb16ex txvbqb7h txvbqb75 txvbqb7t _16pv6gb4 txvbqb1aey", r = "_16pv6gb6 txvbqbdr8 txvbqbff6 txvbqbey txvbqbt9i", i = "_16pv6gb7 txvbqbdxd txvbqbt9i txvbqbdr8 txvbqbf6i txvbqb16ex", a = "_16pv6gb8 txvbqb19c9 txvbqbfcn txvbqb9w txvbqbly9 txvbqbusr txvbqb16g0 txvbqb18xk", o = "_16pv6gb9 txvbqb19cb txvbqb9j txvbqbly9 txvbqbusr txvbqb16g0 txvbqb18xk", s = "_16pv6gba txvbqb19cd txvbqb96 txvbqbly9 txvbqb18xk";
+//#endregion
+export { e as layout, t as list, n as listItem, r as row, s as rowMeta, o as rowSubtitle, i as rowText, a as rowTitle };
+
+//# sourceMappingURL=backofficePicker.css.js.map

package/lib/esm/backoffice/molecules/backoffice_picker/backofficePicker.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficePicker.css.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_picker/backofficePicker.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles, stateSprinkles } from '../../../theme/sprinkles.css.js';\nimport { vars } from '../../../theme/themeContract.css.js';\n\nexport const layout = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const list = style([\n  sprinkles({\n    display: 'flex',\n    flexDirection: 'column',\n    overflow: 'hidden',\n    borderRadius: 'lg',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderSubtle',\n    backgroundColor: 'surface',\n  }),\n  {\n    selectors: {\n      '&:empty': {\n        display: 'none',\n      },\n    },\n  },\n]);\n\nexport const listItem = style([\n  sprinkles({\n    appearance: 'none',\n    display: 'block',\n    width: 'full',\n    paddingX: 3,\n    paddingY: 2.5,\n    borderWidth: 0,\n    backgroundColor: 'surface',\n    color: 'text',\n    cursor: 'pointer',\n    textAlign: 'left',\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n  }),\n  stateSprinkles({\n    backgroundColor: {\n      hoverNotDisabled: 'surfaceMuted',\n    },\n  }),\n  {\n    minHeight: '3.25rem',\n    selectors: {\n      '& + &': {\n        borderTop: `1px solid ${vars.colors.borderSubtle}`,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '-2px',\n      },\n      '&:disabled': {\n        cursor: 'not-allowed',\n        opacity: 0.56,\n      },\n    },\n  },\n]);\n\nexport const row = sprinkles({\n  display: 'flex',\n  gap: 2,\n  alignItems: 'center',\n  minWidth: 0,\n});\n\nexport const rowText = sprinkles({\n  flex: 1,\n  minWidth: 0,\n  display: 'flex',\n  flexDirection: 'column',\n  textAlign: 'left',\n});\n\nexport const rowTitle = sprinkles({\n  color: 'text',\n  fontWeight: 'medium',\n  fontSize: 'base',\n  lineHeight: 1.2,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n});\n\nexport const rowSubtitle = sprinkles({\n  color: 'textSecondary',\n  fontSize: 'sm',\n  lineHeight: 1.2,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n});\n\nexport const rowMeta = sprinkles({\n  color: 'textMuted',\n  fontSize: 'xs',\n  lineHeight: 1.2,\n  whiteSpace: 'nowrap',\n});\n"],"mappings":""}

package/lib/esm/backoffice/molecules/backoffice_reference_value/BackofficeReferenceValue.js

@@ -0,0 +1,23 @@
+import { cx as e } from "../../../theme/tools.js";
+import { Tag as t } from "../../atoms/tag/Tag.js";
+import { root as n, value as r } from "./backofficeReferenceValue.css.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useTranslation as o } from "react-i18next";
+//#region src/backoffice/molecules/backoffice_reference_value/BackofficeReferenceValue.tsx
+var s = ({ kind: s, value: c, emptyLabel: l, className: u }) => {
+	let { t: d } = o("ui", { useSuspense: !1 });
+	return /* @__PURE__ */ a("span", {
+		className: e(n, u),
+		children: [/* @__PURE__ */ i(t, {
+			tone: "neutral",
+			children: s
+		}), /* @__PURE__ */ i("span", {
+			className: r,
+			children: c ?? l ?? d("common.notAvailable")
+		})]
+	});
+};
+//#endregion
+export { s as BackofficeReferenceValue, s as default };
+
+//# sourceMappingURL=BackofficeReferenceValue.js.map

package/lib/esm/backoffice/molecules/backoffice_reference_value/BackofficeReferenceValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeReferenceValue.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_reference_value/BackofficeReferenceValue.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Tag } from '../../atoms/tag/Tag.js';\nimport { cx } from '../../../theme/tools.js';\n\nimport * as styles from './backofficeReferenceValue.css.js';\n\nexport type BackofficeReferenceValueProps = {\n  readonly kind: string;\n  readonly value: ReactNode | null | undefined;\n  readonly emptyLabel?: string;\n  readonly className?: string;\n};\n\nexport const BackofficeReferenceValue = ({\n  kind,\n  value,\n  emptyLabel,\n  className,\n}: BackofficeReferenceValueProps): JSX.Element => {\n  const { t } = useTranslation('ui', { useSuspense: false });\n\n  return (\n    <span className={cx(styles.root, className)}>\n      <Tag tone=\"neutral\">{kind}</Tag>\n      <span className={styles.value}>\n        {value ?? emptyLabel ?? t('common.notAvailable')}\n      </span>\n    </span>\n  );\n};\n\nexport default BackofficeReferenceValue;\n"],"mappings":";;;;;;AAeA,IAAa,KAA4B,EACvC,SACA,OAAA,GACA,eACA,mBACgD;CAChD,IAAM,EAAE,SAAM,EAAe,MAAM,EAAE,aAAa,IAAO,CAAC;CAE1D,OACE,kBAAC,QAAD;EAAM,WAAW,EAAG,GAAa,EAAU;YAA3C,CACE,kBAAC,GAAD;GAAK,MAAK;aAAW;GAAW,CAAA,EAChC,kBAAC,QAAD;GAAM,WAAW;aACd,KAAS,KAAc,EAAE,sBAAsB;GAC3C,CAAA,CACF"}

package/lib/esm/backoffice/molecules/backoffice_reference_value/backofficeReferenceValue.css.js

@@ -0,0 +1,8 @@
+/* empty css                                      */
+/* empty css                                        */
+//#region src/backoffice/molecules/backoffice_reference_value/backofficeReferenceValue.css.ts
+var e = "zmw50y0 txvbqbdsb txvbqbey txvbqbff6 txvbqbt9i", t = "zmw50y1 txvbqbt9i txvbqbutu";
+//#endregion
+export { e as root, t as value };
+
+//# sourceMappingURL=backofficeReferenceValue.css.js.map

package/lib/esm/backoffice/molecules/backoffice_reference_value/backofficeReferenceValue.css.js.map

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

package/lib/esm/backoffice/molecules/backoffice_scope_stack/BackofficeScopeStack.js

@@ -0,0 +1,18 @@
+import { BackofficeKeyValueList as e } from "../backoffice_key_value_list/BackofficeKeyValueList.js";
+import { BackofficeDetailSection as t } from "../backoffice_detail_section/BackofficeDetailSection.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/backoffice/molecules/backoffice_scope_stack/BackofficeScopeStack.tsx
+var r = ({ className: r, emptyLabel: i, items: a, title: o }) => a.length === 0 ? null : /* @__PURE__ */ n(t, {
+	title: o,
+	className: r,
+	children: /* @__PURE__ */ n(e, {
+		items: a,
+		emptyLabel: i,
+		variant: "plain",
+		layout: "stack"
+	})
+});
+//#endregion
+export { r as BackofficeScopeStack, r as default };
+
+//# sourceMappingURL=BackofficeScopeStack.js.map

package/lib/esm/backoffice/molecules/backoffice_scope_stack/BackofficeScopeStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeScopeStack.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_scope_stack/BackofficeScopeStack.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';\n\nexport type BackofficeScopeStackItem = {\n  readonly id: string;\n  readonly label: ReactNode;\n  readonly value: ReactNode | null | undefined;\n};\n\nexport type BackofficeScopeStackProps = {\n  readonly title: string;\n  readonly items: readonly BackofficeScopeStackItem[];\n  readonly emptyLabel?: string;\n  readonly className?: string;\n};\n\nexport const BackofficeScopeStack = ({\n  className,\n  emptyLabel,\n  items,\n  title,\n}: BackofficeScopeStackProps): 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}\n        emptyLabel={emptyLabel}\n        variant=\"plain\"\n        layout=\"stack\"\n      />\n    </BackofficeDetailSection>\n  );\n};\n\nexport default BackofficeScopeStack;\n"],"mappings":";;;;AAkBA,IAAa,KAAwB,EACnC,cACA,eACA,UACA,eAEI,EAAM,WAAW,IACZ,OAIP,kBAAC,GAAD;CAAgC;CAAkB;WAChD,kBAAC,GAAD;EACS;EACK;EACZ,SAAQ;EACR,QAAO;EACP,CAAA;CACsB,CAAA"}

package/lib/esm/backoffice/molecules/backoffice_status_group/BackofficeStatusGroup.js

@@ -0,0 +1,8 @@
+import { BackofficeStatusMetaBadge as e } from "../backoffice_status_meta_badge/BackofficeStatusMetaBadge.js";
+import { Fragment as t, jsx as n } from "react/jsx-runtime";
+//#region src/backoffice/molecules/backoffice_status_group/BackofficeStatusGroup.tsx
+var r = ({ statuses: r }) => /* @__PURE__ */ n(t, { children: r.map((t) => /* @__PURE__ */ n(e, { status: t }, t.label)) });
+//#endregion
+export { r as BackofficeStatusGroup, r as default };
+
+//# sourceMappingURL=BackofficeStatusGroup.js.map

package/lib/esm/backoffice/molecules/backoffice_status_group/BackofficeStatusGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeStatusGroup.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_status_group/BackofficeStatusGroup.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport {\n  BackofficeStatusMetaBadge,\n  type BackofficeStatusMeta,\n} from '../backoffice_status_meta_badge/BackofficeStatusMetaBadge.js';\n\nexport type BackofficeStatusGroupProps = {\n  readonly statuses: readonly BackofficeStatusMeta[];\n};\n\nexport const BackofficeStatusGroup = ({\n  statuses,\n}: BackofficeStatusGroupProps): JSX.Element => {\n  return (\n    <>\n      {statuses.map((status) => {\n        return <BackofficeStatusMetaBadge key={status.label} status={status} />;\n      })}\n    </>\n  );\n};\n\nexport default BackofficeStatusGroup;\n"],"mappings":";;;AAWA,IAAa,KAAyB,EACpC,kBAGE,kBAAA,GAAA,EAAA,UACG,EAAS,KAAK,MACN,kBAAC,GAAD,EAAsD,WAAU,EAAhC,EAAO,MAAyB,CACvE,EACD,CAAA"}

package/lib/esm/backoffice/molecules/backoffice_status_meta_badge/BackofficeStatusMetaBadge.js

@@ -0,0 +1,28 @@
+import { cx as e } from "../../../theme/tools.js";
+import { StatusBadge as t } from "../../atoms/status_badge/StatusBadge.js";
+import { badge as n } from "./backofficeStatusMetaBadge.css.js";
+import { jsx as r } from "react/jsx-runtime";
+import { useTranslation as i } from "react-i18next";
+//#region src/backoffice/molecules/backoffice_status_meta_badge/BackofficeStatusMetaBadge.tsx
+var a = {
+	neutral: "disabled",
+	info: "info",
+	success: "active",
+	warning: "warning",
+	danger: "error"
+}, o = ({ status: o, emptyLabel: s, className: c }) => {
+	let { t: l } = i("ui", { useSuspense: !1 });
+	return o == null ? /* @__PURE__ */ r(t, {
+		tone: "disabled",
+		className: e(n, c),
+		children: s ?? l("common.notAvailable")
+	}) : /* @__PURE__ */ r(t, {
+		tone: a[o.tone],
+		className: e(n, c),
+		children: o.label
+	});
+};
+//#endregion
+export { o as BackofficeStatusMetaBadge, o as default };
+
+//# sourceMappingURL=BackofficeStatusMetaBadge.js.map

package/lib/esm/backoffice/molecules/backoffice_status_meta_badge/BackofficeStatusMetaBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeStatusMetaBadge.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_status_meta_badge/BackofficeStatusMetaBadge.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport {\n  StatusBadge,\n  type StatusTone,\n} from '../../atoms/status_badge/StatusBadge.js';\nimport { cx } from '../../../theme/tools.js';\n\nimport * as styles from './backofficeStatusMetaBadge.css.js';\n\nexport type BackofficeStatusMetaTone =\n  | 'neutral'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'danger';\n\nexport type BackofficeStatusMeta = {\n  readonly label: string;\n  readonly tone: BackofficeStatusMetaTone;\n};\n\nexport type BackofficeStatusMetaBadgeProps = {\n  readonly status: BackofficeStatusMeta | null | undefined;\n  readonly emptyLabel?: string;\n  readonly className?: string;\n};\n\nconst statusToneMap = {\n  neutral: 'disabled',\n  info: 'info',\n  success: 'active',\n  warning: 'warning',\n  danger: 'error',\n} as const satisfies Record<BackofficeStatusMetaTone, StatusTone>;\n\nexport const BackofficeStatusMetaBadge = ({\n  status,\n  emptyLabel,\n  className,\n}: BackofficeStatusMetaBadgeProps): JSX.Element => {\n  const { t } = useTranslation('ui', { useSuspense: false });\n\n  if (status == null) {\n    return (\n      <StatusBadge tone=\"disabled\" className={cx(styles.badge, className)}>\n        {emptyLabel ?? t('common.notAvailable')}\n      </StatusBadge>\n    );\n  }\n\n  return (\n    <StatusBadge\n      tone={statusToneMap[status.tone]}\n      className={cx(styles.badge, className)}\n    >\n      {status.label}\n    </StatusBadge>\n  );\n};\n\nexport default BackofficeStatusMetaBadge;\n"],"mappings":";;;;;;AA6BA,IAAM,IAAgB;CACpB,SAAS;CACT,MAAM;CACN,SAAS;CACT,SAAS;CACT,QAAQ;CACT,EAEY,KAA6B,EACxC,WACA,eACA,mBACiD;CACjD,IAAM,EAAE,SAAM,EAAe,MAAM,EAAE,aAAa,IAAO,CAAC;CAU1D,OARI,KAAU,OAEV,kBAAC,GAAD;EAAa,MAAK;EAAW,WAAW,EAAG,GAAc,EAAU;YAChE,KAAc,EAAE,sBAAsB;EAC3B,CAAA,GAKhB,kBAAC,GAAD;EACE,MAAM,EAAc,EAAO;EAC3B,WAAW,EAAG,GAAc,EAAU;YAErC,EAAO;EACI,CAAA"}

package/lib/esm/backoffice/molecules/backoffice_status_meta_badge/backofficeStatusMetaBadge.css.js

@@ -0,0 +1,8 @@
+/* empty css                                      */
+/* empty css                                         */
+//#region src/backoffice/molecules/backoffice_status_meta_badge/backofficeStatusMetaBadge.css.ts
+var e = "_1yt02tj0 txvbqb18si";
+//#endregion
+export { e as badge };
+
+//# sourceMappingURL=backofficeStatusMetaBadge.css.js.map

package/lib/esm/backoffice/molecules/backoffice_status_meta_badge/backofficeStatusMetaBadge.css.js.map

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

package/lib/esm/backoffice/molecules/backoffice_toolbar/BackofficeToolbar.js

@@ -0,0 +1,60 @@
+import { cx as e } from "../../../theme/tools.js";
+import { Toolbar as t, ToolbarGroup as n } from "../../../components/layout/toolbar/Toolbar.js";
+import { container as r, density as i, responsiveMode as a } from "./backofficeToolbar.css.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/backoffice/molecules/backoffice_toolbar/BackofficeToolbar.tsx
+var c = ({ ariaLabel: c, chips: l, className: u, density: d = "compact", filterDrawerTrigger: f, leading: p, primaryActions: m, primaryFilters: h, responsiveMode: g = "auto", search: _, secondaryFilters: v, sort: y, trailing: b, utilityActions: x }) => {
+	let S = h != null || v != null || f != null, C = p != null || _ != null || S, w = y != null || x != null || m != null || b != null, T = C || w, E = l != null;
+	return !T && !E ? null : /* @__PURE__ */ s(t, {
+		ariaLabel: c,
+		className: e(r, i[d], a[g], u),
+		density: d,
+		justify: "start",
+		wrap: "nowrap",
+		children: [T && /* @__PURE__ */ s("div", {
+			className: "chwove6 chwove5 txvbqbdrl txvbqbey txvbqbff6 txvbqb17w0",
+			children: [C && /* @__PURE__ */ s(n, {
+				className: "chwove7 txvbqbey txvbqbee txvbqb17w6",
+				grow: !0,
+				wrap: !0,
+				children: [
+					p,
+					_ != null && /* @__PURE__ */ o("div", {
+						className: "chwove9 chwove8 txvbqbt9i",
+						children: _
+					}),
+					S && /* @__PURE__ */ s("div", {
+						className: "chwovea txvbqbdr8 txvbqbey txvbqbee txvbqbf91 txvbqbff6 txvbqbt9i txvbqb17w6",
+						children: [
+							h,
+							v,
+							f
+						]
+					})
+				]
+			}), w && /* @__PURE__ */ s(n, {
+				className: "chwoveb txvbqbey txvbqbee txvbqbju2 txvbqbjup txvbqb17w6",
+				justify: "end",
+				wrap: !0,
+				children: [y != null && /* @__PURE__ */ o("div", {
+					className: "chwoved chwovec txvbqbdr8 txvbqbey txvbqbt9i",
+					children: y
+				}), (x != null || m != null || b != null) && /* @__PURE__ */ s("div", {
+					className: "chwovee txvbqbdr8 txvbqbey txvbqbee txvbqbju2 txvbqbjup txvbqbf91 txvbqbff6 txvbqb17w6",
+					children: [
+						x,
+						m,
+						b
+					]
+				})]
+			})]
+		}), E && /* @__PURE__ */ o("div", {
+			className: "chwovef txvbqbdr8 txvbqbey txvbqbf91 txvbqbff6 txvbqb10jb txvbqb6tp txvbqb2et txvbqb3al",
+			children: l
+		})]
+	});
+};
+//#endregion
+export { c as BackofficeToolbar, c as default };
+
+//# sourceMappingURL=BackofficeToolbar.js.map

package/lib/esm/backoffice/molecules/backoffice_toolbar/BackofficeToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeToolbar.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_toolbar/BackofficeToolbar.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport {\n  Toolbar,\n  ToolbarGroup,\n} from '../../../components/layout/toolbar/Toolbar.js';\nimport { cx } from '../../../theme/tools.js';\n\nimport * as styles from './backofficeToolbar.css.js';\n\nexport type BackofficeToolbarDensity = 'compact' | 'default';\n\nexport type BackofficeToolbarResponsiveMode = 'auto' | 'stacked';\n\nexport type BackofficeToolbarProps = {\n  search?: ReactNode;\n  primaryFilters?: ReactNode;\n  secondaryFilters?: ReactNode;\n  filterDrawerTrigger?: ReactNode;\n  sort?: ReactNode;\n  utilityActions?: ReactNode;\n  primaryActions?: ReactNode;\n  chips?: ReactNode;\n  leading?: ReactNode;\n  trailing?: ReactNode;\n  density?: BackofficeToolbarDensity;\n  responsiveMode?: BackofficeToolbarResponsiveMode;\n  ariaLabel?: string;\n  className?: string;\n};\n\nexport const BackofficeToolbar = ({\n  ariaLabel,\n  chips,\n  className,\n  density = 'compact',\n  filterDrawerTrigger,\n  leading,\n  primaryActions,\n  primaryFilters,\n  responsiveMode = 'auto',\n  search,\n  secondaryFilters,\n  sort,\n  trailing,\n  utilityActions,\n}: BackofficeToolbarProps): JSX.Element | null => {\n  const hasFilters =\n    primaryFilters != null ||\n    secondaryFilters != null ||\n    filterDrawerTrigger != null;\n  const hasLeft = leading != null || search != null || hasFilters;\n  const hasActions =\n    sort != null ||\n    utilityActions != null ||\n    primaryActions != null ||\n    trailing != null;\n  const hasMainRow = hasLeft || hasActions;\n  const hasChips = chips != null;\n\n  if (!hasMainRow && !hasChips) {\n    return null;\n  }\n\n  return (\n    <Toolbar\n      ariaLabel={ariaLabel}\n      className={cx(\n        styles.container,\n        styles.density[density],\n        styles.responsiveMode[responsiveMode],\n        className,\n      )}\n      density={density}\n      justify=\"start\"\n      wrap=\"nowrap\"\n    >\n      {hasMainRow && (\n        <div className={styles.mainRow}>\n          {hasLeft && (\n            <ToolbarGroup className={styles.leftGroup} grow wrap>\n              {leading}\n              {search != null && (\n                <div className={styles.searchGroup}>{search}</div>\n              )}\n              {hasFilters && (\n                <div className={styles.filtersGroup}>\n                  {primaryFilters}\n                  {secondaryFilters}\n                  {filterDrawerTrigger}\n                </div>\n              )}\n            </ToolbarGroup>\n          )}\n          {hasActions && (\n            <ToolbarGroup className={styles.rightGroup} justify=\"end\" wrap>\n              {sort != null && <div className={styles.sortGroup}>{sort}</div>}\n              {(utilityActions != null ||\n                primaryActions != null ||\n                trailing != null) && (\n                <div className={styles.actionsGroup}>\n                  {utilityActions}\n                  {primaryActions}\n                  {trailing}\n                </div>\n              )}\n            </ToolbarGroup>\n          )}\n        </div>\n      )}\n      {hasChips && <div className={styles.chipsRow}>{chips}</div>}\n    </Toolbar>\n  );\n};\n\nexport default BackofficeToolbar;\n"],"mappings":";;;;;AA+BA,IAAa,KAAqB,EAChC,cACA,UACA,cACA,SAAA,IAAU,WACV,wBACA,YACA,mBACA,mBACA,gBAAA,IAAiB,QACjB,WACA,qBACA,SACA,aACA,wBACgD;CAChD,IAAM,IACJ,KAAkB,QAClB,KAAoB,QACpB,KAAuB,MACnB,IAAU,KAAW,QAAQ,KAAU,QAAQ,GAC/C,IACJ,KAAQ,QACR,KAAkB,QAClB,KAAkB,QAClB,KAAY,MACR,IAAa,KAAW,GACxB,IAAW,KAAS;CAM1B,OAJI,CAAC,KAAc,CAAC,IACX,OAIP,kBAAC,GAAD;EACa;EACX,WAAW,EACT,GACA,EAAe,IACf,EAAsB,IACtB,EACD;EACQ,SAAA;EACT,SAAQ;EACR,MAAK;YAVP,CAYG,KACC,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACG,KACC,kBAAC,GAAD;IAAc,WAAW;IAAkB,MAAA;IAAK,MAAA;cAAhD;KACG;KACA,KAAU,QACT,kBAAC,OAAD;MAAK,WAAW;gBAAqB;MAAa,CAAA;KAEnD,KACC,kBAAC,OAAD;MAAK,WAAW;gBAAhB;OACG;OACA;OACA;OACG;;KAEK;OAEhB,KACC,kBAAC,GAAD;IAAc,WAAW;IAAmB,SAAQ;IAAM,MAAA;cAA1D,CACG,KAAQ,QAAQ,kBAAC,OAAD;KAAK,WAAW;eAAmB;KAAW,CAAA,GAC7D,KAAkB,QAClB,KAAkB,QAClB,KAAY,SACZ,kBAAC,OAAD;KAAK,WAAW;eAAhB;MACG;MACA;MACA;MACG;OAEK;MAEb;MAEP,KAAY,kBAAC,OAAD;GAAK,WAAW;aAAkB;GAAY,CAAA,CACnD"}

package/lib/esm/backoffice/molecules/backoffice_toolbar/backofficeToolbar.css.js

@@ -0,0 +1,14 @@
+/* empty css                                      */
+/* empty css                                 */
+//#region src/backoffice/molecules/backoffice_toolbar/backofficeToolbar.css.ts
+var e = "chwove0 txvbqbdr8 txvbqbf6i txvbqb17w0 txvbqbe8 txvbqbjuf txvbqbf8o", t = {
+	compact: "chwove1 txvbqbff6",
+	default: "chwove2 txvbqbffj"
+}, n = {
+	auto: "chwove3",
+	stacked: "chwove4"
+}, r = "chwove6 chwove5 txvbqbdrl txvbqbey txvbqbff6 txvbqb17w0", i = "chwove7 txvbqbey txvbqbee txvbqb17w6", a = "chwove9 chwove8 txvbqbt9i", o = "chwovea txvbqbdr8 txvbqbey txvbqbee txvbqbf91 txvbqbff6 txvbqbt9i txvbqb17w6", s = "chwoveb txvbqbey txvbqbee txvbqbju2 txvbqbjup txvbqb17w6", c = "chwoved chwovec txvbqbdr8 txvbqbey txvbqbt9i", l = "chwovee txvbqbdr8 txvbqbey txvbqbee txvbqbju2 txvbqbjup txvbqbf91 txvbqbff6 txvbqb17w6", u = "chwovef txvbqbdr8 txvbqbey txvbqbf91 txvbqbff6 txvbqb10jb txvbqb6tp txvbqb2et txvbqb3al";
+//#endregion
+export { l as actionsGroup, u as chipsRow, e as container, t as density, o as filtersGroup, i as leftGroup, r as mainRow, n as responsiveMode, s as rightGroup, a as searchGroup, c as sortGroup };
+
+//# sourceMappingURL=backofficeToolbar.css.js.map

package/lib/esm/backoffice/molecules/backoffice_toolbar/backofficeToolbar.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeToolbar.css.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_toolbar/backofficeToolbar.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles } from '../../../theme/sprinkles.css.js';\n\nconst MOBILE_MEDIA_QUERY = 'screen and (max-width: 767px)';\nconst TABLET_MEDIA_QUERY = 'screen and (max-width: 1023px)';\n\nexport const container = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  width: 'full',\n  alignItems: 'stretch',\n  justifyContent: 'flex-start',\n  flexWrap: 'nowrap',\n});\n\nexport const density = {\n  compact: sprinkles({\n    gap: 2,\n  }),\n  default: sprinkles({\n    gap: 3,\n  }),\n};\n\nexport const responsiveMode = {\n  auto: style({}),\n  stacked: style({}),\n};\n\nexport const mainRow = style([\n  sprinkles({\n    display: 'grid',\n    alignItems: 'center',\n    gap: 2,\n    width: 'full',\n  }),\n  {\n    gridTemplateColumns: 'minmax(0, 1fr) auto',\n    selectors: {\n      [`${responsiveMode.stacked} &`]: {\n        gridTemplateColumns: 'minmax(0, 1fr)',\n      },\n    },\n    '@media': {\n      [TABLET_MEDIA_QUERY]: {\n        gridTemplateColumns: 'minmax(0, 1fr)',\n      },\n    },\n  },\n]);\n\nexport const leftGroup = sprinkles({\n  alignItems: {\n    base: 'center',\n    max767: 'stretch',\n  },\n  width: {\n    max767: 'full',\n  },\n});\n\nexport const searchGroup = style([\n  sprinkles({\n    minWidth: 0,\n  }),\n  {\n    flex: '1 1 16rem',\n    '@media': {\n      [MOBILE_MEDIA_QUERY]: {\n        width: '100%',\n      },\n    },\n  },\n]);\n\nexport const filtersGroup = sprinkles({\n  display: 'flex',\n  alignItems: {\n    base: 'center',\n    max767: 'stretch',\n  },\n  flexWrap: 'wrap',\n  gap: 2,\n  minWidth: 0,\n  width: {\n    max767: 'full',\n  },\n});\n\nexport const rightGroup = sprinkles({\n  alignItems: {\n    base: 'center',\n    max767: 'stretch',\n  },\n  justifyContent: {\n    base: 'flex-end',\n    max1023: 'flex-start',\n  },\n  width: {\n    max767: 'full',\n  },\n});\n\nexport const sortGroup = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    minWidth: 0,\n  }),\n  {\n    width: '11.5rem',\n    '@media': {\n      [MOBILE_MEDIA_QUERY]: {\n        width: '100%',\n      },\n    },\n  },\n]);\n\nexport const actionsGroup = sprinkles({\n  display: 'flex',\n  alignItems: {\n    base: 'center',\n    max767: 'stretch',\n  },\n  justifyContent: {\n    base: 'flex-end',\n    max1023: 'flex-start',\n  },\n  flexWrap: 'wrap',\n  gap: 2,\n  width: {\n    max767: 'full',\n  },\n});\n\nexport const chipsRow = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  flexWrap: 'wrap',\n  gap: 2,\n  paddingTop: 2,\n  borderTopWidth: 'px',\n  borderStyle: 'solid',\n  borderTopColor: 'borderSubtle',\n});\n"],"mappings":""}

package/lib/esm/backoffice/molecules/bulk_actions_bar/bulkActionsBar.css.js

@@ -1,7 +1,7 @@
 /* empty css                                      */
 /* empty css                              */
 //#region src/backoffice/molecules/bulk_actions_bar/bulkActionsBar.css.ts
-var e = "ndiqkc0 txvbqbyov txvbqbzmg txvbqb10jo txvbqbvvr txvbqbdr8 txvbqbey txvbqbjus txvbqbffj txvbqb2gm txvbqb1uy txvbqb2et txvbqb17h", t = "ndiqkc1 txvbqbdsb txvbqbey txvbqbff6 txvbqb9j", n = "ndiqkc2 txvbqbdsb txvbqbey txvbqbff6";
+var e = "ndiqkc0 txvbqbyov txvbqbzmg txvbqb10jo txvbqbvvr txvbqbdr8 txvbqbey txvbqbjus txvbqbf91 txvbqbffj txvbqb2gm txvbqb1uy txvbqb2et txvbqb17h", t = "ndiqkc1 txvbqbdsb txvbqbey txvbqbff6 txvbqb9j txvbqbt9i", n = "ndiqkc2 txvbqbdsb txvbqbey txvbqbju2 txvbqbjul txvbqbf91 txvbqbff6 txvbqbt9i txvbqb17w6";
 //#endregion
 export { e as bar, t as left, n as right };
 

package/lib/esm/backoffice/molecules/bulk_actions_bar/bulkActionsBar.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"bulkActionsBar.css.js","names":[],"sources":["../../../../../src/backoffice/molecules/bulk_actions_bar/bulkActionsBar.css.ts"],"sourcesContent":["import { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const bar = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 3,\n  paddingX: 4,\n  paddingY: 3,\n  borderRadius: 'lg',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'border',\n});\n\nexport const left = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 2,\n  fontSize: 'sm',\n});\n\nexport const right = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 2,\n});\n"],"mappings":""}
+{"version":3,"file":"bulkActionsBar.css.js","names":[],"sources":["../../../../../src/backoffice/molecules/bulk_actions_bar/bulkActionsBar.css.ts"],"sourcesContent":["import { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const bar = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  flexWrap: 'wrap',\n  gap: 3,\n  paddingX: 4,\n  paddingY: 3,\n  borderRadius: 'lg',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'border',\n});\n\nexport const left = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 2,\n  fontSize: 'sm',\n  minWidth: 0,\n});\n\nexport const right = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: {\n    base: 'flex-end',\n    max767: 'flex-start',\n  },\n  flexWrap: 'wrap',\n  gap: 2,\n  minWidth: 0,\n  width: {\n    max767: 'full',\n  },\n});\n"],"mappings":""}

package/lib/esm/backoffice/molecules/confirm_dialog/ConfirmDialog.js

@@ -1,6 +1,6 @@
 import { Button as e } from "../../../atomic/atoms/button/Button.js";
-import { ErrorMessage as t } from "../../../atomic/atoms/error_message/ErrorMessage.js";
-import { Modal as n } from "../../../atomic/atoms/modal/Modal.js";
+import { Modal as t } from "../../../atomic/atoms/modal/Modal.js";
+import { FormError as n } from "../../../atomic/molecules/form_error/FormError.js";
 import { body as r, footer as i } from "./confirmDialog.css.js";
 import { useCallback as a, useState as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
@@ -53,7 +53,7 @@ var u = ({ isOpen: u, title: d, children: f, confirmLabel: p, cancelLabel: m, co
 			children: E
 		})]
 	}), N = null;
-	return w != null && (N = /* @__PURE__ */ s(t, { children: w })), /* @__PURE__ */ s(n, {
+	return w != null && (N = /* @__PURE__ */ s(n, { children: w })), /* @__PURE__ */ s(t, {
 		isOpen: u,
 		onClose: O,
 		title: d,