@plumile/backoffice-react 0.1.109 → 0.1.112

package/lib/esm/pages/dashboard/DashboardPanel.js

@@ -1,8 +1,8 @@
 import { panel as e } from "./dashboardPanel.css.js";
-import { InfoTile as t } from "@plumile/ui";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
+import { InfoTile as n } from "@plumile/ui/components/tile/InfoTile.js";
 //#region src/pages/dashboard/DashboardPanel.tsx
-var r = ({ actions: r, children: i, subtitle: a, title: o }) => /* @__PURE__ */ n(t, {
+var r = ({ actions: r, children: i, subtitle: a, title: o }) => /* @__PURE__ */ t(n, {
 	title: o,
 	subtitle: a,
 	actions: r,

package/lib/esm/pages/dashboard/DashboardPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardPanel.js","names":[],"sources":["../../../../src/pages/dashboard/DashboardPanel.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { InfoTile } from '@plumile/ui';\n\nimport * as styles from './dashboardPanel.css.js';\n\nexport type DashboardPanelProps = {\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  actions?: ReactNode;\n  children?: ReactNode;\n};\n\nexport const DashboardPanel = ({\n  actions,\n  children,\n  subtitle,\n  title,\n}: DashboardPanelProps): JSX.Element => {\n  return (\n    <InfoTile\n      title={title}\n      subtitle={subtitle}\n      actions={actions}\n      className={styles.panel}\n    >\n      {children}\n    </InfoTile>\n  );\n};\n"],"mappings":";;;;AAYA,IAAa,KAAkB,EAC7B,YACA,aACA,aACA,eAGE,kBAAC,GAAD;CACS;CACG;CACD;CACT,WAAW;CAEV;CACQ,CAAA"}
+{"version":3,"file":"DashboardPanel.js","names":[],"sources":["../../../../src/pages/dashboard/DashboardPanel.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { InfoTile } from '@plumile/ui/components/tile/InfoTile.js';\n\nimport * as styles from './dashboardPanel.css.js';\n\nexport type DashboardPanelProps = {\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  actions?: ReactNode;\n  children?: ReactNode;\n};\n\nexport const DashboardPanel = ({\n  actions,\n  children,\n  subtitle,\n  title,\n}: DashboardPanelProps): JSX.Element => {\n  return (\n    <InfoTile\n      title={title}\n      subtitle={subtitle}\n      actions={actions}\n      className={styles.panel}\n    >\n      {children}\n    </InfoTile>\n  );\n};\n"],"mappings":";;;;AAYA,IAAa,KAAkB,EAC7B,YACA,aACA,aACA,eAGE,kBAAC,GAAD;CACS;CACG;CACD;CACT,WAAW;CAEV;CACQ,CAAA"}

package/lib/esm/pages/dashboard/DashboardQuickActions.js

@@ -1,7 +1,7 @@
 import { action as e, grid as t, gridSingle as n, gridStack as r } from "./dashboardQuickActions.css.js";
-import { cx as i } from "@plumile/ui";
+import { cx as i } from "@plumile/ui/theme/tools.js";
 import { Fragment as a, jsx as o } from "react/jsx-runtime";
-import { Link as s } from "@plumile/router";
+import s from "@plumile/router/routing/Link.js";
 //#region src/pages/dashboard/DashboardQuickActions.tsx
 var c = ({ actions: c, emptyState: l = null, layout: u = "grid" }) => {
 	if (c.length === 0) return /* @__PURE__ */ o(a, { children: l });

package/lib/esm/pages/dashboard/DashboardQuickActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardQuickActions.js","names":[],"sources":["../../../../src/pages/dashboard/DashboardQuickActions.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { Link } from '@plumile/router';\nimport { cx } from '@plumile/ui';\n\nimport * as styles from './dashboardQuickActions.css.js';\n\nexport type DashboardQuickAction = {\n  id: string;\n  label: ReactNode;\n  href: string;\n};\n\nexport type DashboardQuickActionsProps = {\n  actions: readonly DashboardQuickAction[];\n  emptyState?: ReactNode;\n  layout?: 'grid' | 'stack';\n};\n\nexport const DashboardQuickActions = ({\n  actions,\n  emptyState = null,\n  layout = 'grid',\n}: DashboardQuickActionsProps): JSX.Element => {\n  if (actions.length === 0) {\n    return <>{emptyState}</>;\n  }\n\n  const isSingleAction = actions.length === 1;\n\n  return (\n    <div\n      className={cx(styles.grid, {\n        [styles.gridStack]: layout === 'stack',\n        [styles.gridSingle]: isSingleAction,\n      })}\n    >\n      {actions.map((action, index) => {\n        const key = `${action.id}-${index}`;\n        return (\n          <Link key={key} to={action.href} className={styles.action}>\n            {action.label}\n          </Link>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAkBA,IAAa,KAAyB,EACpC,YACA,gBAAa,MACb,YAAS,aACoC;CAC7C,IAAI,EAAQ,WAAW,GACrB,OAAO,kBAAA,GAAA,EAAA,UAAG,GAAc,CAAA;CAG1B,IAAM,IAAiB,EAAQ,WAAW;CAE1C,OACE,kBAAC,OAAD;EACE,WAAW,EAAG,GAAa;IACxB,IAAmB,MAAW;IAC9B,IAAoB;GACtB,CAAC;YAED,EAAQ,KAAK,GAAQ,MAAU;GAC9B,IAAM,IAAM,GAAG,EAAO,GAAG,GAAG;GAC5B,OACE,kBAAC,GAAD;IAAgB,IAAI,EAAO;IAAM,WAAW;cACzC,EAAO;IACH,EAFI,EAEJ;IAET;EACE,CAAA"}
+{"version":3,"file":"DashboardQuickActions.js","names":[],"sources":["../../../../src/pages/dashboard/DashboardQuickActions.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport Link from '@plumile/router/routing/Link.js';\nimport { cx } from '@plumile/ui/theme/tools.js';\n\nimport * as styles from './dashboardQuickActions.css.js';\n\nexport type DashboardQuickAction = {\n  id: string;\n  label: ReactNode;\n  href: string;\n};\n\nexport type DashboardQuickActionsProps = {\n  actions: readonly DashboardQuickAction[];\n  emptyState?: ReactNode;\n  layout?: 'grid' | 'stack';\n};\n\nexport const DashboardQuickActions = ({\n  actions,\n  emptyState = null,\n  layout = 'grid',\n}: DashboardQuickActionsProps): JSX.Element => {\n  if (actions.length === 0) {\n    return <>{emptyState}</>;\n  }\n\n  const isSingleAction = actions.length === 1;\n\n  return (\n    <div\n      className={cx(styles.grid, {\n        [styles.gridStack]: layout === 'stack',\n        [styles.gridSingle]: isSingleAction,\n      })}\n    >\n      {actions.map((action, index) => {\n        const key = `${action.id}-${index}`;\n        return (\n          <Link key={key} to={action.href} className={styles.action}>\n            {action.label}\n          </Link>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAkBA,IAAa,KAAyB,EACpC,YACA,gBAAa,MACb,YAAS,aACoC;CAC7C,IAAI,EAAQ,WAAW,GACrB,OAAO,kBAAA,GAAA,EAAA,UAAG,GAAc,CAAA;CAG1B,IAAM,IAAiB,EAAQ,WAAW;CAE1C,OACE,kBAAC,OAAD;EACE,WAAW,EAAG,GAAa;IACxB,IAAmB,MAAW;IAC9B,IAAoB;GACtB,CAAC;YAED,EAAQ,KAAK,GAAQ,MAAU;GAC9B,IAAM,IAAM,GAAG,EAAO,GAAG,GAAG;GAC5B,OACE,kBAAC,GAAD;IAAgB,IAAI,EAAO;IAAM,WAAW;cACzC,EAAO;IACH,EAFI,EAEJ;IAET;EACE,CAAA"}

package/lib/esm/pages/dashboard/DashboardStatusList.js

@@ -1,6 +1,6 @@
 import { item as e, itemLink as t, label as n, list as r, value as i } from "./dashboardStatusList.css.js";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Link as c } from "@plumile/router";
+import c from "@plumile/router/routing/Link.js";
 //#region src/pages/dashboard/DashboardStatusList.tsx
 var l = ({ items: l, emptyState: u = null }) => l.length === 0 ? /* @__PURE__ */ o(a, { children: u }) : /* @__PURE__ */ o("div", {
 	className: r,

package/lib/esm/pages/dashboard/DashboardStatusList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardStatusList.js","names":[],"sources":["../../../../src/pages/dashboard/DashboardStatusList.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { Link } from '@plumile/router';\n\nimport * as styles from './dashboardStatusList.css.js';\n\nexport type DashboardStatusItem = {\n  id: string;\n  label: ReactNode;\n  value: ReactNode;\n  href?: string;\n};\n\nexport type DashboardStatusListProps = {\n  items: readonly DashboardStatusItem[];\n  emptyState?: ReactNode;\n};\n\nexport const DashboardStatusList = ({\n  items,\n  emptyState = null,\n}: DashboardStatusListProps): JSX.Element => {\n  if (items.length === 0) {\n    return <>{emptyState}</>;\n  }\n\n  return (\n    <div className={styles.list}>\n      {items.map((item, index) => {\n        const key = `${item.id}-${index}`;\n        const content = (\n          <>\n            <span className={styles.label}>{item.label}</span>\n            <span className={styles.value}>{item.value}</span>\n          </>\n        );\n\n        if (item.href == null) {\n          return (\n            <div key={key} className={styles.item}>\n              {content}\n            </div>\n          );\n        }\n\n        return (\n          <Link key={key} to={item.href} className={styles.itemLink}>\n            {content}\n          </Link>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;;AAiBA,IAAa,KAAuB,EAClC,UACA,gBAAa,WAET,EAAM,WAAW,IACZ,kBAAA,GAAA,EAAA,UAAG,GAAc,CAAA,GAIxB,kBAAC,OAAD;CAAK,WAAW;WACb,EAAM,KAAK,GAAM,MAAU;EAC1B,IAAM,IAAM,GAAG,EAAK,GAAG,GAAG,KACpB,IACJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD;GAAM,WAAW;aAAe,EAAK;GAAa,CAAA,EAClD,kBAAC,QAAD;GAAM,WAAW;aAAe,EAAK;GAAa,CAAA,CACjD,EAAA,CAAA;EAWL,OARI,EAAK,QAAQ,OAEb,kBAAC,OAAD;GAAe,WAAW;aACvB;GACG,EAFI,EAEJ,GAKR,kBAAC,GAAD;GAAgB,IAAI,EAAK;GAAM,WAAW;aACvC;GACI,EAFI,EAEJ;GAET;CACE,CAAA"}
+{"version":3,"file":"DashboardStatusList.js","names":[],"sources":["../../../../src/pages/dashboard/DashboardStatusList.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport Link from '@plumile/router/routing/Link.js';\n\nimport * as styles from './dashboardStatusList.css.js';\n\nexport type DashboardStatusItem = {\n  id: string;\n  label: ReactNode;\n  value: ReactNode;\n  href?: string;\n};\n\nexport type DashboardStatusListProps = {\n  items: readonly DashboardStatusItem[];\n  emptyState?: ReactNode;\n};\n\nexport const DashboardStatusList = ({\n  items,\n  emptyState = null,\n}: DashboardStatusListProps): JSX.Element => {\n  if (items.length === 0) {\n    return <>{emptyState}</>;\n  }\n\n  return (\n    <div className={styles.list}>\n      {items.map((item, index) => {\n        const key = `${item.id}-${index}`;\n        const content = (\n          <>\n            <span className={styles.label}>{item.label}</span>\n            <span className={styles.value}>{item.value}</span>\n          </>\n        );\n\n        if (item.href == null) {\n          return (\n            <div key={key} className={styles.item}>\n              {content}\n            </div>\n          );\n        }\n\n        return (\n          <Link key={key} to={item.href} className={styles.itemLink}>\n            {content}\n          </Link>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;;AAiBA,IAAa,KAAuB,EAClC,UACA,gBAAa,WAET,EAAM,WAAW,IACZ,kBAAA,GAAA,EAAA,UAAG,GAAc,CAAA,GAIxB,kBAAC,OAAD;CAAK,WAAW;WACb,EAAM,KAAK,GAAM,MAAU;EAC1B,IAAM,IAAM,GAAG,EAAK,GAAG,GAAG,KACpB,IACJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD;GAAM,WAAW;aAAe,EAAK;GAAa,CAAA,EAClD,kBAAC,QAAD;GAAM,WAAW;aAAe,EAAK;GAAa,CAAA,CACjD,EAAA,CAAA;EAWL,OARI,EAAK,QAAQ,OAEb,kBAAC,OAAD;GAAe,WAAW;aACvB;GACG,EAFI,EAEJ,GAKR,kBAAC,GAAD;GAAgB,IAAI,EAAK;GAAM,WAAW;aACvC;GACI,EAFI,EAEJ;GAET;CACE,CAAA"}

package/lib/esm/pages/dashboard/dashboardMetricGroup.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboardMetricGroup.css.js","names":[],"sources":["../../../../src/pages/dashboard/dashboardMetricGroup.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles, vars } from '@plumile/ui';\n\nimport { panel } from './dashboardPanel.css.js';\n\nexport const group = style([\n  sprinkles({\n    height: 'full',\n  }),\n  {\n    alignItems: 'stretch',\n  },\n]);\n\nexport const card = style([\n  panel,\n  {\n    height: '100%',\n    transitionProperty: 'border-color, box-shadow, transform',\n    transitionDuration: vars.transitionDuration[150],\n    transitionTimingFunction: vars.transitionTimingFunction.ease,\n  },\n]);\n\nexport const link = style([\n  sprinkles({\n    color: 'inherit',\n    display: 'flex',\n    textDecoration: 'none',\n    width: 'full',\n  }),\n  {\n    transitionProperty: 'transform',\n    transitionDuration: vars.transitionDuration[150],\n    transitionTimingFunction: vars.transitionTimingFunction.ease,\n    selectors: {\n      '&:hover': {\n        transform: 'translateY(-1px)',\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '3px',\n        borderRadius: vars.borderRadius.lg,\n      },\n    },\n  },\n]);\n"],"mappings":""}
+{"version":3,"file":"dashboardMetricGroup.css.js","names":[],"sources":["../../../../src/pages/dashboard/dashboardMetricGroup.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nimport { panel } from './dashboardPanel.css.js';\n\nexport const group = style([\n  sprinkles({\n    height: 'full',\n  }),\n  {\n    alignItems: 'stretch',\n  },\n]);\n\nexport const card = style([\n  panel,\n  {\n    height: '100%',\n    transitionProperty: 'border-color, box-shadow, transform',\n    transitionDuration: vars.transitionDuration[150],\n    transitionTimingFunction: vars.transitionTimingFunction.ease,\n  },\n]);\n\nexport const link = style([\n  sprinkles({\n    color: 'inherit',\n    display: 'flex',\n    textDecoration: 'none',\n    width: 'full',\n  }),\n  {\n    transitionProperty: 'transform',\n    transitionDuration: vars.transitionDuration[150],\n    transitionTimingFunction: vars.transitionTimingFunction.ease,\n    selectors: {\n      '&:hover': {\n        transform: 'translateY(-1px)',\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '3px',\n        borderRadius: vars.borderRadius.lg,\n      },\n    },\n  },\n]);\n"],"mappings":""}

package/lib/esm/pages/dashboard/dashboardPanel.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboardPanel.css.js","names":[],"sources":["../../../../src/pages/dashboard/dashboardPanel.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles, vars } from '@plumile/ui';\n\nexport const panel = style([\n  sprinkles({\n    backgroundColor: 'surface',\n    borderColor: 'borderSubtle',\n    borderRadius: 'lg',\n    borderStyle: 'solid',\n    borderWidth: 'default',\n  }),\n  {\n    minHeight: '100%',\n    boxShadow: `0 1px 0 ${vars.colors.borderLight}`,\n    selectors: {\n      '&&': {\n        backgroundColor: vars.colors.surface,\n      },\n    },\n  },\n]);\n"],"mappings":""}
+{"version":3,"file":"dashboardPanel.css.js","names":[],"sources":["../../../../src/pages/dashboard/dashboardPanel.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nexport const panel = style([\n  sprinkles({\n    backgroundColor: 'surface',\n    borderColor: 'borderSubtle',\n    borderRadius: 'lg',\n    borderStyle: 'solid',\n    borderWidth: 'default',\n  }),\n  {\n    minHeight: '100%',\n    boxShadow: `0 1px 0 ${vars.colors.borderLight}`,\n    selectors: {\n      '&&': {\n        backgroundColor: vars.colors.surface,\n      },\n    },\n  },\n]);\n"],"mappings":""}

package/lib/esm/pages/dashboard/dashboardQuickActions.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboardQuickActions.css.js","names":[],"sources":["../../../../src/pages/dashboard/dashboardQuickActions.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles, vars } from '@plumile/ui';\n\nexport const grid = sprinkles({\n  display: 'grid',\n  gap: 2,\n  gridTemplateColumns: {\n    base: 2,\n    sm: 1,\n  },\n});\n\nexport const gridSingle = sprinkles({\n  gridTemplateColumns: 1,\n});\n\nexport const gridStack = sprinkles({\n  gridTemplateColumns: 1,\n});\n\nexport const action = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    minHeight: 10,\n    paddingX: 3,\n    paddingY: 2,\n    borderRadius: 'md',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderSubtle',\n    backgroundColor: 'surfaceSecondary',\n    color: 'primary',\n    fontWeight: 'semibold',\n    textDecoration: 'none',\n  }),\n  {\n    transitionProperty: 'background-color, border-color, box-shadow',\n    transitionDuration: vars.transitionDuration[150],\n    transitionTimingFunction: vars.transitionTimingFunction.ease,\n    selectors: {\n      '&:hover': {\n        backgroundColor: vars.colors.primaryLight,\n        borderColor: vars.colors.primary,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n"],"mappings":""}
+{"version":3,"file":"dashboardQuickActions.css.js","names":[],"sources":["../../../../src/pages/dashboard/dashboardQuickActions.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nexport const grid = sprinkles({\n  display: 'grid',\n  gap: 2,\n  gridTemplateColumns: {\n    base: 2,\n    sm: 1,\n  },\n});\n\nexport const gridSingle = sprinkles({\n  gridTemplateColumns: 1,\n});\n\nexport const gridStack = sprinkles({\n  gridTemplateColumns: 1,\n});\n\nexport const action = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    minHeight: 10,\n    paddingX: 3,\n    paddingY: 2,\n    borderRadius: 'md',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderSubtle',\n    backgroundColor: 'surfaceSecondary',\n    color: 'primary',\n    fontWeight: 'semibold',\n    textDecoration: 'none',\n  }),\n  {\n    transitionProperty: 'background-color, border-color, box-shadow',\n    transitionDuration: vars.transitionDuration[150],\n    transitionTimingFunction: vars.transitionTimingFunction.ease,\n    selectors: {\n      '&:hover': {\n        backgroundColor: vars.colors.primaryLight,\n        borderColor: vars.colors.primary,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n"],"mappings":""}

package/lib/esm/pages/dashboard/dashboardStatusList.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboardStatusList.css.js","names":[],"sources":["../../../../src/pages/dashboard/dashboardStatusList.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles, vars } from '@plumile/ui';\n\nexport const list = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n});\n\nconst rowBase = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: 3,\n    paddingY: 2,\n    paddingX: 2,\n    borderRadius: 'md',\n    color: 'text',\n  }),\n]);\n\nexport const item = style([rowBase]);\n\nexport const itemLink = style([\n  rowBase,\n  sprinkles({\n    textDecoration: 'none',\n  }),\n  {\n    transitionProperty: 'background-color, color',\n    transitionDuration: vars.transitionDuration[150],\n    transitionTimingFunction: vars.transitionTimingFunction.ease,\n    selectors: {\n      '&:hover': {\n        backgroundColor: vars.colors.surfaceMuted,\n        color: vars.colors.primary,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n\nexport const label = sprinkles({\n  minWidth: 0,\n  color: 'textSecondary',\n  overflowWrap: 'anywhere',\n});\n\nexport const value = sprinkles({\n  flexShrink: 0,\n  fontWeight: 'semibold',\n  color: 'text',\n  fontVariantNumeric: 'tabular-nums',\n  whiteSpace: 'nowrap',\n});\n"],"mappings":""}
+{"version":3,"file":"dashboardStatusList.css.js","names":[],"sources":["../../../../src/pages/dashboard/dashboardStatusList.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nexport const list = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n});\n\nconst rowBase = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: 3,\n    paddingY: 2,\n    paddingX: 2,\n    borderRadius: 'md',\n    color: 'text',\n  }),\n]);\n\nexport const item = style([rowBase]);\n\nexport const itemLink = style([\n  rowBase,\n  sprinkles({\n    textDecoration: 'none',\n  }),\n  {\n    transitionProperty: 'background-color, color',\n    transitionDuration: vars.transitionDuration[150],\n    transitionTimingFunction: vars.transitionTimingFunction.ease,\n    selectors: {\n      '&:hover': {\n        backgroundColor: vars.colors.surfaceMuted,\n        color: vars.colors.primary,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n\nexport const label = sprinkles({\n  minWidth: 0,\n  color: 'textSecondary',\n  overflowWrap: 'anywhere',\n});\n\nexport const value = sprinkles({\n  flexShrink: 0,\n  fontWeight: 'semibold',\n  color: 'text',\n  fontVariantNumeric: 'tabular-nums',\n  whiteSpace: 'nowrap',\n});\n"],"mappings":""}

package/lib/esm/pages/detail/buildTabsItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"buildTabsItems.js","names":[],"sources":["../../../../src/pages/detail/buildTabsItems.ts"],"sourcesContent":["import type { BackofficeDetailPageRouteSpec } from '@plumile/backoffice-core/types.js';\nimport type { BackofficeTabItem } from '@plumile/ui';\nimport type { TFunction } from 'i18next';\n\ntype DetailPage<Node> = BackofficeDetailPageRouteSpec<Node>;\n\nexport const buildTabsItems = <Node>(input: {\n  pages: readonly DetailPage<Node>[];\n  id: string;\n  tApp: TFunction;\n  detailPageHref: (id: string, pageId: string) => string;\n}): readonly BackofficeTabItem[] => {\n  return input.pages.map((page) => {\n    return {\n      id: page.id,\n      label: page.label(input.tApp),\n      to: input.detailPageHref(input.id, page.id),\n    };\n  });\n};\n"],"mappings":";AAMA,IAAa,KAAwB,MAM5B,EAAM,MAAM,KAAK,OACf;CACL,IAAI,EAAK;CACT,OAAO,EAAK,MAAM,EAAM,KAAK;CAC7B,IAAI,EAAM,eAAe,EAAM,IAAI,EAAK,GAAG;CAC5C,EACD"}
+{"version":3,"file":"buildTabsItems.js","names":[],"sources":["../../../../src/pages/detail/buildTabsItems.ts"],"sourcesContent":["import type { BackofficeDetailPageRouteSpec } from '@plumile/backoffice-core/types.js';\nimport type { BackofficeTabItem } from '@plumile/ui/backoffice/molecules/backoffice_tabs/BackofficeTabs.js';\nimport type { TFunction } from 'i18next';\n\ntype DetailPage<Node> = BackofficeDetailPageRouteSpec<Node>;\n\nexport const buildTabsItems = <Node>(input: {\n  pages: readonly DetailPage<Node>[];\n  id: string;\n  tApp: TFunction;\n  detailPageHref: (id: string, pageId: string) => string;\n}): readonly BackofficeTabItem[] => {\n  return input.pages.map((page) => {\n    return {\n      id: page.id,\n      label: page.label(input.tApp),\n      to: input.detailPageHref(input.id, page.id),\n    };\n  });\n};\n"],"mappings":";AAMA,IAAa,KAAwB,MAM5B,EAAM,MAAM,KAAK,OACf;CACL,IAAI,EAAK;CACT,OAAO,EAAK,MAAM,EAAM,KAAK;CAC7B,IAAI,EAAM,eAAe,EAAM,IAAI,EAAK,GAAG;CAC5C,EACD"}

package/lib/esm/provider/BackofficeProvider.js

@@ -9,11 +9,13 @@ import { RelayProvider as c } from "../relay/RelayProvider.js";
 import { createBackofficeRoutes as l } from "../router/createBackofficeRoutes.js";
 import { createBackofficeEntityRegistry as u } from "./entityRegistry.js";
 import { StrictMode as d, useEffect as f, useMemo as p, useState as m } from "react";
-import { ThemeProvider as h } from "@plumile/ui";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { I18nextProvider as v } from "react-i18next";
-import { RouterRenderer as y, RoutingContext as b, createRouter as x } from "@plumile/router";
-import { createInstance as S } from "i18next";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { I18nextProvider as _ } from "react-i18next";
+import v from "@plumile/router/routing/RoutingContext.js";
+import { createInstance as y } from "i18next";
+import b from "@plumile/router/routing/createRouter.js";
+import x from "@plumile/router/routing/RouterRenderer.js";
+import { ThemeProvider as S } from "@plumile/ui/theme/ThemeProvider.js";
 //#region src/provider/BackofficeProvider.tsx
 var C = (e) => e.trim() === "" || e === "/" ? "/" : e.startsWith("/") ? e.endsWith("/") ? e.slice(0, -1) : e : `/${e}`, w = (e, t) => {
 	let n = C(t), r = C(e);
@@ -28,7 +30,7 @@ var C = (e) => e.trim() === "" || e === "/" ? "/" : e.startsWith("/") ? e.endsWi
 }])), E = ({ routes: e, context: t, instrumentations: n }) => {
 	let [r, i] = m(null);
 	return f(() => {
-		let r = x(e, {
+		let r = b(e, {
 			context: t,
 			instrumentations: n
 		});
@@ -46,16 +48,16 @@ var C = (e) => e.trim() === "" || e === "/" ? "/" : e.startsWith("/") ? e.endsWi
 		context: p(() => ({ relayEnvironment: i }), [i]),
 		instrumentations: n
 	});
-	return o == null ? /* @__PURE__ */ g(t, {}) : /* @__PURE__ */ g(b.Provider, {
+	return o == null ? /* @__PURE__ */ h(t, {}) : /* @__PURE__ */ h(v.Provider, {
 		value: o.context,
-		children: /* @__PURE__ */ g(y, {
+		children: /* @__PURE__ */ h(x, {
 			enableTransition: !0,
-			fallback: /* @__PURE__ */ g(t, {}),
-			pending: /* @__PURE__ */ g(r, {})
+			fallback: /* @__PURE__ */ h(t, {}),
+			pending: /* @__PURE__ */ h(r, {})
 		})
 	});
 }, O = (t) => {
-	let r = C(t.basePath ?? "/"), a = p(() => T(t.entityManifest, r), [r, t.entityManifest]), y = p(() => u(a, { basePath: r }), [r, a]), b = t.graphql;
+	let r = C(t.basePath ?? "/"), a = p(() => T(t.entityManifest, r), [r, t.entityManifest]), v = p(() => u(a, { basePath: r }), [r, a]), b = t.graphql;
 	f(() => {
 		i({
 			httpUrl: b.httpUrl ?? b.endpoint,
@@ -73,7 +75,7 @@ var C = (e) => e.trim() === "" || e === "/" ? "/" : e.startsWith("/") ? e.endsWi
 		b.wsEndpoint,
 		b.wsUrl
 	]);
-	let x = p(() => s(t.i18n?.resources ?? {}), [t.i18n?.resources]), w = p(() => t.i18n?.instance ?? S(), [t.i18n?.instance]), [E, O] = m(w.isInitialized);
+	let x = p(() => s(t.i18n?.resources ?? {}), [t.i18n?.resources]), w = p(() => t.i18n?.instance ?? y(), [t.i18n?.instance]), [E, O] = m(w.isInitialized);
 	f(() => {
 		let e = !0, n = () => {
 			e && O(!0);
@@ -122,7 +124,7 @@ var C = (e) => e.trim() === "" || e === "/" ? "/" : e.startsWith("/") ? e.endsWi
 		basePath: r,
 		entities: a,
 		entityManifest: a,
-		entityRegistry: y,
+		entityRegistry: v,
 		filterColumnAliases: t.filterColumnAliases,
 		sidebar: t.sidebar,
 		dashboard: t.dashboard,
@@ -133,14 +135,14 @@ var C = (e) => e.trim() === "" || e === "/" ? "/" : e.startsWith("/") ? e.endsWi
 		t.auth,
 		t.dashboard,
 		a,
-		y,
+		v,
 		t.filterColumnAliases,
 		t.graphql,
 		t.sidebar
 	]), A = p(() => l({
 		basePath: r,
 		entityManifest: a,
-		entityRegistry: y,
+		entityRegistry: v,
 		sidebar: t.sidebar,
 		auth: t.auth,
 		dashboard: t.dashboard,
@@ -148,19 +150,19 @@ var C = (e) => e.trim() === "" || e === "/" ? "/" : e.startsWith("/") ? e.endsWi
 	}), [
 		r,
 		a,
-		y,
+		v,
 		t.auth,
 		t.dashboard,
 		t.toolsOperationPage,
 		t.sidebar
-	]), j = /* @__PURE__ */ g(n, { label: "Loading..." });
-	return E && (j = /* @__PURE__ */ g(h, { children: /* @__PURE__ */ g(c, { children: /* @__PURE__ */ _(e, {
+	]), j = /* @__PURE__ */ h(n, { label: "Loading..." });
+	return E && (j = /* @__PURE__ */ h(S, { children: /* @__PURE__ */ h(c, { children: /* @__PURE__ */ g(e, {
 		value: k,
-		children: [t.overlay, /* @__PURE__ */ g(D, {
+		children: [t.overlay, /* @__PURE__ */ h(D, {
 			routes: A,
 			instrumentations: t.instrumentations
 		})]
-	}) }) })), /* @__PURE__ */ g(d, { children: /* @__PURE__ */ g(v, {
+	}) }) })), /* @__PURE__ */ h(d, { children: /* @__PURE__ */ h(_, {
 		i18n: w,
 		children: j
 	}) });

package/lib/esm/provider/BackofficeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeProvider.js","names":[],"sources":["../../../src/provider/BackofficeProvider.tsx"],"sourcesContent":["import {\n  StrictMode,\n  useEffect,\n  useMemo,\n  useState,\n  type ContextType,\n  type JSX,\n} from 'react';\nimport { createInstance } from 'i18next';\nimport { I18nextProvider } from 'react-i18next';\nimport { createRouter, RouterRenderer, RoutingContext } from '@plumile/router';\nimport { ThemeProvider } from '@plumile/ui';\n\nimport { type BackofficeEntityManifestMap } from '@plumile/backoffice-core/types.js';\n\nimport { createI18nInstance } from '../i18n/createI18nInstance.js';\nimport { withBackofficeReactI18nResources } from '../i18n/resources.js';\nimport { RelayProvider } from '../relay/RelayProvider.js';\nimport { useRelayEnvironment } from '../relay/useRelayEnvironment.js';\nimport { configureRelayEnvironment } from '../relay/environment.js';\nimport { BackofficeConfigProvider } from './BackofficeConfigContext.js';\nimport {\n  createBackofficeRoutes,\n  type BackofficeRouterContext,\n} from '../router/createBackofficeRoutes.js';\nimport type { BackofficeProviderProps } from './types.js';\nimport {\n  BackofficeRouteFallback,\n  BackofficeStaticRouteFallback,\n} from '../components/backoffice/routing/BackofficeRouteFallback.js';\nimport { BackofficeRoutePendingBar } from '../components/backoffice/routing/BackofficeRoutePendingBar.js';\nimport { createBackofficeEntityRegistry } from './entityRegistry.js';\n\nconst normalizeAbsolutePath = (value: string): string => {\n  if (value.trim() === '' || value === '/') {\n    return '/';\n  }\n  if (!value.startsWith('/')) {\n    return `/${value}`;\n  }\n  if (value.endsWith('/')) {\n    return value.slice(0, -1);\n  }\n  return value;\n};\n\nconst prefixRoutePath = (basePath: string, value: string): string => {\n  const normalizedPath = normalizeAbsolutePath(value);\n  const normalizedBasePath = normalizeAbsolutePath(basePath);\n  if (normalizedBasePath === '/') {\n    return normalizedPath;\n  }\n  if (\n    normalizedPath === normalizedBasePath ||\n    normalizedPath.startsWith(`${normalizedBasePath}/`)\n  ) {\n    return normalizedPath;\n  }\n  if (normalizedPath === '/') {\n    return normalizedBasePath;\n  }\n  return `${normalizedBasePath}${normalizedPath}`;\n};\n\nconst resolveEntityManifest = (\n  manifest: BackofficeEntityManifestMap,\n  basePath: string,\n): BackofficeEntityManifestMap => {\n  return Object.fromEntries(\n    Object.entries(manifest).map(([entityId, item]) => {\n      return [\n        entityId,\n        {\n          ...item,\n          routes: {\n            list: prefixRoutePath(basePath, item.routes.list),\n            detail: (id: string) => {\n              return prefixRoutePath(basePath, item.routes.detail(id));\n            },\n            detailPage: (id: string, pageId: string) => {\n              return prefixRoutePath(\n                basePath,\n                item.routes.detailPage(id, pageId),\n              );\n            },\n          },\n        } satisfies BackofficeEntityManifestMap[string],\n      ] as const;\n    }),\n  );\n};\n\ntype RouterShellProps = {\n  routes: ReturnType<typeof createBackofficeRoutes>;\n  instrumentations?: BackofficeProviderProps['instrumentations'];\n};\n\ntype BackofficeRouterInstance = {\n  context: NonNullable<ContextType<typeof RoutingContext>>;\n  cleanup: () => void;\n};\n\nconst useBackofficeRouterInstance = ({\n  routes,\n  context,\n  instrumentations,\n}: {\n  routes: ReturnType<typeof createBackofficeRoutes>;\n  context: BackofficeRouterContext;\n  instrumentations?: BackofficeProviderProps['instrumentations'];\n}): BackofficeRouterInstance | null => {\n  const [router, setRouter] = useState<BackofficeRouterInstance | null>(null);\n\n  useEffect(() => {\n    const nextRouter = createRouter(routes, {\n      context,\n      instrumentations,\n    });\n    setRouter(nextRouter);\n\n    return () => {\n      nextRouter.cleanup();\n    };\n  }, [context, instrumentations, routes]);\n\n  return router;\n};\n\nconst RouterShell = ({\n  routes,\n  instrumentations,\n}: RouterShellProps): JSX.Element => {\n  const relayEnvironment = useRelayEnvironment();\n\n  const routerContext = useMemo(() => {\n    return { relayEnvironment };\n  }, [relayEnvironment]);\n\n  const router = useBackofficeRouterInstance({\n    routes,\n    context: routerContext,\n    instrumentations,\n  });\n\n  if (router == null) {\n    return <BackofficeRouteFallback />;\n  }\n\n  return (\n    <RoutingContext.Provider value={router.context}>\n      <RouterRenderer\n        enableTransition\n        fallback={<BackofficeRouteFallback />}\n        pending={<BackofficeRoutePendingBar />}\n      />\n    </RoutingContext.Provider>\n  );\n};\n\nexport const BackofficeProvider = (\n  props: BackofficeProviderProps,\n): JSX.Element => {\n  const basePath = normalizeAbsolutePath(props.basePath ?? '/');\n\n  const entityManifest = useMemo(() => {\n    return resolveEntityManifest(props.entityManifest, basePath);\n  }, [basePath, props.entityManifest]);\n  const entityRegistry = useMemo(() => {\n    return createBackofficeEntityRegistry(entityManifest, { basePath });\n  }, [basePath, entityManifest]);\n\n  const graphQLConfig = props.graphql;\n\n  useEffect(() => {\n    const httpUrl = graphQLConfig.httpUrl ?? graphQLConfig.endpoint;\n    const wsUrl = graphQLConfig.wsUrl ?? graphQLConfig.wsEndpoint;\n    configureRelayEnvironment({\n      httpUrl,\n      wsUrl,\n      getDataId: graphQLConfig.getDataId,\n      logEvents: graphQLConfig.logEvents,\n      getAuthHeaders: graphQLConfig.getAuthHeaders,\n    });\n  }, [\n    graphQLConfig.endpoint,\n    graphQLConfig.getAuthHeaders,\n    graphQLConfig.getDataId,\n    graphQLConfig.httpUrl,\n    graphQLConfig.logEvents,\n    graphQLConfig.wsEndpoint,\n    graphQLConfig.wsUrl,\n  ]);\n\n  const mergedResources = useMemo(() => {\n    return withBackofficeReactI18nResources(props.i18n?.resources ?? {});\n  }, [props.i18n?.resources]);\n\n  const i18nInstance = useMemo(() => {\n    return props.i18n?.instance ?? createInstance();\n  }, [props.i18n?.instance]);\n  const [isI18nReady, setIsI18nReady] = useState(i18nInstance.isInitialized);\n\n  useEffect(() => {\n    let isCurrent = true;\n    const markI18nReady = (): void => {\n      if (isCurrent) {\n        setIsI18nReady(true);\n      }\n    };\n\n    i18nInstance.on('initialized', markI18nReady);\n    if (i18nInstance.isInitialized) {\n      markI18nReady();\n      return () => {\n        isCurrent = false;\n        i18nInstance.off('initialized', markI18nReady);\n      };\n    }\n\n    const readyCheck = globalThis.setTimeout(() => {\n      if (i18nInstance.isInitialized) {\n        markI18nReady();\n      }\n    }, 0);\n\n    const initOptions = props.i18n?.initOptions ?? {};\n    const defaultNs = initOptions.defaultNS ?? 'translations';\n    const ns = initOptions.ns ?? ['backofficeReact', 'translations', 'ui'];\n    createI18nInstance({\n      resources: mergedResources,\n      lng: props.i18n?.lng,\n      fallbackLng: props.i18n?.fallbackLng,\n      initOptions: {\n        ...initOptions,\n        defaultNS: defaultNs,\n        ns,\n        react: {\n          useSuspense: false,\n          ...initOptions.react,\n        },\n      },\n      instance: i18nInstance,\n      useLanguageDetector: props.i18n?.useLanguageDetector,\n      detection: props.i18n?.detection,\n    })\n      .then(markI18nReady)\n      .catch((error: unknown) => {\n        markI18nReady();\n        // eslint-disable-next-line no-console\n        console.error(error);\n      });\n\n    return () => {\n      isCurrent = false;\n      globalThis.clearTimeout(readyCheck);\n      i18nInstance.off('initialized', markI18nReady);\n    };\n  }, [\n    i18nInstance,\n    mergedResources,\n    props.i18n?.initOptions,\n    props.i18n?.detection,\n    props.i18n?.fallbackLng,\n    props.i18n?.lng,\n    props.i18n?.useLanguageDetector,\n  ]);\n\n  const configValue = useMemo(() => {\n    return {\n      basePath,\n      entities: entityManifest,\n      entityManifest,\n      entityRegistry,\n      filterColumnAliases: props.filterColumnAliases,\n      sidebar: props.sidebar,\n      dashboard: props.dashboard,\n      auth: props.auth,\n      graphql: props.graphql,\n    };\n  }, [\n    basePath,\n    props.auth,\n    props.dashboard,\n    entityManifest,\n    entityRegistry,\n    props.filterColumnAliases,\n    props.graphql,\n    props.sidebar,\n  ]);\n\n  const routes = useMemo(() => {\n    return createBackofficeRoutes({\n      basePath,\n      entityManifest,\n      entityRegistry,\n      sidebar: props.sidebar,\n      auth: props.auth,\n      dashboard: props.dashboard,\n      toolsOperationPage: props.toolsOperationPage,\n    });\n  }, [\n    basePath,\n    entityManifest,\n    entityRegistry,\n    props.auth,\n    props.dashboard,\n    props.toolsOperationPage,\n    props.sidebar,\n  ]);\n\n  let contentNode = <BackofficeStaticRouteFallback label=\"Loading...\" />;\n  if (isI18nReady) {\n    contentNode = (\n      <ThemeProvider>\n        <RelayProvider>\n          <BackofficeConfigProvider value={configValue}>\n            {props.overlay}\n            <RouterShell\n              routes={routes}\n              instrumentations={props.instrumentations}\n            />\n          </BackofficeConfigProvider>\n        </RelayProvider>\n      </ThemeProvider>\n    );\n  }\n\n  return (\n    <StrictMode>\n      <I18nextProvider i18n={i18nInstance}>{contentNode}</I18nextProvider>\n    </StrictMode>\n  );\n};\n\nexport default BackofficeProvider;\n"],"mappings":"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"}
+{"version":3,"file":"BackofficeProvider.js","names":[],"sources":["../../../src/provider/BackofficeProvider.tsx"],"sourcesContent":["import {\n  StrictMode,\n  useEffect,\n  useMemo,\n  useState,\n  type ContextType,\n  type JSX,\n} from 'react';\nimport { createInstance } from 'i18next';\nimport { I18nextProvider } from 'react-i18next';\nimport createRouter from '@plumile/router/routing/createRouter.js';\nimport RouterRenderer from '@plumile/router/routing/RouterRenderer.js';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\nimport { ThemeProvider } from '@plumile/ui/theme/ThemeProvider.js';\n\nimport { type BackofficeEntityManifestMap } from '@plumile/backoffice-core/types.js';\n\nimport { createI18nInstance } from '../i18n/createI18nInstance.js';\nimport { withBackofficeReactI18nResources } from '../i18n/resources.js';\nimport { RelayProvider } from '../relay/RelayProvider.js';\nimport { useRelayEnvironment } from '../relay/useRelayEnvironment.js';\nimport { configureRelayEnvironment } from '../relay/environment.js';\nimport { BackofficeConfigProvider } from './BackofficeConfigContext.js';\nimport {\n  createBackofficeRoutes,\n  type BackofficeRouterContext,\n} from '../router/createBackofficeRoutes.js';\nimport type { BackofficeProviderProps } from './types.js';\nimport {\n  BackofficeRouteFallback,\n  BackofficeStaticRouteFallback,\n} from '../components/backoffice/routing/BackofficeRouteFallback.js';\nimport { BackofficeRoutePendingBar } from '../components/backoffice/routing/BackofficeRoutePendingBar.js';\nimport { createBackofficeEntityRegistry } from './entityRegistry.js';\n\nconst normalizeAbsolutePath = (value: string): string => {\n  if (value.trim() === '' || value === '/') {\n    return '/';\n  }\n  if (!value.startsWith('/')) {\n    return `/${value}`;\n  }\n  if (value.endsWith('/')) {\n    return value.slice(0, -1);\n  }\n  return value;\n};\n\nconst prefixRoutePath = (basePath: string, value: string): string => {\n  const normalizedPath = normalizeAbsolutePath(value);\n  const normalizedBasePath = normalizeAbsolutePath(basePath);\n  if (normalizedBasePath === '/') {\n    return normalizedPath;\n  }\n  if (\n    normalizedPath === normalizedBasePath ||\n    normalizedPath.startsWith(`${normalizedBasePath}/`)\n  ) {\n    return normalizedPath;\n  }\n  if (normalizedPath === '/') {\n    return normalizedBasePath;\n  }\n  return `${normalizedBasePath}${normalizedPath}`;\n};\n\nconst resolveEntityManifest = (\n  manifest: BackofficeEntityManifestMap,\n  basePath: string,\n): BackofficeEntityManifestMap => {\n  return Object.fromEntries(\n    Object.entries(manifest).map(([entityId, item]) => {\n      return [\n        entityId,\n        {\n          ...item,\n          routes: {\n            list: prefixRoutePath(basePath, item.routes.list),\n            detail: (id: string) => {\n              return prefixRoutePath(basePath, item.routes.detail(id));\n            },\n            detailPage: (id: string, pageId: string) => {\n              return prefixRoutePath(\n                basePath,\n                item.routes.detailPage(id, pageId),\n              );\n            },\n          },\n        } satisfies BackofficeEntityManifestMap[string],\n      ] as const;\n    }),\n  );\n};\n\ntype RouterShellProps = {\n  routes: ReturnType<typeof createBackofficeRoutes>;\n  instrumentations?: BackofficeProviderProps['instrumentations'];\n};\n\ntype BackofficeRouterInstance = {\n  context: NonNullable<ContextType<typeof RoutingContext>>;\n  cleanup: () => void;\n};\n\nconst useBackofficeRouterInstance = ({\n  routes,\n  context,\n  instrumentations,\n}: {\n  routes: ReturnType<typeof createBackofficeRoutes>;\n  context: BackofficeRouterContext;\n  instrumentations?: BackofficeProviderProps['instrumentations'];\n}): BackofficeRouterInstance | null => {\n  const [router, setRouter] = useState<BackofficeRouterInstance | null>(null);\n\n  useEffect(() => {\n    const nextRouter = createRouter(routes, {\n      context,\n      instrumentations,\n    });\n    setRouter(nextRouter);\n\n    return () => {\n      nextRouter.cleanup();\n    };\n  }, [context, instrumentations, routes]);\n\n  return router;\n};\n\nconst RouterShell = ({\n  routes,\n  instrumentations,\n}: RouterShellProps): JSX.Element => {\n  const relayEnvironment = useRelayEnvironment();\n\n  const routerContext = useMemo(() => {\n    return { relayEnvironment };\n  }, [relayEnvironment]);\n\n  const router = useBackofficeRouterInstance({\n    routes,\n    context: routerContext,\n    instrumentations,\n  });\n\n  if (router == null) {\n    return <BackofficeRouteFallback />;\n  }\n\n  return (\n    <RoutingContext.Provider value={router.context}>\n      <RouterRenderer\n        enableTransition\n        fallback={<BackofficeRouteFallback />}\n        pending={<BackofficeRoutePendingBar />}\n      />\n    </RoutingContext.Provider>\n  );\n};\n\nexport const BackofficeProvider = (\n  props: BackofficeProviderProps,\n): JSX.Element => {\n  const basePath = normalizeAbsolutePath(props.basePath ?? '/');\n\n  const entityManifest = useMemo(() => {\n    return resolveEntityManifest(props.entityManifest, basePath);\n  }, [basePath, props.entityManifest]);\n  const entityRegistry = useMemo(() => {\n    return createBackofficeEntityRegistry(entityManifest, { basePath });\n  }, [basePath, entityManifest]);\n\n  const graphQLConfig = props.graphql;\n\n  useEffect(() => {\n    const httpUrl = graphQLConfig.httpUrl ?? graphQLConfig.endpoint;\n    const wsUrl = graphQLConfig.wsUrl ?? graphQLConfig.wsEndpoint;\n    configureRelayEnvironment({\n      httpUrl,\n      wsUrl,\n      getDataId: graphQLConfig.getDataId,\n      logEvents: graphQLConfig.logEvents,\n      getAuthHeaders: graphQLConfig.getAuthHeaders,\n    });\n  }, [\n    graphQLConfig.endpoint,\n    graphQLConfig.getAuthHeaders,\n    graphQLConfig.getDataId,\n    graphQLConfig.httpUrl,\n    graphQLConfig.logEvents,\n    graphQLConfig.wsEndpoint,\n    graphQLConfig.wsUrl,\n  ]);\n\n  const mergedResources = useMemo(() => {\n    return withBackofficeReactI18nResources(props.i18n?.resources ?? {});\n  }, [props.i18n?.resources]);\n\n  const i18nInstance = useMemo(() => {\n    return props.i18n?.instance ?? createInstance();\n  }, [props.i18n?.instance]);\n  const [isI18nReady, setIsI18nReady] = useState(i18nInstance.isInitialized);\n\n  useEffect(() => {\n    let isCurrent = true;\n    const markI18nReady = (): void => {\n      if (isCurrent) {\n        setIsI18nReady(true);\n      }\n    };\n\n    i18nInstance.on('initialized', markI18nReady);\n    if (i18nInstance.isInitialized) {\n      markI18nReady();\n      return () => {\n        isCurrent = false;\n        i18nInstance.off('initialized', markI18nReady);\n      };\n    }\n\n    const readyCheck = globalThis.setTimeout(() => {\n      if (i18nInstance.isInitialized) {\n        markI18nReady();\n      }\n    }, 0);\n\n    const initOptions = props.i18n?.initOptions ?? {};\n    const defaultNs = initOptions.defaultNS ?? 'translations';\n    const ns = initOptions.ns ?? ['backofficeReact', 'translations', 'ui'];\n    createI18nInstance({\n      resources: mergedResources,\n      lng: props.i18n?.lng,\n      fallbackLng: props.i18n?.fallbackLng,\n      initOptions: {\n        ...initOptions,\n        defaultNS: defaultNs,\n        ns,\n        react: {\n          useSuspense: false,\n          ...initOptions.react,\n        },\n      },\n      instance: i18nInstance,\n      useLanguageDetector: props.i18n?.useLanguageDetector,\n      detection: props.i18n?.detection,\n    })\n      .then(markI18nReady)\n      .catch((error: unknown) => {\n        markI18nReady();\n        // eslint-disable-next-line no-console\n        console.error(error);\n      });\n\n    return () => {\n      isCurrent = false;\n      globalThis.clearTimeout(readyCheck);\n      i18nInstance.off('initialized', markI18nReady);\n    };\n  }, [\n    i18nInstance,\n    mergedResources,\n    props.i18n?.initOptions,\n    props.i18n?.detection,\n    props.i18n?.fallbackLng,\n    props.i18n?.lng,\n    props.i18n?.useLanguageDetector,\n  ]);\n\n  const configValue = useMemo(() => {\n    return {\n      basePath,\n      entities: entityManifest,\n      entityManifest,\n      entityRegistry,\n      filterColumnAliases: props.filterColumnAliases,\n      sidebar: props.sidebar,\n      dashboard: props.dashboard,\n      auth: props.auth,\n      graphql: props.graphql,\n    };\n  }, [\n    basePath,\n    props.auth,\n    props.dashboard,\n    entityManifest,\n    entityRegistry,\n    props.filterColumnAliases,\n    props.graphql,\n    props.sidebar,\n  ]);\n\n  const routes = useMemo(() => {\n    return createBackofficeRoutes({\n      basePath,\n      entityManifest,\n      entityRegistry,\n      sidebar: props.sidebar,\n      auth: props.auth,\n      dashboard: props.dashboard,\n      toolsOperationPage: props.toolsOperationPage,\n    });\n  }, [\n    basePath,\n    entityManifest,\n    entityRegistry,\n    props.auth,\n    props.dashboard,\n    props.toolsOperationPage,\n    props.sidebar,\n  ]);\n\n  let contentNode = <BackofficeStaticRouteFallback label=\"Loading...\" />;\n  if (isI18nReady) {\n    contentNode = (\n      <ThemeProvider>\n        <RelayProvider>\n          <BackofficeConfigProvider value={configValue}>\n            {props.overlay}\n            <RouterShell\n              routes={routes}\n              instrumentations={props.instrumentations}\n            />\n          </BackofficeConfigProvider>\n        </RelayProvider>\n      </ThemeProvider>\n    );\n  }\n\n  return (\n    <StrictMode>\n      <I18nextProvider i18n={i18nInstance}>{contentNode}</I18nextProvider>\n    </StrictMode>\n  );\n};\n\nexport default BackofficeProvider;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAmCA,IAAM,KAAyB,MACzB,EAAM,MAAM,KAAK,MAAM,MAAU,MAC5B,MAEJ,EAAM,WAAW,IAAI,GAGtB,EAAM,SAAS,IAAI,GACd,EAAM,MAAM,GAAG,GAAG,GAEpB,IALE,IAAI,KAQT,KAAmB,GAAkB,MAA0B;CACnE,IAAM,IAAiB,EAAsB,EAAM,EAC7C,IAAqB,EAAsB,EAAS;CAa1D,OAZI,MAAuB,OAIzB,MAAmB,KACnB,EAAe,WAAW,GAAG,EAAmB,GAAG,GAE5C,IAEL,MAAmB,MACd,IAEF,GAAG,IAAqB;GAG3B,KACJ,GACA,MAEO,OAAO,YACZ,OAAO,QAAQ,EAAS,CAAC,KAAK,CAAC,GAAU,OAChC,CACL,GACA;CACE,GAAG;CACH,QAAQ;EACN,MAAM,EAAgB,GAAU,EAAK,OAAO,KAAK;EACjD,SAAS,MACA,EAAgB,GAAU,EAAK,OAAO,OAAO,EAAG,CAAC;EAE1D,aAAa,GAAY,MAChB,EACL,GACA,EAAK,OAAO,WAAW,GAAI,EAAO,CACnC;EAEJ;CACF,CACF,CACD,CACH,EAaG,KAA+B,EACnC,WACA,YACA,0BAKqC;CACrC,IAAM,CAAC,GAAQ,KAAa,EAA0C,KAAK;CAc3E,OAZA,QAAgB;EACd,IAAM,IAAa,EAAa,GAAQ;GACtC;GACA;GACD,CAAC;EAGF,OAFA,EAAU,EAAW,QAER;GACX,EAAW,SAAS;;IAErB;EAAC;EAAS;EAAkB;EAAO,CAAC,EAEhC;GAGH,KAAe,EACnB,WACA,0BACmC;CACnC,IAAM,IAAmB,GAAqB,EAMxC,IAAS,EAA4B;EACzC;EACA,SANoB,SACb,EAAE,qBAAkB,GAC1B,CAAC,EAAiB,CAIV;EACT;EACD,CAAC;CAMF,OAJI,KAAU,OACL,kBAAC,GAAD,EAA2B,CAAA,GAIlC,kBAAC,EAAe,UAAhB;EAAyB,OAAO,EAAO;YACrC,kBAAC,GAAD;GACE,kBAAA;GACA,UAAU,kBAAC,GAAD,EAA2B,CAAA;GACrC,SAAS,kBAAC,GAAD,EAA6B,CAAA;GACtC,CAAA;EACsB,CAAA;GAIjB,KACX,MACgB;CAChB,IAAM,IAAW,EAAsB,EAAM,YAAY,IAAI,EAEvD,IAAiB,QACd,EAAsB,EAAM,gBAAgB,EAAS,EAC3D,CAAC,GAAU,EAAM,eAAe,CAAC,EAC9B,IAAiB,QACd,EAA+B,GAAgB,EAAE,aAAU,CAAC,EAClE,CAAC,GAAU,EAAe,CAAC,EAExB,IAAgB,EAAM;CAE5B,QAAgB;EAGd,EAA0B;GACxB,SAHc,EAAc,WAAW,EAAc;GAIrD,OAHY,EAAc,SAAS,EAAc;GAIjD,WAAW,EAAc;GACzB,WAAW,EAAc;GACzB,gBAAgB,EAAc;GAC/B,CAAC;IACD;EACD,EAAc;EACd,EAAc;EACd,EAAc;EACd,EAAc;EACd,EAAc;EACd,EAAc;EACd,EAAc;EACf,CAAC;CAEF,IAAM,IAAkB,QACf,EAAiC,EAAM,MAAM,aAAa,EAAE,CAAC,EACnE,CAAC,EAAM,MAAM,UAAU,CAAC,EAErB,IAAe,QACZ,EAAM,MAAM,YAAY,GAAgB,EAC9C,CAAC,EAAM,MAAM,SAAS,CAAC,EACpB,CAAC,GAAa,KAAkB,EAAS,EAAa,cAAc;CAE1E,QAAgB;EACd,IAAI,IAAY,IACV,UAA4B;GAChC,AAAI,KACF,EAAe,GAAK;;EAKxB,IADA,EAAa,GAAG,eAAe,EAAc,EACzC,EAAa,eAEf,OADA,GAAe,QACF;GAEX,AADA,IAAY,IACZ,EAAa,IAAI,eAAe,EAAc;;EAIlD,IAAM,IAAa,WAAW,iBAAiB;GAC7C,AAAI,EAAa,iBACf,GAAe;KAEhB,EAAE,EAEC,IAAc,EAAM,MAAM,eAAe,EAAE,EAC3C,IAAY,EAAY,aAAa,gBACrC,IAAK,EAAY,MAAM;GAAC;GAAmB;GAAgB;GAAK;EAyBtE,OAxBA,EAAmB;GACjB,WAAW;GACX,KAAK,EAAM,MAAM;GACjB,aAAa,EAAM,MAAM;GACzB,aAAa;IACX,GAAG;IACH,WAAW;IACX;IACA,OAAO;KACL,aAAa;KACb,GAAG,EAAY;KAChB;IACF;GACD,UAAU;GACV,qBAAqB,EAAM,MAAM;GACjC,WAAW,EAAM,MAAM;GACxB,CAAC,CACC,KAAK,EAAc,CACnB,OAAO,MAAmB;GAGzB,AAFA,GAAe,EAEf,QAAQ,MAAM,EAAM;IACpB,QAES;GAGX,AAFA,IAAY,IACZ,WAAW,aAAa,EAAW,EACnC,EAAa,IAAI,eAAe,EAAc;;IAE/C;EACD;EACA;EACA,EAAM,MAAM;EACZ,EAAM,MAAM;EACZ,EAAM,MAAM;EACZ,EAAM,MAAM;EACZ,EAAM,MAAM;EACb,CAAC;CAEF,IAAM,IAAc,SACX;EACL;EACA,UAAU;EACV;EACA;EACA,qBAAqB,EAAM;EAC3B,SAAS,EAAM;EACf,WAAW,EAAM;EACjB,MAAM,EAAM;EACZ,SAAS,EAAM;EAChB,GACA;EACD;EACA,EAAM;EACN,EAAM;EACN;EACA;EACA,EAAM;EACN,EAAM;EACN,EAAM;EACP,CAAC,EAEI,IAAS,QACN,EAAuB;EAC5B;EACA;EACA;EACA,SAAS,EAAM;EACf,MAAM,EAAM;EACZ,WAAW,EAAM;EACjB,oBAAoB,EAAM;EAC3B,CAAC,EACD;EACD;EACA;EACA;EACA,EAAM;EACN,EAAM;EACN,EAAM;EACN,EAAM;EACP,CAAC,EAEE,IAAc,kBAAC,GAAD,EAA+B,OAAM,cAAe,CAAA;CAiBtE,OAhBI,MACF,IACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EAA0B,OAAO;YAAjC,CACG,EAAM,SACP,kBAAC,GAAD;GACU;GACR,kBAAkB,EAAM;GACxB,CAAA,CACuB;KACb,CAAA,EACF,CAAA,GAKlB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EAAiB,MAAM;YAAe;EAA8B,CAAA,EACzD,CAAA"}

package/lib/esm/router/createBackofficeRoutes.js

@@ -2,11 +2,14 @@ import { buildEntityGroupLookup as e, resolveSidebarGroups as t, resolveSidebarH
 import { useContext as r, useEffect as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
 import * as o from "react-relay";
-import { HttpRedirect as s, RoutingContext as c, getResourcePage as l, r as u } from "@plumile/router";
-import { BACKOFFICE_LIST_DEFAULTS as d } from "@plumile/backoffice-core/constants.js";
+import s from "@plumile/router/routing/RoutingContext.js";
+import { BACKOFFICE_LIST_DEFAULTS as c } from "@plumile/backoffice-core/constants.js";
+import l from "@plumile/router/errors/HttpRedirect.js";
+import { getResourcePage as u } from "@plumile/router/ResourcePage.js";
+import { r as d } from "@plumile/router/tools.js";
 //#region src/router/createBackofficeRoutes.tsx
-var { loadQuery: f, usePreloadedQuery: p } = o, m = l("WrapperPage", async () => ({ default: (await import("@plumile/ui")).WrapperPage })), h = l("BackofficeLayoutPage", async () => import("../pages/BackofficeLayoutPage.js")), g = l("BackofficeEntityListPage", async () => import("../pages/BackofficeEntityListPage.js")), _ = l("BackofficeEntityDetailPage", async () => import("../pages/BackofficeEntityDetailPage.js")), v = l("BackofficeEntityDetailLayoutPage", async () => import("../pages/BackofficeEntityDetailLayoutPage.js")), y = l("BackofficeEntityDetailUnknownPageRedirect", async () => import("../pages/BackofficeEntityDetailUnknownPageRedirect.js")), b = l("BackofficeDashboardPage", async () => import("../pages/BackofficeDashboardPage.js")), x = l("BackofficeHubPage", async () => import("../pages/BackofficeHubPage.js")), S = l("BackofficeLoginPage", async () => import("../pages/BackofficeLoginPage.js")), C = l("BackofficePasswordResetRequestPage", async () => import("../pages/BackofficePasswordResetRequestPage.js")), w = l("BackofficePasswordResetCompletePage", async () => import("../pages/BackofficePasswordResetCompletePage.js")), T = l("BackofficeVerifyEmailPage", async () => import("../pages/BackofficeVerifyEmailPage.js")), E = l("BackofficeAcceptInvitationPage", async () => import("../pages/BackofficeAcceptInvitationPage.js")), D = ({ loginRedirectPath: e }) => {
-	let t = r(c);
+var { loadQuery: f, usePreloadedQuery: p } = o, m = u("WrapperPage", async () => ({ default: (await import("@plumile/ui/pages/WrapperPage.js")).WrapperPage })), h = u("BackofficeLayoutPage", async () => import("../pages/BackofficeLayoutPage.js")), g = u("BackofficeEntityListPage", async () => import("../pages/BackofficeEntityListPage.js")), _ = u("BackofficeEntityDetailPage", async () => import("../pages/BackofficeEntityDetailPage.js")), v = u("BackofficeEntityDetailLayoutPage", async () => import("../pages/BackofficeEntityDetailLayoutPage.js")), y = u("BackofficeEntityDetailUnknownPageRedirect", async () => import("../pages/BackofficeEntityDetailUnknownPageRedirect.js")), b = u("BackofficeDashboardPage", async () => import("../pages/BackofficeDashboardPage.js")), x = u("BackofficeHubPage", async () => import("../pages/BackofficeHubPage.js")), S = u("BackofficeLoginPage", async () => import("../pages/BackofficeLoginPage.js")), C = u("BackofficePasswordResetRequestPage", async () => import("../pages/BackofficePasswordResetRequestPage.js")), w = u("BackofficePasswordResetCompletePage", async () => import("../pages/BackofficePasswordResetCompletePage.js")), T = u("BackofficeVerifyEmailPage", async () => import("../pages/BackofficeVerifyEmailPage.js")), E = u("BackofficeAcceptInvitationPage", async () => import("../pages/BackofficeAcceptInvitationPage.js")), D = ({ loginRedirectPath: e }) => {
+	let t = r(s);
 	return i(() => {
 		t?.history.set({ pathname: e });
 	}, [e, t]), null;
@@ -60,14 +63,14 @@ var { loadQuery: f, usePreloadedQuery: p } = o, m = l("WrapperPage", async () =>
 			t.set(e, String(n));
 		}
 	}), t;
-}, L = u;
+}, L = d;
 function R(r) {
-	let { basePath: i, entityManifest: o, entityRegistry: c, sidebar: l, auth: u, dashboard: p } = r, D = A(i), j = M(D, "login"), R = M(D, "login/reset"), z = M(D, "login/reset/complete"), B = M(D, "verify-email"), V = M(D, "accept-invitation"), H = N(D, "login"), U = t(o, l), W = n(U, l), G = e(U, l), K = /* @__PURE__ */ new Map();
+	let { basePath: i, entityManifest: o, entityRegistry: s, sidebar: u, auth: d, dashboard: p } = r, D = A(i), j = M(D, "login"), R = M(D, "login/reset"), z = M(D, "login/reset/complete"), B = M(D, "verify-email"), V = M(D, "accept-invitation"), H = N(D, "login"), U = t(o, u), W = n(U, u), G = e(U, u), K = /* @__PURE__ */ new Map();
 	G.forEach((e, t) => {
 		K.set(t, e.groupId);
 	});
-	let q = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap(), Y = l?.permissionsQuery, X = async ({ context: e }) => {
-		let t = await u.session.load();
+	let q = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap(), Y = u?.permissionsQuery, X = async ({ context: e }) => {
+		let t = await d.session.load();
 		return {
 			permissionsQuery: Y == null ? null : f(e.relayEnvironment, Y, {}),
 			authStatusQuery: t.authStatusQuery == null ? null : f(e.relayEnvironment, t.authStatusQuery, {}, { fetchPolicy: "network-only" })
@@ -101,12 +104,12 @@ function R(r) {
 				resourcePage: g,
 				prepareSearchBehavior: "path",
 				prepare: async ({ context: t, query: n }) => {
-					let { config: r } = await c.loadListEntity(e.id), { list: i, listUrlCodec: a, listDefaults: o } = r;
+					let { config: r } = await s.loadListEntity(e.id), { list: i, listUrlCodec: a, listDefaults: o } = r;
 					if (a == null || o == null) throw Error(`Backoffice entity ${e.id} does not expose a list configuration.`);
-					let s = I(n), l = a.parse(s), { pageSize: u } = d, p = {
-						where: l.where,
-						sort: l.sort ?? o.sort,
-						count: u,
+					let l = I(n), u = a.parse(l), { pageSize: d } = c, p = {
+						where: u.where,
+						sort: u.sort ?? o.sort,
+						count: d,
 						cursor: null
 					}, m = i.buildQueryVariables(p), h = f(t.relayEnvironment, i.query, m);
 					return {
@@ -132,7 +135,7 @@ function R(r) {
 			path: ":id",
 			resourcePage: v,
 			prepare: async ({ context: t, variables: n }) => {
-				let { config: r } = await c.loadDetailLayoutEntity(e.id), i = String(n.id ?? ""), a = r.layoutPage.buildVariables == null ? { variables: { id: i } } : r.layoutPage.buildVariables({ id: i }), o = f(t.relayEnvironment, r.layoutPage.query, a.variables);
+				let { config: r } = await s.loadDetailLayoutEntity(e.id), i = String(n.id ?? ""), a = r.layoutPage.buildVariables == null ? { variables: { id: i } } : r.layoutPage.buildVariables({ id: i }), o = f(t.relayEnvironment, r.layoutPage.query, a.variables);
 				return {
 					entityId: e.id,
 					entityManifest: e,
@@ -162,14 +165,14 @@ function R(r) {
 					render: ({ prepared: e }) => {
 						let t = e.redirectTo ?? null;
 						if (t == null) return null;
-						throw new s(t);
+						throw new l(t);
 					}
 				}),
 				...(e.detailPages ?? []).map((t) => L({
 					path: t.pathSegment,
 					resourcePage: _,
 					prepare: async ({ context: n, variables: r }) => {
-						let i = String(r.id ?? ""), a = await c.loadDetailPageEntity(e.id, t.id), o = a.config.page.buildVariables == null ? { variables: { id: i } } : a.config.page.buildVariables({ id: i }), s = f(n.relayEnvironment, a.config.page.query, o.variables);
+						let i = String(r.id ?? ""), a = await s.loadDetailPageEntity(e.id, t.id), o = a.config.page.buildVariables == null ? { variables: { id: i } } : a.config.page.buildVariables({ id: i }), c = f(n.relayEnvironment, a.config.page.query, o.variables);
 						return {
 							entityId: e.id,
 							entityManifest: e,
@@ -177,7 +180,7 @@ function R(r) {
 							detailId: o.detailId,
 							id: i,
 							pageConfig: a.config,
-							pageQuery: s,
+							pageQuery: c,
 							pageId: t.id,
 							pagePath: t.pathSegment
 						};
@@ -196,7 +199,7 @@ function R(r) {
 					path: ":pagePath",
 					resourcePage: y,
 					prepare: async ({ variables: t }) => {
-						let n = await c.loadDetailLayoutEntity(e.id), r = String(t.id ?? ""), i = String(t.pagePath ?? "");
+						let n = await s.loadDetailLayoutEntity(e.id), r = String(t.id ?? ""), i = String(t.pagePath ?? "");
 						return {
 							entityManifest: e,
 							entityConfig: n.config,
@@ -226,7 +229,7 @@ function R(r) {
 			path: P(e.routes.list, D),
 			resourcePage: r.toolsOperationPage ?? null,
 			prepare: async () => {
-				let t = await c.loadToolEntity(e.id);
+				let t = await s.loadToolEntity(e.id);
 				return {
 					entityId: e.id,
 					entityManifest: e,
@@ -251,20 +254,20 @@ function R(r) {
 		prepare: X,
 		render: ({ children: e, prepared: t, route: n, Component: r }) => {
 			if (r == null) return null;
-			let i = t, o = F(n, q), s = o == null ? F(n, J) : K.get(o) ?? null, c = r, d = u.session.get()?.authStatusQuery ?? null;
-			return d != null && i?.authStatusQuery != null ? /* @__PURE__ */ a(k, {
+			let i = t, o = F(n, q), s = o == null ? F(n, J) : K.get(o) ?? null, c = r, l = d.session.get()?.authStatusQuery ?? null;
+			return l != null && i?.authStatusQuery != null ? /* @__PURE__ */ a(k, {
 				Component: c,
 				preparedLayout: i,
-				permissionsQuery: l?.permissionsQuery,
+				permissionsQuery: u?.permissionsQuery,
 				activeGroupId: s,
-				authStatusQuery: d,
+				authStatusQuery: l,
 				authStatusPrepared: i.authStatusQuery,
 				loginRedirectPath: H,
 				children: e
 			}) : /* @__PURE__ */ a(O, {
 				Component: c,
 				preparedLayout: i,
-				permissionsQuery: l?.permissionsQuery,
+				permissionsQuery: u?.permissionsQuery,
 				activeGroupId: s,
 				children: e
 			});
@@ -281,7 +284,7 @@ function R(r) {
 			path: j,
 			resourcePage: S,
 			prepare: async ({ context: e }) => {
-				let t = await u.login.load();
+				let t = await d.login.load();
 				return { query: f(e.relayEnvironment, t.loginQuery, {}) };
 			},
 			render: ({ prepared: e, Component: t }) => t == null ? null : /* @__PURE__ */ a(t, { prepared: e })
@@ -289,26 +292,26 @@ function R(r) {
 		L({
 			path: R,
 			resourcePage: C,
-			prepare: async () => (await u.passwordResetRequest.load(), null),
+			prepare: async () => (await d.passwordResetRequest.load(), null),
 			render: ({ Component: e }) => e == null ? null : /* @__PURE__ */ a(e, {})
 		}),
 		L({
 			path: z,
 			resourcePage: w,
-			prepare: async () => (await u.passwordResetComplete.load(), null),
+			prepare: async () => (await d.passwordResetComplete.load(), null),
 			render: ({ Component: e }) => e == null ? null : /* @__PURE__ */ a(e, {})
 		}),
 		L({
 			path: B,
 			resourcePage: T,
-			prepare: async () => (await u.verifyEmail.load(), null),
+			prepare: async () => (await d.verifyEmail.load(), null),
 			render: ({ Component: e }) => e == null ? null : /* @__PURE__ */ a(e, {})
 		})
 	];
-	return (u.hasAcceptInvitation === !0 || u.acceptInvitation != null) && $.push(L({
+	return (d.hasAcceptInvitation === !0 || d.acceptInvitation != null) && $.push(L({
 		path: V,
 		resourcePage: E,
-		prepare: async () => (await u.acceptInvitation?.load(), null),
+		prepare: async () => (await d.acceptInvitation?.load(), null),
 		render: ({ Component: e }) => e == null ? null : /* @__PURE__ */ a(e, {})
 	})), $.push(ie), $;
 }