@plumile/ui 0.1.60 → 0.1.62

package/lib/esm/backoffice/organisms/backoffice_sidebar/BackofficeSidebar.js

@@ -0,0 +1,62 @@
+import { cx as e } from "../../../theme/tools.js";
+import { SidebarNavSection as t } from "../../molecules/sidebar_nav_section/SidebarNavSection.js";
+import { SidebarCollapseToggle as n } from "../../molecules/sidebar_collapse_toggle/SidebarCollapseToggle.js";
+import { container as r, footer as i, header as a, inner as o, sections as s, widthRecipe as c } from "./backofficeSidebar.css.js";
+import "../../../index.js";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useCallback as d, useState as f } from "react";
+//#region src/backoffice/organisms/backoffice_sidebar/BackofficeSidebar.tsx
+var p = ({ header: p, search: m, footer: h, sections: g, isCollapsed: _, defaultCollapsed: v = !1, onCollapsedChange: y, collapseToggleLabel: b, collapseShortcut: x, className: S }) => {
+	let [C, w] = f(v), T = _ ?? C, E = d(() => {
+		let e = !T;
+		_ ?? w(e), y?.(e);
+	}, [
+		T,
+		_,
+		y
+	]), D = "expanded";
+	T && (D = "collapsed");
+	let O = null;
+	return h != null && (O = /* @__PURE__ */ l("div", {
+		className: i,
+		children: h
+	})), /* @__PURE__ */ l("aside", {
+		className: e(r, c({ state: D }), S),
+		children: /* @__PURE__ */ u("div", {
+			className: o,
+			children: [
+				/* @__PURE__ */ u("div", {
+					className: a,
+					children: [p, /* @__PURE__ */ l(n, {
+						isCollapsed: T,
+						onToggle: E,
+						label: b,
+						shortcut: x
+					})]
+				}),
+				m != null && /* @__PURE__ */ l("div", {
+					className: "_15szdsj7 txvbqbnuo txvbqbohx txvbqb9io txvbqbai6 txvbqbao6",
+					children: m
+				}),
+				/* @__PURE__ */ l("nav", {
+					className: s,
+					"aria-label": "Backoffice navigation",
+					children: g.map((e) => /* @__PURE__ */ l(t, {
+						title: e.title,
+						items: e.items,
+						collapsible: e.collapsible,
+						defaultCollapsed: e.defaultCollapsed,
+						isCollapsed: e.isCollapsed,
+						onCollapsedChange: e.onCollapsedChange,
+						collapsed: T
+					}, e.id))
+				}),
+				O
+			]
+		})
+	});
+};
+//#endregion
+export { p as BackofficeSidebar, p as default };
+
+//# sourceMappingURL=BackofficeSidebar.js.map

