@plumile/ui 0.1.164 → 0.1.165

package/lib/esm/admin/organisms/admin_topbar/adminTopbar.css.js

@@ -6,7 +6,7 @@
 /* empty css                                  */
 /* empty css                           */
 //#region src/admin/organisms/admin_topbar/adminTopbar.css.ts
-var e = "_1lo5q0p0 txvbqbfpn txvbqbh4x txvbqbhdy txvbqbv7x txvbqb19uf", t = "_1lo5q0p1 txvbqbfpn txvbqbey txvbqbheb txvbqbh7g txvbqbv7x", n = "_1lo5q0p2 txvbqbfpn txvbqbey txvbqbhdy txvbqbfvs txvbqbv7x", r = "_1lo5q0p3 txvbqbfqq txvbqbey txvbqbhdl txvbqblsh txvbqbh6d", i = "_1lo5q0p4 txvbqbfqq txvbqbey txvbqbjlr txvbqb1aao txvbqb1b9f";
+var e = "_1lo5q0p0 txvbqbfpn txvbqbh4x txvbqbhdy txvbqbv7x txvbqb19uf", t = "_1lo5q0p1 txvbqbfpn txvbqbey txvbqbheb txvbqbh7g txvbqbv7x", n = "_1lo5q0p2 txvbqbfpn txvbqbey txvbqbh7g txvbqbhdy txvbqbfvs txvbqbv7x txvbqb19uf", r = "_1lo5q0p3 txvbqbfqq txvbqbey txvbqbhdl txvbqblsh txvbqbh6d", i = "_1lo5q0p4 txvbqbfqq txvbqbey txvbqbjlr txvbqb1aao txvbqb1b9f";
 //#endregion
 export { e as container, i as divider, n as left, r as right, t as row };
 

package/lib/esm/admin/organisms/admin_topbar/adminTopbar.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"adminTopbar.css.js","names":[],"sources":["../../../../../src/admin/organisms/admin_topbar/adminTopbar.css.ts"],"sourcesContent":["import { sprinkles } from '../../../theme/index.js';\n\nexport const container = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n  minWidth: 0,\n  width: 'full',\n});\n\nexport const row = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 4,\n  flexWrap: 'wrap',\n  minWidth: 0,\n});\n\nexport const left = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 3,\n  flex: 1,\n  minWidth: 0,\n});\n\nexport const right = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 2,\n  justifyContent: 'flex-end',\n  flexShrink: 0,\n});\n\nexport const divider = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  height: 6,\n  width: 0.5,\n  backgroundColor: 'border',\n});\n"],"mappings":""}
+{"version":3,"file":"adminTopbar.css.js","names":[],"sources":["../../../../../src/admin/organisms/admin_topbar/adminTopbar.css.ts"],"sourcesContent":["import { sprinkles } from '../../../theme/index.js';\n\nexport const container = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n  minWidth: 0,\n  width: 'full',\n});\n\nexport const row = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 4,\n  flexWrap: 'wrap',\n  minWidth: 0,\n});\n\nexport const left = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  flexWrap: 'wrap',\n  gap: 3,\n  flex: 1,\n  minWidth: 0,\n  width: 'full',\n});\n\nexport const right = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 2,\n  justifyContent: 'flex-end',\n  flexShrink: 0,\n});\n\nexport const divider = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  height: 6,\n  width: 0.5,\n  backgroundColor: 'border',\n});\n"],"mappings":""}

package/lib/esm/atomic/molecules/highlight/HighlightCode.css.js

@@ -1,8 +1,8 @@
 /* empty css                                      */
 /* empty css                             */
 //#region src/atomic/molecules/highlight/HighlightCode.css.ts
-var e = "_14wey9t0 txvbqbp6w txvbqb1b97 txvbqb28o txvbqb2sj txvbqb1d9 txvbqb2uc txvbqb1bgv txvbqbu4k txvbqbv7x txvbqbwr6 txvbqb13i7 txvbqb19uf", t = "_14wey9t1 txvbqbey txvbqbfpn txvbqblt7 txvbqb10mx txvbqb11ki txvbqb12i3 txvbqbxu6 txvbqb1b9b txvbqbhdl", n = "_14wey9t2 txvbqb10mk txvbqb11k5 txvbqb13cf txvbqbyoi txvbqb1b9n txvbqb2wi txvbqb1bhb txvbqb96 txvbqbhb2 txvbqb6a", r = "_14wey9t3 txvbqb10mx txvbqb11ki txvbqb12i3 txvbqbxu6 txvbqbtay txvbqbu4k txvbqbv7x txvbqbwu2 txvbqb19uf", i = "_14wey9t4 ", a = "_14wey9t5 txvbqbo7v", o = "_14wey9t6 txvbqb1bgv txvbqbh99 txvbqb9j txvbqbny4 txvbqbo7v txvbqb1awp", s = "_14wey9t7 txvbqb1bg3 txvbqb9j txvbqb1o";
+var e = "_14wey9t0 txvbqbp6w txvbqb1b97 txvbqb28o txvbqb2sj txvbqb1d9 txvbqb2uc txvbqb1bgv txvbqbu4k txvbqbv7x txvbqbwr6 txvbqb13i7 txvbqb19uf", t = "_14wey9t1 txvbqbey txvbqbfpn txvbqblt7 txvbqb10mx txvbqb11ki txvbqb12i3 txvbqbxu6 txvbqb1b9b txvbqbhdl", n = "_14wey9t2 txvbqb10mk txvbqb11k5 txvbqb13cf txvbqbyoi txvbqb1b9n txvbqb2wi txvbqb1bhb txvbqb96 txvbqbhb2 txvbqb6a", r = "_14wey9t3 txvbqb10mx txvbqb11ki txvbqb12i3 txvbqbxu6 txvbqbtay txvbqbu4k txvbqbv7x txvbqbwu2 txvbqb19uf", i = "_14wey9t4 txvbqb10mx txvbqb11ki txvbqb12i3 txvbqbxu6 txvbqbtay txvbqbu4k txvbqbv7x txvbqbwuf txvbqb19uf", a = "_14wey9t5 ", o = "_14wey9t6 txvbqbo7v", s = "_14wey9t7 txvbqb1bgv txvbqbh99 txvbqb9j txvbqbny4 txvbqbo7v txvbqb1awp", c = "_14wey9t8 txvbqb1bgv txvbqbh99 txvbqb9j txvbqbny4 txvbqbo7v txvbqbws9 txvbqb1ax2 txvbqb1ara", l = "_14wey9t9 txvbqb1bg3 txvbqb9j txvbqb1o";
 //#endregion
-export { n as badge, e as container, r as content, o as fallbackCode, s as placeholder, a as shikiPre, i as shikiWrapper, t as toolbar };
+export { n as badge, e as container, r as content, i as contentWrapped, s as fallbackCode, c as fallbackCodeWrapped, l as placeholder, o as shikiPre, a as shikiWrapper, t as toolbar };
 
 //# sourceMappingURL=HighlightCode.css.js.map

package/lib/esm/atomic/molecules/highlight/HighlightCode.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"HighlightCode.css.js","names":[],"sources":["../../../../../src/atomic/molecules/highlight/HighlightCode.css.ts"],"sourcesContent":["import { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const container = sprinkles({\n  marginBottom: 4,\n  backgroundColor: 'codeSurface',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'borderSubtle',\n  borderRadius: 'lg',\n  color: 'codeText',\n  maxWidth: 'full',\n  minWidth: 0,\n  overflow: 'hidden',\n  position: 'relative',\n  width: 'full',\n});\n\nexport const toolbar = sprinkles({\n  alignItems: 'center',\n  display: 'flex',\n  justifyContent: 'space-between',\n  paddingLeft: 3,\n  paddingRight: 3,\n  paddingTop: 3,\n  paddingBottom: 3,\n  backgroundColor: 'codeToolbarSurface',\n  gap: 2,\n});\n\nexport const badge = sprinkles({\n  backgroundColor: 'tonePrimarySurface',\n  borderRadius: 'full',\n  color: 'tonePrimaryText',\n  fontSize: 'xs',\n  fontWeight: 'medium',\n  paddingY: 0.5,\n  paddingX: 2,\n  textTransform: 'uppercase',\n});\n\nexport const content = sprinkles({\n  maxHeight: 'full',\n  maxWidth: 'full',\n  minWidth: 0,\n  overflowX: 'auto',\n  paddingY: 3,\n  paddingX: 3,\n  width: 'full',\n});\n\nexport const shikiWrapper = sprinkles({});\n\nexport const shikiPre = sprinkles({\n  margin: 0,\n});\n\nexport const fallbackCode = sprinkles({\n  color: 'codeText',\n  fontFamily: 'mono',\n  fontSize: 'sm',\n  lineHeight: 1.6,\n  margin: 0,\n  whiteSpace: 'pre',\n});\n\nexport const placeholder = sprinkles({\n  color: 'textSecondary',\n  fontSize: 'sm',\n  fontStyle: 'italic',\n});\n"],"mappings":""}
+{"version":3,"file":"HighlightCode.css.js","names":[],"sources":["../../../../../src/atomic/molecules/highlight/HighlightCode.css.ts"],"sourcesContent":["import { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const container = sprinkles({\n  marginBottom: 4,\n  backgroundColor: 'codeSurface',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'borderSubtle',\n  borderRadius: 'lg',\n  color: 'codeText',\n  maxWidth: 'full',\n  minWidth: 0,\n  overflow: 'hidden',\n  position: 'relative',\n  width: 'full',\n});\n\nexport const toolbar = sprinkles({\n  alignItems: 'center',\n  display: 'flex',\n  justifyContent: 'space-between',\n  paddingLeft: 3,\n  paddingRight: 3,\n  paddingTop: 3,\n  paddingBottom: 3,\n  backgroundColor: 'codeToolbarSurface',\n  gap: 2,\n});\n\nexport const badge = sprinkles({\n  backgroundColor: 'tonePrimarySurface',\n  borderRadius: 'full',\n  color: 'tonePrimaryText',\n  fontSize: 'xs',\n  fontWeight: 'medium',\n  paddingY: 0.5,\n  paddingX: 2,\n  textTransform: 'uppercase',\n});\n\nexport const content = sprinkles({\n  maxHeight: 'full',\n  maxWidth: 'full',\n  minWidth: 0,\n  overflowX: 'auto',\n  paddingY: 3,\n  paddingX: 3,\n  width: 'full',\n});\n\nexport const contentWrapped = sprinkles({\n  maxHeight: 'full',\n  maxWidth: 'full',\n  minWidth: 0,\n  overflowX: 'hidden',\n  paddingY: 3,\n  paddingX: 3,\n  width: 'full',\n});\n\nexport const shikiWrapper = sprinkles({});\n\nexport const shikiPre = sprinkles({\n  margin: 0,\n});\n\nexport const fallbackCode = sprinkles({\n  color: 'codeText',\n  fontFamily: 'mono',\n  fontSize: 'sm',\n  lineHeight: 1.6,\n  margin: 0,\n  whiteSpace: 'pre',\n});\n\nexport const fallbackCodeWrapped = sprinkles({\n  color: 'codeText',\n  fontFamily: 'mono',\n  fontSize: 'sm',\n  lineHeight: 1.6,\n  margin: 0,\n  overflowWrap: 'anywhere',\n  whiteSpace: 'pre-wrap',\n  wordBreak: 'break-word',\n});\n\nexport const placeholder = sprinkles({\n  color: 'textSecondary',\n  fontSize: 'sm',\n  fontStyle: 'italic',\n});\n"],"mappings":""}

