@plumile/ui 0.1.61 → 0.1.63

package/lib/esm/backoffice/templates/backoffice_shell_template/BackofficeShellTemplate.js

@@ -0,0 +1,19 @@
+import { BackofficeAppShell as e } from "../../organisms/backoffice_app_shell/BackofficeAppShell.js";
+import { BackofficeSidebar as t } from "../../organisms/backoffice_sidebar/BackofficeSidebar.js";
+import { BackofficeTopbar as n } from "../../organisms/backoffice_topbar/BackofficeTopbar.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/backoffice/templates/backoffice_shell_template/BackofficeShellTemplate.tsx
+var i = ({ children: i, sidebar: a, topbar: o, actions: s, tabs: c }) => {
+	let l = /* @__PURE__ */ r(t, { ...a }), u = null;
+	return o != null && (u = /* @__PURE__ */ r(n, { ...o })), /* @__PURE__ */ r(e, {
+		sidebar: l,
+		breadcrumbSlot: u,
+		actions: s,
+		tabs: c,
+		children: i
+	});
+};
+//#endregion
+export { i as BackofficeShellTemplate, i as default };
+
+//# sourceMappingURL=BackofficeShellTemplate.js.map

package/lib/esm/backoffice/templates/backoffice_shell_template/BackofficeShellTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeShellTemplate.js","names":[],"sources":["../../../../../src/backoffice/templates/backoffice_shell_template/BackofficeShellTemplate.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { BackofficeAppShell } from '../../organisms/backoffice_app_shell/BackofficeAppShell.js';\nimport {\n  BackofficeSidebar,\n  type BackofficeSidebarProps,\n} from '../../organisms/backoffice_sidebar/BackofficeSidebar.js';\nimport {\n  BackofficeTopbar,\n  type BackofficeTopbarProps,\n} from '../../organisms/backoffice_topbar/BackofficeTopbar.js';\nimport type {\n  PageShellActions,\n  PageShellTab,\n} from '@plumile/ui/components/layout/PageShell.js';\n\nexport type BackofficeShellTemplateProps = {\n  children: ReactNode;\n  sidebar: BackofficeSidebarProps;\n  topbar?: BackofficeTopbarProps;\n  actions?: PageShellActions;\n  tabs?: PageShellTab[];\n};\n\nexport const BackofficeShellTemplate = ({\n  children,\n  sidebar,\n  topbar,\n  actions,\n  tabs,\n}: BackofficeShellTemplateProps): JSX.Element => {\n  const sidebarNode = <BackofficeSidebar {...sidebar} />;\n  let topbarNode: JSX.Element | null = null;\n  if (topbar != null) {\n    topbarNode = <BackofficeTopbar {...topbar} />;\n  }\n\n  return (\n    <BackofficeAppShell\n      sidebar={sidebarNode}\n      breadcrumbSlot={topbarNode}\n      actions={actions}\n      tabs={tabs}\n    >\n      {children}\n    </BackofficeAppShell>\n  );\n};\n\nexport default BackofficeShellTemplate;\n"],"mappings":";;;;;AAwBA,IAAa,KAA2B,EACtC,aACA,YACA,WACA,YACA,cAC+C;CAC/C,IAAM,IAAc,kBAAC,GAAD,EAAmB,GAAI,GAAW,CAAA,EAClD,IAAiC;AAKrC,QAJI,KAAU,SACZ,IAAa,kBAAC,GAAD,EAAkB,GAAI,GAAU,CAAA,GAI7C,kBAAC,GAAD;EACE,SAAS;EACT,gBAAgB;EACP;EACH;EAEL;EACkB,CAAA"}

package/lib/esm/backoffice/templates/detail_page_template/DetailPageTemplate.js

@@ -0,0 +1,55 @@
+import { cx as e } from "../../../theme/tools.js";
+import { EntityHeader as t } from "../../organisms/entity_header/EntityHeader.js";
+import { body as n, container as r, headerCard as i, rowSingle as a, rowSplit as o, rowSplitBase as s, sidePanelBase as c, sidePanelCard as l, sidePanelPlain as u, sidePanelTopVar as d } from "./detailPageTemplate.css.js";
+import "../../../index.js";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/backoffice/templates/detail_page_template/DetailPageTemplate.tsx
+var m = (m) => {
+	let { children: h, aboveContent: g, className: _, tabsNode: v, sidePanel: y, sidePanelVariant: b = "card", sidePanelStickyTop: x, layoutVariant: S } = m, C = y != null, w = "single";
+	C && (w = "split");
+	let T = S ?? w;
+	C || (T = "single");
+	let E = T === "split", D = a;
+	E && (D = e(o, s));
+	let O;
+	O = "headerNode" in m ? m.headerNode : /* @__PURE__ */ f(t, { ...m.header });
+	let k = x?.trim(), A;
+	k != null && k !== "" && (A = { [d]: k });
+	let j = l;
+	b === "plain" && (j = u);
+	let M = e(c, j);
+	return /* @__PURE__ */ p("div", {
+		className: e(r, _),
+		style: A,
+		children: [
+			/* @__PURE__ */ f("div", {
+				className: D,
+				children: /* @__PURE__ */ f("div", {
+					className: i,
+					children: O
+				})
+			}),
+			v != null && /* @__PURE__ */ f("div", {
+				className: D,
+				children: /* @__PURE__ */ f("div", {
+					className: "eno74pd eno74pc txvbqbpsx txvbqbv2r txvbqblx6 txvbqbt7x",
+					children: v
+				})
+			}),
+			/* @__PURE__ */ p("div", {
+				className: D,
+				children: [/* @__PURE__ */ p("div", {
+					className: n,
+					children: [g, h]
+				}), C && /* @__PURE__ */ f("aside", {
+					className: M,
+					children: y
+				})]
+			})
+		]
+	});
+};
+//#endregion
+export { m as DetailPageTemplate, m as default };
+
+//# sourceMappingURL=DetailPageTemplate.js.map