package/lib/esm/backoffice/organisms/backoffice_sidebar/BackofficeSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeSidebar.js","names":[],"sources":["../../../../../src/backoffice/organisms/backoffice_sidebar/BackofficeSidebar.tsx"],"sourcesContent":["import { useCallback, useState, type JSX, type ReactNode } from 'react';\nimport type { RecipeVariants } from '@vanilla-extract/recipes';\n\nimport { SidebarCollapseToggle } from '../../molecules/sidebar_collapse_toggle/SidebarCollapseToggle.js';\nimport {\n  SidebarNavSection,\n  type SidebarNavSectionItem,\n} from '../../molecules/sidebar_nav_section/SidebarNavSection.js';\n\nimport * as styles from './backofficeSidebar.css.js';\nimport { cx } from '@plumile/ui';\n\nexport type BackofficeSidebarSection = {\n  id: string;\n  title?: ReactNode;\n  items: readonly SidebarNavSectionItem[];\n  collapsible?: boolean;\n  defaultCollapsed?: boolean;\n  isCollapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n};\n\nexport type BackofficeSidebarProps = {\n  header?: ReactNode;\n  search?: ReactNode;\n  footer?: ReactNode;\n  sections: readonly BackofficeSidebarSection[];\n  isCollapsed?: boolean;\n  defaultCollapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n  collapseToggleLabel?: ReactNode;\n  collapseShortcut?: readonly string[] | string;\n  className?: string;\n};\n\nexport const BackofficeSidebar = ({\n  header,\n  search,\n  footer,\n  sections,\n  isCollapsed,\n  defaultCollapsed = false,\n  onCollapsedChange,\n  collapseToggleLabel,\n  collapseShortcut,\n  className,\n}: BackofficeSidebarProps): JSX.Element => {\n  const [uncontrolledCollapsed, setUncontrolledCollapsed] =\n    useState(defaultCollapsed);\n\n  const collapsed = isCollapsed ?? uncontrolledCollapsed;\n\n  const handleToggleCollapsed = useCallback(() => {\n    const next = !collapsed;\n    if (isCollapsed == null) {\n      setUncontrolledCollapsed(next);\n    }\n    onCollapsedChange?.(next);\n  }, [collapsed, isCollapsed, onCollapsedChange]);\n\n  let widthKey: NonNullable<\n    NonNullable<RecipeVariants<typeof styles.widthRecipe>>['state']\n  > = 'expanded';\n  if (collapsed) {\n    widthKey = 'collapsed';\n  }\n\n  let footerNode: JSX.Element | null = null;\n  if (footer != null) {\n    footerNode = <div className={styles.footer}>{footer}</div>;\n  }\n\n  return (\n    <aside\n      className={cx(\n        styles.container,\n        styles.widthRecipe({ state: widthKey }),\n        className,\n      )}\n    >\n      <div className={styles.inner}>\n        <div className={styles.header}>\n          {header}\n          <SidebarCollapseToggle\n            isCollapsed={collapsed}\n            onToggle={handleToggleCollapsed}\n            label={collapseToggleLabel}\n            shortcut={collapseShortcut}\n          />\n        </div>\n\n        {search != null && <div className={styles.search}>{search}</div>}\n        <nav className={styles.sections} aria-label=\"Backoffice navigation\">\n          {sections.map((section) => {\n            return (\n              <SidebarNavSection\n                key={section.id}\n                title={section.title}\n                items={section.items}\n                collapsible={section.collapsible}\n                defaultCollapsed={section.defaultCollapsed}\n                isCollapsed={section.isCollapsed}\n                onCollapsedChange={section.onCollapsedChange}\n                collapsed={collapsed}\n              />\n            );\n          })}\n        </nav>\n\n        {footerNode}\n      </div>\n    </aside>\n  );\n};\n\nexport default BackofficeSidebar;\n"],"mappings":";;;;;;;;AAmCA,IAAa,KAAqB,EAChC,QAAA,GACA,QAAA,GACA,QAAA,GACA,UAAA,GACA,gBACA,sBAAmB,IACnB,sBACA,wBACA,qBACA,mBACyC;CACzC,IAAM,CAAC,GAAuB,KAC5B,EAAS,EAAiB,EAEtB,IAAY,KAAe,GAE3B,IAAwB,QAAkB;EAC9C,IAAM,IAAO,CAAC;AAId,EAHI,KACF,EAAyB,EAAK,EAEhC,IAAoB,EAAK;IACxB;EAAC;EAAW;EAAa;EAAkB,CAAC,EAE3C,IAEA;AACJ,CAAI,MACF,IAAW;CAGb,IAAI,IAAiC;AAKrC,QAJI,KAAU,SACZ,IAAa,kBAAC,OAAD;EAAK,WAAW;YAAgB;EAAa,CAAA,GAI1D,kBAAC,SAAD;EACE,WAAW,EACT,GACA,EAAmB,EAAE,OAAO,GAAU,CAAC,EACvC,EACD;YAED,kBAAC,OAAD;GAAK,WAAW;aAAhB;IACE,kBAAC,OAAD;KAAK,WAAW;eAAhB,CACG,GACD,kBAAC,GAAD;MACE,aAAa;MACb,UAAU;MACV,OAAO;MACP,UAAU;MACV,CAAA,CACE;;IAEL,KAAU,QAAQ,kBAAC,OAAD;KAAK,WAAW;eAAgB;KAAa,CAAA;IAChE,kBAAC,OAAD;KAAK,WAAW;KAAiB,cAAW;eACzC,EAAS,KAAK,MAEX,kBAAC,GAAD;MAEE,OAAO,EAAQ;MACf,OAAO,EAAQ;MACf,aAAa,EAAQ;MACrB,kBAAkB,EAAQ;MAC1B,aAAa,EAAQ;MACrB,mBAAmB,EAAQ;MAChB;MACX,EARK,EAAQ,GAQb,CAEJ;KACE,CAAA;IAEL;IACG;;EACA,CAAA"}

package/lib/esm/backoffice/organisms/backoffice_sidebar/backofficeSidebar.css.js

@@ -0,0 +1,17 @@
+/* empty css                                      */
+/* empty css                                 */
+import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
+//#region src/backoffice/organisms/backoffice_sidebar/backofficeSidebar.css.ts
+var t = "_15szdsj0 txvbqb9io txvbqbai6 txvbqbcff txvbqbv2r txvbqb12f txvbqb1qf txvbqb5fx txvbqb306", n = e({
+	defaultClassName: "_15szdsj1",
+	variantClassNames: { state: {
+		expanded: "_15szdsj2",
+		collapsed: "_15szdsj3"
+	} },
+	defaultVariants: { state: "expanded" },
+	compoundVariants: []
+}), r = "_15szdsj4 txvbqb9io txvbqbai6 txvbqbaoo txvbqblaf txvbqbcff txvbqbjg6", i = "_15szdsj5 txvbqbnuo txvbqbohx txvbqb9io txvbqbco txvbqbdoo txvbqbao6", a = "_15szdsj6 txvbqb9io txvbqbai6 txvbqbaoo txvbqb9mx txvbqbjg6 txvbqbl7o", o = "_15szdsj7 txvbqbnuo txvbqbohx txvbqb9io txvbqbai6 txvbqbao6", s = "_15szdsj8 txvbqbnuo txvbqbohx txvbqb9io txvbqbai6 txvbqbao6";
+//#endregion
+export { t as container, s as footer, i as header, r as inner, o as search, a as sections, n as widthRecipe };
+
+//# sourceMappingURL=backofficeSidebar.css.js.map