package/lib/esm/atomic/molecules/highlight/HighlightCode.js

@@ -1,44 +1,48 @@
 import { cx as e } from "../../../theme/tools.js";
 import { MarkdownCodeCopyButton as t } from "../markdown/components/MarkdownCodeCopyButton.js";
-import { badge as n, container as r, content as i, fallbackCode as a, placeholder as o, shikiPre as s, shikiWrapper as c, toolbar as l } from "./HighlightCode.css.js";
-import { cloneElement as u, isValidElement as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { badge as n, container as r, content as i, contentWrapped as a, fallbackCode as o, fallbackCodeWrapped as s, placeholder as c, shikiPre as l, shikiWrapper as u, toolbar as d } from "./HighlightCode.css.js";
+import { cloneElement as f, isValidElement as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/atomic/molecules/highlight/HighlightCode.tsx
-var m = (t) => {
-	if (!d(t) || typeof t.type != "string" || t.type !== "pre") return t;
+var g = (t) => {
+	if (!p(t) || typeof t.type != "string" || t.type !== "pre") return t;
 	let n = t.props.className;
-	return u(t, { className: e(s, n) });
-}, h = ({ badgeLabel: e, copyCode: s, highlighted: u, fallbackCodeText: d, placeholderText: h }) => {
-	let g;
-	g = h == null ? u == null ? /* @__PURE__ */ f("pre", {
-		className: a,
-		children: d ?? ""
-	}) : typeof u == "string" ? /* @__PURE__ */ f("pre", {
-		className: a,
-		dangerouslySetInnerHTML: { __html: u }
-	}) : /* @__PURE__ */ f("div", {
+	return f(t, { className: e(l, n) });
+}, _ = ({ badgeLabel: e, copyCode: l, highlighted: f, fallbackCodeText: p, placeholderText: _, wrap: v = !1 }) => {
+	let y = o;
+	v && (y = s);
+	let b = i;
+	v && (b = a);
+	let x;
+	x = _ == null ? f == null ? /* @__PURE__ */ m("pre", {
+		className: y,
+		children: p ?? ""
+	}) : typeof f == "string" ? /* @__PURE__ */ m("pre", {
+		className: y,
+		dangerouslySetInnerHTML: { __html: f }
+	}) : /* @__PURE__ */ m("div", {
+		className: u,
+		children: g(f)
+	}) : /* @__PURE__ */ m("span", {
 		className: c,
-		children: m(u)
-	}) : /* @__PURE__ */ f("span", {
-		className: o,
-		children: h
+		children: _
 	});
-	let _ = null;
-	return typeof s == "string" && s !== "" && (_ = /* @__PURE__ */ f(t, { code: s })), /* @__PURE__ */ p("div", {
+	let S = null;
+	return typeof l == "string" && l !== "" && (S = /* @__PURE__ */ m(t, { code: l })), /* @__PURE__ */ h("div", {
 		className: r,
-		children: [/* @__PURE__ */ p("div", {
-			className: l,
-			children: [/* @__PURE__ */ f("span", {
+		children: [/* @__PURE__ */ h("div", {
+			className: d,
+			children: [/* @__PURE__ */ m("span", {
 				className: n,
 				children: e
-			}), _]
-		}), /* @__PURE__ */ f("div", {
-			className: i,
-			children: g
+			}), S]
+		}), /* @__PURE__ */ m("div", {
+			className: b,
+			children: x
 		})]
 	});
 };
 //#endregion
-export { h as HighlightCode, h as default };
+export { _ as HighlightCode, _ as default };
 
 //# sourceMappingURL=HighlightCode.js.map

package/lib/esm/atomic/molecules/highlight/HighlightCode.js.map

@@ -1 +1 @@
-{"version":3,"file":"HighlightCode.js","names":[],"sources":["../../../../../src/atomic/molecules/highlight/HighlightCode.tsx"],"sourcesContent":["import { cloneElement, isValidElement, type JSX, type ReactNode } from 'react';\n\nimport { MarkdownCodeCopyButton } from '../markdown/components/MarkdownCodeCopyButton.js';\nimport {\n  badge,\n  container,\n  content,\n  fallbackCode,\n  placeholder,\n  shikiPre,\n  shikiWrapper,\n  toolbar,\n} from './HighlightCode.css.js';\nimport { cx } from '../../../theme/tools.js';\n\ntype HighlightContent = ReactNode | string | null | undefined;\n\ntype Props = {\n  badgeLabel: string;\n  copyCode?: string | null;\n  highlighted?: HighlightContent;\n  fallbackCodeText?: string | null;\n  placeholderText?: string | null;\n};\n\nconst withPreClassName = (node: ReactNode): ReactNode => {\n  if (!isValidElement<{ className?: string }>(node)) {\n    return node;\n  }\n  if (typeof node.type !== 'string' || node.type !== 'pre') {\n    return node;\n  }\n  const existingClassName = node.props.className;\n  return cloneElement(node, {\n    className: cx(shikiPre, existingClassName),\n  });\n};\n\nexport const HighlightCode = ({\n  badgeLabel,\n  copyCode,\n  highlighted,\n  fallbackCodeText,\n  placeholderText,\n}: Props): JSX.Element => {\n  let body: JSX.Element;\n  if (placeholderText != null) {\n    body = <span className={placeholder}>{placeholderText}</span>;\n  } else if (highlighted != null) {\n    if (typeof highlighted === 'string') {\n      body = (\n        <pre\n          className={fallbackCode}\n          dangerouslySetInnerHTML={{ __html: highlighted }}\n        />\n      );\n    } else {\n      body = (\n        <div className={shikiWrapper}>{withPreClassName(highlighted)}</div>\n      );\n    }\n  } else {\n    body = <pre className={fallbackCode}>{fallbackCodeText ?? ''}</pre>;\n  }\n\n  let copyButton: JSX.Element | null = null;\n  if (typeof copyCode === 'string' && copyCode !== '') {\n    copyButton = <MarkdownCodeCopyButton code={copyCode} />;\n  }\n\n  return (\n    <div className={container}>\n      <div className={toolbar}>\n        <span className={badge}>{badgeLabel}</span>\n        {copyButton}\n      </div>\n      <div className={content}>{body}</div>\n    </div>\n  );\n};\n\nexport default HighlightCode;\n"],"mappings":";;;;;;AAyBA,IAAM,KAAoB,MAA+B;CAIvD,IAHI,CAAC,EAAuC,CAAI,KAG5C,OAAO,EAAK,QAAS,YAAY,EAAK,SAAS,OACjD,OAAO;CAET,IAAM,IAAoB,EAAK,MAAM;CACrC,OAAO,EAAa,GAAM,EACxB,WAAW,EAAG,GAAU,CAAiB,EAC3C,CAAC;AACH,GAEa,KAAiB,EAC5B,eACA,aACA,gBACA,qBACA,yBACwB;CACxB,IAAI;CACJ,AACE,IADE,KAAmB,OAEZ,KAAe,OAcjB,kBAAC,OAAD;EAAK,WAAW;YAAe,KAAoB;CAAQ,CAAA,IAb9D,OAAO,KAAgB,WAEvB,kBAAC,OAAD;EACE,WAAW;EACX,yBAAyB,EAAE,QAAQ,EAAY;CAChD,CAAA,IAID,kBAAC,OAAD;EAAK,WAAW;YAAe,EAAiB,CAAW;CAAO,CAAA,IAX/D,kBAAC,QAAD;EAAM,WAAW;YAAc;CAAsB,CAAA;CAkB9D,IAAI,IAAiC;CAKrC,OAJI,OAAO,KAAa,YAAY,MAAa,OAC/C,IAAa,kBAAC,GAAD,EAAwB,MAAM,EAAW,CAAA,IAItD,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACE,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACE,kBAAC,QAAD;IAAM,WAAW;cAAQ;GAAiB,CAAA,GACzC,CACE;MACL,kBAAC,OAAD;GAAK,WAAW;aAAU;EAAU,CAAA,CACjC;;AAET"}
+{"version":3,"file":"HighlightCode.js","names":[],"sources":["../../../../../src/atomic/molecules/highlight/HighlightCode.tsx"],"sourcesContent":["import { cloneElement, isValidElement, type JSX, type ReactNode } from 'react';\n\nimport { MarkdownCodeCopyButton } from '../markdown/components/MarkdownCodeCopyButton.js';\nimport {\n  badge,\n  container,\n  content,\n  contentWrapped,\n  fallbackCode,\n  fallbackCodeWrapped,\n  placeholder,\n  shikiPre,\n  shikiWrapper,\n  toolbar,\n} from './HighlightCode.css.js';\nimport { cx } from '../../../theme/tools.js';\n\ntype HighlightContent = ReactNode | string | null | undefined;\n\ntype Props = {\n  badgeLabel: string;\n  copyCode?: string | null;\n  highlighted?: HighlightContent;\n  fallbackCodeText?: string | null;\n  placeholderText?: string | null;\n  wrap?: boolean;\n};\n\nconst withPreClassName = (node: ReactNode): ReactNode => {\n  if (!isValidElement<{ className?: string }>(node)) {\n    return node;\n  }\n  if (typeof node.type !== 'string' || node.type !== 'pre') {\n    return node;\n  }\n  const existingClassName = node.props.className;\n  return cloneElement(node, {\n    className: cx(shikiPre, existingClassName),\n  });\n};\n\nexport const HighlightCode = ({\n  badgeLabel,\n  copyCode,\n  highlighted,\n  fallbackCodeText,\n  placeholderText,\n  wrap = false,\n}: Props): JSX.Element => {\n  let fallbackClassName = fallbackCode;\n  if (wrap) {\n    fallbackClassName = fallbackCodeWrapped;\n  }\n  let contentClassName = content;\n  if (wrap) {\n    contentClassName = contentWrapped;\n  }\n\n  let body: JSX.Element;\n  if (placeholderText != null) {\n    body = <span className={placeholder}>{placeholderText}</span>;\n  } else if (highlighted != null) {\n    if (typeof highlighted === 'string') {\n      body = (\n        <pre\n          className={fallbackClassName}\n          dangerouslySetInnerHTML={{ __html: highlighted }}\n        />\n      );\n    } else {\n      body = (\n        <div className={shikiWrapper}>{withPreClassName(highlighted)}</div>\n      );\n    }\n  } else {\n    body = <pre className={fallbackClassName}>{fallbackCodeText ?? ''}</pre>;\n  }\n\n  let copyButton: JSX.Element | null = null;\n  if (typeof copyCode === 'string' && copyCode !== '') {\n    copyButton = <MarkdownCodeCopyButton code={copyCode} />;\n  }\n\n  return (\n    <div className={container}>\n      <div className={toolbar}>\n        <span className={badge}>{badgeLabel}</span>\n        {copyButton}\n      </div>\n      <div className={contentClassName}>{body}</div>\n    </div>\n  );\n};\n\nexport default HighlightCode;\n"],"mappings":";;;;;;AA4BA,IAAM,KAAoB,MAA+B;CAIvD,IAHI,CAAC,EAAuC,CAAI,KAG5C,OAAO,EAAK,QAAS,YAAY,EAAK,SAAS,OACjD,OAAO;CAET,IAAM,IAAoB,EAAK,MAAM;CACrC,OAAO,EAAa,GAAM,EACxB,WAAW,EAAG,GAAU,CAAiB,EAC3C,CAAC;AACH,GAEa,KAAiB,EAC5B,eACA,aACA,gBACA,qBACA,oBACA,UAAO,SACiB;CACxB,IAAI,IAAoB;CACxB,AAAI,MACF,IAAoB;CAEtB,IAAI,IAAmB;CACvB,AAAI,MACF,IAAmB;CAGrB,IAAI;CACJ,AACE,IADE,KAAmB,OAEZ,KAAe,OAcjB,kBAAC,OAAD;EAAK,WAAW;YAAoB,KAAoB;CAAQ,CAAA,IAbnE,OAAO,KAAgB,WAEvB,kBAAC,OAAD;EACE,WAAW;EACX,yBAAyB,EAAE,QAAQ,EAAY;CAChD,CAAA,IAID,kBAAC,OAAD;EAAK,WAAW;YAAe,EAAiB,CAAW;CAAO,CAAA,IAX/D,kBAAC,QAAD;EAAM,WAAW;YAAc;CAAsB,CAAA;CAkB9D,IAAI,IAAiC;CAKrC,OAJI,OAAO,KAAa,YAAY,MAAa,OAC/C,IAAa,kBAAC,GAAD,EAAwB,MAAM,EAAW,CAAA,IAItD,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACE,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACE,kBAAC,QAAD;IAAM,WAAW;cAAQ;GAAiB,CAAA,GACzC,CACE;MACL,kBAAC,OAAD;GAAK,WAAW;aAAmB;EAAU,CAAA,CAC1C;;AAET"}

package/lib/esm/atomic/molecules/markdown/components/MarkdownArticleContainer.css.js

@@ -1,5 +1,4 @@
 /* empty css                                         */
-/* empty css                             */
 /* empty css                                        */
 //#region src/atomic/molecules/markdown/components/MarkdownArticleContainer.css.ts
 var e = "_7ez1431 _7ez1430 txvbqbfpn txvbqbh4x txvbqbheb";

package/lib/esm/atomic/molecules/markdown/components/MarkdownEmphasis.css.js

@@ -1,4 +1,5 @@
 /* empty css                                         */
+/* empty css                             */
 /* empty css                                */
 //#region src/atomic/molecules/markdown/components/MarkdownEmphasis.css.ts
 var e = "_1pjwgns1 _1pjwgns0 txvbqb1o";

package/lib/esm/atomic/molecules/tabs/tabs.css.js

@@ -7,7 +7,7 @@ var t = "_11tf63d0 txvbqbfpn txvbqbh4x txvbqbheb txvbqb19uf", n = "_11tf63d1 txv
 	variantClassNames: { variant: {
 		line: "_11tf63db _11tf63d6 txvbqbh7g txvbqbhdl txvbqbls4",
 		pill: "_11tf63dc _11tf63d7 txvbqbfqq txvbqbh73 txvbqbhd8 txvbqbwu2 txvbqbwvv txvbqb2wi txvbqb1b83 txvbqb28o txvbqb2sj txvbqb1d9",
-		underline: "_11tf63dd _11tf63d8 txvbqb10mx txvbqb11ki txvbqb13cs txvbqbyov txvbqb19uf txvbqbh73 txvbqbhdl txvbqbwu2 txvbqb1tv txvbqb2sj txvbqbal4 txvbqb6hs txvbqb1b7z",
+		underline: "_11tf63dd _11tf63d8 txvbqb10mx txvbqb11ki txvbqb13cs txvbqbyov txvbqb19uf txvbqbh7g txvbqbhdl txvbqb1tv txvbqb2sj txvbqbal4 txvbqb6hs txvbqb1b7z",
 		page: "_11tf63de _11tf63d9 txvbqb19uf txvbqbh7g txvbqbhdl"
 	} },
 	defaultVariants: { variant: "line" },
@@ -18,7 +18,7 @@ var t = "_11tf63d0 txvbqbfpn txvbqbh4x txvbqbheb txvbqb19uf", n = "_11tf63d1 txv
 		variant: {
 			line: "_11tf63dy _11tf63dg _11tf63df txvbqb10na txvbqb11kv txvbqb12hq txvbqbxtt txvbqbfqq txvbqbey txvbqbh6d txvbqbhd8 txvbqbc92 txvbqbc3a txvbqb9j txvbqb1bg3 txvbqb7h txvbqb76 txvbqb7t txvbqba71 txvbqb5n3 txvbqb2sj txvbqbhb2 txvbqb3f txvbqbwlr txvbqb13i7 txvbqb1b4r txvbqbv",
 			pill: "_11tf63dz _11tf63dj _11tf63dh txvbqb10mx txvbqb11ki txvbqb13cs txvbqbyov txvbqbfqq txvbqbh6d txvbqbey txvbqb28o txvbqb2sj txvbqb1b4r txvbqb1bg3 txvbqbv txvbqbhb2 txvbqb2wi txvbqb9j txvbqbik txvbqb3f _11tf63di txvbqb1eol txvbqb1cst",
-			underline: "_11tf63d10 _11tf63dm _11tf63dk txvbqb10mx txvbqb11ki txvbqb12hq txvbqbxtt txvbqbfqq txvbqbh6d txvbqbey txvbqb2sj txvbqb1b4r txvbqb1bg3 txvbqbv txvbqbhb2 txvbqb2sw txvbqb1tv txvbqbal4 txvbqbik txvbqb9j txvbqb3f _11tf63dl txvbqb1eol txvbqb1cst",
+			underline: "_11tf63d10 _11tf63dm _11tf63dk txvbqb10mx txvbqb11ki txvbqb12hq txvbqbxtt txvbqbfqq txvbqbh6q txvbqbey txvbqb2sj txvbqb1b4r txvbqb1bg3 txvbqbv txvbqbhb2 txvbqb2sw txvbqb1tv txvbqbal4 txvbqbik txvbqb9j txvbqb3f txvbqbv7x txvbqbws9 _11tf63dl txvbqb1eol txvbqb1cst",
 			page: "_11tf63d11 _11tf63do _11tf63dn txvbqbey txvbqb1b83 txvbqb1tv txvbqb2sj txvbqbik txvbqb2uc txvbqb1bg3 txvbqbv txvbqbfqq txvbqbh6d txvbqb9j txvbqbhb2 txvbqbzmg txvbqbzpc txvbqb3f txvbqb7g txvbqb76 txvbqb7t"
 		},
 		state: {

package/lib/esm/atomic/molecules/tabs/tabs.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.css.js","names":[],"sources":["../../../../../src/atomic/molecules/tabs/tabs.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe, type RecipeVariants } from '@vanilla-extract/recipes';\n\nimport { sprinkles, stateSprinkles } from '../../../theme/sprinkles.css.js';\nimport { vars } from '../../../theme/themeContract.css.js';\n\nexport const wrapper = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n  width: 'full',\n});\n\nexport const tabsBar = sprinkles({\n  width: 'full',\n  display: 'flex',\n  justifyContent: 'center',\n});\n\nexport const tabsInner = sprinkles({\n  width: 'full',\n  display: 'flex',\n  justifyContent: 'center',\n});\n\nexport const panels = sprinkles({\n  width: 'full',\n});\n\nexport const panel = sprinkles({\n  width: 'full',\n});\n\nexport const tabsRecipe = recipe({\n  base: sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    maxWidth: 'full',\n  }),\n  variants: {\n    variant: {\n      line: sprinkles({\n        flexWrap: 'wrap',\n        gap: 2,\n        justifyContent: 'center',\n      }),\n      pill: sprinkles({\n        display: 'inline-flex',\n        flexWrap: 'nowrap',\n        gap: 1,\n        overflowX: 'auto',\n        padding: 1,\n        borderRadius: 'full',\n        backgroundColor: 'surfaceMuted',\n        borderWidth: 'default',\n        borderStyle: 'solid',\n        borderColor: 'borderSubtle',\n      }),\n      underline: sprinkles({\n        width: 'full',\n        flexWrap: 'nowrap',\n        gap: 2,\n        overflowX: 'auto',\n        paddingX: 3,\n        paddingY: 1.5,\n        borderWidth: 0,\n        borderStyle: 'solid',\n        borderBottomWidth: 'default',\n        borderBottomColor: 'borderSubtle',\n        backgroundColor: 'surface',\n      }),\n      page: sprinkles({\n        width: 'full',\n        flexWrap: 'wrap',\n        gap: 2,\n      }),\n    },\n  },\n  defaultVariants: {\n    variant: 'line',\n  },\n});\n\nconst lineTabBase = style([\n  sprinkles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    flexShrink: 0,\n    gap: 1,\n    borderTopLeftRadius: 'md',\n    borderTopRightRadius: 'md',\n    paddingX: 4,\n    paddingY: 2,\n    fontSize: 'sm',\n    color: 'textSecondary',\n    transitionProperty: 'colors',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n    borderBottomWidth: 2,\n    borderBottomColor: 'transparent',\n    borderStyle: 'solid',\n    fontWeight: 'medium',\n    textDecoration: 'none',\n    outline: 'none',\n    position: 'relative',\n    backgroundColor: 'transparent',\n    cursor: 'pointer',\n  }),\n  {\n    marginBottom: '-1px',\n    selectors: {\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n        color: vars.colors.primary,\n        borderBottomColor: vars.colors.primary,\n      },\n    },\n  },\n]);\n\nconst pillTabBase = style([\n  sprinkles({\n    display: 'inline-flex',\n    flexShrink: 0,\n    alignItems: 'center',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    backgroundColor: 'transparent',\n    color: 'textSecondary',\n    cursor: 'pointer',\n    fontWeight: 'medium',\n    paddingX: 3,\n    paddingY: 1.5,\n    borderRadius: 'full',\n    fontSize: 'sm',\n    borderColor: 'transparent',\n    textDecoration: 'none',\n  }),\n  stateSprinkles({\n    color: {\n      hover: 'text',\n    },\n    backgroundColor: {\n      hover: 'surface',\n    },\n  }),\n  {\n    ':focus-visible': {\n      outline: `2px solid ${vars.colors.primary}`,\n      outlineOffset: 2,\n    },\n  },\n]);\n\nconst underlineTabBase = style([\n  sprinkles({\n    display: 'inline-flex',\n    flexShrink: 0,\n    alignItems: 'center',\n    borderStyle: 'solid',\n    backgroundColor: 'transparent',\n    color: 'textSecondary',\n    cursor: 'pointer',\n    fontWeight: 'medium',\n    paddingX: 3,\n    paddingY: 2,\n    borderRadius: 'none',\n    borderWidth: 0,\n    borderBottomWidth: 'default',\n    borderColor: 'transparent',\n    fontSize: 'sm',\n    textDecoration: 'none',\n  }),\n  stateSprinkles({\n    color: {\n      hover: 'text',\n    },\n    backgroundColor: {\n      hover: 'surface',\n    },\n  }),\n  {\n    ':focus-visible': {\n      outline: `2px solid ${vars.colors.primary}`,\n      outlineOffset: 2,\n    },\n  },\n]);\n\nconst pageTabBase = style([\n  sprinkles({\n    alignItems: 'center',\n    backgroundColor: 'surfaceMuted',\n    borderWidth: 0,\n    borderStyle: 'solid',\n    borderColor: 'transparent',\n    borderRadius: 'lg',\n    color: 'textSecondary',\n    cursor: 'pointer',\n    display: 'inline-flex',\n    flexShrink: 0,\n    fontSize: 'sm',\n    fontWeight: 'medium',\n    paddingBlock: 1.5,\n    paddingInline: 3,\n    textDecoration: 'none',\n    transitionProperty: 'default',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        color: vars.colors.text,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: 2,\n      },\n    },\n  },\n]);\n\nexport const tabRecipe = recipe({\n  base: style({\n    appearance: 'none',\n    font: 'inherit',\n  }),\n  variants: {\n    variant: {\n      line: lineTabBase,\n      pill: pillTabBase,\n      underline: underlineTabBase,\n      page: pageTabBase,\n    },\n    state: {\n      default: {},\n      active: sprinkles({\n        color: 'tonePrimaryText',\n        borderBottomColor: 'tonePrimaryBorder',\n        fontWeight: 'semibold',\n      }),\n      disabled: sprinkles({\n        color: 'textMuted',\n        pointerEvents: 'none',\n        cursor: 'not-allowed',\n      }),\n    },\n  },\n  compoundVariants: [\n    {\n      variants: {\n        variant: 'line',\n        state: 'default',\n      },\n      style: style({\n        selectors: {\n          '&:hover': {\n            color: vars.colors.tonePrimaryText,\n            borderBottomColor: vars.colors.tonePrimaryBorder,\n          },\n        },\n      }),\n    },\n    {\n      variants: {\n        variant: 'pill',\n        state: 'active',\n      },\n      style: sprinkles({\n        backgroundColor: 'tonePrimarySurface',\n        borderColor: 'tonePrimaryBorder',\n        color: 'tonePrimaryText',\n        boxShadow: 'primaryLightRing',\n      }),\n    },\n    {\n      variants: {\n        variant: 'underline',\n        state: 'active',\n      },\n      style: sprinkles({\n        color: 'tonePrimaryText',\n        borderBottomColor: 'tonePrimaryBorder',\n      }),\n    },\n    {\n      variants: {\n        variant: 'page',\n        state: 'active',\n      },\n      style: sprinkles({\n        backgroundColor: 'toneInfoSurface',\n        color: 'toneInfoText',\n        boxShadow: 'sm',\n      }),\n    },\n    {\n      variants: {\n        variant: 'page',\n        state: 'default',\n      },\n      style: sprinkles({\n        color: 'textSecondary',\n      }),\n    },\n  ],\n  defaultVariants: {\n    variant: 'line',\n    state: 'default',\n  },\n});\n\nexport type TabRecipeVariants = RecipeVariants<typeof tabRecipe>;\nexport type TabsRecipeVariants = RecipeVariants<typeof tabsRecipe>;\n"],"mappings":""}
+{"version":3,"file":"tabs.css.js","names":[],"sources":["../../../../../src/atomic/molecules/tabs/tabs.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe, type RecipeVariants } from '@vanilla-extract/recipes';\n\nimport { sprinkles, stateSprinkles } from '../../../theme/sprinkles.css.js';\nimport { vars } from '../../../theme/themeContract.css.js';\n\nexport const wrapper = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n  width: 'full',\n});\n\nexport const tabsBar = sprinkles({\n  width: 'full',\n  display: 'flex',\n  justifyContent: 'center',\n});\n\nexport const tabsInner = sprinkles({\n  width: 'full',\n  display: 'flex',\n  justifyContent: 'center',\n});\n\nexport const panels = sprinkles({\n  width: 'full',\n});\n\nexport const panel = sprinkles({\n  width: 'full',\n});\n\nexport const tabsRecipe = recipe({\n  base: sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    maxWidth: 'full',\n  }),\n  variants: {\n    variant: {\n      line: sprinkles({\n        flexWrap: 'wrap',\n        gap: 2,\n        justifyContent: 'center',\n      }),\n      pill: sprinkles({\n        display: 'inline-flex',\n        flexWrap: 'nowrap',\n        gap: 1,\n        overflowX: 'auto',\n        padding: 1,\n        borderRadius: 'full',\n        backgroundColor: 'surfaceMuted',\n        borderWidth: 'default',\n        borderStyle: 'solid',\n        borderColor: 'borderSubtle',\n      }),\n      underline: sprinkles({\n        width: 'full',\n        flexWrap: 'wrap',\n        gap: 2,\n        paddingX: 3,\n        paddingY: 1.5,\n        borderWidth: 0,\n        borderStyle: 'solid',\n        borderBottomWidth: 'default',\n        borderBottomColor: 'borderSubtle',\n        backgroundColor: 'surface',\n      }),\n      page: sprinkles({\n        width: 'full',\n        flexWrap: 'wrap',\n        gap: 2,\n      }),\n    },\n  },\n  defaultVariants: {\n    variant: 'line',\n  },\n});\n\nconst lineTabBase = style([\n  sprinkles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    flexShrink: 0,\n    gap: 1,\n    borderTopLeftRadius: 'md',\n    borderTopRightRadius: 'md',\n    paddingX: 4,\n    paddingY: 2,\n    fontSize: 'sm',\n    color: 'textSecondary',\n    transitionProperty: 'colors',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n    borderBottomWidth: 2,\n    borderBottomColor: 'transparent',\n    borderStyle: 'solid',\n    fontWeight: 'medium',\n    textDecoration: 'none',\n    outline: 'none',\n    position: 'relative',\n    backgroundColor: 'transparent',\n    cursor: 'pointer',\n  }),\n  {\n    marginBottom: '-1px',\n    selectors: {\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n        color: vars.colors.primary,\n        borderBottomColor: vars.colors.primary,\n      },\n    },\n  },\n]);\n\nconst pillTabBase = style([\n  sprinkles({\n    display: 'inline-flex',\n    flexShrink: 0,\n    alignItems: 'center',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    backgroundColor: 'transparent',\n    color: 'textSecondary',\n    cursor: 'pointer',\n    fontWeight: 'medium',\n    paddingX: 3,\n    paddingY: 1.5,\n    borderRadius: 'full',\n    fontSize: 'sm',\n    borderColor: 'transparent',\n    textDecoration: 'none',\n  }),\n  stateSprinkles({\n    color: {\n      hover: 'text',\n    },\n    backgroundColor: {\n      hover: 'surface',\n    },\n  }),\n  {\n    ':focus-visible': {\n      outline: `2px solid ${vars.colors.primary}`,\n      outlineOffset: 2,\n    },\n  },\n]);\n\nconst underlineTabBase = style([\n  sprinkles({\n    display: 'inline-flex',\n    flexShrink: 'default',\n    alignItems: 'center',\n    borderStyle: 'solid',\n    backgroundColor: 'transparent',\n    color: 'textSecondary',\n    cursor: 'pointer',\n    fontWeight: 'medium',\n    paddingX: 3,\n    paddingY: 2,\n    borderRadius: 'none',\n    borderWidth: 0,\n    borderBottomWidth: 'default',\n    borderColor: 'transparent',\n    fontSize: 'sm',\n    textDecoration: 'none',\n    minWidth: 0,\n    overflowWrap: 'anywhere',\n  }),\n  stateSprinkles({\n    color: {\n      hover: 'text',\n    },\n    backgroundColor: {\n      hover: 'surface',\n    },\n  }),\n  {\n    ':focus-visible': {\n      outline: `2px solid ${vars.colors.primary}`,\n      outlineOffset: 2,\n    },\n  },\n]);\n\nconst pageTabBase = style([\n  sprinkles({\n    alignItems: 'center',\n    backgroundColor: 'surfaceMuted',\n    borderWidth: 0,\n    borderStyle: 'solid',\n    borderColor: 'transparent',\n    borderRadius: 'lg',\n    color: 'textSecondary',\n    cursor: 'pointer',\n    display: 'inline-flex',\n    flexShrink: 0,\n    fontSize: 'sm',\n    fontWeight: 'medium',\n    paddingBlock: 1.5,\n    paddingInline: 3,\n    textDecoration: 'none',\n    transitionProperty: 'default',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        color: vars.colors.text,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: 2,\n      },\n    },\n  },\n]);\n\nexport const tabRecipe = recipe({\n  base: style({\n    appearance: 'none',\n    font: 'inherit',\n  }),\n  variants: {\n    variant: {\n      line: lineTabBase,\n      pill: pillTabBase,\n      underline: underlineTabBase,\n      page: pageTabBase,\n    },\n    state: {\n      default: {},\n      active: sprinkles({\n        color: 'tonePrimaryText',\n        borderBottomColor: 'tonePrimaryBorder',\n        fontWeight: 'semibold',\n      }),\n      disabled: sprinkles({\n        color: 'textMuted',\n        pointerEvents: 'none',\n        cursor: 'not-allowed',\n      }),\n    },\n  },\n  compoundVariants: [\n    {\n      variants: {\n        variant: 'line',\n        state: 'default',\n      },\n      style: style({\n        selectors: {\n          '&:hover': {\n            color: vars.colors.tonePrimaryText,\n            borderBottomColor: vars.colors.tonePrimaryBorder,\n          },\n        },\n      }),\n    },\n    {\n      variants: {\n        variant: 'pill',\n        state: 'active',\n      },\n      style: sprinkles({\n        backgroundColor: 'tonePrimarySurface',\n        borderColor: 'tonePrimaryBorder',\n        color: 'tonePrimaryText',\n        boxShadow: 'primaryLightRing',\n      }),\n    },\n    {\n      variants: {\n        variant: 'underline',\n        state: 'active',\n      },\n      style: sprinkles({\n        color: 'tonePrimaryText',\n        borderBottomColor: 'tonePrimaryBorder',\n      }),\n    },\n    {\n      variants: {\n        variant: 'page',\n        state: 'active',\n      },\n      style: sprinkles({\n        backgroundColor: 'toneInfoSurface',\n        color: 'toneInfoText',\n        boxShadow: 'sm',\n      }),\n    },\n    {\n      variants: {\n        variant: 'page',\n        state: 'default',\n      },\n      style: sprinkles({\n        color: 'textSecondary',\n      }),\n    },\n  ],\n  defaultVariants: {\n    variant: 'line',\n    state: 'default',\n  },\n});\n\nexport type TabRecipeVariants = RecipeVariants<typeof tabRecipe>;\nexport type TabsRecipeVariants = RecipeVariants<typeof tabsRecipe>;\n"],"mappings":""}

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

@@ -1,69 +1,78 @@
 import { cx as e } from "../../../theme/tools.js";
 import { Button as t } from "../../../atomic/atoms/button/Button.js";
 import { copyWithExecCommand as n } from "../../../shared/clipboard.js";
+import { HighlightCode as r } from "../../../atomic/molecules/highlight/HighlightCode.js";
+import { useShikiHighlighter as i } from "../../../node_modules/react-shiki/dist/index.js";
 import "../../shared/copyWithExecCommand.js";
-import { actions as r, container as i, header as a, pre as o, title as s, truncated as c } from "./backofficeJsonViewer.css.js";
-import { useCallback as l, useMemo as u, useState as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { useTranslation as m } from "react-i18next";
+import { actions as a, code as o, container as s, header as c, title as l, truncated as u } from "./backofficeJsonViewer.css.js";
+import { useCallback as d, useDeferredValue as f, useMemo as p, useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useTranslation as _ } from "react-i18next";
 //#region src/backoffice/molecules/backoffice_json_viewer/BackofficeJsonViewer.tsx
-var h = ({ value: h, title: g, className: _, maxHeight: v, truncate: y = !1, truncateLabel: b, expandLabel: x, copyLabel: S, copiedLabel: C }) => {
-	let { t: w } = m("ui"), [T, E] = d(y), [D, O] = d(!1), k = g ?? w("backoffice.jsonViewer.title"), A = b ?? w("backoffice.jsonViewer.collapse"), j = x ?? w("backoffice.jsonViewer.expand"), M = S ?? w("backoffice.jsonViewer.copy"), N = C ?? w("backoffice.jsonViewer.copied"), P = u(() => {
+var v = "github-light", y = "JSON", b = ({ value: b, title: x, className: S, maxHeight: C, truncate: w = !1, truncateLabel: T, expandLabel: E, copyLabel: D, copiedLabel: O }) => {
+	let { t: k } = _("ui"), [A, j] = m(w), [M, N] = m(!1), P = x ?? k("backoffice.jsonViewer.title"), F = T ?? k("backoffice.jsonViewer.collapse"), I = E ?? k("backoffice.jsonViewer.expand"), L = D ?? k("backoffice.jsonViewer.copy"), R = O ?? k("backoffice.jsonViewer.copied"), z = p(() => {
 		try {
-			return JSON.stringify(h, null, 2);
+			return JSON.stringify(b, null, 2);
 		} catch {
-			return JSON.stringify({ error: w("backoffice.jsonViewer.serializationError") });
+			return JSON.stringify({ error: k("backoffice.jsonViewer.serializationError") });
 		}
-	}, [w, h]), F = l(async () => {
+	}, [k, b]), B = f(z), V = i(B, "json", v, {
+		delay: 60,
+		showLineNumbers: !1
+	}), H = d(async () => {
 		let e = !1;
 		try {
-			typeof navigator < "u" && (await navigator.clipboard.writeText(P), e = !0);
+			typeof navigator < "u" && (await navigator.clipboard.writeText(z), e = !0);
 		} catch {
 			e = !1;
 		}
-		e ||= n(P), e && (O(!0), window.setTimeout(() => {
-			O(!1);
+		e ||= n(z), e && (N(!0), window.setTimeout(() => {
+			N(!1);
 		}, 1400));
-	}, [P]), I = u(() => {
-		if (v != null) return { maxHeight: v };
-	}, [v]), L = M;
-	D && (L = N);
-	let R = A;
-	return T && (R = j), /* @__PURE__ */ p("div", {
-		className: e(i, _),
-		children: [/* @__PURE__ */ p("div", {
-			className: a,
-			children: [/* @__PURE__ */ f("span", {
-				className: s,
-				children: k
-			}), /* @__PURE__ */ p("div", {
-				className: r,
-				children: [/* @__PURE__ */ f(t, {
+	}, [z]), U = p(() => {
+		if (C != null) return { maxHeight: C };
+	}, [C]), W = L;
+	M && (W = R);
+	let G = F;
+	return A && (G = I), /* @__PURE__ */ g("div", {
+		className: e(s, S),
+		children: [/* @__PURE__ */ g("div", {
+			className: c,
+			children: [/* @__PURE__ */ h("span", {
+				className: l,
+				children: P
+			}), /* @__PURE__ */ g("div", {
+				className: a,
+				children: [/* @__PURE__ */ h(t, {
 					type: "button",
 					variant: "secondary",
 					size: "small",
 					onClick: () => {
-						F().catch(() => {});
+						H().catch(() => {});
 					},
-					children: L
-				}), /* @__PURE__ */ f(t, {
+					children: W
+				}), /* @__PURE__ */ h(t, {
 					type: "button",
 					variant: "secondary",
 					size: "small",
 					onClick: () => {
-						E((e) => !e);
+						j((e) => !e);
 					},
-					children: R
+					children: G
 				})]
 			})]
-		}), /* @__PURE__ */ f("pre", {
-			className: e(o, { [c]: T }),
-			style: I,
-			children: P
+		}), /* @__PURE__ */ h("div", {
+			className: e(o, { [u]: A }),
+			style: U,
+			children: /* @__PURE__ */ h(r, {
+				badgeLabel: y,
+				fallbackCodeText: B,
+				highlighted: V
+			})
 		})]
 	});
 };
 //#endregion
-export { h as BackofficeJsonViewer, h as default };
+export { b as BackofficeJsonViewer, b as default };
 
 //# sourceMappingURL=BackofficeJsonViewer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BackofficeJsonViewer.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_json_viewer/BackofficeJsonViewer.tsx"],"sourcesContent":["import { useCallback, useMemo, useState, type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Button } from '../../../atomic/atoms/button/Button.js';\nimport { cx } from '../../../theme/tools.js';\nimport { copyWithExecCommand } from '../../shared/copyWithExecCommand.js';\n\nimport * as styles from './backofficeJsonViewer.css.js';\n\nexport type BackofficeJsonViewerProps = {\n  value: unknown;\n  title?: string;\n  className?: string;\n  maxHeight?: string;\n  truncate?: boolean;\n  truncateLabel?: string;\n  expandLabel?: string;\n  copyLabel?: string;\n  copiedLabel?: string;\n};\n\nexport const BackofficeJsonViewer = ({\n  value,\n  title,\n  className,\n  maxHeight,\n  truncate = false,\n  truncateLabel,\n  expandLabel,\n  copyLabel,\n  copiedLabel,\n}: BackofficeJsonViewerProps): JSX.Element => {\n  const { t } = useTranslation('ui');\n  const [isCollapsed, setIsCollapsed] = useState(truncate);\n  const [copied, setCopied] = useState(false);\n  const resolvedTitle = title ?? t('backoffice.jsonViewer.title');\n  const resolvedTruncateLabel =\n    truncateLabel ?? t('backoffice.jsonViewer.collapse');\n  const resolvedExpandLabel = expandLabel ?? t('backoffice.jsonViewer.expand');\n  const resolvedCopyLabel = copyLabel ?? t('backoffice.jsonViewer.copy');\n  const resolvedCopiedLabel = copiedLabel ?? t('backoffice.jsonViewer.copied');\n\n  const jsonText = useMemo(() => {\n    try {\n      return JSON.stringify(value, null, 2);\n    } catch {\n      return JSON.stringify({\n        error: t('backoffice.jsonViewer.serializationError'),\n      });\n    }\n  }, [t, value]);\n\n  const handleCopy = useCallback(async () => {\n    let ok = false;\n    try {\n      if (typeof navigator !== 'undefined') {\n        await navigator.clipboard.writeText(jsonText);\n        ok = true;\n      }\n    } catch {\n      ok = false;\n    }\n\n    if (!ok) {\n      ok = copyWithExecCommand(jsonText);\n    }\n\n    if (ok) {\n      setCopied(true);\n      window.setTimeout(() => {\n        setCopied(false);\n      }, 1400);\n    }\n  }, [jsonText]);\n\n  const preStyle = useMemo(() => {\n    if (maxHeight == null) {\n      return undefined;\n    }\n    return { maxHeight };\n  }, [maxHeight]);\n\n  let copyButtonLabel = resolvedCopyLabel;\n  if (copied) {\n    copyButtonLabel = resolvedCopiedLabel;\n  }\n\n  let collapseButtonLabel = resolvedTruncateLabel;\n  if (isCollapsed) {\n    collapseButtonLabel = resolvedExpandLabel;\n  }\n\n  return (\n    <div className={cx(styles.container, className)}>\n      <div className={styles.header}>\n        <span className={styles.title}>{resolvedTitle}</span>\n        <div className={styles.actions}>\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            size=\"small\"\n            onClick={() => {\n              handleCopy().catch(() => {});\n            }}\n          >\n            {copyButtonLabel}\n          </Button>\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            size=\"small\"\n            onClick={() => {\n              setIsCollapsed((v) => {\n                return !v;\n              });\n            }}\n          >\n            {collapseButtonLabel}\n          </Button>\n        </div>\n      </div>\n      <pre\n        className={cx(styles.pre, { [styles.truncated]: isCollapsed })}\n        style={preStyle}\n      >\n        {jsonText}\n      </pre>\n    </div>\n  );\n};\n\nexport default BackofficeJsonViewer;\n"],"mappings":";;;;;;;;;AAqBA,IAAa,KAAwB,EACnC,UACA,OAAA,GACA,cACA,cACA,cAAW,IACX,kBACA,gBACA,cACA,qBAC4C;CAC5C,IAAM,EAAE,SAAM,EAAe,IAAI,GAC3B,CAAC,GAAa,KAAkB,EAAS,CAAQ,GACjD,CAAC,GAAQ,KAAa,EAAS,EAAK,GACpC,IAAgB,KAAS,EAAE,6BAA6B,GACxD,IACJ,KAAiB,EAAE,gCAAgC,GAC/C,IAAsB,KAAe,EAAE,8BAA8B,GACrE,IAAoB,KAAa,EAAE,4BAA4B,GAC/D,IAAsB,KAAe,EAAE,8BAA8B,GAErE,IAAW,QAAc;EAC7B,IAAI;GACF,OAAO,KAAK,UAAU,GAAO,MAAM,CAAC;EACtC,QAAQ;GACN,OAAO,KAAK,UAAU,EACpB,OAAO,EAAE,0CAA0C,EACrD,CAAC;EACH;CACF,GAAG,CAAC,GAAG,CAAK,CAAC,GAEP,IAAa,EAAY,YAAY;EACzC,IAAI,IAAK;EACT,IAAI;GACF,AAAI,OAAO,YAAc,QACvB,MAAM,UAAU,UAAU,UAAU,CAAQ,GAC5C,IAAK;EAET,QAAQ;GACN,IAAK;EACP;EAMA,AAJA,AACE,MAAK,EAAoB,CAAQ,GAG/B,MACF,EAAU,EAAI,GACd,OAAO,iBAAiB;GACtB,EAAU,EAAK;EACjB,GAAG,IAAI;CAEX,GAAG,CAAC,CAAQ,CAAC,GAEP,IAAW,QAAc;EACzB,SAAa,MAGjB,OAAO,EAAE,aAAU;CACrB,GAAG,CAAC,CAAS,CAAC,GAEV,IAAkB;CACtB,AAAI,MACF,IAAkB;CAGpB,IAAI,IAAsB;CAK1B,OAJI,MACF,IAAsB,IAItB,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAkB,CAAS;YAA9C,CACE,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACE,kBAAC,QAAD;IAAM,WAAW;cAAe;GAAoB,CAAA,GACpD,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACE,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,MAAK;KACL,eAAe;MACb,EAAW,EAAE,YAAY,CAAC,CAAC;KAC7B;eAEC;IACK,CAAA,GACR,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,MAAK;KACL,eAAe;MACb,GAAgB,MACP,CAAC,CACT;KACH;eAEC;IACK,CAAA,CACL;KACF;MACL,kBAAC,OAAD;GACE,WAAW,EAAG,GAAY,GAAG,IAAmB,EAAY,CAAC;GAC7D,OAAO;aAEN;EACE,CAAA,CACF;;AAET"}
+{"version":3,"file":"BackofficeJsonViewer.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_json_viewer/BackofficeJsonViewer.tsx"],"sourcesContent":["import {\n  useCallback,\n  useDeferredValue,\n  useMemo,\n  useState,\n  type JSX,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useShikiHighlighter } from 'react-shiki';\n\nimport { Button } from '../../../atomic/atoms/button/Button.js';\nimport { HighlightCode } from '../../../atomic/molecules/highlight/HighlightCode.js';\nimport { cx } from '../../../theme/tools.js';\nimport { copyWithExecCommand } from '../../shared/copyWithExecCommand.js';\n\nimport * as styles from './backofficeJsonViewer.css.js';\n\nconst DEFAULT_THEME = 'github-light';\nconst JSON_BADGE_LABEL = 'JSON';\n\nexport type BackofficeJsonViewerProps = {\n  value: unknown;\n  title?: string;\n  className?: string;\n  maxHeight?: string;\n  truncate?: boolean;\n  truncateLabel?: string;\n  expandLabel?: string;\n  copyLabel?: string;\n  copiedLabel?: string;\n};\n\nexport const BackofficeJsonViewer = ({\n  value,\n  title,\n  className,\n  maxHeight,\n  truncate = false,\n  truncateLabel,\n  expandLabel,\n  copyLabel,\n  copiedLabel,\n}: BackofficeJsonViewerProps): JSX.Element => {\n  const { t } = useTranslation('ui');\n  const [isCollapsed, setIsCollapsed] = useState(truncate);\n  const [copied, setCopied] = useState(false);\n  const resolvedTitle = title ?? t('backoffice.jsonViewer.title');\n  const resolvedTruncateLabel =\n    truncateLabel ?? t('backoffice.jsonViewer.collapse');\n  const resolvedExpandLabel = expandLabel ?? t('backoffice.jsonViewer.expand');\n  const resolvedCopyLabel = copyLabel ?? t('backoffice.jsonViewer.copy');\n  const resolvedCopiedLabel = copiedLabel ?? t('backoffice.jsonViewer.copied');\n\n  const jsonText = useMemo(() => {\n    try {\n      return JSON.stringify(value, null, 2);\n    } catch {\n      return JSON.stringify({\n        error: t('backoffice.jsonViewer.serializationError'),\n      });\n    }\n  }, [t, value]);\n  const deferredJsonText = useDeferredValue(jsonText);\n  const highlighted = useShikiHighlighter(\n    deferredJsonText,\n    'json',\n    DEFAULT_THEME,\n    {\n      delay: 60,\n      showLineNumbers: false,\n    },\n  );\n\n  const handleCopy = useCallback(async () => {\n    let ok = false;\n    try {\n      if (typeof navigator !== 'undefined') {\n        await navigator.clipboard.writeText(jsonText);\n        ok = true;\n      }\n    } catch {\n      ok = false;\n    }\n\n    if (!ok) {\n      ok = copyWithExecCommand(jsonText);\n    }\n\n    if (ok) {\n      setCopied(true);\n      window.setTimeout(() => {\n        setCopied(false);\n      }, 1400);\n    }\n  }, [jsonText]);\n\n  const codeStyle = useMemo(() => {\n    if (maxHeight == null) {\n      return undefined;\n    }\n    return { maxHeight };\n  }, [maxHeight]);\n\n  let copyButtonLabel = resolvedCopyLabel;\n  if (copied) {\n    copyButtonLabel = resolvedCopiedLabel;\n  }\n\n  let collapseButtonLabel = resolvedTruncateLabel;\n  if (isCollapsed) {\n    collapseButtonLabel = resolvedExpandLabel;\n  }\n\n  return (\n    <div className={cx(styles.container, className)}>\n      <div className={styles.header}>\n        <span className={styles.title}>{resolvedTitle}</span>\n        <div className={styles.actions}>\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            size=\"small\"\n            onClick={() => {\n              handleCopy().catch(() => {});\n            }}\n          >\n            {copyButtonLabel}\n          </Button>\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            size=\"small\"\n            onClick={() => {\n              setIsCollapsed((v) => {\n                return !v;\n              });\n            }}\n          >\n            {collapseButtonLabel}\n          </Button>\n        </div>\n      </div>\n      <div\n        className={cx(styles.code, { [styles.truncated]: isCollapsed })}\n        style={codeStyle}\n      >\n        <HighlightCode\n          badgeLabel={JSON_BADGE_LABEL}\n          fallbackCodeText={deferredJsonText}\n          highlighted={highlighted}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default BackofficeJsonViewer;\n"],"mappings":";;;;;;;;;;;AAiBA,IAAM,IAAgB,gBAChB,IAAmB,QAcZ,KAAwB,EACnC,UACA,OAAA,GACA,cACA,cACA,cAAW,IACX,kBACA,gBACA,cACA,qBAC4C;CAC5C,IAAM,EAAE,SAAM,EAAe,IAAI,GAC3B,CAAC,GAAa,KAAkB,EAAS,CAAQ,GACjD,CAAC,GAAQ,KAAa,EAAS,EAAK,GACpC,IAAgB,KAAS,EAAE,6BAA6B,GACxD,IACJ,KAAiB,EAAE,gCAAgC,GAC/C,IAAsB,KAAe,EAAE,8BAA8B,GACrE,IAAoB,KAAa,EAAE,4BAA4B,GAC/D,IAAsB,KAAe,EAAE,8BAA8B,GAErE,IAAW,QAAc;EAC7B,IAAI;GACF,OAAO,KAAK,UAAU,GAAO,MAAM,CAAC;EACtC,QAAQ;GACN,OAAO,KAAK,UAAU,EACpB,OAAO,EAAE,0CAA0C,EACrD,CAAC;EACH;CACF,GAAG,CAAC,GAAG,CAAK,CAAC,GACP,IAAmB,EAAiB,CAAQ,GAC5C,IAAc,EAClB,GACA,QACA,GACA;EACE,OAAO;EACP,iBAAiB;CACnB,CACF,GAEM,IAAa,EAAY,YAAY;EACzC,IAAI,IAAK;EACT,IAAI;GACF,AAAI,OAAO,YAAc,QACvB,MAAM,UAAU,UAAU,UAAU,CAAQ,GAC5C,IAAK;EAET,QAAQ;GACN,IAAK;EACP;EAMA,AAJA,AACE,MAAK,EAAoB,CAAQ,GAG/B,MACF,EAAU,EAAI,GACd,OAAO,iBAAiB;GACtB,EAAU,EAAK;EACjB,GAAG,IAAI;CAEX,GAAG,CAAC,CAAQ,CAAC,GAEP,IAAY,QAAc;EAC1B,SAAa,MAGjB,OAAO,EAAE,aAAU;CACrB,GAAG,CAAC,CAAS,CAAC,GAEV,IAAkB;CACtB,AAAI,MACF,IAAkB;CAGpB,IAAI,IAAsB;CAK1B,OAJI,MACF,IAAsB,IAItB,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAkB,CAAS;YAA9C,CACE,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACE,kBAAC,QAAD;IAAM,WAAW;cAAe;GAAoB,CAAA,GACpD,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACE,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,MAAK;KACL,eAAe;MACb,EAAW,EAAE,YAAY,CAAC,CAAC;KAC7B;eAEC;IACK,CAAA,GACR,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,MAAK;KACL,eAAe;MACb,GAAgB,MACP,CAAC,CACT;KACH;eAEC;IACK,CAAA,CACL;KACF;MACL,kBAAC,OAAD;GACE,WAAW,EAAG,GAAa,GAAG,IAAmB,EAAY,CAAC;GAC9D,OAAO;aAEP,kBAAC,GAAD;IACE,YAAY;IACZ,kBAAkB;IACL;GACd,CAAA;EACE,CAAA,CACF;;AAET"}

package/lib/esm/backoffice/molecules/backoffice_json_viewer/backofficeJsonViewer.css.js

@@ -1,8 +1,8 @@
 /* empty css                                      */
 /* empty css                                    */
 //#region src/backoffice/molecules/backoffice_json_viewer/backofficeJsonViewer.css.ts
-var e = "_1d30zcn0 txvbqbfpn txvbqbh4x txvbqbhdl txvbqb19uf", t = "_1d30zcn1 txvbqbfpn txvbqbey txvbqblt7 txvbqbhdy", n = "_1d30zcn2 txvbqb9j txvbqbhb2 txvbqb1bg3", r = "_1d30zcn3 txvbqbfqq txvbqbey txvbqbhdl", i = "_1d30zcn4 txvbqbo7v txvbqbwwy txvbqb28o txvbqb2sj txvbqb1cw txvbqb2uc txvbqb1bg1 txvbqbh99 txvbqb96 txvbqbnxr txvbqbwqt txvbqbt8s txvbqb1awp", a = "_1d30zcn5 txvbqbt5w";
+var e = "_1d30zcn0 txvbqbfpn txvbqbh4x txvbqbhdl txvbqb19uf", t = "_1d30zcn1 txvbqbfpn txvbqbey txvbqblt7 txvbqbhdy", n = "_1d30zcn2 txvbqb9j txvbqbhb2 txvbqb1bg3", r = "_1d30zcn3 txvbqbfqq txvbqbey txvbqbhdl", i = "_1d30zcn4 txvbqbt8s txvbqbwqt", a = "_1d30zcn5 txvbqbt5w";
 //#endregion
-export { r as actions, e as container, t as header, i as pre, n as title, a as truncated };
+export { r as actions, i as code, e as container, t as header, n as title, a as truncated };
 
 //# sourceMappingURL=backofficeJsonViewer.css.js.map

package/lib/esm/backoffice/molecules/backoffice_json_viewer/backofficeJsonViewer.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeJsonViewer.css.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_json_viewer/backofficeJsonViewer.css.ts"],"sourcesContent":["import { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const container = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n  width: 'full',\n});\n\nexport const header = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 3,\n});\n\nexport const title = sprinkles({\n  fontSize: 'sm',\n  fontWeight: 'medium',\n  color: 'textSecondary',\n});\n\nexport const actions = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 2,\n});\n\nexport const pre = sprinkles({\n  margin: 0,\n  padding: 4,\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'border',\n  borderRadius: 'lg',\n  color: 'text',\n  fontFamily: 'mono',\n  fontSize: 'xs',\n  lineHeight: 1.45,\n  overflow: 'auto',\n  maxHeight: 96,\n  whiteSpace: 'pre',\n});\n\nexport const truncated = sprinkles({\n  maxHeight: 48,\n});\n"],"mappings":""}
+{"version":3,"file":"backofficeJsonViewer.css.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_json_viewer/backofficeJsonViewer.css.ts"],"sourcesContent":["import { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const container = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n  width: 'full',\n});\n\nexport const header = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 3,\n});\n\nexport const title = sprinkles({\n  fontSize: 'sm',\n  fontWeight: 'medium',\n  color: 'textSecondary',\n});\n\nexport const actions = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 2,\n});\n\nexport const code = sprinkles({\n  maxHeight: 96,\n  overflow: 'auto',\n});\n\nexport const truncated = sprinkles({\n  maxHeight: 48,\n});\n"],"mappings":""}

package/lib/esm/backoffice/molecules/backoffice_page_header/BackofficePageHeader.js

@@ -17,16 +17,16 @@ var c = ({ title: c, subtitle: l, actions: u, meta: d, leftActions: f, className
 					className: i,
 					children: c
 				}), d != null && /* @__PURE__ */ o("div", {
-					className: "_1puq2a87 txvbqbfpn txvbqbey txvbqbhdl txvbqbh7g",
+					className: "_1puq2a87 txvbqbfpn txvbqbey txvbqbhdl txvbqbh7g txvbqbv7x",
 					children: d
 				})]
 			})]
 		}), l != null && (typeof l != "string" || l.trim() !== "") && /* @__PURE__ */ o("p", {
-			className: "_1puq2a86 txvbqbo7v txvbqb9w txvbqb1bg3",
+			className: "_1puq2a86 txvbqbo7v txvbqb9w txvbqb1bg3 txvbqbv7x txvbqbu4k txvbqbws9",
 			children: l
 		})]
 	}), u != null && /* @__PURE__ */ o("div", {
-		className: "_1puq2a88 txvbqbfpn txvbqbey txvbqbhdl txvbqbh7g",
+		className: "_1puq2a88 txvbqbfpn txvbqbey txvbqbhdl txvbqbh7g txvbqbv7x",
 		children: u
 	})]
 });