package/lib/esm/backoffice/templates/detail_page_template/DetailPageTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailPageTemplate.js","names":[],"sources":["../../../../../src/backoffice/templates/detail_page_template/DetailPageTemplate.tsx"],"sourcesContent":["import { type CSSProperties, type JSX, type ReactNode } from 'react';\n\nimport {\n  EntityHeader,\n  type EntityHeaderProps,\n} from '../../organisms/entity_header/EntityHeader.js';\nimport * as styles from './detailPageTemplate.css.js';\nimport { cx } from '@plumile/ui';\n\ntype WithHeaderProps = {\n  header: EntityHeaderProps;\n  headerNode?: never;\n};\n\ntype WithHeaderNode = {\n  header?: never;\n  headerNode: ReactNode;\n};\n\nexport type DetailSidePanelVariant = 'card' | 'plain';\nexport type DetailLayoutVariant = 'single' | 'split';\n\nexport type DetailPageTemplateProps = (WithHeaderProps | WithHeaderNode) & {\n  children: ReactNode;\n  aboveContent?: ReactNode;\n  tabsNode?: ReactNode;\n  sidePanel?: ReactNode;\n  sidePanelVariant?: DetailSidePanelVariant;\n  sidePanelStickyTop?: string;\n  layoutVariant?: DetailLayoutVariant;\n  className?: string;\n};\n\nexport const DetailPageTemplate = (\n  props: DetailPageTemplateProps,\n): JSX.Element => {\n  const {\n    children,\n    aboveContent,\n    className,\n    tabsNode,\n    sidePanel,\n    sidePanelVariant = 'card',\n    sidePanelStickyTop,\n    layoutVariant,\n  } = props;\n\n  const hasSidePanel = sidePanel != null;\n  let autoLayoutVariant: DetailLayoutVariant = 'single';\n  if (hasSidePanel) {\n    autoLayoutVariant = 'split';\n  }\n  let resolvedLayoutVariant = layoutVariant ?? autoLayoutVariant;\n  if (!hasSidePanel) {\n    resolvedLayoutVariant = 'single';\n  }\n  const isSplitLayout = resolvedLayoutVariant === 'split';\n  let rowClassName = styles.rowSingle;\n  if (isSplitLayout) {\n    rowClassName = cx(styles.rowSplit, styles.rowSplitBase);\n  }\n\n  let resolvedHeader: ReactNode;\n  if ('headerNode' in props) {\n    resolvedHeader = props.headerNode;\n  } else {\n    resolvedHeader = <EntityHeader {...props.header} />;\n  }\n\n  const resolvedStickyTop = sidePanelStickyTop?.trim();\n  let containerStyle: CSSProperties | undefined;\n  if (resolvedStickyTop != null && resolvedStickyTop !== '') {\n    containerStyle = {\n      [styles.sidePanelTopVar]: resolvedStickyTop,\n    } as CSSProperties;\n  }\n\n  let sidePanelClassName = styles.sidePanelCard;\n  if (sidePanelVariant === 'plain') {\n    sidePanelClassName = styles.sidePanelPlain;\n  }\n  const resolvedSidePanelClassName = cx(\n    styles.sidePanelBase,\n    sidePanelClassName,\n  );\n\n  return (\n    <div className={cx(styles.container, className)} style={containerStyle}>\n      <div className={rowClassName}>\n        <div className={styles.headerCard}>{resolvedHeader}</div>\n      </div>\n      {tabsNode != null && (\n        <div className={rowClassName}>\n          <div className={styles.tabsRow}>{tabsNode}</div>\n        </div>\n      )}\n      <div className={rowClassName}>\n        <div className={styles.body}>\n          {aboveContent}\n          {children}\n        </div>\n        {hasSidePanel && (\n          <aside className={resolvedSidePanelClassName}>{sidePanel}</aside>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default DetailPageTemplate;\n"],"mappings":";;;;;;AAiCA,IAAa,KACX,MACgB;CAChB,IAAM,EACJ,aACA,iBACA,cACA,aACA,cACA,sBAAmB,QACnB,uBACA,qBACE,GAEE,IAAe,KAAa,MAC9B,IAAyC;AAC7C,CAAI,MACF,IAAoB;CAEtB,IAAI,IAAwB,KAAiB;AAC7C,CAAK,MACH,IAAwB;CAE1B,IAAM,IAAgB,MAA0B,SAC5C,IAAe;AACnB,CAAI,MACF,IAAe,EAAG,GAAiB,EAAoB;CAGzD,IAAI;AACJ,CAGE,IAHE,gBAAgB,IACD,EAAM,aAEN,kBAAC,GAAD,EAAc,GAAI,EAAM,QAAU,CAAA;CAGrD,IAAM,IAAoB,GAAoB,MAAM,EAChD;AACJ,CAAI,KAAqB,QAAQ,MAAsB,OACrD,IAAiB,GACd,IAAyB,GAC3B;CAGH,IAAI,IAAqB;AACzB,CAAI,MAAqB,YACvB,IAAqB;CAEvB,IAAM,IAA6B,EACjC,GACA,EACD;AAED,QACE,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAkB,EAAU;EAAE,OAAO;YAAxD;GACE,kBAAC,OAAD;IAAK,WAAW;cACd,kBAAC,OAAD;KAAK,WAAW;eAAoB;KAAqB,CAAA;IACrD,CAAA;GACL,KAAY,QACX,kBAAC,OAAD;IAAK,WAAW;cACd,kBAAC,OAAD;KAAK,WAAW;eAAiB;KAAe,CAAA;IAC5C,CAAA;GAER,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACE,kBAAC,OAAD;KAAK,WAAW;eAAhB,CACG,GACA,EACG;QACL,KACC,kBAAC,SAAD;KAAO,WAAW;eAA6B;KAAkB,CAAA,CAE/D;;GACF"}

package/lib/esm/backoffice/templates/detail_page_template/detailPageTemplate.css.js

@@ -0,0 +1,8 @@
+/* empty css                                      */
+/* empty css                                  */
+//#region src/backoffice/templates/detail_page_template/detailPageTemplate.css.ts
+var e = "var(--eno74p0)", t = "eno74p2 eno74p1 txvbqb9io txvbqbai6 txvbqbaoo", n = "eno74p3 txvbqbu6f txvbqbk4x txvbqb9io txvbqbai6 txvbqbaoo", r = "eno74p4 txvbqb9ix txvbqbbwo txvbqbbxe txvbqbc6 txvbqbcn", i = "eno74p5 txvbqbu6f txvbqbk4x txvbqbaoo", a = "eno74p6 txvbqbk4x txvbqb1s6 txvbqb1co txvbqb1qf txvbqbwo txvbqbv2r txvbqblax txvbqb8pf", o = "eno74p7 txvbqb9io txvbqbai6 txvbqbaoo txvbqbk4x", s = "eno74p9 eno74p8 txvbqbpsx txvbqb9io txvbqbai6 txvbqbaof txvbqbk4x txvbqbdo", c = "eno74pa txvbqb1s6 txvbqb1co txvbqb1qf txvbqbwo txvbqbv2r txvbqblaf txvbqb8pf", l = "eno74pb txvbqb12f txvbqb1px txvbqbuzj txvbqbl9f txvbqb8uf", u = "eno74pd eno74pc txvbqbpsx txvbqbv2r txvbqblx6 txvbqbt7x";
+//#endregion
+export { o as body, t as container, a as headerCard, n as rowSingle, r as rowSplit, i as rowSplitBase, s as sidePanelBase, c as sidePanelCard, l as sidePanelPlain, e as sidePanelTopVar, u as tabsRow };
+
+//# sourceMappingURL=detailPageTemplate.css.js.map

package/lib/esm/backoffice/templates/detail_page_template/detailPageTemplate.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"detailPageTemplate.css.js","names":[],"sources":["../../../../../src/backoffice/templates/detail_page_template/detailPageTemplate.css.ts"],"sourcesContent":["import { createVar, style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nimport { backofficeLayoutTokens } from '../../layout/backofficeLayoutTokens.js';\n\nconst detailTokens = backofficeLayoutTokens.detail;\n\nexport const sidePanelTopVar = createVar();\n\nexport const container = style([\n  sprinkles({\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 4,\n  }),\n  {\n    vars: {\n      [sidePanelTopVar]: detailTokens.stickyTop,\n    },\n  },\n]);\n\nexport const rowSingle = sprinkles({\n  width: 'full',\n  minWidth: 0,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n});\n\nexport const rowSplit = sprinkles({\n  display: 'grid',\n  gridTemplateColumns: {\n    base: 'detailSingle',\n    min1200: 'detailAside320',\n  },\n  alignItems: {\n    base: 'stretch',\n    min1200: 'flex-start',\n  },\n});\n\nexport const rowSplitBase = sprinkles({\n  width: 'full',\n  minWidth: 0,\n  gap: 4,\n});\n\nexport const headerCard = sprinkles({\n  minWidth: 0,\n  borderRadius: '2xl',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'borderSubtle',\n  backgroundColor: 'surface',\n  padding: 6,\n  boxShadow: 'sm',\n});\n\nexport const body = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n  minWidth: 0,\n});\n\nexport const sidePanelBase = style([\n  sprinkles({\n    position: 'sticky',\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 3,\n    minWidth: 0,\n    alignSelf: 'flex-start',\n  }),\n  {\n    top: sidePanelTopVar,\n  },\n]);\n\nexport const sidePanelCard = sprinkles({\n  borderRadius: '2xl',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'borderSubtle',\n  backgroundColor: 'surface',\n  padding: 4,\n  boxShadow: 'sm',\n});\n\nexport const sidePanelPlain = sprinkles({\n  borderWidth: 0,\n  borderStyle: 'none',\n  backgroundColor: 'transparent',\n  padding: 0,\n  boxShadow: 'none',\n});\n\nexport const tabsRow = style([\n  sprinkles({\n    position: 'sticky',\n    backgroundColor: 'surface',\n    paddingBottom: 2,\n    top: 4,\n  }),\n  {\n    zIndex: 2,\n  },\n]);\n"],"mappings":""}

package/lib/esm/backoffice/templates/list_page_template/ListPageTemplate.js

@@ -0,0 +1,43 @@
+import { cx as e } from "../../../theme/tools.js";
+import { BackofficeDataTable as t } from "../../organisms/backoffice_data_table/BackofficeDataTable.js";
+import { EntityHeader as n } from "../../organisms/entity_header/EntityHeader.js";
+import { container as r, containerNoToolbar as i, containerWithToolbar as a, headerCard as o, tableCard as s, tableFooter as c, tableScroll as l } from "./listPageTemplate.css.js";
+import "../../../index.js";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/backoffice/templates/list_page_template/ListPageTemplate.tsx
+var f = (f) => {
+	let { className: p, toolbarNode: m, tableFooterNode: h } = f, g = i;
+	m != null && (g = a);
+	let _ = e(r, g, p), v;
+	v = "headerNode" in f ? f.headerNode : /* @__PURE__ */ u(n, { ...f.header });
+	let y;
+	y = "tableNode" in f ? f.tableNode : /* @__PURE__ */ u(t, { ...f.table });
+	let b = null;
+	return h != null && (b = /* @__PURE__ */ u("div", {
+		className: c,
+		children: h
+	})), /* @__PURE__ */ d("div", {
+		className: _,
+		children: [
+			/* @__PURE__ */ u("div", {
+				className: o,
+				children: v
+			}),
+			m != null && /* @__PURE__ */ u("div", {
+				className: "dlvvnq4 txvbqb1rx txvbqb1co txvbqb1qf txvbqbwo txvbqbv2r txvbqblaf txvbqb8pf",
+				children: m
+			}),
+			/* @__PURE__ */ d("div", {
+				className: s,
+				children: [/* @__PURE__ */ u("div", {
+					className: l,
+					children: y
+				}), b]
+			})
+		]
+	});
+};
+//#endregion
+export { f as ListPageTemplate, f as default };
+
+//# sourceMappingURL=ListPageTemplate.js.map

package/lib/esm/backoffice/templates/list_page_template/ListPageTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPageTemplate.js","names":[],"sources":["../../../../../src/backoffice/templates/list_page_template/ListPageTemplate.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport {\n  BackofficeDataTable,\n  type BackofficeDataTableProps,\n} from '../../organisms/backoffice_data_table/BackofficeDataTable.js';\nimport {\n  EntityHeader,\n  type EntityHeaderProps,\n} from '../../organisms/entity_header/EntityHeader.js';\n\nimport * as styles from './listPageTemplate.css.js';\nimport { cx } from '@plumile/ui';\n\ntype ListBaseProps = {\n  toolbarNode?: ReactNode;\n  tableFooterNode?: ReactNode;\n  className?: string;\n};\n\ntype ListWithHeaderProps<Row> = ListBaseProps & {\n  header: EntityHeaderProps;\n  headerNode?: never;\n  table: BackofficeDataTableProps<Row>;\n  tableNode?: never;\n};\n\ntype ListWithHeaderNode<Row> = ListBaseProps & {\n  header?: never;\n  headerNode: ReactNode;\n  table: BackofficeDataTableProps<Row>;\n  tableNode?: never;\n};\n\ntype ListWithCustomTable =\n  | (ListBaseProps & {\n      header: EntityHeaderProps;\n      headerNode?: never;\n      table?: never;\n      tableNode: ReactNode;\n    })\n  | (ListBaseProps & {\n      header?: never;\n      headerNode: ReactNode;\n      table?: never;\n      tableNode: ReactNode;\n    });\n\nexport type ListPageTemplateProps<Row> =\n  | ListWithHeaderProps<Row>\n  | ListWithHeaderNode<Row>\n  | ListWithCustomTable;\n\nexport const ListPageTemplate = <Row,>(\n  props: ListPageTemplateProps<Row>,\n): JSX.Element => {\n  const { className, toolbarNode, tableFooterNode } = props;\n\n  let containerVariant = styles.containerNoToolbar;\n  if (toolbarNode != null) {\n    containerVariant = styles.containerWithToolbar;\n  }\n\n  const containerClasses = cx(styles.container, containerVariant, className);\n\n  let resolvedHeader: ReactNode;\n  if ('headerNode' in props) {\n    resolvedHeader = props.headerNode;\n  } else {\n    resolvedHeader = <EntityHeader {...props.header} />;\n  }\n\n  let resolvedTable: ReactNode;\n  if ('tableNode' in props) {\n    resolvedTable = props.tableNode;\n  } else {\n    resolvedTable = <BackofficeDataTable {...props.table} />;\n  }\n\n  let footerSection: ReactNode | null = null;\n  if (tableFooterNode != null) {\n    footerSection = <div className={styles.tableFooter}>{tableFooterNode}</div>;\n  }\n\n  return (\n    <div className={containerClasses}>\n      <div className={styles.headerCard}>{resolvedHeader}</div>\n      {toolbarNode != null && (\n        <div className={styles.toolbarCard}>{toolbarNode}</div>\n      )}\n      <div className={styles.tableCard}>\n        <div className={styles.tableScroll}>{resolvedTable}</div>\n        {footerSection}\n      </div>\n    </div>\n  );\n};\n\nexport default ListPageTemplate;\n"],"mappings":";;;;;;;AAqDA,IAAa,KACX,MACgB;CAChB,IAAM,EAAE,cAAW,gBAAa,uBAAoB,GAEhD,IAAmB;AACvB,CAAI,KAAe,SACjB,IAAmB;CAGrB,IAAM,IAAmB,EAAG,GAAkB,GAAkB,EAAU,EAEtE;AACJ,CAGE,IAHE,gBAAgB,IACD,EAAM,aAEN,kBAAC,GAAD,EAAc,GAAI,EAAM,QAAU,CAAA;CAGrD,IAAI;AACJ,CAGE,IAHE,eAAe,IACD,EAAM,YAEN,kBAAC,GAAD,EAAqB,GAAI,EAAM,OAAS,CAAA;CAG1D,IAAI,IAAkC;AAKtC,QAJI,KAAmB,SACrB,IAAgB,kBAAC,OAAD;EAAK,WAAW;YAAqB;EAAsB,CAAA,GAI3E,kBAAC,OAAD;EAAK,WAAW;YAAhB;GACE,kBAAC,OAAD;IAAK,WAAW;cAAoB;IAAqB,CAAA;GACxD,KAAe,QACd,kBAAC,OAAD;IAAK,WAAW;cAAqB;IAAkB,CAAA;GAEzD,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACE,kBAAC,OAAD;KAAK,WAAW;eAAqB;KAAoB,CAAA,EACxD,EACG;;GACF"}

package/lib/esm/backoffice/templates/list_page_template/listPageTemplate.css.js

@@ -0,0 +1,8 @@
+/* empty css                                      */
+/* empty css                                */
+//#region src/backoffice/templates/list_page_template/listPageTemplate.css.ts
+var e = "dlvvnq0 txvbqb9ix txvbqbaoo txvbqbcff txvbqbjg6", t = "dlvvnq1 txvbqbc3o", n = "dlvvnq2 txvbqbc3f", r = "dlvvnq3 txvbqb1s6 txvbqb1co txvbqb1qf txvbqbwo txvbqbv2r txvbqblax txvbqb8pf", i = "dlvvnq4 txvbqb1rx txvbqb1co txvbqb1qf txvbqbwo txvbqbv2r txvbqblaf txvbqb8pf", a = "dlvvnq5 txvbqb9ix txvbqbc3x txvbqbjg6 txvbqb1s6 txvbqb1co txvbqb1qf txvbqbwo txvbqbv2r txvbqblaf txvbqb8pf", o = "dlvvnq6 txvbqbjg6 txvbqbl66", s = "dlvvnq7 txvbqbhwo";
+//#endregion
+export { e as container, n as containerNoToolbar, t as containerWithToolbar, r as headerCard, a as tableCard, s as tableFooter, o as tableScroll, i as toolbarCard };
+
+//# sourceMappingURL=listPageTemplate.css.js.map

package/lib/esm/backoffice/templates/list_page_template/listPageTemplate.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listPageTemplate.css.js","names":[],"sources":["../../../../../src/backoffice/templates/list_page_template/listPageTemplate.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const container = sprinkles({\n  display: 'grid',\n  gap: 4,\n  height: 'full',\n  minHeight: 0,\n});\n\nexport const containerWithToolbar = sprinkles({\n  gridTemplateRows: 'autoAutoMinmax0',\n});\n\nexport const containerNoToolbar = sprinkles({\n  gridTemplateRows: 'autoMinmax0',\n});\n\nexport const headerCard = sprinkles({\n  borderRadius: '2xl',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'borderSubtle',\n  backgroundColor: 'surface',\n  padding: 6,\n  boxShadow: 'sm',\n});\n\nexport const toolbarCard = sprinkles({\n  borderRadius: 'xl',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'borderSubtle',\n  backgroundColor: 'surface',\n  padding: 4,\n  boxShadow: 'sm',\n});\n\nexport const tableCard = sprinkles({\n  display: 'grid',\n  gridTemplateRows: 'minmax0Auto',\n  minHeight: 0,\n  borderRadius: '2xl',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'borderSubtle',\n  backgroundColor: 'surface',\n  padding: 4,\n  boxShadow: 'sm',\n});\n\nexport const tableScroll = sprinkles({\n  minHeight: 0,\n  overflow: 'auto',\n});\n\nexport const tableFooter = sprinkles({\n  marginTop: 0,\n});\n"],"mappings":""}

package/lib/esm/backoffice/templates/settings_template/SettingsTemplate.js

@@ -0,0 +1,18 @@
+import { cx as e } from "../../../theme/tools.js";
+import { container as t, content as n, sidebar as r } from "./settingsTemplate.css.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/backoffice/templates/settings_template/SettingsTemplate.tsx
+var o = ({ nav: o, children: s, className: c, navClassName: l, contentClassName: u }) => /* @__PURE__ */ a("div", {
+	className: e(t, c),
+	children: [/* @__PURE__ */ i("aside", {
+		className: e(r, l),
+		children: o
+	}), /* @__PURE__ */ i("section", {
+		className: e(n, u),
+		children: s
+	})]
+});
+//#endregion
+export { o as SettingsTemplate, o as default };
+
+//# sourceMappingURL=SettingsTemplate.js.map

package/lib/esm/backoffice/templates/settings_template/SettingsTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsTemplate.js","names":[],"sources":["../../../../../src/backoffice/templates/settings_template/SettingsTemplate.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { cx } from '../../../theme/tools.js';\nimport * as styles from './settingsTemplate.css.js';\n\nexport type SettingsTemplateProps = {\n  nav: ReactNode;\n  children: ReactNode;\n  className?: string;\n  navClassName?: string;\n  contentClassName?: string;\n};\n\nexport const SettingsTemplate = ({\n  nav,\n  children,\n  className,\n  navClassName,\n  contentClassName,\n}: SettingsTemplateProps): JSX.Element => {\n  return (\n    <div className={cx(styles.container, className)}>\n      <aside className={cx(styles.sidebar, navClassName)}>{nav}</aside>\n      <section className={cx(styles.content, contentClassName)}>\n        {children}\n      </section>\n    </div>\n  );\n};\n\nexport default SettingsTemplate;\n"],"mappings":";;;;AAaA,IAAa,KAAoB,EAC/B,QACA,aACA,cACA,iBACA,0BAGE,kBAAC,OAAD;CAAK,WAAW,EAAG,GAAkB,EAAU;WAA/C,CACE,kBAAC,SAAD;EAAO,WAAW,EAAG,GAAgB,EAAa;YAAG;EAAY,CAAA,EACjE,kBAAC,WAAD;EAAS,WAAW,EAAG,GAAgB,EAAiB;EACrD;EACO,CAAA,CACN"}

package/lib/esm/backoffice/templates/settings_template/settingsTemplate.css.js

@@ -0,0 +1,8 @@
+/* empty css                                      */
+/* empty css                                */
+//#region src/backoffice/templates/settings_template/settingsTemplate.css.ts
+var e = "_1ejxqcr0 txvbqb9ix txvbqbaoo txvbqblax txvbqbbxf txvbqbbwr", t = "_1ejxqcr1 txvbqb1ro txvbqbv2z txvbqb1co txvbqb1qf txvbqbwf txvbqbl6f", n = "_1ejxqcr2 txvbqb1ro txvbqbv2z txvbqb1co txvbqb1qf txvbqbwf txvbqbl6f";
+//#endregion
+export { e as container, n as content, t as sidebar };
+
+//# sourceMappingURL=settingsTemplate.css.js.map

package/lib/esm/backoffice/templates/settings_template/settingsTemplate.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settingsTemplate.css.js","names":[],"sources":["../../../../../src/backoffice/templates/settings_template/settingsTemplate.css.ts"],"sourcesContent":["import { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const container = sprinkles({\n  display: 'grid',\n  gap: 4,\n  padding: 6,\n  gridTemplateColumns: {\n    base: 'settingsSplit',\n    lg: 'detailSingle',\n  },\n});\n\nexport const sidebar = sprinkles({\n  borderRadius: 'lg',\n  backgroundColor: 'background',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'border',\n  overflow: 'hidden',\n});\n\nexport const content = sprinkles({\n  borderRadius: 'lg',\n  backgroundColor: 'background',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'border',\n  overflow: 'hidden',\n});\n"],"mappings":""}

package/lib/esm/backoffice/templates/split_view_template/SplitViewTemplate.js

@@ -0,0 +1,18 @@
+import { cx as e } from "../../../theme/tools.js";
+import { container as t, panel as n } from "./splitViewTemplate.css.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/backoffice/templates/split_view_template/SplitViewTemplate.tsx
+var a = ({ list: a, detail: o, className: s, listClassName: c, detailClassName: l }) => /* @__PURE__ */ i("div", {
+	className: e(t, s),
+	children: [/* @__PURE__ */ r("div", {
+		className: e(n, c),
+		children: a
+	}), /* @__PURE__ */ r("div", {
+		className: e(n, l),
+		children: o
+	})]
+});
+//#endregion
+export { a as SplitViewTemplate, a as default };
+
+//# sourceMappingURL=SplitViewTemplate.js.map

package/lib/esm/backoffice/templates/split_view_template/SplitViewTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitViewTemplate.js","names":[],"sources":["../../../../../src/backoffice/templates/split_view_template/SplitViewTemplate.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { cx } from '../../../theme/tools.js';\nimport * as styles from './splitViewTemplate.css.js';\n\nexport type SplitViewTemplateProps = {\n  list: ReactNode;\n  detail: ReactNode;\n  className?: string;\n  listClassName?: string;\n  detailClassName?: string;\n};\n\nexport const SplitViewTemplate = ({\n  list,\n  detail,\n  className,\n  listClassName,\n  detailClassName,\n}: SplitViewTemplateProps): JSX.Element => {\n  return (\n    <div className={cx(styles.container, className)}>\n      <div className={cx(styles.panel, listClassName)}>{list}</div>\n      <div className={cx(styles.panel, detailClassName)}>{detail}</div>\n    </div>\n  );\n};\n\nexport default SplitViewTemplate;\n"],"mappings":";;;;AAaA,IAAa,KAAqB,EAChC,SACA,WACA,cACA,kBACA,yBAGE,kBAAC,OAAD;CAAK,WAAW,EAAG,GAAkB,EAAU;WAA/C,CACE,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAc,EAAc;YAAG;EAAW,CAAA,EAC7D,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAc,EAAgB;YAAG;EAAa,CAAA,CAC7D"}

package/lib/esm/backoffice/templates/split_view_template/splitViewTemplate.css.js

@@ -0,0 +1,8 @@
+/* empty css                                      */
+/* empty css                                 */
+//#region src/backoffice/templates/split_view_template/splitViewTemplate.css.ts
+var e = "a9o6h60 txvbqb9ix txvbqbaoo txvbqblax txvbqbbxo txvbqbbwr", t = "a9o6h61 txvbqb1ro txvbqbv2z txvbqb1co txvbqb1qf txvbqbwf txvbqbl6f";
+//#endregion
+export { e as container, t as panel };
+
+//# sourceMappingURL=splitViewTemplate.css.js.map

package/lib/esm/backoffice/templates/split_view_template/splitViewTemplate.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"splitViewTemplate.css.js","names":[],"sources":["../../../../../src/backoffice/templates/split_view_template/splitViewTemplate.css.ts"],"sourcesContent":["import { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const container = sprinkles({\n  display: 'grid',\n  gap: 4,\n  padding: 6,\n  gridTemplateColumns: {\n    base: 'splitViewSplit',\n    lg: 'detailSingle',\n  },\n});\n\nexport const panel = sprinkles({\n  borderRadius: 'lg',\n  backgroundColor: 'background',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'border',\n  overflow: 'hidden',\n});\n"],"mappings":""}

package/lib/esm/backoffice/theme/BackofficeThemeProvider.js

@@ -0,0 +1,11 @@
+import { backofficeThemeClass as e } from "./backofficeTheme.css.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/backoffice/theme/BackofficeThemeProvider.tsx
+var n = ({ children: n }) => /* @__PURE__ */ t("div", {
+	className: e,
+	children: n
+});
+//#endregion
+export { n as BackofficeThemeProvider, n as default };
+
+//# sourceMappingURL=BackofficeThemeProvider.js.map

package/lib/esm/backoffice/theme/BackofficeThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeThemeProvider.js","names":[],"sources":["../../../../src/backoffice/theme/BackofficeThemeProvider.tsx"],"sourcesContent":["import type { JSX, ReactNode } from 'react';\n\nimport { backofficeThemeClass } from './backofficeTheme.css.js';\n\nexport type BackofficeThemeProviderProps = {\n  children: ReactNode;\n};\n\nexport const BackofficeThemeProvider = ({\n  children,\n}: BackofficeThemeProviderProps): JSX.Element => {\n  return <div className={backofficeThemeClass}>{children}</div>;\n};\n\nexport default BackofficeThemeProvider;\n"],"mappings":";;;AAQA,IAAa,KAA2B,EACtC,kBAEO,kBAAC,OAAD;CAAK,WAAW;CAAuB;CAAe,CAAA"}

package/lib/esm/backoffice/theme/backofficeTheme.css.js

@@ -0,0 +1,7 @@
+/* empty css                               */
+//#region src/backoffice/theme/backofficeTheme.css.ts
+var e = "_1qxly5m0";
+//#endregion
+export { e as backofficeThemeClass };
+
+//# sourceMappingURL=backofficeTheme.css.js.map

package/lib/esm/backoffice/theme/backofficeTheme.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeTheme.css.js","names":[],"sources":["../../../../src/backoffice/theme/backofficeTheme.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nexport const backofficeThemeClass = style({\n  vars: {\n    [vars.colors.background]: '#F7F8FB',\n    [vars.colors.backgroundSecondary]: '#F2F4F8',\n    [vars.colors.backgroundTertiary]: '#EAEDF2',\n    [vars.colors.backgroundModifier]: '#E1E6EE',\n    [vars.colors.surface]: '#FFFFFF',\n    [vars.colors.surfaceSecondary]: '#F6F8FC',\n    [vars.colors.surfaceMuted]: '#F1F4F8',\n    [vars.colors.surfaceElevated]: '#FFFFFF',\n    [vars.colors.text]: '#0B111E',\n    [vars.colors.textSecondary]: '#4A5568',\n    [vars.colors.textMuted]: '#6B7280',\n    [vars.colors.border]: '#E1E6EE',\n    [vars.colors.borderSubtle]: '#E7EBF2',\n    [vars.colors.borderStrong]: '#D2D9E4',\n    [vars.colors.borderLight]: '#E1E6EE',\n    [vars.colors.primaryLight]: 'rgba(165, 2, 70, 0.08)',\n    [vars.colors.brandLightGray]: '#F5F7FB',\n  },\n  backgroundColor: vars.colors.background,\n  color: vars.colors.text,\n  minHeight: '100vh',\n});\n"],"mappings":""}

package/lib/esm/index.js

@@ -1,50 +1,102 @@
-import { cx as e, onlyDefinedStyles as t } from "./theme/tools.js";
-import { Badge as n } from "./atomic/atoms/badge/Badge.js";
-import { Button as r } from "./atomic/atoms/button/Button.js";
-import { LinkButton as i } from "./atomic/atoms/button/LinkButton.js";
-import { Input as a } from "./atomic/atoms/input/Input.js";
-import { Label as o } from "./atomic/atoms/label/Label.js";
-import { Checkbox as s } from "./atomic/atoms/checkbox/Checkbox.js";
-import { ErrorMessage as c } from "./atomic/atoms/error_message/ErrorMessage.js";
-import { FormattedDate as l } from "./atomic/atoms/formatted-date/FormattedDate.js";
-import { IconMenuButton as u } from "./atomic/atoms/icon-button/IconMenuButton.js";
-import { Overlay as d } from "./atomic/atoms/overlay/Overlay.js";
-import { Modal as f } from "./atomic/atoms/modal/Modal.js";
-import { Textarea as p } from "./atomic/atoms/textarea/Textarea.js";
-import { BreadcrumbNavigation as m } from "./atomic/molecules/breadcrumb_navigation/BreadcrumbNavigation.js";
-import { Card as h } from "./atomic/molecules/card/Card.js";
-import { CheckboxField as g } from "./atomic/molecules/checkbox_field/CheckboxField.js";
-import { Form as _ } from "./atomic/molecules/form/Form.js";
-import { FormErrorBanner as v } from "./atomic/molecules/form/FormErrorBanner.js";
-import { FormGroup as y } from "./atomic/molecules/form/FormGroup.js";
-import { FormActions as b } from "./atomic/molecules/form-actions/FormActions.js";
-import { FormError as x } from "./atomic/molecules/form_error/FormError.js";
-import { FormField as S } from "./atomic/molecules/form_field/FormField.js";
-import { HighlightCode as C } from "./atomic/molecules/highlight/HighlightCode.js";
-import { LazyMarkdownRenderer as w } from "./atomic/molecules/markdown/LazyMarkdownRenderer.js";
-import { colors as T } from "./theme/colors.js";
-import { colors as E, spacing as D, vars as O } from "./theme/themeContract.js";
-import { Tabs as k } from "./atomic/molecules/tabs/Tabs.js";
-import { ToastViewport as A } from "./atomic/molecules/toast/ToastViewport.js";
-import { ToastProvider as j, useToast as M } from "./atomic/molecules/toast/ToastProvider.js";
-import { THEME_KEY as N, ThemeProvider as P, useTheme as F } from "./theme/ThemeProvider.js";
-import { VisuallyHidden as I } from "./theme/VisuallyHidden.js";
-import { containerQueries as L } from "./theme/containerQueries.js";
-import { firstChildSprinkles as R, hoverSprinkles as z, sprinkles as B } from "./theme/sprinkles.css.js";
-import { opacity as V, screens as H, spacing as U } from "./theme/common.js";
+import { cx as ee, onlyDefinedStyles as te } from "./theme/tools.js";
+import { Badge as e } from "./atomic/atoms/badge/Badge.js";
+import { Button as t } from "./atomic/atoms/button/Button.js";
+import { LinkButton as n } from "./atomic/atoms/button/LinkButton.js";
+import { Input as r } from "./atomic/atoms/input/Input.js";
+import { Label as i } from "./atomic/atoms/label/Label.js";
+import { Checkbox as a } from "./atomic/atoms/checkbox/Checkbox.js";
+import { ErrorMessage as o } from "./atomic/atoms/error_message/ErrorMessage.js";
+import { FormattedDate as s } from "./atomic/atoms/formatted-date/FormattedDate.js";
+import { IconMenuButton as c } from "./atomic/atoms/icon-button/IconMenuButton.js";
+import { Overlay as l } from "./atomic/atoms/overlay/Overlay.js";
+import { Modal as u } from "./atomic/atoms/modal/Modal.js";
+import { Textarea as d } from "./atomic/atoms/textarea/Textarea.js";
+import { BreadcrumbNavigation as f } from "./atomic/molecules/breadcrumb_navigation/BreadcrumbNavigation.js";
+import { Card as p } from "./atomic/molecules/card/Card.js";
+import { CheckboxField as m } from "./atomic/molecules/checkbox_field/CheckboxField.js";
+import { Form as h } from "./atomic/molecules/form/Form.js";
+import { FormErrorBanner as g } from "./atomic/molecules/form/FormErrorBanner.js";
+import { FormGroup as _ } from "./atomic/molecules/form/FormGroup.js";
+import { FormActions as v } from "./atomic/molecules/form-actions/FormActions.js";
+import { FormError as y } from "./atomic/molecules/form_error/FormError.js";
+import { FormField as b } from "./atomic/molecules/form_field/FormField.js";
+import { HighlightCode as x } from "./atomic/molecules/highlight/HighlightCode.js";
+import { LazyMarkdownRenderer as S } from "./atomic/molecules/markdown/LazyMarkdownRenderer.js";
+import { colors as C } from "./theme/colors.js";
+import { colors as w, spacing as T, vars as E } from "./theme/themeContract.js";
+import { Tabs as D } from "./atomic/molecules/tabs/Tabs.js";
+import { ToastViewport as O } from "./atomic/molecules/toast/ToastViewport.js";
+import { ToastProvider as k, useToast as A } from "./atomic/molecules/toast/ToastProvider.js";
+import { THEME_KEY as j, ThemeProvider as M, useTheme as N } from "./theme/ThemeProvider.js";
+import { VisuallyHidden as P } from "./theme/VisuallyHidden.js";
+import { containerQueries as F } from "./theme/containerQueries.js";
+import { firstChildSprinkles as I, hoverSprinkles as L, sprinkles as R } from "./theme/sprinkles.css.js";
+import { opacity as z, screens as B, spacing as V } from "./theme/common.js";
 import "./theme/index.js";
-import { useLoginForm as W } from "./atomic/organisms/login_form/useLoginForm.js";
-import { AuthLayout as G } from "./atomic/templates/auth_layout/AuthLayout.js";
-import { BillingUsageLineChart as K } from "./components/charts/BillingUsageLineChart.js";
-import { DataTable as q } from "./components/data-table/DataTable.js";
-import { ContentLayout as J } from "./components/layout/ContentLayout.js";
-import { PageShell as Y } from "./components/layout/PageShell.js";
-import { SimpleSelect as X } from "./components/select/SimpleSelect.js";
-import { RefetchNeededBanner as Z } from "./components/subscriptions/RefetchNeededBanner.js";
-import { TabsContentLayout as Q } from "./components/layout/TabsContentLayout.js";
-import { InfoTile as $ } from "./components/tile/InfoTile.js";
-import { VirtualizedConnectionTable as ee } from "./components/data-table/VirtualizedConnectionTable.js";
-import { WrapperPage as te } from "./pages/WrapperPage.js";
-import { ChevronDownIcon as ne } from "./svg/ChevronDownIcon.js";
-import { LoginForm as re } from "./atomic/organisms/login_form/LoginForm.js";
-export { G as AuthLayout, n as Badge, K as BillingUsageLineChart, m as BreadcrumbNavigation, r as Button, h as Card, s as Checkbox, g as CheckboxField, ne as ChevronDownIcon, J as ContentLayout, q as DataTable, c as ErrorMessage, _ as Form, b as FormActions, x as FormError, v as FormErrorBanner, S as FormField, y as FormGroup, l as FormattedDate, C as HighlightCode, u as IconMenuButton, $ as InfoTile, a as Input, o as Label, w as LazyMarkdownRenderer, i as LinkButton, re as LoginForm, f as Modal, d as Overlay, Y as PageShell, Z as RefetchNeededBanner, X as SimpleSelect, N as THEME_KEY, k as Tabs, Q as TabsContentLayout, p as Textarea, P as ThemeProvider, j as ToastProvider, A as ToastViewport, ee as VirtualizedConnectionTable, I as VisuallyHidden, te as WrapperPage, E as colors, L as containerQueries, e as cx, R as firstChildSprinkles, z as hoverSprinkles, t as onlyDefinedStyles, V as opacity, H as screens, D as spacing, B as sprinkles, T as themeColorValues, U as themeSpacingValues, W as useLoginForm, F as useTheme, M as useToast, O as vars };
+import { useLoginForm as H } from "./atomic/organisms/login_form/useLoginForm.js";
+import { SidebarContainer as U } from "./atomic/organisms/sidebar/SidebarContainer.js";
+import "./atomic/organisms/sidebar/Sidebar.js";
+import { ChevronLeftIcon as W, ChevronRightIcon as G, DocumentationIcon as K, HomeIcon as q, InitiativesIcon as J, PlusIcon as Y, ProjectsIcon as X, SearchIcon as Z, SettingsIcon as Q, TasksIcon as ne, TeamIcon as re } from "./atomic/organisms/sidebar/icons.js";
+import { AuthLayout as ie } from "./atomic/templates/auth_layout/AuthLayout.js";
+import { BillingUsageLineChart as ae } from "./components/charts/BillingUsageLineChart.js";
+import { DataTable as oe } from "./components/data-table/DataTable.js";
+import { ContentLayout as se } from "./components/layout/ContentLayout.js";
+import { PageShell as ce } from "./components/layout/PageShell.js";
+import { SimpleSelect as le } from "./components/select/SimpleSelect.js";
+import { RefetchNeededBanner as ue } from "./components/subscriptions/RefetchNeededBanner.js";
+import { TabsContentLayout as $ } from "./components/layout/TabsContentLayout.js";
+import { InfoTile as de } from "./components/tile/InfoTile.js";
+import { VirtualizedConnectionTable as fe } from "./components/data-table/VirtualizedConnectionTable.js";
+import { CopyableText as pe } from "./backoffice/atoms/copyable_text/CopyableText.js";
+import { BackofficeIdBadge as me } from "./backoffice/atoms/backoffice_id_badge/BackofficeIdBadge.js";
+import { EnvironmentBadge as he } from "./backoffice/atoms/environment_badge/EnvironmentBadge.js";
+import { ShortcutHint as ge } from "./backoffice/atoms/shortcut_hint/ShortcutHint.js";
+import { Skeleton as _e } from "./backoffice/atoms/skeleton/Skeleton.js";
+import { Spinner as ve } from "./backoffice/atoms/spinner/Spinner.js";
+import { StatusBadge as ye } from "./backoffice/atoms/status_badge/StatusBadge.js";
+import { Tag as be } from "./backoffice/atoms/tag/Tag.js";
+import { BackofficeDetailLayout as xe } from "./backoffice/molecules/backoffice_detail_layout/BackofficeDetailLayout.js";
+import { BackofficeEmptyState as Se } from "./backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js";
+import { BackofficeFilterDrawer as Ce } from "./backoffice/molecules/backoffice_filter_drawer/BackofficeFilterDrawer.js";
+import { BackofficeFilterField as we } from "./backoffice/molecules/backoffice_filter_field/BackofficeFilterField.js";
+import { BackofficeFiltersBar as Te } from "./backoffice/molecules/backoffice_filters_bar/BackofficeFiltersBar.js";
+import { BackofficeFormSection as Ee } from "./backoffice/molecules/backoffice_form_section/BackofficeFormSection.js";
+import { ConfirmDialog as De } from "./backoffice/molecules/confirm_dialog/ConfirmDialog.js";
+import { BackofficeJsonViewer as Oe } from "./backoffice/molecules/backoffice_json_viewer/BackofficeJsonViewer.js";
+import { BackofficeKeyValueList as ke } from "./backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js";
+import { BackofficeLoadMore as Ae } from "./backoffice/molecules/backoffice_load_more/BackofficeLoadMore.js";
+import { BackofficePageHeader as je } from "./backoffice/molecules/backoffice_page_header/BackofficePageHeader.js";
+import { BackofficeRelationsMenu as Me } from "./backoffice/molecules/backoffice_relations_menu/BackofficeRelationsMenu.js";
+import { BackofficeTableSkeleton as Ne } from "./backoffice/molecules/backoffice_table_skeleton/BackofficeTableSkeleton.js";
+import { BackofficeTableToolbar as Pe } from "./backoffice/molecules/backoffice_table_toolbar/BackofficeTableToolbar.js";
+import { BackofficeTabs as Fe } from "./backoffice/molecules/backoffice_tabs/BackofficeTabs.js";
+import { BulkActionsBar as Ie } from "./backoffice/molecules/bulk_actions_bar/BulkActionsBar.js";
+import { FilterChipRow as Le } from "./backoffice/molecules/filter_chip_row/FilterChipRow.js";
+import { GlobalSearchInput as Re } from "./backoffice/molecules/global_search_input/GlobalSearchInput.js";
+import { InlineBanner as ze } from "./backoffice/molecules/inline_banner/InlineBanner.js";
+import { SidebarNavItem as Be } from "./backoffice/molecules/sidebar_nav_item/SidebarNavItem.js";
+import { SidebarNavSection as Ve } from "./backoffice/molecules/sidebar_nav_section/SidebarNavSection.js";
+import { BackofficeSidebarProfileMenu as He } from "./backoffice/molecules/sidebar_profile_menu/BackofficeSidebarProfileMenu.js";
+import { SidebarCollapseToggle as Ue } from "./backoffice/molecules/sidebar_collapse_toggle/SidebarCollapseToggle.js";
+import { TableToolbar as We } from "./backoffice/molecules/table_toolbar/TableToolbar.js";
+import { BackofficeAppShell as Ge } from "./backoffice/organisms/backoffice_app_shell/BackofficeAppShell.js";
+import { AuditTimeline as Ke } from "./backoffice/organisms/audit_timeline/AuditTimeline.js";
+import { BackofficeDataTable as qe } from "./backoffice/organisms/backoffice_data_table/BackofficeDataTable.js";
+import { BackofficeSidebar as Je } from "./backoffice/organisms/backoffice_sidebar/BackofficeSidebar.js";
+import { BackofficeTopbar as Ye } from "./backoffice/organisms/backoffice_topbar/BackofficeTopbar.js";
+import { BackofficeVirtualizedConnectionTable as Xe } from "./backoffice/organisms/backoffice_virtualized_connection_table/BackofficeVirtualizedConnectionTable.js";
+import { EntityHeader as Ze } from "./backoffice/organisms/entity_header/EntityHeader.js";
+import { BackofficeShellTemplate as Qe } from "./backoffice/templates/backoffice_shell_template/BackofficeShellTemplate.js";
+import { DetailPageTemplate as $e } from "./backoffice/templates/detail_page_template/DetailPageTemplate.js";
+import { ListPageTemplate as et } from "./backoffice/templates/list_page_template/ListPageTemplate.js";
+import { SettingsTemplate as tt } from "./backoffice/templates/settings_template/SettingsTemplate.js";
+import { SplitViewTemplate as nt } from "./backoffice/templates/split_view_template/SplitViewTemplate.js";
+import { backofficeThemeClass as rt } from "./backoffice/theme/backofficeTheme.css.js";
+import { BackofficeThemeProvider as it } from "./backoffice/theme/BackofficeThemeProvider.js";
+import { FALLBACK_REFERENCE as at, formatNullableCurrency as ot, formatNullableNumber as st, formatNullableString as ct, formatStringList as lt } from "./shared/agentJobRequestFormatting.js";
+import { sanitizeAgentAnswer as ut, sanitizeAgentMarkdown as dt } from "./shared/agentText.js";
+import { denseTableClass as ft } from "./shared/backofficeTableDensity.css.js";
+import { WrapperPage as pt } from "./pages/WrapperPage.js";
+import { ChevronDownIcon as mt } from "./svg/ChevronDownIcon.js";
+import { LoginForm as ht } from "./atomic/organisms/login_form/LoginForm.js";
+export { Ke as AuditTimeline, ie as AuthLayout, Ge as BackofficeAppShell, qe as BackofficeDataTable, xe as BackofficeDetailLayout, Se as BackofficeEmptyState, Ce as BackofficeFilterDrawer, we as BackofficeFilterField, Te as BackofficeFiltersBar, Ee as BackofficeFormSection, me as BackofficeIdBadge, Oe as BackofficeJsonViewer, ke as BackofficeKeyValueList, Ae as BackofficeLoadMore, je as BackofficePageHeader, Me as BackofficeRelationsMenu, Qe as BackofficeShellTemplate, Je as BackofficeSidebar, He as BackofficeSidebarProfileMenu, Ne as BackofficeTableSkeleton, Pe as BackofficeTableToolbar, Fe as BackofficeTabs, it as BackofficeThemeProvider, Ye as BackofficeTopbar, Xe as BackofficeVirtualizedConnectionTable, e as Badge, ae as BillingUsageLineChart, f as BreadcrumbNavigation, Ie as BulkActionsBar, t as Button, p as Card, a as Checkbox, m as CheckboxField, mt as ChevronDownIcon, W as ChevronLeftIcon, G as ChevronRightIcon, De as ConfirmDialog, se as ContentLayout, pe as CopyableText, oe as DataTable, $e as DetailPageTemplate, K as DocumentationIcon, Ze as EntityHeader, he as EnvironmentBadge, o as ErrorMessage, at as FALLBACK_REFERENCE, Le as FilterChipRow, h as Form, v as FormActions, y as FormError, g as FormErrorBanner, b as FormField, _ as FormGroup, s as FormattedDate, Re as GlobalSearchInput, x as HighlightCode, q as HomeIcon, c as IconMenuButton, de as InfoTile, J as InitiativesIcon, ze as InlineBanner, r as Input, i as Label, S as LazyMarkdownRenderer, n as LinkButton, et as ListPageTemplate, ht as LoginForm, u as Modal, l as Overlay, ce as PageShell, Y as PlusIcon, X as ProjectsIcon, ue as RefetchNeededBanner, Z as SearchIcon, Q as SettingsIcon, tt as SettingsTemplate, ge as ShortcutHint, U as Sidebar, Ue as SidebarCollapseToggle, U as SidebarContainer, Be as SidebarNavItem, Ve as SidebarNavSection, le as SimpleSelect, _e as Skeleton, ve as Spinner, nt as SplitViewTemplate, ye as StatusBadge, j as THEME_KEY, We as TableToolbar, D as Tabs, $ as TabsContentLayout, be as Tag, ne as TasksIcon, re as TeamIcon, d as Textarea, M as ThemeProvider, k as ToastProvider, O as ToastViewport, fe as VirtualizedConnectionTable, P as VisuallyHidden, pt as WrapperPage, rt as backofficeThemeClass, w as colors, F as containerQueries, ee as cx, ft as denseTableClass, I as firstChildSprinkles, ot as formatNullableCurrency, st as formatNullableNumber, ct as formatNullableString, lt as formatStringList, L as hoverSprinkles, te as onlyDefinedStyles, z as opacity, ut as sanitizeAgentAnswer, dt as sanitizeAgentMarkdown, B as screens, T as spacing, R as sprinkles, C as themeColorValues, V as themeSpacingValues, H as useLoginForm, N as useTheme, A as useToast, E as vars };

package/lib/esm/shared/agentJobRequestFormatting.js

@@ -0,0 +1,31 @@
+//#region src/shared/agentJobRequestFormatting.ts
+var e = "—";
+function t(e) {
+	return e == null || e.trim().length === 0 ? "—" : e;
+}
+function n(e) {
+	return e == null ? "—" : Number.isFinite(e) ? e.toLocaleString() : String(e);
+}
+function r(e) {
+	return e.length === 0 ? "—" : e.join(", ");
+}
+function i(e, t = "USD", n) {
+	if (e == null) return "—";
+	let r = Number(e);
+	if (!Number.isFinite(r)) return "—";
+	try {
+		return new Intl.NumberFormat(n, {
+			style: "currency",
+			currency: t,
+			currencyDisplay: "symbol",
+			minimumFractionDigits: 2,
+			maximumFractionDigits: 2
+		}).format(r);
+	} catch {
+		return r.toString();
+	}
+}
+//#endregion
+export { e as FALLBACK_REFERENCE, i as formatNullableCurrency, n as formatNullableNumber, t as formatNullableString, r as formatStringList };
+
+//# sourceMappingURL=agentJobRequestFormatting.js.map

package/lib/esm/shared/agentJobRequestFormatting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agentJobRequestFormatting.js","names":[],"sources":["../../../src/shared/agentJobRequestFormatting.ts"],"sourcesContent":["export const FALLBACK_REFERENCE = '—';\n\n/**\n * Returns a display-safe string or a fallback glyph when the value is absent.\n */\nexport function formatNullableString(value: string | null | undefined): string {\n  if (value == null) {\n    return FALLBACK_REFERENCE;\n  }\n\n  const trimmed = value.trim();\n  if (trimmed.length === 0) {\n    return FALLBACK_REFERENCE;\n  }\n\n  return value;\n}\n\n/**\n * Formats numeric values for UI display while preserving a fallback for nullish input.\n */\nexport function formatNullableNumber(value: number | null | undefined): string {\n  if (value == null) {\n    return FALLBACK_REFERENCE;\n  }\n\n  if (Number.isFinite(value)) {\n    return value.toLocaleString();\n  }\n\n  return String(value);\n}\n\n/**\n * Joins a list of labels for display or returns the fallback when the list is empty.\n */\nexport function formatStringList(values: readonly string[]): string {\n  if (values.length === 0) {\n    return FALLBACK_REFERENCE;\n  }\n\n  return values.join(', ');\n}\n\n/**\n * Formats a currency amount with locale-aware separators and a null-safe fallback.\n */\nexport function formatNullableCurrency(\n  value: number | null | undefined,\n  currency = 'USD',\n  locale?: string,\n): string {\n  if (value == null) {\n    return FALLBACK_REFERENCE;\n  }\n\n  const numeric = Number(value);\n  if (!Number.isFinite(numeric)) {\n    return FALLBACK_REFERENCE;\n  }\n\n  try {\n    return new Intl.NumberFormat(locale, {\n      style: 'currency',\n      currency,\n      currencyDisplay: 'symbol',\n      minimumFractionDigits: 2,\n      maximumFractionDigits: 2,\n    }).format(numeric);\n  } catch {\n    return numeric.toString();\n  }\n}\n"],"mappings":";AAAA,IAAa,IAAqB;AAKlC,SAAgB,EAAqB,GAA0C;AAU7E,QATI,KAAS,QAIG,EAAM,MAAM,CAChB,WAAW,IACrB,MAGK;;AAMT,SAAgB,EAAqB,GAA0C;AAS7E,QARI,KAAS,OACX,MAGE,OAAO,SAAS,EAAM,GACjB,EAAM,gBAAgB,GAGxB,OAAO,EAAM;;AAMtB,SAAgB,EAAiB,GAAmC;AAKlE,QAJI,EAAO,WAAW,IACpB,MAGK,EAAO,KAAK,KAAK;;AAM1B,SAAgB,EACd,GACA,IAAW,OACX,GACQ;AACR,KAAI,KAAS,KACX,QAAA;CAGF,IAAM,IAAU,OAAO,EAAM;AAC7B,KAAI,CAAC,OAAO,SAAS,EAAQ,CAC3B,QAAA;AAGF,KAAI;AACF,SAAO,IAAI,KAAK,aAAa,GAAQ;GACnC,OAAO;GACP;GACA,iBAAiB;GACjB,uBAAuB;GACvB,uBAAuB;GACxB,CAAC,CAAC,OAAO,EAAQ;SACZ;AACN,SAAO,EAAQ,UAAU"}

package/lib/esm/shared/agentText.js

@@ -0,0 +1,13 @@
+//#region src/shared/agentText.ts
+function e(e) {
+	let t = e?.trim();
+	return t == null || t === "" ? null : t;
+}
+function t(e) {
+	let t = e?.trim();
+	return t == null || t === "" ? null : t;
+}
+//#endregion
+export { t as sanitizeAgentAnswer, e as sanitizeAgentMarkdown };
+
+//# sourceMappingURL=agentText.js.map

package/lib/esm/shared/agentText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agentText.js","names":[],"sources":["../../../src/shared/agentText.ts"],"sourcesContent":["/**\n * Trims markdown content and normalizes empty values to null.\n */\nexport function sanitizeAgentMarkdown(\n  content: string | null | undefined,\n): string | null {\n  const trimmed = content?.trim();\n  if (trimmed == null || trimmed === '') {\n    return null;\n  }\n\n  return trimmed;\n}\n\n/**\n * Trims plain-text answers and normalizes empty values to null.\n */\nexport function sanitizeAgentAnswer(\n  answer: string | null | undefined,\n): string | null {\n  const trimmed = answer?.trim();\n  if (trimmed == null || trimmed === '') {\n    return null;\n  }\n\n  return trimmed;\n}\n"],"mappings":";AAGA,SAAgB,EACd,GACe;CACf,IAAM,IAAU,GAAS,MAAM;AAK/B,QAJI,KAAW,QAAQ,MAAY,KAC1B,OAGF;;AAMT,SAAgB,EACd,GACe;CACf,IAAM,IAAU,GAAQ,MAAM;AAK9B,QAJI,KAAW,QAAQ,MAAY,KAC1B,OAGF"}

package/lib/esm/shared/backofficeTableDensity.css.js

@@ -0,0 +1,9 @@
+/* empty css                                */
+/* empty css                                                */
+/* empty css                                      */
+//#region src/shared/backofficeTableDensity.css.ts
+var e = "_2erreo0";
+//#endregion
+export { e as denseTableClass };
+
+//# sourceMappingURL=backofficeTableDensity.css.js.map

package/lib/esm/shared/backofficeTableDensity.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeTableDensity.css.js","names":[],"sources":["../../../src/shared/backofficeTableDensity.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport {\n  tableCellFontSizeVar,\n  tableCellPaddingVar,\n  tableEmptyRowPaddingVar,\n} from '@plumile/ui/components/data-table/DataTable.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nexport const denseTableClass = style({\n  vars: {\n    [tableCellPaddingVar]: `${vars.spacing[2]} ${vars.spacing[3]}`,\n    [tableCellFontSizeVar]: vars.fontSize.sm,\n    [tableEmptyRowPaddingVar]: `${vars.spacing[4]} ${vars.spacing[3]}`,\n  },\n});\n"],"mappings":""}