package/lib/esm/backoffice/organisms/backoffice_sidebar/backofficeSidebar.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeSidebar.css.js","names":[],"sources":["../../../../../src/backoffice/organisms/backoffice_sidebar/backofficeSidebar.css.ts"],"sourcesContent":["import { recipe, type RecipeVariants } from '@vanilla-extract/recipes';\n\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nexport const container = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  height: 'full',\n  backgroundColor: 'surface',\n  borderWidth: 0,\n  borderStyle: 'solid',\n  borderRightWidth: 'px',\n  borderRightColor: 'borderSubtle',\n});\n\nexport const widthRecipe = recipe({\n  variants: {\n    state: {\n      expanded: { width: vars.width[64] },\n      collapsed: { width: vars.width[17.5] },\n    },\n  },\n  defaultVariants: {\n    state: 'expanded',\n  },\n});\n\nexport type WidthRecipeVariants = RecipeVariants<typeof widthRecipe>;\n\nexport const inner = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n  padding: 4,\n  height: 'full',\n  minHeight: 0,\n});\n\nexport const header = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 2,\n  paddingX: 1,\n});\n\nexport const sections = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n  flex: 1,\n  minHeight: 0,\n  overflowY: 'auto',\n});\n\nexport const search = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n  paddingX: 1,\n});\n\nexport const footer = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n  paddingX: 1,\n});\n"],"mappings":""}

package/lib/esm/backoffice/organisms/backoffice_topbar/BackofficeTopbar.js

@@ -0,0 +1,22 @@
+import { cx as e } from "../../../theme/tools.js";
+import { container as t, left as n, right as r, row as i } from "./backofficeTopbar.css.js";
+import "../../../index.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/backoffice/organisms/backoffice_topbar/BackofficeTopbar.tsx
+var s = ({ breadcrumb: s, leftSlot: c, rightSlot: l, className: u }) => /* @__PURE__ */ a("div", {
+	className: e(t, u),
+	children: /* @__PURE__ */ o("div", {
+		className: i,
+		children: [/* @__PURE__ */ o("div", {
+			className: n,
+			children: [s, c]
+		}), /* @__PURE__ */ a("div", {
+			className: r,
+			children: l
+		})]
+	})
+});
+//#endregion
+export { s as BackofficeTopbar, s as default };
+
+//# sourceMappingURL=BackofficeTopbar.js.map

package/lib/esm/backoffice/organisms/backoffice_topbar/BackofficeTopbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeTopbar.js","names":[],"sources":["../../../../../src/backoffice/organisms/backoffice_topbar/BackofficeTopbar.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport * as styles from './backofficeTopbar.css.js';\nimport { cx } from '@plumile/ui';\n\nexport type BackofficeTopbarProps = {\n  breadcrumb?: ReactNode;\n  leftSlot?: ReactNode;\n  rightSlot?: ReactNode;\n  className?: string;\n};\n\nexport const BackofficeTopbar = ({\n  breadcrumb,\n  leftSlot,\n  rightSlot,\n  className,\n}: BackofficeTopbarProps): JSX.Element => {\n  return (\n    <div className={cx(styles.container, className)}>\n      <div className={styles.row}>\n        <div className={styles.left}>\n          {breadcrumb}\n          {leftSlot}\n        </div>\n        <div className={styles.right}>{rightSlot}</div>\n      </div>\n    </div>\n  );\n};\n\nexport default BackofficeTopbar;\n"],"mappings":";;;;;AAYA,IAAa,KAAoB,EAC/B,eACA,aACA,cACA,mBAGE,kBAAC,OAAD;CAAK,WAAW,EAAG,GAAkB,EAAU;WAC7C,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACE,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACG,GACA,EACG;MACN,kBAAC,OAAD;GAAK,WAAW;aAAe;GAAgB,CAAA,CAC3C;;CACF,CAAA"}

package/lib/esm/backoffice/organisms/backoffice_topbar/backofficeTopbar.css.js

@@ -0,0 +1,8 @@
+/* empty css                                      */
+/* empty css                                */
+//#region src/backoffice/organisms/backoffice_topbar/backofficeTopbar.css.ts
+var e = "_1q9x83s0 txvbqb9io txvbqbai6 txvbqbaof txvbqbk4x txvbqbu6f", t = "_1q9x83s1 txvbqb9io txvbqbco txvbqbaoo txvbqbajx txvbqbk4x", n = "_1q9x83s2 txvbqb9io txvbqbco txvbqbaof txvbqb9mx txvbqbk4x", r = "_1q9x83s3 txvbqb9jf txvbqbco txvbqbao6 txvbqbdo6 txvbqbaj6", i = "_1q9x83s4 txvbqb9jf txvbqbco txvbqbc66 txvbqbuho txvbqbv3d";
+//#endregion
+export { e as container, i as divider, n as left, r as right, t as row };
+
+//# sourceMappingURL=backofficeTopbar.css.js.map

package/lib/esm/backoffice/organisms/backoffice_topbar/backofficeTopbar.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeTopbar.css.js","names":[],"sources":["../../../../../src/backoffice/organisms/backoffice_topbar/backofficeTopbar.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.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":""}