package/lib/esm/backoffice/molecules/backoffice_page_header/backofficePageHeader.css.js

@@ -1,7 +1,7 @@
 /* empty css                                      */
 /* empty css                                    */
 //#region src/backoffice/molecules/backoffice_page_header/backofficePageHeader.css.ts
-var e = "_1puq2a80 txvbqbfpn txvbqbel txvbqblt7 txvbqbheb txvbqbh7g", t = "_1puq2a81 txvbqbfpn txvbqbh4x txvbqbhdl txvbqbv7x txvbqbfvs", n = "_1puq2a82 txvbqbfpn txvbqbey txvbqbhdy txvbqbh7g txvbqbv7x", r = "_1puq2a83 txvbqbfpn txvbqbey txvbqbhdl txvbqbh7g txvbqbh6d", i = "_1puq2a84 txvbqbfpn txvbqbey txvbqbhdl txvbqbh7g txvbqbv7x", a = "_1puq2a85 txvbqbaz txvbqbhbf txvbqb1bg1 txvbqbo7v", o = "_1puq2a86 txvbqbo7v txvbqb9w txvbqb1bg3", s = "_1puq2a87 txvbqbfpn txvbqbey txvbqbhdl txvbqbh7g", c = "_1puq2a88 txvbqbfpn txvbqbey txvbqbhdl txvbqbh7g";
+var e = "_1puq2a80 txvbqbfpn txvbqbel txvbqblt7 txvbqbheb txvbqbh7g txvbqbv7x", t = "_1puq2a81 txvbqbfpn txvbqbh4x txvbqbhdl txvbqbv7x txvbqbfvs", n = "_1puq2a82 txvbqbfpn txvbqbey txvbqbhdy txvbqbh7g txvbqbv7x", r = "_1puq2a83 txvbqbfpn txvbqbey txvbqbhdl txvbqbh7g txvbqbh6d", i = "_1puq2a84 txvbqbfpn txvbqbey txvbqbhdl txvbqbh7g txvbqbv7x txvbqbu4k", a = "_1puq2a85 txvbqbaz txvbqbhbf txvbqb1bg1 txvbqbo7v txvbqbv7x txvbqbu4k txvbqbws9", o = "_1puq2a86 txvbqbo7v txvbqb9w txvbqb1bg3 txvbqbv7x txvbqbu4k txvbqbws9", s = "_1puq2a87 txvbqbfpn txvbqbey txvbqbhdl txvbqbh7g txvbqbv7x", c = "_1puq2a88 txvbqbfpn txvbqbey txvbqbhdl txvbqbh7g txvbqbv7x";
 //#endregion
 export { c as actions, e as container, n as headerRow, t as left, r as leftActions, s as metaRow, o as subtitle, a as title, i as titleRow };
 