package/lib/esm/backoffice/organisms/backoffice_virtualized_connection_table/BackofficeVirtualizedConnectionTable.js

@@ -0,0 +1,34 @@
+import { VirtualizedConnectionTable as e } from "../../../components/data-table/VirtualizedConnectionTable.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/backoffice/organisms/backoffice_virtualized_connection_table/BackofficeVirtualizedConnectionTable.tsx
+var n = (e) => {
+	if (e != null) return {
+		enabled: e.enabled,
+		rowHeightPx: e.rowHeightPx,
+		overscan: e.overscan
+	};
+}, r = (e) => {
+	if (e != null) return {
+		enabled: e.enabled,
+		thresholdPx: e.thresholdPx,
+		autoLoad: e.autoLoad
+	};
+}, i = ({ columns: i, rows: a, getRowId: o, emptyState: s, className: c, gridTemplateColumns: l, virtualization: u, infiniteScroll: d, hasNextPage: f, isLoadingMore: p, onLoadMore: m }) => /* @__PURE__ */ t(e, {
+	columns: i,
+	rows: a,
+	getRowId: o,
+	emptyState: s,
+	className: c,
+	gridTemplateColumns: l,
+	kind: void 0,
+	classes: void 0,
+	virtualization: n(u),
+	infiniteScroll: r(d),
+	hasNextPage: f,
+	isLoadingMore: p,
+	onLoadMore: m
+});
+//#endregion
+export { i as BackofficeVirtualizedConnectionTable, i as default };
+
+//# sourceMappingURL=BackofficeVirtualizedConnectionTable.js.map

package/lib/esm/backoffice/organisms/backoffice_virtualized_connection_table/BackofficeVirtualizedConnectionTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeVirtualizedConnectionTable.js","names":[],"sources":["../../../../../src/backoffice/organisms/backoffice_virtualized_connection_table/BackofficeVirtualizedConnectionTable.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport {\n  VirtualizedConnectionTable,\n  type InfiniteScrollConfig,\n  type VirtualizationConfig,\n} from '@plumile/ui/components/data-table/VirtualizedConnectionTable.js';\nimport type {\n  DataTableColumn,\n  GetRowId,\n} from '@plumile/ui/components/data-table/DataTable.js';\n\nexport type BackofficeVirtualizationConfig = {\n  enabled: boolean;\n  rowHeightPx: number;\n  overscan: number;\n};\n\nexport type BackofficeInfiniteScrollConfig = {\n  enabled: boolean;\n  thresholdPx?: number;\n  autoLoad?: boolean;\n};\n\nexport type BackofficeVirtualizedConnectionTableProps<Row> = {\n  columns: readonly DataTableColumn<Row>[];\n  rows: readonly Row[];\n  getRowId: GetRowId<Row>;\n  emptyState?: JSX.Element;\n  className?: string;\n  gridTemplateColumns?: string;\n\n  virtualization?: BackofficeVirtualizationConfig;\n\n  infiniteScroll?: BackofficeInfiniteScrollConfig;\n  hasNextPage?: boolean;\n  isLoadingMore?: boolean;\n  onLoadMore?: () => void;\n};\n\nconst mapVirtualization = (\n  config?: BackofficeVirtualizationConfig,\n): VirtualizationConfig | undefined => {\n  if (config == null) {\n    return undefined;\n  }\n  return {\n    enabled: config.enabled,\n    rowHeightPx: config.rowHeightPx,\n    overscan: config.overscan,\n  };\n};\n\nconst mapInfiniteScroll = (\n  config?: BackofficeInfiniteScrollConfig,\n): InfiniteScrollConfig | undefined => {\n  if (config == null) {\n    return undefined;\n  }\n  return {\n    enabled: config.enabled,\n    thresholdPx: config.thresholdPx,\n    autoLoad: config.autoLoad,\n  };\n};\n\nexport const BackofficeVirtualizedConnectionTable = <Row,>({\n  columns,\n  rows,\n  getRowId,\n  emptyState,\n  className,\n  gridTemplateColumns,\n  virtualization,\n  infiniteScroll,\n  hasNextPage,\n  isLoadingMore,\n  onLoadMore,\n}: BackofficeVirtualizedConnectionTableProps<Row>): JSX.Element => {\n  return (\n    <VirtualizedConnectionTable\n      columns={columns}\n      rows={rows}\n      getRowId={getRowId}\n      emptyState={emptyState}\n      className={className}\n      gridTemplateColumns={gridTemplateColumns}\n      kind={undefined}\n      classes={undefined}\n      virtualization={mapVirtualization(virtualization)}\n      infiniteScroll={mapInfiniteScroll(infiniteScroll)}\n      hasNextPage={hasNextPage}\n      isLoadingMore={isLoadingMore}\n      onLoadMore={onLoadMore}\n    />\n  );\n};\n\nexport default BackofficeVirtualizedConnectionTable;\n"],"mappings":";;;AAuCA,IAAM,KACJ,MACqC;AACjC,UAAU,KAGd,QAAO;EACL,SAAS,EAAO;EAChB,aAAa,EAAO;EACpB,UAAU,EAAO;EAClB;GAGG,KACJ,MACqC;AACjC,UAAU,KAGd,QAAO;EACL,SAAS,EAAO;EAChB,aAAa,EAAO;EACpB,UAAU,EAAO;EAClB;GAGU,KAA8C,EACzD,YACA,SACA,aACA,eACA,cACA,wBACA,mBACA,mBACA,gBACA,kBACA,oBAGE,kBAAC,GAAD;CACW;CACH;CACI;CACE;CACD;CACU;CACrB,MAAM,KAAA;CACN,SAAS,KAAA;CACT,gBAAgB,EAAkB,EAAe;CACjD,gBAAgB,EAAkB,EAAe;CACpC;CACE;CACH;CACZ,CAAA"}