package/lib/esm/backoffice/molecules/backoffice_page_header/backofficePageHeader.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficePageHeader.css.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_page_header/backofficePageHeader.css.ts"],"sourcesContent":["import { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const container = sprinkles({\n  display: 'flex',\n  alignItems: 'flex-start',\n  justifyContent: 'space-between',\n  gap: 4,\n  flexWrap: 'wrap',\n});\n\nexport const left = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n  minWidth: 0,\n  flex: 1,\n});\n\nexport const headerRow = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 3,\n  flexWrap: 'wrap',\n  minWidth: 0,\n});\n\nexport const leftActions = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  flexWrap: 'wrap',\n  flexShrink: 0,\n});\n\nexport const titleRow = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  flexWrap: 'wrap',\n  minWidth: 0,\n});\n\nexport const title = sprinkles({\n  fontSize: '2xl',\n  fontWeight: 'semibold',\n  color: 'text',\n  margin: 0,\n});\n\nexport const subtitle = sprinkles({\n  margin: 0,\n  fontSize: 'base',\n  color: 'textSecondary',\n});\n\nexport const metaRow = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  flexWrap: 'wrap',\n});\n\nexport const actions = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  flexWrap: 'wrap',\n});\n"],"mappings":""}
+{"version":3,"file":"backofficePageHeader.css.js","names":[],"sources":["../../../../../src/backoffice/molecules/backoffice_page_header/backofficePageHeader.css.ts"],"sourcesContent":["import { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const container = sprinkles({\n  display: 'flex',\n  alignItems: 'flex-start',\n  justifyContent: 'space-between',\n  gap: 4,\n  flexWrap: 'wrap',\n  minWidth: 0,\n});\n\nexport const left = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n  minWidth: 0,\n  flex: 1,\n});\n\nexport const headerRow = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 3,\n  flexWrap: 'wrap',\n  minWidth: 0,\n});\n\nexport const leftActions = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  flexWrap: 'wrap',\n  flexShrink: 0,\n});\n\nexport const titleRow = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  flexWrap: 'wrap',\n  minWidth: 0,\n  maxWidth: 'full',\n});\n\nexport const title = sprinkles({\n  fontSize: '2xl',\n  fontWeight: 'semibold',\n  color: 'text',\n  margin: 0,\n  minWidth: 0,\n  maxWidth: 'full',\n  overflowWrap: 'anywhere',\n});\n\nexport const subtitle = sprinkles({\n  margin: 0,\n  fontSize: 'base',\n  color: 'textSecondary',\n  minWidth: 0,\n  maxWidth: 'full',\n  overflowWrap: 'anywhere',\n});\n\nexport const metaRow = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  flexWrap: 'wrap',\n  minWidth: 0,\n});\n\nexport const actions = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  flexWrap: 'wrap',\n  minWidth: 0,\n});\n"],"mappings":""}

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