package/lib/esm/backoffice/organisms/backoffice_virtualized_connection_table/backofficeVirtualizedConnectionTable.css.js

@@ -0,0 +1,8 @@
+/* empty css                                      */
+/* empty css                                                    */
+//#region src/backoffice/organisms/backoffice_virtualized_connection_table/backofficeVirtualizedConnectionTable.css.ts
+var e = "_13x579i0 txvbqbuw6 txvbqbl6f txvbqbt6f txvbqbk4x", t = "_13x579i1 txvbqbpsf", n = "_13x579i2 txvbqbu6f", r = "_13x579i3 txvbqbu6f txvbqbc4x";
+//#endregion
+export { t as bodyViewport, r as sentinel, e as singleLineCell, n as spacer };
+
+//# sourceMappingURL=backofficeVirtualizedConnectionTable.css.js.map

package/lib/esm/backoffice/organisms/backoffice_virtualized_connection_table/backofficeVirtualizedConnectionTable.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeVirtualizedConnectionTable.css.js","names":[],"sources":["../../../../../src/backoffice/organisms/backoffice_virtualized_connection_table/backofficeVirtualizedConnectionTable.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const singleLineCell = sprinkles({\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  minWidth: 0,\n});\n\nexport const bodyViewport = sprinkles({\n  position: 'relative',\n});\n\nexport const spacer = sprinkles({\n  width: 'full',\n});\n\nexport const sentinel = sprinkles({\n  width: 'full',\n  height: 1,\n});\n"],"mappings":""}

package/lib/esm/backoffice/organisms/entity_header/EntityHeader.js

@@ -0,0 +1,59 @@
+import { cx as e } from "../../../theme/tools.js";
+import { badgeRow as t, container as n, meta as r, metaItem as i, metaLabel as a, metaSlot as o, metaValue as s, subtitle as c, title as l, titleBlock as u, titleRow as d, topRow as f } from "./entityHeader.css.js";
+import "../../../index.js";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/backoffice/organisms/entity_header/EntityHeader.tsx
+var h = ({ title: h, subtitle: g, status: _, badges: v, actions: y, items: b = [], metaSlot: x, className: S }) => {
+	let C = null;
+	g != null && (C = /* @__PURE__ */ p("div", {
+		className: c,
+		children: g
+	}));
+	let w = null;
+	(_ != null || v != null) && (w = /* @__PURE__ */ m("div", {
+		className: t,
+		children: [_, v]
+	}));
+	let T = null;
+	b.length > 0 && (T = /* @__PURE__ */ p("div", {
+		className: r,
+		children: b.map((e) => /* @__PURE__ */ m("div", {
+			className: i,
+			children: [/* @__PURE__ */ p("div", {
+				className: a,
+				children: e.label
+			}), /* @__PURE__ */ p("div", {
+				className: s,
+				children: e.value
+			})]
+		}, e.id))
+	}));
+	let E = null;
+	return x != null && (E = /* @__PURE__ */ p("div", {
+		className: o,
+		children: x
+	})), /* @__PURE__ */ m("div", {
+		className: e(n, S),
+		children: [
+			/* @__PURE__ */ m("div", {
+				className: f,
+				children: [/* @__PURE__ */ m("div", {
+					className: u,
+					children: [/* @__PURE__ */ m("div", {
+						className: d,
+						children: [/* @__PURE__ */ p("div", {
+							className: l,
+							children: h
+						}), w]
+					}), C]
+				}), y]
+			}),
+			E,
+			T
+		]
+	});
+};
+//#endregion
+export { h as EntityHeader, h as default };
+
+//# sourceMappingURL=EntityHeader.js.map