@@ -37,7 +37,8 @@ var p = ({ content: p, format: m, summary: h, mode: g = "inline", initiallyExpan
 			children: /* @__PURE__ */ u(t, {
 				badgeLabel: e,
 				copyCode: w,
-				fallbackCodeText: w
+				fallbackCodeText: w,
+				wrap: m === "text"
 			})
 		});
 	}

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

@@ -1 +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,IAAI,GAC3B,IACJ,KAAc,EAAE,qCAAqC,GACjD,IAAc,QACX,EAAoC,CAAO,GACjD,CAAC,CAAO,CAAC,GACN,IAAU,EAAY,KAAK,MAAM,IACjC,IAAY,QAAyC;EACrD,SAAa,MAGjB,OAAO;GAAE;GAAW,UAAU;EAAO;CACvC,GAAG,CAAC,CAAS,CAAC,GAEV;CACJ,IAAI,GACF,IAAO,kBAAC,QAAD;EAAM,WAAW;YAAe;CAAyB,CAAA;MAC3D,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;CACtB,CAAA;MAEE,IAAI,MAAW,YACpB,IAAO,kBAAC,GAAD,EAAsB,SAAS,EAAc,CAAA;MAC/C;EACL,IAAI,IAAa,GAAQ,aAAa,EAAE,+BAA+B;EAIvE,AAHI,MAAW,WACb,IAAa,GAAQ,aAAa,EAAE,+BAA+B,IAErE,IACE,kBAAC,OAAD;GAAK,OAAO;aACV,kBAAC,GAAD;IACc;IACZ,UAAU;IACV,kBAAkB;GACnB,CAAA;EACE,CAAA;CAET;CAEA,IAAI,IAAc;CAYlB,OAXI,MAAS,cACX,IACE,kBAAC,WAAD;EAAS,WAAW;EAAgB,MAAM;YAA1C,CACE,kBAAC,WAAD;GAAS,WAAW;aACjB,GAAQ,WAAW,EAAE,kCAAkC;EACjD,CAAA,GACR,CACM;MAKX,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAkB,CAAS;YAA9C,CACG,KAAW,QAAQ,kBAAC,OAAD;GAAK,WAAW;aAAiB;EAAa,CAAA,GACjE,CACE;;AAET"}
+{"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          wrap={format === 'text'}\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,IAAI,GAC3B,IACJ,KAAc,EAAE,qCAAqC,GACjD,IAAc,QACX,EAAoC,CAAO,GACjD,CAAC,CAAO,CAAC,GACN,IAAU,EAAY,KAAK,MAAM,IACjC,IAAY,QAAyC;EACrD,SAAa,MAGjB,OAAO;GAAE;GAAW,UAAU;EAAO;CACvC,GAAG,CAAC,CAAS,CAAC,GAEV;CACJ,IAAI,GACF,IAAO,kBAAC,QAAD;EAAM,WAAW;YAAe;CAAyB,CAAA;MAC3D,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;CACtB,CAAA;MAEE,IAAI,MAAW,YACpB,IAAO,kBAAC,GAAD,EAAsB,SAAS,EAAc,CAAA;MAC/C;EACL,IAAI,IAAa,GAAQ,aAAa,EAAE,+BAA+B;EAIvE,AAHI,MAAW,WACb,IAAa,GAAQ,aAAa,EAAE,+BAA+B,IAErE,IACE,kBAAC,OAAD;GAAK,OAAO;aACV,kBAAC,GAAD;IACc;IACZ,UAAU;IACV,kBAAkB;IAClB,MAAM,MAAW;GAClB,CAAA;EACE,CAAA;CAET;CAEA,IAAI,IAAc;CAYlB,OAXI,MAAS,cACX,IACE,kBAAC,WAAD;EAAS,WAAW;EAAgB,MAAM;YAA1C,CACE,kBAAC,WAAD;GAAS,WAAW;aACjB,GAAQ,WAAW,EAAE,kCAAkC;EACjD,CAAA,GACR,CACM;MAKX,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAkB,CAAS;YAA9C,CACG,KAAW,QAAQ,kBAAC,OAAD;GAAK,WAAW;aAAiB;EAAa,CAAA,GACjE,CACE;;AAET"}

package/lib/esm/components/data-table/ResponsiveRecordList.css.js

@@ -18,8 +18,8 @@ var t = "r17fa50", n = "r17fa52 r17fa51 txvbqbfok", r = "r17fa53 txvbqbfpn txvbq
 	} },
 	defaultVariants: { density: "compact" },
 	compoundVariants: []
-}), c = "r17fa5i r17fa5h txvbqbel txvbqbfq0 txvbqbhdy txvbqbv7x txvbqb19uf", l = "r17fa5j txvbqbfpn txvbqbh4x txvbqbhd8 txvbqbv7x", u = "r17fa5k txvbqb1bg1 txvbqb9j txvbqbhbf txvbqbo4z txvbqbv7x txvbqbwsm", d = "r17fa5l txvbqb1bg3 txvbqb96 txvbqbo4z txvbqbv7x txvbqbws9", f = "r17fa5m txvbqbfq0 txvbqbhdl txvbqbj1j txvbqbj17", p = "r17fa5n txvbqbfpn txvbqbh4x txvbqbi8a txvbqbv7x", m = "r17fa5o txvbqb1bg5 txvbqb96 txvbqbhbf txvbqbmvu txvbqb6a", h = "r17fa5p txvbqb1bg1 txvbqb9j txvbqbv7x txvbqbws9", g = "r17fa5q txvbqbey txvbqbfpn txvbqbh7g txvbqbhdl", _ = "r17fa5s r17fa5r txvbqbey txvbqbfpn txvbqbh6d txvbqblsh txvbqblt0 txvbqbv7x", v = "r17fa5t txvbqbfpn txvbqbu4k txvbqbv7x txvbqbwr6";
+}), c = "r17fa5i r17fa5h txvbqbel txvbqbfq0 txvbqbhdy txvbqbv7x txvbqb19uf", l = "r17fa5j txvbqbfpn txvbqbh4x txvbqbhd8 txvbqbv7x", u = "r17fa5k txvbqb1bg1 txvbqb9j txvbqbhbf txvbqbo4z txvbqbv7x", d = "r17fa5l", f = "r17fa5m txvbqb1bg3 txvbqb96 txvbqbo4z txvbqbv7x txvbqbws9", p = "r17fa5n txvbqbfq0 txvbqbhdl txvbqbj1j txvbqbj17", m = "r17fa5o txvbqbfpn txvbqbh4x txvbqbi8a txvbqbv7x", h = "r17fa5p txvbqb1bg5 txvbqb96 txvbqbhbf txvbqbmvu txvbqb6a", g = "r17fa5q txvbqb1bg1 txvbqb9j txvbqbv7x txvbqbws9", _ = "r17fa5r txvbqbey txvbqbfpn txvbqbh7g txvbqbhdl", v = "r17fa5t r17fa5s txvbqbey txvbqbfpn txvbqbh6d txvbqblsh txvbqblt0 txvbqbv7x", y = "r17fa5u txvbqbfpn txvbqbu4k txvbqbv7x txvbqbwr6";
 //#endregion