package/lib/esm/backoffice/organisms/entity_header/EntityHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityHeader.js","names":[],"sources":["../../../../../src/backoffice/organisms/entity_header/EntityHeader.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport * as styles from './entityHeader.css.js';\nimport { cx } from '@plumile/ui';\n\nexport type EntityHeaderItem = {\n  id: string;\n  label: ReactNode;\n  value: ReactNode;\n};\n\nexport type EntityHeaderProps = {\n  title: ReactNode;\n  subtitle?: ReactNode;\n  status?: ReactNode;\n  badges?: ReactNode;\n  actions?: ReactNode;\n  items?: readonly EntityHeaderItem[];\n  metaSlot?: ReactNode;\n  className?: string;\n};\n\nexport const EntityHeader = ({\n  title,\n  subtitle,\n  status,\n  badges,\n  actions,\n  items = [],\n  metaSlot,\n  className,\n}: EntityHeaderProps): JSX.Element => {\n  let subtitleNode: JSX.Element | null = null;\n  if (subtitle != null) {\n    subtitleNode = <div className={styles.subtitle}>{subtitle}</div>;\n  }\n\n  let badgesNode: JSX.Element | null = null;\n  if (status != null || badges != null) {\n    badgesNode = (\n      <div className={styles.badgeRow}>\n        {status}\n        {badges}\n      </div>\n    );\n  }\n\n  let itemsNode: JSX.Element | null = null;\n  if (items.length > 0) {\n    itemsNode = (\n      <div className={styles.meta}>\n        {items.map((item) => {\n          return (\n            <div key={item.id} className={styles.metaItem}>\n              <div className={styles.metaLabel}>{item.label}</div>\n              <div className={styles.metaValue}>{item.value}</div>\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n\n  let metaSlotNode: JSX.Element | null = null;\n  if (metaSlot != null) {\n    metaSlotNode = <div className={styles.metaSlot}>{metaSlot}</div>;\n  }\n\n  return (\n    <div className={cx(styles.container, className)}>\n      <div className={styles.topRow}>\n        <div className={styles.titleBlock}>\n          <div className={styles.titleRow}>\n            <div className={styles.title}>{title}</div>\n            {badgesNode}\n          </div>\n          {subtitleNode}\n        </div>\n        {actions}\n      </div>\n\n      {metaSlotNode}\n      {itemsNode}\n    </div>\n  );\n};\n\nexport default EntityHeader;\n"],"mappings":";;;;;AAsBA,IAAa,KAAgB,EAC3B,OAAA,GACA,UAAA,GACA,WACA,WACA,YACA,WAAQ,EAAE,EACV,UAAA,GACA,mBACoC;CACpC,IAAI,IAAmC;AACvC,CAAI,KAAY,SACd,IAAe,kBAAC,OAAD;EAAK,WAAW;YAAkB;EAAe,CAAA;CAGlE,IAAI,IAAiC;AACrC,EAAI,KAAU,QAAQ,KAAU,UAC9B,IACE,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACG,GACA,EACG;;CAIV,IAAI,IAAgC;AACpC,CAAI,EAAM,SAAS,MACjB,IACE,kBAAC,OAAD;EAAK,WAAW;YACb,EAAM,KAAK,MAER,kBAAC,OAAD;GAAmB,WAAW;aAA9B,CACE,kBAAC,OAAD;IAAK,WAAW;cAAmB,EAAK;IAAY,CAAA,EACpD,kBAAC,OAAD;IAAK,WAAW;cAAmB,EAAK;IAAY,CAAA,CAChD;KAHI,EAAK,GAGT,CAER;EACE,CAAA;CAIV,IAAI,IAAmC;AAKvC,QAJI,KAAY,SACd,IAAe,kBAAC,OAAD;EAAK,WAAW;YAAkB;EAAe,CAAA,GAIhE,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAkB,EAAU;YAA/C;GACE,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACE,kBAAC,OAAD;KAAK,WAAW;eAAhB,CACE,kBAAC,OAAD;MAAK,WAAW;gBAAhB,CACE,kBAAC,OAAD;OAAK,WAAW;iBAAe;OAAY,CAAA,EAC1C,EACG;SACL,EACG;QACL,EACG;;GAEL;GACA;GACG"}

package/lib/esm/backoffice/organisms/entity_header/entityHeader.css.js

@@ -0,0 +1,8 @@
+/* empty css                                      */
+/* empty css                            */
+//#region src/backoffice/organisms/entity_header/entityHeader.css.ts
+var e = "bvz2760 txvbqb9io txvbqbai6 txvbqbaof", t = "bvz2761 txvbqb9io txvbqbcf txvbqbdoo txvbqbaoo txvbqbajx", n = "bvz2762 txvbqb9io txvbqbai6 txvbqbao6 txvbqbk4x txvbqb9mx", r = "bvz2763 txvbqb9io txvbqbco txvbqbao6 txvbqbajx txvbqbk4x", i = "bvz2764 txvbqba6 txvbqbf7f txvbqbamo txvbqbv8p", a = "bvz2765 txvbqb9jf txvbqbajx txvbqbb9o txvbqbco", o = "bvz2766 txvbqb96 txvbqbv8r", s = "bvz2767 txvbqb9io txvbqbajx txvbqbao6", c = "bvz2768 txvbqb9ix txvbqbao6 txvbqbbz6 txvbqbp56", l = "bvz2769 txvbqb9io txvbqbai6 txvbqbanx txvbqbla6 txvbqb1ro txvbqbv2v txvbqb1co txvbqb1qf txvbqbwo", u = "bvz276a txvbqb8o txvbqbv8t txvbqb66 txvbqbeef txvbqbamo", d = "bvz276b txvbqb96 txvbqbv8p txvbqbamf";
+//#endregion
+export { a as badgeRow, e as container, c as meta, l as metaItem, u as metaLabel, s as metaSlot, d as metaValue, o as subtitle, i as title, n as titleBlock, r as titleRow, t as topRow };
+
+//# sourceMappingURL=entityHeader.css.js.map

package/lib/esm/backoffice/organisms/entity_header/entityHeader.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entityHeader.css.js","names":[],"sources":["../../../../../src/backoffice/organisms/entity_header/entityHeader.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const container = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const topRow = sprinkles({\n  display: 'flex',\n  alignItems: 'flex-start',\n  justifyContent: 'space-between',\n  gap: 4,\n  flexWrap: 'wrap',\n});\n\nexport const titleBlock = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n  minWidth: 0,\n  flex: 1,\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: '3xl',\n  lineHeight: '3xl',\n  fontWeight: 'semibold',\n  color: 'text',\n});\n\nexport const badgeRow = sprinkles({\n  display: 'inline-flex',\n  flexWrap: 'wrap',\n  gap: 1.5,\n  alignItems: 'center',\n});\n\nexport const subtitle = sprinkles({\n  fontSize: 'base',\n  color: 'textSecondary',\n});\n\nexport const metaSlot = sprinkles({\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: 2,\n});\n\nexport const meta = sprinkles({\n  display: 'grid',\n  gap: 2,\n  gridTemplateColumns: 'autoFitMinmax12_5rem',\n  paddingTop: 1,\n});\n\nexport const metaItem = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  padding: 3,\n  borderRadius: 'lg',\n  backgroundColor: 'surfaceMuted',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'borderSubtle',\n});\n\nexport const metaLabel = sprinkles({\n  fontSize: 'xs',\n  color: 'textMuted',\n  textTransform: 'uppercase',\n  letterSpacing: 'caps',\n  fontWeight: 'semibold',\n});\n\nexport const metaValue = sprinkles({\n  fontSize: 'base',\n  color: 'text',\n  fontWeight: 'medium',\n});\n"],"mappings":""}

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/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

@@ -44,7 +44,52 @@ import { RefetchNeededBanner as Z } from "./components/subscriptions/RefetchNeed
 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 { CopyableText as te } from "./backoffice/atoms/copyable_text/CopyableText.js";
+import { BackofficeIdBadge as ne } from "./backoffice/atoms/backoffice_id_badge/BackofficeIdBadge.js";
+import { EnvironmentBadge as re } from "./backoffice/atoms/environment_badge/EnvironmentBadge.js";
+import { ShortcutHint as ie } from "./backoffice/atoms/shortcut_hint/ShortcutHint.js";
+import { Skeleton as ae } from "./backoffice/atoms/skeleton/Skeleton.js";
+import { Spinner as oe } from "./backoffice/atoms/spinner/Spinner.js";
+import { StatusBadge as se } from "./backoffice/atoms/status_badge/StatusBadge.js";
+import { Tag as ce } from "./backoffice/atoms/tag/Tag.js";
+import { BackofficeDetailLayout as le } from "./backoffice/molecules/backoffice_detail_layout/BackofficeDetailLayout.js";
+import { BackofficeEmptyState as ue } from "./backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js";
+import { BackofficeFilterDrawer as de } from "./backoffice/molecules/backoffice_filter_drawer/BackofficeFilterDrawer.js";
+import { BackofficeFilterField as fe } from "./backoffice/molecules/backoffice_filter_field/BackofficeFilterField.js";
+import { BackofficeFiltersBar as pe } from "./backoffice/molecules/backoffice_filters_bar/BackofficeFiltersBar.js";
+import { BackofficeFormSection as me } from "./backoffice/molecules/backoffice_form_section/BackofficeFormSection.js";
+import { BackofficeJsonViewer as he } from "./backoffice/molecules/backoffice_json_viewer/BackofficeJsonViewer.js";
+import { BackofficeKeyValueList as ge } from "./backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js";
+import { BackofficeLoadMore as _e } from "./backoffice/molecules/backoffice_load_more/BackofficeLoadMore.js";
+import { BackofficePageHeader as ve } from "./backoffice/molecules/backoffice_page_header/BackofficePageHeader.js";
+import { BackofficeRelationsMenu as ye } from "./backoffice/molecules/backoffice_relations_menu/BackofficeRelationsMenu.js";
+import { BackofficeTableSkeleton as be } from "./backoffice/molecules/backoffice_table_skeleton/BackofficeTableSkeleton.js";
+import { BackofficeTableToolbar as xe } from "./backoffice/molecules/backoffice_table_toolbar/BackofficeTableToolbar.js";
+import { BackofficeTabs as Se } from "./backoffice/molecules/backoffice_tabs/BackofficeTabs.js";
+import { BulkActionsBar as Ce } from "./backoffice/molecules/bulk_actions_bar/BulkActionsBar.js";
+import { FilterChipRow as we } from "./backoffice/molecules/filter_chip_row/FilterChipRow.js";
+import { GlobalSearchInput as Te } from "./backoffice/molecules/global_search_input/GlobalSearchInput.js";
+import { InlineBanner as Ee } from "./backoffice/molecules/inline_banner/InlineBanner.js";
+import { SidebarNavItem as De } from "./backoffice/molecules/sidebar_nav_item/SidebarNavItem.js";
+import { SidebarNavSection as Oe } from "./backoffice/molecules/sidebar_nav_section/SidebarNavSection.js";
+import { BackofficeSidebarProfileMenu as ke } from "./backoffice/molecules/sidebar_profile_menu/BackofficeSidebarProfileMenu.js";
+import { SidebarCollapseToggle as Ae } from "./backoffice/molecules/sidebar_collapse_toggle/SidebarCollapseToggle.js";
+import { TableToolbar as je } from "./backoffice/molecules/table_toolbar/TableToolbar.js";
+import { BackofficeAppShell as Me } from "./backoffice/organisms/backoffice_app_shell/BackofficeAppShell.js";
+import { BackofficeDataTable as Ne } from "./backoffice/organisms/backoffice_data_table/BackofficeDataTable.js";
+import { BackofficeSidebar as Pe } from "./backoffice/organisms/backoffice_sidebar/BackofficeSidebar.js";
+import { BackofficeTopbar as Fe } from "./backoffice/organisms/backoffice_topbar/BackofficeTopbar.js";
+import { BackofficeVirtualizedConnectionTable as Ie } from "./backoffice/organisms/backoffice_virtualized_connection_table/BackofficeVirtualizedConnectionTable.js";
+import { EntityHeader as Le } from "./backoffice/organisms/entity_header/EntityHeader.js";
+import { BackofficeShellTemplate as Re } from "./backoffice/templates/backoffice_shell_template/BackofficeShellTemplate.js";
+import { DetailPageTemplate as ze } from "./backoffice/templates/detail_page_template/DetailPageTemplate.js";
+import { ListPageTemplate as Be } from "./backoffice/templates/list_page_template/ListPageTemplate.js";
+import { backofficeThemeClass as Ve } from "./backoffice/theme/backofficeTheme.css.js";
+import { BackofficeThemeProvider as He } from "./backoffice/theme/BackofficeThemeProvider.js";
+import { FALLBACK_REFERENCE as Ue, formatNullableCurrency as We, formatNullableNumber as Ge, formatNullableString as Ke, formatStringList as qe } from "./shared/agentJobRequestFormatting.js";
+import { sanitizeAgentAnswer as Je, sanitizeAgentMarkdown as Ye } from "./shared/agentText.js";
+import { denseTableClass as Xe } from "./shared/backofficeTableDensity.css.js";
+import { WrapperPage as Ze } from "./pages/WrapperPage.js";
+import { ChevronDownIcon as Qe } from "./svg/ChevronDownIcon.js";
+import { LoginForm as $e } from "./atomic/organisms/login_form/LoginForm.js";
+export { G as AuthLayout, Me as BackofficeAppShell, Ne as BackofficeDataTable, le as BackofficeDetailLayout, ue as BackofficeEmptyState, de as BackofficeFilterDrawer, fe as BackofficeFilterField, pe as BackofficeFiltersBar, me as BackofficeFormSection, ne as BackofficeIdBadge, he as BackofficeJsonViewer, ge as BackofficeKeyValueList, _e as BackofficeLoadMore, ve as BackofficePageHeader, ye as BackofficeRelationsMenu, Re as BackofficeShellTemplate, Pe as BackofficeSidebar, ke as BackofficeSidebarProfileMenu, be as BackofficeTableSkeleton, xe as BackofficeTableToolbar, Se as BackofficeTabs, He as BackofficeThemeProvider, Fe as BackofficeTopbar, Ie as BackofficeVirtualizedConnectionTable, n as Badge, K as BillingUsageLineChart, m as BreadcrumbNavigation, Ce as BulkActionsBar, r as Button, h as Card, s as Checkbox, g as CheckboxField, Qe as ChevronDownIcon, J as ContentLayout, te as CopyableText, q as DataTable, ze as DetailPageTemplate, Le as EntityHeader, re as EnvironmentBadge, c as ErrorMessage, Ue as FALLBACK_REFERENCE, we as FilterChipRow, _ as Form, b as FormActions, x as FormError, v as FormErrorBanner, S as FormField, y as FormGroup, l as FormattedDate, Te as GlobalSearchInput, C as HighlightCode, u as IconMenuButton, $ as InfoTile, Ee as InlineBanner, a as Input, o as Label, w as LazyMarkdownRenderer, i as LinkButton, Be as ListPageTemplate, $e as LoginForm, f as Modal, d as Overlay, Y as PageShell, Z as RefetchNeededBanner, ie as ShortcutHint, Ae as SidebarCollapseToggle, De as SidebarNavItem, Oe as SidebarNavSection, X as SimpleSelect, ae as Skeleton, oe as Spinner, se as StatusBadge, N as THEME_KEY, je as TableToolbar, k as Tabs, Q as TabsContentLayout, ce as Tag, p as Textarea, P as ThemeProvider, j as ToastProvider, A as ToastViewport, ee as VirtualizedConnectionTable, I as VisuallyHidden, Ze as WrapperPage, Ve as backofficeThemeClass, E as colors, L as containerQueries, e as cx, Xe as denseTableClass, R as firstChildSprinkles, We as formatNullableCurrency, Ge as formatNullableNumber, Ke as formatNullableString, qe as formatStringList, z as hoverSprinkles, t as onlyDefinedStyles, V as opacity, Je as sanitizeAgentAnswer, Ye as sanitizeAgentMarkdown, 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 };

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