-export { s as card, v as cardActionContent, _ as cardActions, g as cardBadges, c as cardHeader, f as cardMetaGrid, p as cardMetaItem, m as cardMetaLabel, h as cardMetaValue, d as cardSubtitle, u as cardTitle, l as cardTitleGroup, o as cards, n as cardsOnly, i as cardsViewport, r as containedRoot, a as forceHidden, t as tableOnly };
+export { s as card, y as cardActionContent, v as cardActions, _ as cardBadges, c as cardHeader, p as cardMetaGrid, m as cardMetaItem, h as cardMetaLabel, g as cardMetaValue, f as cardSubtitle, u as cardTitle, l as cardTitleGroup, d as cardTitleText, o as cards, n as cardsOnly, i as cardsViewport, r as containedRoot, a as forceHidden, t as tableOnly };
 
 //# sourceMappingURL=ResponsiveRecordList.css.js.map

package/lib/esm/components/data-table/ResponsiveRecordList.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveRecordList.css.js","names":[],"sources":["../../../../src/components/data-table/ResponsiveRecordList.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { adminSurfaceRecipe } from '../../admin/theme/adminSurface.css.js';\nimport { sprinkles } from '../../theme/sprinkles.css.js';\nimport { vars } from '../../theme/themeContract.css.js';\n\nconst TABLET_MEDIA_QUERY = 'screen and (max-width: 767px)';\n\nexport const tableOnly = style({\n  '@media': {\n    [TABLET_MEDIA_QUERY]: {\n      display: 'none',\n    },\n  },\n});\n\nexport const cardsOnly = style([\n  sprinkles({\n    display: 'none',\n  }),\n  {\n    '@media': {\n      [TABLET_MEDIA_QUERY]: {\n        display: 'flex',\n        flexDirection: 'column',\n        width: '100%',\n      },\n    },\n  },\n]);\n\nexport const containedRoot = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  height: 'full',\n  minHeight: 0,\n});\n\nexport const cardsViewport = style([\n  sprinkles({\n    flex: 1,\n    minHeight: 0,\n    width: 'full',\n  }),\n  {\n    overflowY: 'auto',\n    scrollbarWidth: 'thin',\n    scrollbarColor: `${vars.colors.border} transparent`,\n  },\n]);\n\nexport const forceHidden = sprinkles({\n  display: 'none',\n});\n\nexport const cards = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n  width: 'full',\n});\n\nexport const card = recipe({\n  base: style([\n    sprinkles({\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 3,\n      minWidth: 0,\n    }),\n    adminSurfaceRecipe({\n      level: 'panel',\n      radius: 'md',\n      border: 'subtle',\n      elevation: 'subtle',\n      padding: 'md',\n    }),\n    {\n      selectors: {\n        '&:hover': {\n          borderColor: vars.colors.border,\n          boxShadow: vars.boxShadow.md,\n        },\n      },\n    },\n  ]),\n  variants: {\n    density: {\n      compact: sprinkles({\n        gap: 2,\n        padding: 3,\n      }),\n      default: sprinkles({\n        gap: 3,\n        padding: 4,\n      }),\n      comfortable: sprinkles({\n        gap: 3,\n        padding: 4,\n      }),\n    },\n  },\n  defaultVariants: {\n    density: 'compact',\n  },\n});\n\nexport const cardHeader = style([\n  sprinkles({\n    alignItems: 'flex-start',\n    display: 'grid',\n    gap: 3,\n    minWidth: 0,\n    width: 'full',\n  }),\n  {\n    gridTemplateColumns: 'minmax(0, 1fr) auto',\n    '@media': {\n      [TABLET_MEDIA_QUERY]: {\n        gridTemplateColumns: 'minmax(0, 1fr)',\n      },\n    },\n  },\n]);\n\nexport const cardTitleGroup = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  minWidth: 0,\n});\n\nexport const cardTitle = sprinkles({\n  color: 'text',\n  fontSize: 'sm',\n  fontWeight: 'semibold',\n  lineHeight: 'tight',\n  minWidth: 0,\n  overflowWrap: 'break-word',\n});\n\nexport const cardSubtitle = sprinkles({\n  color: 'textSecondary',\n  fontSize: 'xs',\n  lineHeight: 'tight',\n  minWidth: 0,\n  overflowWrap: 'anywhere',\n});\n\nexport const cardMetaGrid = sprinkles({\n  display: 'grid',\n  gap: 2,\n  gridTemplateColumns: {\n    base: 2,\n    sm: 1,\n  },\n});\n\nexport const cardMetaItem = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 0.5,\n  minWidth: 0,\n});\n\nexport const cardMetaLabel = sprinkles({\n  color: 'textMuted',\n  fontSize: 'xs',\n  fontWeight: 'semibold',\n  letterSpacing: 'caps',\n  textTransform: 'uppercase',\n});\n\nexport const cardMetaValue = sprinkles({\n  color: 'text',\n  fontSize: 'sm',\n  minWidth: 0,\n  overflowWrap: 'anywhere',\n});\n\nexport const cardBadges = sprinkles({\n  alignItems: 'center',\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: 2,\n});\n\nexport const cardActions = style([\n  sprinkles({\n    alignItems: 'center',\n    display: 'flex',\n    flexShrink: 0,\n    justifyContent: {\n      base: 'flex-end',\n      max767: 'flex-start',\n    },\n    minWidth: 0,\n  }),\n  {\n    maxWidth: '100%',\n  },\n]);\n\nexport const cardActionContent = sprinkles({\n  display: 'flex',\n  maxWidth: 'full',\n  minWidth: 0,\n  overflow: 'hidden',\n});\n"],"mappings":""}
+{"version":3,"file":"ResponsiveRecordList.css.js","names":[],"sources":["../../../../src/components/data-table/ResponsiveRecordList.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { adminSurfaceRecipe } from '../../admin/theme/adminSurface.css.js';\nimport { sprinkles } from '../../theme/sprinkles.css.js';\nimport { vars } from '../../theme/themeContract.css.js';\n\nconst TABLET_MEDIA_QUERY = 'screen and (max-width: 767px)';\n\nexport const tableOnly = style({\n  '@media': {\n    [TABLET_MEDIA_QUERY]: {\n      display: 'none',\n    },\n  },\n});\n\nexport const cardsOnly = style([\n  sprinkles({\n    display: 'none',\n  }),\n  {\n    '@media': {\n      [TABLET_MEDIA_QUERY]: {\n        display: 'flex',\n        flexDirection: 'column',\n        width: '100%',\n      },\n    },\n  },\n]);\n\nexport const containedRoot = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  height: 'full',\n  minHeight: 0,\n});\n\nexport const cardsViewport = style([\n  sprinkles({\n    flex: 1,\n    minHeight: 0,\n    width: 'full',\n  }),\n  {\n    overflowY: 'auto',\n    scrollbarWidth: 'thin',\n    scrollbarColor: `${vars.colors.border} transparent`,\n  },\n]);\n\nexport const forceHidden = sprinkles({\n  display: 'none',\n});\n\nexport const cards = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n  width: 'full',\n});\n\nexport const card = recipe({\n  base: style([\n    sprinkles({\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 3,\n      minWidth: 0,\n    }),\n    adminSurfaceRecipe({\n      level: 'panel',\n      radius: 'md',\n      border: 'subtle',\n      elevation: 'subtle',\n      padding: 'md',\n    }),\n    {\n      selectors: {\n        '&:hover': {\n          borderColor: vars.colors.border,\n          boxShadow: vars.boxShadow.md,\n        },\n      },\n    },\n  ]),\n  variants: {\n    density: {\n      compact: sprinkles({\n        gap: 2,\n        padding: 3,\n      }),\n      default: sprinkles({\n        gap: 3,\n        padding: 4,\n      }),\n      comfortable: sprinkles({\n        gap: 3,\n        padding: 4,\n      }),\n    },\n  },\n  defaultVariants: {\n    density: 'compact',\n  },\n});\n\nexport const cardHeader = style([\n  sprinkles({\n    alignItems: 'flex-start',\n    display: 'grid',\n    gap: 3,\n    minWidth: 0,\n    width: 'full',\n  }),\n  {\n    gridTemplateColumns: 'minmax(0, 1fr) auto',\n    '@media': {\n      [TABLET_MEDIA_QUERY]: {\n        gridTemplateColumns: 'minmax(0, 1fr)',\n      },\n    },\n  },\n]);\n\nexport const cardTitleGroup = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  minWidth: 0,\n});\n\nexport const cardTitle = sprinkles({\n  color: 'text',\n  fontSize: 'sm',\n  fontWeight: 'semibold',\n  lineHeight: 'tight',\n  minWidth: 0,\n});\n\nexport const cardTitleText = style({\n  minWidth: 0,\n  overflowWrap: 'anywhere',\n  wordBreak: 'break-word',\n});\n\nexport const cardSubtitle = sprinkles({\n  color: 'textSecondary',\n  fontSize: 'xs',\n  lineHeight: 'tight',\n  minWidth: 0,\n  overflowWrap: 'anywhere',\n});\n\nexport const cardMetaGrid = sprinkles({\n  display: 'grid',\n  gap: 2,\n  gridTemplateColumns: {\n    base: 2,\n    sm: 1,\n  },\n});\n\nexport const cardMetaItem = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 0.5,\n  minWidth: 0,\n});\n\nexport const cardMetaLabel = sprinkles({\n  color: 'textMuted',\n  fontSize: 'xs',\n  fontWeight: 'semibold',\n  letterSpacing: 'caps',\n  textTransform: 'uppercase',\n});\n\nexport const cardMetaValue = sprinkles({\n  color: 'text',\n  fontSize: 'sm',\n  minWidth: 0,\n  overflowWrap: 'anywhere',\n});\n\nexport const cardBadges = sprinkles({\n  alignItems: 'center',\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: 2,\n});\n\nexport const cardActions = style([\n  sprinkles({\n    alignItems: 'center',\n    display: 'flex',\n    flexShrink: 0,\n    justifyContent: {\n      base: 'flex-end',\n      max767: 'flex-start',\n    },\n    minWidth: 0,\n  }),\n  {\n    maxWidth: '100%',\n  },\n]);\n\nexport const cardActionContent = sprinkles({\n  display: 'flex',\n  maxWidth: 'full',\n  minWidth: 0,\n  overflow: 'hidden',\n});\n"],"mappings":""}