@plumile/ui 0.1.120 → 0.1.125

package/lib/esm/backoffice/molecules/inline_banner/inlineBanner.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"inlineBanner.css.js","names":[],"sources":["../../../../../src/backoffice/molecules/inline_banner/inlineBanner.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe, type RecipeVariants } from '@vanilla-extract/recipes';\n\nimport { sprinkles } from '../../../theme/sprinkles.css.js';\nimport { vars } from '../../../theme/themeContract.js';\n\nexport const container = sprinkles({\n  display: 'flex',\n  alignItems: 'flex-start',\n  justifyContent: 'space-between',\n  flexWrap: 'wrap',\n  gap: 3,\n  paddingX: 4,\n  paddingY: 3,\n  borderRadius: 'md',\n  fontSize: 'sm',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'border',\n});\n\nconst toneInfo = sprinkles({\n  backgroundColor: 'brandLightGray',\n  color: 'text',\n});\nconst toneSuccess = sprinkles({\n  backgroundColor: 'green-50',\n  color: 'green-800',\n});\nconst toneWarning = sprinkles({\n  backgroundColor: 'amber-50',\n  color: 'amber-900',\n});\nconst toneDanger = sprinkles({\n  backgroundColor: 'red-50',\n  color: 'red-800',\n});\n\nexport const toneRecipe = recipe({\n  variants: {\n    tone: {\n      info: toneInfo,\n      success: toneSuccess,\n      warning: toneWarning,\n      danger: toneDanger,\n    },\n  },\n  defaultVariants: {\n    tone: 'info',\n  },\n});\n\nexport type ToneRecipeVariants = RecipeVariants<typeof toneRecipe>;\n\nexport const content = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  flex: 1,\n  minWidth: 0,\n});\n\nexport const title = sprinkles({\n  fontWeight: 'semibold',\n});\n\nexport const description = sprinkles({});\n\nexport const actions = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 2,\n  flexWrap: 'wrap',\n  flexShrink: 0,\n});\n\nexport const closeButton = style([\n  sprinkles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 8,\n    height: 8,\n    borderRadius: 'md',\n    backgroundColor: 'transparent',\n    cursor: 'pointer',\n    borderWidth: 0,\n    borderStyle: 'none',\n    color: 'inherit',\n  }),\n  {\n    selectors: {\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n"],"mappings":""}
+{"version":3,"file":"inlineBanner.css.js","names":[],"sources":["../../../../../src/backoffice/molecules/inline_banner/inlineBanner.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe, type RecipeVariants } from '@vanilla-extract/recipes';\n\nimport { sprinkles } from '../../../theme/sprinkles.css.js';\nimport { ghostIconButton } from '../../../theme/styleRecipes.css.js';\n\nexport const container = sprinkles({\n  display: 'flex',\n  alignItems: 'flex-start',\n  justifyContent: 'space-between',\n  flexWrap: 'wrap',\n  gap: 3,\n  paddingX: 4,\n  paddingY: 3,\n  borderRadius: 'md',\n  fontSize: 'sm',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'border',\n});\n\nconst toneInfo = sprinkles({\n  backgroundColor: 'brandLightGray',\n  color: 'text',\n});\nconst toneSuccess = sprinkles({\n  backgroundColor: 'green-50',\n  color: 'green-800',\n});\nconst toneWarning = sprinkles({\n  backgroundColor: 'amber-50',\n  color: 'amber-900',\n});\nconst toneDanger = sprinkles({\n  backgroundColor: 'red-50',\n  color: 'red-800',\n});\n\nexport const toneRecipe = recipe({\n  variants: {\n    tone: {\n      info: toneInfo,\n      success: toneSuccess,\n      warning: toneWarning,\n      danger: toneDanger,\n    },\n  },\n  defaultVariants: {\n    tone: 'info',\n  },\n});\n\nexport type ToneRecipeVariants = RecipeVariants<typeof toneRecipe>;\n\nexport const content = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  flex: 1,\n  minWidth: 0,\n});\n\nexport const title = sprinkles({\n  fontWeight: 'semibold',\n});\n\nexport const description = sprinkles({});\n\nexport const actions = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 2,\n  flexWrap: 'wrap',\n  flexShrink: 0,\n});\n\nexport const closeButton = style([\n  ghostIconButton,\n  sprinkles({\n    width: 8,\n    height: 8,\n    color: 'inherit',\n  }),\n]);\n"],"mappings":""}

package/lib/esm/backoffice/molecules/sidebar_collapse_toggle/sidebarCollapseToggle.css.js

@@ -1,7 +1,7 @@
 /* empty css                                      */
 /* empty css                                     */
 //#region src/backoffice/molecules/sidebar_collapse_toggle/sidebarCollapseToggle.css.ts
-var e = "_1x7c0k52 _1x7c0k50 txvbqbnw7 txvbqbojg txvbqbp6g txvbqbly7 txvbqb9jg txvbqbcp txvbqbao7 txvbqb1rg txvbqbv0t txvbqb12g txvbqb1py txvbqbv txvbqb8y txvbqbva1 txvbqb78 txvbqb6x txvbqb7k _1x7c0k51 txvbqbw41 txvbqbwm4", t = "_1x7c0k53 txvbqbnvy txvbqboj7 txvbqbdoy", n = "_1x7c0k54 txvbqb9jg txvbqbcp txvbqbdoy txvbqbtxp txvbqbc6p", r = "_1x7c0k55 txvbqb9my", i = "_1x7c0k56 txvbqb9hy";
+var e = "_1x7c0k51 qbwcuej qbwcueh txvbqbdsb txvbqbey txvbqbjtp txvbqb1g5 txvbqb2e3 txvbqb2g9 txvbqb1933 txvbqb19cb txvbqbv txvbqbux3 txvbqb7h txvbqb76 txvbqb7t qbwcuei txvbqb1aey txvbqb1bsa qbwcue4 txvbqb1c2w txvbqb1c9c qbwcue0 txvbqb1cb0 txvbqb1cws _1x7c0k50 txvbqbyoi txvbqbzm3 txvbqb10jb txvbqbvve txvbqbff6 txvbqb9j", t = "_1x7c0k52 txvbqbyo5 txvbqbzlq txvbqbjtp", n = "_1x7c0k53 txvbqbdsb txvbqbey txvbqbjtp txvbqb17hx txvbqbhnc", r = "_1x7c0k54 txvbqbdxd", i = "_1x7c0k55 txvbqbdq5";
 //#endregion
 export { e as button, t as buttonCollapsed, n as icon, r as label, i as labelCollapsed };
 

package/lib/esm/backoffice/molecules/sidebar_collapse_toggle/sidebarCollapseToggle.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebarCollapseToggle.css.js","names":[],"sources":["../../../../../src/backoffice/molecules/sidebar_collapse_toggle/sidebarCollapseToggle.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles, stateSprinkles } from '../../../theme/sprinkles.css.js';\nimport { vars } from '../../../theme/themeContract.js';\n\nexport const button = style([\n  sprinkles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: 2,\n    paddingX: 3,\n    paddingY: 2,\n    borderRadius: 'md',\n    backgroundColor: 'transparent',\n    borderWidth: 0,\n    borderStyle: 'none',\n    cursor: 'pointer',\n    fontSize: 'sm',\n    color: 'textSecondary',\n    transitionProperty: 'colors',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  stateSprinkles({\n    backgroundColor: {\n      hover: 'surfaceMuted',\n    },\n    color: {\n      hover: 'text',\n    },\n  }),\n  {\n    selectors: {\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n\nexport const buttonCollapsed = sprinkles({\n  justifyContent: 'center',\n  paddingX: 2,\n});\n\nexport const icon = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 6,\n  height: 6,\n});\n\nexport const label = sprinkles({ flex: 1 });\n\nexport const labelCollapsed = sprinkles({\n  display: 'none',\n});\n"],"mappings":""}
+{"version":3,"file":"sidebarCollapseToggle.css.js","names":[],"sources":["../../../../../src/backoffice/molecules/sidebar_collapse_toggle/sidebarCollapseToggle.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '../../../theme/sprinkles.css.js';\nimport { ghostIconButton } from '../../../theme/styleRecipes.css.js';\n\nexport const button = style([\n  ghostIconButton,\n  sprinkles({\n    gap: 2,\n    paddingX: 3,\n    paddingY: 2,\n    fontSize: 'sm',\n  }),\n]);\n\nexport const buttonCollapsed = sprinkles({\n  justifyContent: 'center',\n  paddingX: 2,\n});\n\nexport const icon = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 6,\n  height: 6,\n});\n\nexport const label = sprinkles({ flex: 1 });\n\nexport const labelCollapsed = sprinkles({\n  display: 'none',\n});\n"],"mappings":""}

package/lib/esm/backoffice/molecules/sidebar_nav_item/sidebarNavItem.css.js

@@ -1,7 +1,7 @@
 /* empty css                                      */
 /* empty css                              */
 //#region src/backoffice/molecules/sidebar_nav_item/sidebarNavItem.css.ts
-var e = "_1nm2b9q0 txvbqb9jg txvbqbcp txvbqbany txvbqb7d txvbqb6x txvbqb7k txvbqbaj7 txvbqbvbl txvbqbtvp txvbqb2k", t = "_1nm2b9q1 txvbqbvcf txvbqbtvy txvbqb2l", n = "_1nm2b9q4 _1nm2b9q2 txvbqbnw7 txvbqbojg txvbqbpry txvbqbmjp txvbqb9ip txvbqbcp txvbqbao7 txvbqb1rp txvbqb8y txvbqb77 txvbqb6x txvbqb7k txvbqbv txvbqbva1 _1nm2b9q3 txvbqbw41 txvbqbwm4", r = "_1nm2b9q5 txvbqbnvy txvbqboj7 txvbqbdoy", i = "_1nm2b9q6 txvbqbnvy txvbqboj7 txvbqbpry txvbqbmjp txvbqb1rg", a = "_1nm2b9q7 txvbqbamp txvbqbv3t txvbqbv9z txvbqb8t7", o = "_1nm2b9q9 _1nm2b9q8 txvbqbva3 txvbqbr", s = "_1nm2b9qa txvbqbvc1 txvbqbj", c = "_1nm2b9qb txvbqb9ip txvbqbcp txvbqbao7 txvbqb9my txvbqbk5y txvbqb3b txvbqbv0t txvbqb12g txvbqb1py txvbqblag txvbqbt6p txvbqbv67 txvbqb1p", l = "_1nm2b9qc txvbqb9jg txvbqbcp", u = "_1nm2b9qf _1nm2b9qd txvbqb9jg txvbqbcp txvbqbdoy txvbqbtxp txvbqbc6p txvbqb1rg txvbqb12g txvbqb1py txvbqblag txvbqbv0t txvbqbva1 txvbqbi _1nm2b9qe txvbqbw41 txvbqbwm4", d = "_1nm2b9qg txvbqb9jg txvbqbcp txvbqbdoy txvbqbtxp txvbqbc6p txvbqbaj7 txvbqbv67", f = "_1nm2b9qh txvbqbtxg txvbqbc6g", p = "_1nm2b9qi txvbqb9my txvbqbk5y", m = "_1nm2b9qj txvbqb9hy", h = "_1nm2b9qk txvbqb9jg txvbqbcp txvbqbdoy txvbqbaj7", g = "_1nm2b9ql txvbqb9hy";
+var e = "_1nm2b9q0 txvbqbdsb txvbqbey txvbqbfet txvbqb7m txvbqb76 txvbqb7t txvbqbf7y txvbqb19dv txvbqb17f1 txvbqb2o", t = "_1nm2b9q1 txvbqb19ep txvbqb17fe txvbqb2p", n = "_1nm2b9q4 _1nm2b9q2 txvbqbyoi txvbqbzm3 txvbqb11ed txvbqbwqg txvbqbdr8 txvbqbey txvbqbff6 txvbqb2gm txvbqb9j txvbqb7g txvbqb76 txvbqb7t txvbqbv txvbqb19cb _1nm2b9q3 txvbqb1aex txvbqb1bs9", r = "_1nm2b9q5 txvbqbyo5 txvbqbzlq txvbqbjtp", i = "_1nm2b9q6 txvbqbyo5 txvbqbzlq txvbqb11ed txvbqbwqg txvbqb2g9", a = "_1nm2b9q7 txvbqbfd0 txvbqb1963 txvbqb19c9 txvbqbcol", o = "_1nm2b9q9 _1nm2b9q8 txvbqb19cd txvbqbr", s = "_1nm2b9qa txvbqb19eb txvbqbj", c = "_1nm2b9qb txvbqbdr8 txvbqbey txvbqbff6 txvbqbdxd txvbqbt9i txvbqb3f txvbqb1933 txvbqb1g5 txvbqb2e3 txvbqbux3 txvbqb16ex txvbqb198h txvbqb1p", l = "_1nm2b9qc txvbqbdsb txvbqbey", u = "_1nm2b9qf _1nm2b9qd txvbqbdsb txvbqbey txvbqbjtp txvbqb17hx txvbqbhnc txvbqb2g9 txvbqb1g5 txvbqb2e3 txvbqbux3 txvbqb1933 txvbqb19cb txvbqbi _1nm2b9qe txvbqb1aex txvbqb1bs9", d = "_1nm2b9qg txvbqbdsb txvbqbey txvbqbjtp txvbqb17hx txvbqbhnc txvbqbf7y txvbqb198h", f = "_1nm2b9qh txvbqb17hk txvbqbhmz", p = "_1nm2b9qi txvbqbdxd txvbqbt9i", m = "_1nm2b9qj txvbqbdq5", h = "_1nm2b9qk txvbqbdsb txvbqbey txvbqbjtp txvbqbf7y", g = "_1nm2b9ql txvbqbdq5";
 //#endregion
 export { l as actionSlot, e as actions, t as actionsVisible, h as badge, g as badgeCollapsed, u as dragHandle, d as icon, f as iconNested, n as item, a as itemActive, r as itemCollapsed, o as itemDisabled, s as itemDragging, i as itemNested, p as label, m as labelCollapsed, c as link };
 

package/lib/esm/backoffice/molecules/sidebar_nav_item/sidebarNavItem.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebarNavItem.css.js","names":[],"sources":["../../../../../src/backoffice/molecules/sidebar_nav_item/sidebarNavItem.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles, stateSprinkles } from '../../../theme/sprinkles.css.js';\nimport { vars } from '../../../theme/themeContract.js';\n\nconst inlineFlex = 'inline-flex';\n\nexport const actions = sprinkles({\n  display: inlineFlex,\n  alignItems: 'center',\n  gap: 1,\n  transitionProperty: 'opacity',\n  transitionDuration: 150,\n  transitionTimingFunction: 'ease',\n  flexShrink: 0,\n  opacity: 0,\n  visibility: 'hidden',\n  pointerEvents: 'none',\n});\n\nexport const actionsVisible = sprinkles({\n  opacity: 100,\n  visibility: 'visible',\n  pointerEvents: 'auto',\n});\n\nexport const item = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    gap: 2,\n    paddingY: 1.5,\n    paddingX: 3,\n    borderRadius: 'lg',\n    fontSize: 'sm',\n    transitionProperty: 'default',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n    cursor: 'pointer',\n    color: 'textSecondary',\n  }),\n  stateSprinkles({\n    backgroundColor: {\n      hover: 'surfaceMuted',\n    },\n    color: {\n      hover: 'text',\n    },\n  }),\n  {\n    selectors: {\n      '&:has(:focus-visible)': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n\nexport const itemCollapsed = sprinkles({\n  justifyContent: 'center',\n  paddingX: 2,\n});\n\nexport const itemNested = sprinkles({\n  paddingX: 2,\n  paddingY: 1.5,\n  borderRadius: 'md',\n});\n\nexport const itemActive = sprinkles({\n  fontWeight: 'semibold',\n  backgroundColor: 'primaryLight',\n  color: 'text',\n  boxShadow: 'primaryLightRing',\n});\n\nexport const itemDisabled = style([\n  sprinkles({\n    color: 'textMuted',\n    cursor: 'not-allowed',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        backgroundColor: 'transparent',\n      },\n    },\n  },\n]);\n\nexport const itemDragging = sprinkles({\n  opacity: 50,\n  cursor: 'grabbing',\n});\n\nexport const link = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  flex: 1,\n  minWidth: 0,\n  textDecoration: 'none',\n  backgroundColor: 'transparent',\n  borderWidth: 0,\n  borderStyle: 'none',\n  padding: 0,\n  textAlign: 'left',\n  color: 'inherit',\n  font: 'inherit',\n});\n\nexport const actionSlot = sprinkles({\n  display: inlineFlex,\n  alignItems: 'center',\n});\n\nexport const dragHandle = style([\n  sprinkles({\n    display: inlineFlex,\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 6,\n    height: 6,\n    borderRadius: 'md',\n    borderWidth: 0,\n    borderStyle: 'none',\n    padding: 0,\n    backgroundColor: 'transparent',\n    color: 'textSecondary',\n    cursor: 'grab',\n  }),\n  stateSprinkles({\n    backgroundColor: {\n      hover: 'surfaceMuted',\n    },\n    color: {\n      hover: 'text',\n    },\n  }),\n  {\n    selectors: {\n      '&:active': {\n        cursor: 'grabbing',\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n\nexport const icon = sprinkles({\n  display: inlineFlex,\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 6,\n  height: 6,\n  flexShrink: 0,\n  color: 'inherit',\n});\n\nexport const iconNested = sprinkles({\n  width: 5,\n  height: 5,\n});\n\nexport const label = sprinkles({\n  flex: 1,\n  minWidth: 0,\n});\n\nexport const labelCollapsed = sprinkles({\n  display: 'none',\n});\n\nexport const badge = sprinkles({\n  display: inlineFlex,\n  alignItems: 'center',\n  justifyContent: 'center',\n  flexShrink: 0,\n});\n\nexport const badgeCollapsed = sprinkles({\n  display: 'none',\n});\n"],"mappings":""}
+{"version":3,"file":"sidebarNavItem.css.js","names":[],"sources":["../../../../../src/backoffice/molecules/sidebar_nav_item/sidebarNavItem.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles, stateSprinkles } from '../../../theme/sprinkles.css.js';\nimport { vars } from '../../../theme/themeContract.js';\n\nconst inlineFlex = 'inline-flex';\n\nexport const actions = sprinkles({\n  display: inlineFlex,\n  alignItems: 'center',\n  gap: 1,\n  transitionProperty: 'opacity',\n  transitionDuration: 150,\n  transitionTimingFunction: 'ease',\n  flexShrink: 0,\n  opacity: 0,\n  visibility: 'hidden',\n  pointerEvents: 'none',\n});\n\nexport const actionsVisible = sprinkles({\n  opacity: 100,\n  visibility: 'visible',\n  pointerEvents: 'auto',\n});\n\nexport const item = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    gap: 2,\n    paddingY: 1.5,\n    paddingX: 3,\n    borderRadius: 'lg',\n    fontSize: 'sm',\n    transitionProperty: 'default',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n    cursor: 'pointer',\n    color: 'textSecondary',\n  }),\n  stateSprinkles({\n    backgroundColor: {\n      hover: 'surfaceMuted',\n    },\n    color: {\n      hover: 'text',\n    },\n  }),\n  {\n    selectors: {\n      '&:has(:focus-visible)': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n\nexport const itemCollapsed = sprinkles({\n  justifyContent: 'center',\n  paddingX: 2,\n});\n\nexport const itemNested = sprinkles({\n  paddingX: 2,\n  paddingY: 1.5,\n  borderRadius: 'md',\n});\n\nexport const itemActive = sprinkles({\n  fontWeight: 'semibold',\n  backgroundColor: 'primaryLight',\n  color: 'text',\n  boxShadow: 'primaryLightRing',\n});\n\nexport const itemDisabled = style([\n  sprinkles({\n    color: 'textMuted',\n    cursor: 'not-allowed',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        backgroundColor: 'transparent',\n      },\n    },\n  },\n]);\n\nexport const itemDragging = sprinkles({\n  opacity: 50,\n  cursor: 'grabbing',\n});\n\nexport const link = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  flex: 1,\n  minWidth: 0,\n  textDecoration: 'none',\n  backgroundColor: 'transparent',\n  borderWidth: 0,\n  borderStyle: 'none',\n  padding: 0,\n  textAlign: 'left',\n  color: 'inherit',\n  font: 'inherit',\n});\n\nexport const actionSlot = sprinkles({\n  display: inlineFlex,\n  alignItems: 'center',\n});\n\nexport const dragHandle = style([\n  sprinkles({\n    display: inlineFlex,\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 6,\n    height: 6,\n    borderRadius: 'md',\n    borderWidth: 0,\n    borderStyle: 'none',\n    padding: 0,\n    backgroundColor: 'transparent',\n    color: 'textSecondary',\n    cursor: 'grab',\n  }),\n  stateSprinkles({\n    backgroundColor: {\n      hover: 'surfaceMuted',\n    },\n    color: {\n      hover: 'text',\n    },\n  }),\n  {\n    selectors: {\n      '&:active': {\n        cursor: 'grabbing',\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n\nexport const icon = sprinkles({\n  display: inlineFlex,\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 6,\n  height: 6,\n  flexShrink: 0,\n  color: 'inherit',\n});\n\nexport const iconNested = sprinkles({\n  width: 5,\n  height: 5,\n});\n\nexport const label = sprinkles({\n  flex: 1,\n  minWidth: 0,\n});\n\nexport const labelCollapsed = sprinkles({\n  display: 'none',\n});\n\nexport const badge = sprinkles({\n  display: inlineFlex,\n  alignItems: 'center',\n  justifyContent: 'center',\n  flexShrink: 0,\n});\n\nexport const badgeCollapsed = sprinkles({\n  display: 'none',\n});\n"],"mappings":""}

package/lib/esm/backoffice/molecules/sidebar_nav_section/SidebarNavSection.js

@@ -23,7 +23,7 @@ var le = ({ item: t, isNested: i, sidebarCollapsed: a, dragHandleLabel: o, inser
 		className: e(b, { [x]: g }),
 		children: [
 			s === "before" && /* @__PURE__ */ D("span", {
-				className: "_1rp5mg6k _1rp5mg6j txvbqbijg txvbqbglp txvbqb9i7 txvbqb1t7 txvbqbv3r",
+				className: "_1rp5mg6k _1rp5mg6j txvbqbqv7 txvbqbo2g txvbqbdqi txvbqb2is txvbqb1961",
 				"aria-hidden": "true"
 			}),
 			/* @__PURE__ */ D(n, {
@@ -38,7 +38,7 @@ var le = ({ item: t, isNested: i, sidebarCollapsed: a, dragHandleLabel: o, inser
 				isDragging: g
 			}),
 			s === "after" && /* @__PURE__ */ D("span", {
-				className: "_1rp5mg6k _1rp5mg6j txvbqbijg txvbqbglp txvbqb9i7 txvbqb1t7 txvbqbv3r",
+				className: "_1rp5mg6k _1rp5mg6j txvbqbqv7 txvbqbo2g txvbqbdqi txvbqb2is txvbqb1961",
 				"aria-hidden": "true"
 			})
 		]
@@ -164,12 +164,12 @@ var le = ({ item: t, isNested: i, sidebarCollapsed: a, dragHandleLabel: o, inser
 					})
 				})
 			}), /* @__PURE__ */ D(a, { children: J != null && /* @__PURE__ */ O("div", {
-				className: "_1rp5mg6m _1rp5mg6l txvbqbnw7 txvbqbojg txvbqbpry txvbqbmjp txvbqb9ip txvbqbcp txvbqbao7 txvbqb1rp txvbqb8y txvbqbamp txvbqbv41 txvbqbv9z txvbqb1cp txvbqbwg txvbqb8q7",
+				className: "_1rp5mg6m _1rp5mg6l txvbqbyoi txvbqbzm3 txvbqb11ed txvbqbwqg txvbqbdr8 txvbqbey txvbqbff6 txvbqb2gm txvbqb9j txvbqbfd0 txvbqb196b txvbqb19c9 txvbqb1uy txvbqb17h txvbqbck9",
 				children: [J.icon != null && /* @__PURE__ */ D("span", {
-					className: "_1rp5mg6n txvbqb9jg txvbqbcp txvbqbdoy txvbqbtxp txvbqbc6p txvbqbaj7",
+					className: "_1rp5mg6n txvbqbdsb txvbqbey txvbqbjtp txvbqb17hx txvbqbhnc txvbqbf7y",
 					children: J.icon
 				}), /* @__PURE__ */ D("span", {
-					className: "_1rp5mg6p _1rp5mg6o txvbqbk5y",
+					className: "_1rp5mg6p _1rp5mg6o txvbqbt9i",
 					children: J.label
 				})]
 			}) })]

package/lib/esm/backoffice/molecules/sidebar_nav_section/sidebarNavSection.css.js

@@ -1,7 +1,7 @@
 /* empty css                                      */
 /* empty css                                 */
 //#region src/backoffice/molecules/sidebar_nav_section/sidebarNavSection.css.ts
-var e = "_1rp5mg60 txvbqb9ip txvbqbai7 txvbqbb9p", t = "_1rp5mg61 txvbqbnvy txvbqboj7 txvbqbprp txvbqbmjg txvbqb9ip txvbqbcp txvbqbdpp txvbqbao7 txvbqbjj7", n = "_1rp5mg62 txvbqbnvg txvbqboip txvbqbdoy", r = "_1rp5mg65 _1rp5mg63 txvbqbnvy txvbqboj7 txvbqbprp txvbqbmjg txvbqb9ip txvbqbcp txvbqbdpp txvbqbao7 txvbqbu7g txvbqbjj7 txvbqb1rg txvbqb12g txvbqb1py txvbqbv0t txvbqbv txvbqbt6p _1rp5mg64 txvbqbw41", i = "_1rp5mg66 txvbqbnvg txvbqboip txvbqbdoy", a = "_1rp5mg67 txvbqb8g txvbqbamp txvbqb66 txvbqbva3 txvbqbeep", o = "_1rp5mg68 txvbqb9jg txvbqbcp txvbqbk5y txvbqbao7", s = "_1rp5mg69 txvbqb9jg txvbqbcp txvbqbdoy txvbqbtx7 txvbqbc67 txvbqbaj7 txvbqbva3", c = "_1rp5mg6a txvbqb9hy", l = "_1rp5mg6c _1rp5mg6b txvbqb9jg txvbqbcp txvbqbdoy txvbqbtxg txvbqbc6g txvbqb1qy txvbqbva3", u = "_1rp5mg6d", d = "_1rp5mg6e txvbqb9ip txvbqbai7 txvbqbb9p", f = "_1rp5mg6g _1rp5mg6f txvbqbgo7 txvbqbnvy txvbqb6q7 txvbqb4bg", p = "_1rp5mg6h", m = "_1rp5mg6i", h = "_1rp5mg6k _1rp5mg6j txvbqbijg txvbqbglp txvbqb9i7 txvbqb1t7 txvbqbv3r", g = "_1rp5mg6m _1rp5mg6l txvbqbnw7 txvbqbojg txvbqbpry txvbqbmjp txvbqb9ip txvbqbcp txvbqbao7 txvbqb1rp txvbqb8y txvbqbamp txvbqbv41 txvbqbv9z txvbqb1cp txvbqbwg txvbqb8q7", _ = "_1rp5mg6n txvbqb9jg txvbqbcp txvbqbdoy txvbqbtxp txvbqbc6p txvbqbaj7", v = "_1rp5mg6p _1rp5mg6o txvbqbk5y";
+var e = "_1rp5mg60 txvbqbdr8 txvbqbf6i txvbqbga8", t = "_1rp5mg61 txvbqbyo5 txvbqbzlq txvbqb11e0 txvbqbwq3 txvbqbdr8 txvbqbey txvbqbjus txvbqbff6 txvbqbscn", n = "_1rp5mg62 txvbqbynf txvbqbzl0 txvbqbjtp", r = "_1rp5mg65 _1rp5mg63 txvbqbyo5 txvbqbzlq txvbqb11e0 txvbqbwq3 txvbqbdr8 txvbqbey txvbqbjus txvbqbff6 txvbqb17w0 txvbqbscn txvbqb2g9 txvbqb1g5 txvbqb2e3 txvbqb1933 txvbqbv txvbqb16ex _1rp5mg64 txvbqb1aex", i = "_1rp5mg66 txvbqbynf txvbqbzl0 txvbqbjtp", a = "_1rp5mg67 txvbqb8t txvbqbfd0 txvbqb6a txvbqb19cd txvbqbkwc", o = "_1rp5mg68 txvbqbdsb txvbqbey txvbqbt9i txvbqbff6", s = "_1rp5mg69 txvbqbdsb txvbqbey txvbqbjtp txvbqb17h7 txvbqbhmm txvbqbf7y txvbqb19cd", c = "_1rp5mg6a txvbqbdq5", l = "_1rp5mg6c _1rp5mg6b txvbqbdsb txvbqbey txvbqbjtp txvbqb17hk txvbqbhmz txvbqb2fj txvbqb19cd", u = "_1rp5mg6d", d = "_1rp5mg6e txvbqbdr8 txvbqbf6i txvbqbga8", f = "_1rp5mg6g _1rp5mg6f txvbqbo62 txvbqbyo5 txvbqb9mg txvbqb655", p = "_1rp5mg6h", m = "_1rp5mg6i", h = "_1rp5mg6k _1rp5mg6j txvbqbqv7 txvbqbo2g txvbqbdqi txvbqb2is txvbqb1961", g = "_1rp5mg6m _1rp5mg6l txvbqbyoi txvbqbzm3 txvbqb11ed txvbqbwqg txvbqbdr8 txvbqbey txvbqbff6 txvbqb2gm txvbqb9j txvbqbfd0 txvbqb196b txvbqb19c9 txvbqb1uy txvbqb17h txvbqbck9", _ = "_1rp5mg6n txvbqbdsb txvbqbey txvbqbjtp txvbqb17hx txvbqbhnc txvbqbf7y", v = "_1rp5mg6p _1rp5mg6o txvbqbt9i";
 //#endregion
 export { g as dragOverlay, _ as dragOverlayIcon, v as dragOverlayLabel, t as header, r as headerButton, i as headerButtonSidebarCollapsed, n as headerSidebarCollapsed, h as insertionIndicator, d as items, f as itemsNested, e as section, p as sortableItem, m as sortableItemDragging, a as title, o as titleContent, s as titleIcon, c as titleSidebarCollapsed, l as toggleIcon, u as toggleIconCollapsed };
 

package/lib/esm/backoffice/molecules/sidebar_nav_section/sidebarNavSection.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebarNavSection.css.js","names":[],"sources":["../../../../../src/backoffice/molecules/sidebar_nav_section/sidebarNavSection.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles, stateSprinkles } from '../../../theme/sprinkles.css.js';\nimport { vars } from '../../../theme/themeContract.js';\n\nexport const section = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1.5,\n});\n\nexport const header = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 2,\n  paddingX: 2,\n  paddingY: 0.5,\n  minHeight: 8,\n});\n\nexport const headerSidebarCollapsed = sprinkles({\n  justifyContent: 'center',\n  paddingX: 0,\n});\n\nexport const headerButton = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: 2,\n    width: 'full',\n    paddingX: 2,\n    paddingY: 0.5,\n    minHeight: 8,\n    borderRadius: 'md',\n    borderWidth: 0,\n    borderStyle: 'none',\n    backgroundColor: 'transparent',\n    cursor: 'pointer',\n    textAlign: 'left',\n  }),\n  stateSprinkles({\n    backgroundColor: {\n      hover: 'surfaceMuted',\n    },\n  }),\n  {\n    selectors: {\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n\nexport const headerButtonSidebarCollapsed = sprinkles({\n  justifyContent: 'center',\n  paddingX: 0,\n});\n\nexport const title = sprinkles({\n  fontSize: '2xs',\n  fontWeight: 'semibold',\n  textTransform: 'uppercase',\n  color: 'textMuted',\n  letterSpacing: 'wide',\n});\n\nexport const titleContent = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  minWidth: 0,\n  gap: 2,\n});\n\nexport const titleIcon = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 4,\n  height: 4,\n  flexShrink: 0,\n  color: 'textMuted',\n});\n\nexport const titleSidebarCollapsed = sprinkles({\n  display: 'none',\n});\n\nexport const toggleIcon = style([\n  sprinkles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 5,\n    height: 5,\n    borderRadius: 'sm',\n    color: 'textMuted',\n  }),\n  {\n    transition: 'transform 120ms ease',\n  },\n]);\n\nexport const toggleIconCollapsed = style({\n  transform: 'rotate(-90deg)',\n});\n\nexport const items = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1.5,\n});\n\nexport const itemsNested = style([\n  sprinkles({\n    marginLeft: 4,\n    paddingLeft: 2,\n    borderLeftWidth: 'default',\n    borderLeftColor: 'border',\n  }),\n  {\n    borderLeftStyle: 'solid',\n  },\n]);\n\nexport const sortableItem = style({\n  position: 'relative',\n});\n\nexport const sortableItemDragging = style({\n  zIndex: 1,\n});\n\nexport const insertionIndicator = style([\n  sprinkles({\n    display: 'block',\n    marginY: 0.5,\n    borderRadius: 'full',\n    backgroundColor: 'primary',\n  }),\n  {\n    height: '2px',\n  },\n]);\n\nexport const dragOverlay = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    gap: 2,\n    paddingY: 1.5,\n    paddingX: 3,\n    borderRadius: 'lg',\n    fontSize: 'sm',\n    fontWeight: 'semibold',\n    backgroundColor: 'surface',\n    color: 'text',\n    borderWidth: 'default',\n    borderColor: 'border',\n    boxShadow: 'lg',\n  }),\n  {\n    borderStyle: 'solid',\n    cursor: 'grabbing',\n    minWidth: '12rem',\n    maxWidth: '18rem',\n  },\n]);\n\nexport const dragOverlayIcon = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 6,\n  height: 6,\n  flexShrink: 0,\n});\n\nexport const dragOverlayLabel = style([\n  sprinkles({\n    minWidth: 0,\n  }),\n  {\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n]);\n"],"mappings":""}
+{"version":3,"file":"sidebarNavSection.css.js","names":[],"sources":["../../../../../src/backoffice/molecules/sidebar_nav_section/sidebarNavSection.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles, stateSprinkles } from '../../../theme/sprinkles.css.js';\nimport { vars } from '../../../theme/themeContract.js';\n\nexport const section = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1.5,\n});\n\nexport const header = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 2,\n  paddingX: 2,\n  paddingY: 0.5,\n  minHeight: 8,\n});\n\nexport const headerSidebarCollapsed = sprinkles({\n  justifyContent: 'center',\n  paddingX: 0,\n});\n\nexport const headerButton = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: 2,\n    width: 'full',\n    paddingX: 2,\n    paddingY: 0.5,\n    minHeight: 8,\n    borderRadius: 'md',\n    borderWidth: 0,\n    borderStyle: 'none',\n    backgroundColor: 'transparent',\n    cursor: 'pointer',\n    textAlign: 'left',\n  }),\n  stateSprinkles({\n    backgroundColor: {\n      hover: 'surfaceMuted',\n    },\n  }),\n  {\n    selectors: {\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n\nexport const headerButtonSidebarCollapsed = sprinkles({\n  justifyContent: 'center',\n  paddingX: 0,\n});\n\nexport const title = sprinkles({\n  fontSize: '2xs',\n  fontWeight: 'semibold',\n  textTransform: 'uppercase',\n  color: 'textMuted',\n  letterSpacing: 'wide',\n});\n\nexport const titleContent = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  minWidth: 0,\n  gap: 2,\n});\n\nexport const titleIcon = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 4,\n  height: 4,\n  flexShrink: 0,\n  color: 'textMuted',\n});\n\nexport const titleSidebarCollapsed = sprinkles({\n  display: 'none',\n});\n\nexport const toggleIcon = style([\n  sprinkles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 5,\n    height: 5,\n    borderRadius: 'sm',\n    color: 'textMuted',\n  }),\n  {\n    transition: 'transform 120ms ease',\n  },\n]);\n\nexport const toggleIconCollapsed = style({\n  transform: 'rotate(-90deg)',\n});\n\nexport const items = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1.5,\n});\n\nexport const itemsNested = style([\n  sprinkles({\n    marginLeft: 4,\n    paddingLeft: 2,\n    borderLeftWidth: 'default',\n    borderLeftColor: 'border',\n  }),\n  {\n    borderLeftStyle: 'solid',\n  },\n]);\n\nexport const sortableItem = style({\n  position: 'relative',\n});\n\nexport const sortableItemDragging = style({\n  zIndex: 1,\n});\n\nexport const insertionIndicator = style([\n  sprinkles({\n    display: 'block',\n    marginY: 0.5,\n    borderRadius: 'full',\n    backgroundColor: 'primary',\n  }),\n  {\n    height: '2px',\n  },\n]);\n\nexport const dragOverlay = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    gap: 2,\n    paddingY: 1.5,\n    paddingX: 3,\n    borderRadius: 'lg',\n    fontSize: 'sm',\n    fontWeight: 'semibold',\n    backgroundColor: 'surface',\n    color: 'text',\n    borderWidth: 'default',\n    borderColor: 'border',\n    boxShadow: 'lg',\n  }),\n  {\n    borderStyle: 'solid',\n    cursor: 'grabbing',\n    minWidth: '12rem',\n    maxWidth: '18rem',\n  },\n]);\n\nexport const dragOverlayIcon = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 6,\n  height: 6,\n  flexShrink: 0,\n});\n\nexport const dragOverlayLabel = style([\n  sprinkles({\n    minWidth: 0,\n  }),\n  {\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n]);\n"],"mappings":""}

package/lib/esm/backoffice/molecules/sidebar_profile_menu/BackofficeSidebarProfileMenu.js

@@ -26,19 +26,19 @@ var v = ({ viewer: v, collapsed: y, labels: b, onSignOut: x, isSigningOut: S = !
 						className: i,
 						children: v.initials
 					}), !y && /* @__PURE__ */ _("span", {
-						className: "_1uw3f9ob txvbqb9ip txvbqbai7 txvbqbk5y",
+						className: "_1uw3f9ob txvbqbdr8 txvbqbf6i txvbqbt9i",
 						children: [/* @__PURE__ */ g("span", {
-							className: "_1uw3f9oc txvbqb8y txvbqbamp txvbqbv9z txvbqbuxg txvbqbl7g txvbqbt7g",
+							className: "_1uw3f9oc txvbqb9j txvbqbfd0 txvbqb19c9 txvbqb18xk txvbqbusr txvbqb16g0",
 							children: v.displayName
 						}), /* @__PURE__ */ g("span", {
-							className: "_1uw3f9od txvbqb8p txvbqbva1 txvbqbuxg txvbqbl7g txvbqbt7g",
+							className: "_1uw3f9od txvbqb96 txvbqb19cb txvbqb18xk txvbqbusr txvbqb16g0",
 							children: v.email
 						})]
 					})]
 				}), !y && /* @__PURE__ */ g(t, {
 					width: 16,
 					height: 16,
-					className: e("_1uw3f9oe txvbqbva1 txvbqb7g txvbqb6w txvbqb7k", { "_1uw3f9of txvbqb2w": n })
+					className: e("_1uw3f9oe txvbqb19cb txvbqb7p txvbqb75 txvbqb7t", { "_1uw3f9of txvbqb30": n })
 				})]
 			}),
 			ariaLabel: T,

package/lib/esm/backoffice/molecules/sidebar_profile_menu/BackofficeSidebarProfileMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeSidebarProfileMenu.js","names":[],"sources":["../../../../../src/backoffice/molecules/sidebar_profile_menu/BackofficeSidebarProfileMenu.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { Dropdown } from '../../../atomic/molecules/dropdown/Dropdown.js';\nimport { ChevronDownSvg } from '../../../icons/ChevronDownSvg.js';\nimport { ProfileDropdownLogoutSvg } from '../../../icons/ProfileDropdownLogoutSvg.js';\nimport { cx } from '../../../theme/tools.js';\n\nimport * as styles from './sidebarProfileMenu.css.js';\n\nexport type BackofficeSidebarProfileViewer = {\n  displayName: string;\n  email: string;\n  initials: string;\n  ariaLabel: string;\n};\n\nexport type BackofficeSidebarProfileMenuLabels = {\n  sectionTitle: string;\n  menuAriaLabel: string;\n  signOut: string;\n};\n\nexport type BackofficeSidebarProfileMenuProps = {\n  viewer: BackofficeSidebarProfileViewer;\n  collapsed: boolean;\n  labels: BackofficeSidebarProfileMenuLabels;\n  onSignOut: () => void;\n  isSigningOut?: boolean;\n  className?: string;\n};\n\nexport const BackofficeSidebarProfileMenu = ({\n  viewer,\n  collapsed,\n  labels,\n  onSignOut,\n  isSigningOut = false,\n  className,\n}: BackofficeSidebarProfileMenuProps): JSX.Element => {\n  let titleClassName = styles.title;\n  if (collapsed) {\n    titleClassName = styles.hidden;\n  }\n  const triggerAriaLabel = `${labels.menuAriaLabel}: ${viewer.displayName}`;\n  let triggerTitle: string | undefined;\n  if (collapsed) {\n    triggerTitle = triggerAriaLabel;\n  }\n\n  return (\n    <div className={cx(styles.container, className)}>\n      <div className={titleClassName}>{labels.sectionTitle}</div>\n      <Dropdown\n        trigger={(isOpen: boolean) => {\n          return (\n            <button\n              type=\"button\"\n              className={styles.trigger({ collapsed })}\n              aria-label={triggerAriaLabel}\n              title={triggerTitle}\n            >\n              <span className={styles.triggerMain}>\n                <span className={styles.avatar}>{viewer.initials}</span>\n                {!collapsed && (\n                  <span className={styles.identity}>\n                    <span className={styles.displayName}>\n                      {viewer.displayName}\n                    </span>\n                    <span className={styles.email}>{viewer.email}</span>\n                  </span>\n                )}\n              </span>\n              {!collapsed && (\n                <ChevronDownSvg\n                  width={16}\n                  height={16}\n                  className={cx(styles.chevron, {\n                    [styles.chevronOpen]: isOpen,\n                  })}\n                />\n              )}\n            </button>\n          );\n        }}\n        ariaLabel={triggerAriaLabel}\n        contentRole=\"dialog\"\n        contentAriaLabel={triggerAriaLabel}\n        placement=\"top-start\"\n        closeOnItemClick\n        matchTriggerWidth={false}\n      >\n        <div className={styles.menu}>\n          <div className={styles.menuIdentity}>\n            <span className={styles.menuDisplayName}>{viewer.displayName}</span>\n            <span className={styles.menuEmail}>{viewer.email}</span>\n          </div>\n          <button\n            type=\"button\"\n            className={styles.menuItem}\n            onClick={onSignOut}\n            disabled={isSigningOut}\n          >\n            <span className={styles.menuIcon}>\n              <ProfileDropdownLogoutSvg width={16} height={16} />\n            </span>\n            {labels.signOut}\n          </button>\n        </div>\n      </Dropdown>\n    </div>\n  );\n};\n\nexport default BackofficeSidebarProfileMenu;\n"],"mappings":";;;;;;;AA+BA,IAAa,KAAgC,EAC3C,WACA,cACA,WACA,cACA,kBAAe,IACf,mBACoD;CACpD,IAAI,IAAiB;CACrB,AAAI,MACF,IAAiB;CAEnB,IAAM,IAAmB,GAAG,EAAO,cAAc,IAAI,EAAO,eACxD;CAKJ,OAJI,MACF,IAAe,IAIf,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAkB,EAAU;YAA/C,CACE,kBAAC,OAAD;GAAK,WAAW;aAAiB,EAAO;GAAmB,CAAA,EAC3D,kBAAC,GAAD;GACE,UAAU,MAEN,kBAAC,UAAD;IACE,MAAK;IACL,WAAW,EAAe,EAAE,cAAW,CAAC;IACxC,cAAY;IACZ,OAAO;cAJT,CAME,kBAAC,QAAD;KAAM,WAAW;eAAjB,CACE,kBAAC,QAAD;MAAM,WAAW;gBAAgB,EAAO;MAAgB,CAAA,EACvD,CAAC,KACA,kBAAC,QAAD;MAAM,WAAW;gBAAjB,CACE,kBAAC,QAAD;OAAM,WAAW;iBACd,EAAO;OACH,CAAA,EACP,kBAAC,QAAD;OAAM,WAAW;iBAAe,EAAO;OAAa,CAAA,CAC/C;QAEJ;QACN,CAAC,KACA,kBAAC,GAAD;KACE,OAAO;KACP,QAAQ;KACR,WAAW,EAAG,kDAAgB,EAC3B,sBAAqB,GACvB,CAAC;KACF,CAAA,CAEG;;GAGb,WAAW;GACX,aAAY;GACZ,kBAAkB;GAClB,WAAU;GACV,kBAAA;GACA,mBAAmB;aAEnB,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACE,kBAAC,OAAD;KAAK,WAAW;eAAhB,CACE,kBAAC,QAAD;MAAM,WAAW;gBAAyB,EAAO;MAAmB,CAAA,EACpE,kBAAC,QAAD;MAAM,WAAW;gBAAmB,EAAO;MAAa,CAAA,CACpD;QACN,kBAAC,UAAD;KACE,MAAK;KACL,WAAW;KACX,SAAS;KACT,UAAU;eAJZ,CAME,kBAAC,QAAD;MAAM,WAAW;gBACf,kBAAC,GAAD;OAA0B,OAAO;OAAI,QAAQ;OAAM,CAAA;MAC9C,CAAA,EACN,EAAO,QACD;OACL;;GACG,CAAA,CACP"}
+{"version":3,"file":"BackofficeSidebarProfileMenu.js","names":[],"sources":["../../../../../src/backoffice/molecules/sidebar_profile_menu/BackofficeSidebarProfileMenu.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { Dropdown } from '../../../atomic/molecules/dropdown/Dropdown.js';\nimport { ChevronDownSvg } from '../../../icons/ChevronDownSvg.js';\nimport { ProfileDropdownLogoutSvg } from '../../../icons/ProfileDropdownLogoutSvg.js';\nimport { cx } from '../../../theme/tools.js';\n\nimport * as styles from './sidebarProfileMenu.css.js';\n\nexport type BackofficeSidebarProfileViewer = {\n  displayName: string;\n  email: string;\n  initials: string;\n  ariaLabel: string;\n};\n\nexport type BackofficeSidebarProfileMenuLabels = {\n  sectionTitle: string;\n  menuAriaLabel: string;\n  signOut: string;\n};\n\nexport type BackofficeSidebarProfileMenuProps = {\n  viewer: BackofficeSidebarProfileViewer;\n  collapsed: boolean;\n  labels: BackofficeSidebarProfileMenuLabels;\n  onSignOut: () => void;\n  isSigningOut?: boolean;\n  className?: string;\n};\n\nexport const BackofficeSidebarProfileMenu = ({\n  viewer,\n  collapsed,\n  labels,\n  onSignOut,\n  isSigningOut = false,\n  className,\n}: BackofficeSidebarProfileMenuProps): JSX.Element => {\n  let titleClassName = styles.title;\n  if (collapsed) {\n    titleClassName = styles.hidden;\n  }\n  const triggerAriaLabel = `${labels.menuAriaLabel}: ${viewer.displayName}`;\n  let triggerTitle: string | undefined;\n  if (collapsed) {\n    triggerTitle = triggerAriaLabel;\n  }\n\n  return (\n    <div className={cx(styles.container, className)}>\n      <div className={titleClassName}>{labels.sectionTitle}</div>\n      <Dropdown\n        trigger={(isOpen: boolean) => {\n          return (\n            <button\n              type=\"button\"\n              className={styles.trigger({ collapsed })}\n              aria-label={triggerAriaLabel}\n              title={triggerTitle}\n            >\n              <span className={styles.triggerMain}>\n                <span className={styles.avatar}>{viewer.initials}</span>\n                {!collapsed && (\n                  <span className={styles.identity}>\n                    <span className={styles.displayName}>\n                      {viewer.displayName}\n                    </span>\n                    <span className={styles.email}>{viewer.email}</span>\n                  </span>\n                )}\n              </span>\n              {!collapsed && (\n                <ChevronDownSvg\n                  width={16}\n                  height={16}\n                  className={cx(styles.chevron, {\n                    [styles.chevronOpen]: isOpen,\n                  })}\n                />\n              )}\n            </button>\n          );\n        }}\n        ariaLabel={triggerAriaLabel}\n        contentRole=\"dialog\"\n        contentAriaLabel={triggerAriaLabel}\n        placement=\"top-start\"\n        closeOnItemClick\n        matchTriggerWidth={false}\n      >\n        <div className={styles.menu}>\n          <div className={styles.menuIdentity}>\n            <span className={styles.menuDisplayName}>{viewer.displayName}</span>\n            <span className={styles.menuEmail}>{viewer.email}</span>\n          </div>\n          <button\n            type=\"button\"\n            className={styles.menuItem}\n            onClick={onSignOut}\n            disabled={isSigningOut}\n          >\n            <span className={styles.menuIcon}>\n              <ProfileDropdownLogoutSvg width={16} height={16} />\n            </span>\n            {labels.signOut}\n          </button>\n        </div>\n      </Dropdown>\n    </div>\n  );\n};\n\nexport default BackofficeSidebarProfileMenu;\n"],"mappings":";;;;;;;AA+BA,IAAa,KAAgC,EAC3C,WACA,cACA,WACA,cACA,kBAAe,IACf,mBACoD;CACpD,IAAI,IAAiB;CACrB,AAAI,MACF,IAAiB;CAEnB,IAAM,IAAmB,GAAG,EAAO,cAAc,IAAI,EAAO,eACxD;CAKJ,OAJI,MACF,IAAe,IAIf,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAkB,EAAU;YAA/C,CACE,kBAAC,OAAD;GAAK,WAAW;aAAiB,EAAO;GAAmB,CAAA,EAC3D,kBAAC,GAAD;GACE,UAAU,MAEN,kBAAC,UAAD;IACE,MAAK;IACL,WAAW,EAAe,EAAE,cAAW,CAAC;IACxC,cAAY;IACZ,OAAO;cAJT,CAME,kBAAC,QAAD;KAAM,WAAW;eAAjB,CACE,kBAAC,QAAD;MAAM,WAAW;gBAAgB,EAAO;MAAgB,CAAA,EACvD,CAAC,KACA,kBAAC,QAAD;MAAM,WAAW;gBAAjB,CACE,kBAAC,QAAD;OAAM,WAAW;iBACd,EAAO;OACH,CAAA,EACP,kBAAC,QAAD;OAAM,WAAW;iBAAe,EAAO;OAAa,CAAA,CAC/C;QAEJ;QACN,CAAC,KACA,kBAAC,GAAD;KACE,OAAO;KACP,QAAQ;KACR,WAAW,EAAG,mDAAgB,EAC3B,sBAAqB,GACvB,CAAC;KACF,CAAA,CAEG;;GAGb,WAAW;GACX,aAAY;GACZ,kBAAkB;GAClB,WAAU;GACV,kBAAA;GACA,mBAAmB;aAEnB,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACE,kBAAC,OAAD;KAAK,WAAW;eAAhB,CACE,kBAAC,QAAD;MAAM,WAAW;gBAAyB,EAAO;MAAmB,CAAA,EACpE,kBAAC,QAAD;MAAM,WAAW;gBAAmB,EAAO;MAAa,CAAA,CACpD;QACN,kBAAC,UAAD;KACE,MAAK;KACL,WAAW;KACX,SAAS;KACT,UAAU;eAJZ,CAME,kBAAC,QAAD;MAAM,WAAW;gBACf,kBAAC,GAAD;OAA0B,OAAO;OAAI,QAAQ;OAAM,CAAA;MAC9C,CAAA,EACN,EAAO,QACD;OACL;;GACG,CAAA,CACP"}

package/lib/esm/backoffice/molecules/sidebar_profile_menu/sidebarProfileMenu.css.js

@@ -2,15 +2,15 @@
 /* empty css                                  */
 import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region src/backoffice/molecules/sidebar_profile_menu/sidebarProfileMenu.css.ts
-var t = "_1uw3f9o0 txvbqb9ip txvbqbai7 txvbqbao7 txvbqbu7g", n = "_1uw3f9o1 txvbqbnvp txvbqboiy txvbqb8p txvbqbamp txvbqbva1", r = "_1uw3f9o2 txvbqb9hy", i = e({
-	defaultClassName: "_1uw3f9o6 _1uw3f9o3 txvbqb9ip txvbqbcp txvbqbu7g txvbqb1cp txvbqb1qg txvbqbwp txvbqb1rp txvbqbv43 txvbqb78 txvbqb6w txvbqb7k txvbqbv",
+var t = "_1uw3f9o0 txvbqbdr8 txvbqbf6i txvbqbff6 txvbqb17w0", n = "_1uw3f9o1 txvbqbyns txvbqbzld txvbqb96 txvbqbfd0 txvbqb19cb", r = "_1uw3f9o2 txvbqbdq5", i = e({
+	defaultClassName: "_1uw3f9o6 _1uw3f9o3 txvbqbdr8 txvbqbey txvbqb17w0 txvbqb1uy txvbqb2et txvbqb17u txvbqb2gm txvbqb196d txvbqb7h txvbqb75 txvbqb7t txvbqbv",
 	variantClassNames: { collapsed: {
-		true: "_1uw3f9o7 _1uw3f9o4 txvbqbdoy txvbqblay",
-		false: "_1uw3f9o8 _1uw3f9o5 txvbqbnw7 txvbqbojg txvbqbp6g txvbqbly7 txvbqbdpp txvbqbao7"
+		true: "_1uw3f9o7 _1uw3f9o4 txvbqbjtp txvbqbuxt",
+		false: "_1uw3f9o8 _1uw3f9o5 txvbqbyoi txvbqbzm3 txvbqb10jb txvbqbvve txvbqbjus txvbqbff6"
 	} },
 	defaultVariants: { collapsed: !1 },
 	compoundVariants: []
-}), a = "_1uw3f9o9 txvbqb9ip txvbqbcp txvbqbao7 txvbqbk5y txvbqb9my", o = "_1uw3f9oa txvbqbty7 txvbqbc77 txvbqbk7y txvbqbjj7 txvbqb1t7 txvbqb9ip txvbqbcp txvbqbdoy txvbqb8p txvbqbamp txvbqbvb9 txvbqbuzg txvbqb66", s = "_1uw3f9ob txvbqb9ip txvbqbai7 txvbqbk5y", c = "_1uw3f9oc txvbqb8y txvbqbamp txvbqbv9z txvbqbuxg txvbqbl7g txvbqbt7g", l = "_1uw3f9od txvbqb8p txvbqbva1 txvbqbuxg txvbqbl7g txvbqbt7g", u = "_1uw3f9oe txvbqbva1 txvbqb7g txvbqb6w txvbqb7k", d = "_1uw3f9of txvbqb2w", f = "_1uw3f9og txvbqbkdg txvbqblay txvbqb9ip txvbqbai7 txvbqbany", p = "_1uw3f9oi _1uw3f9oh txvbqbnw7 txvbqbojg txvbqbp6g txvbqbly7 txvbqb9ip txvbqbai7 txvbqbb9g txvbqb63g txvbqb3ny txvbqbg07", m = "_1uw3f9oj txvbqb8y txvbqbamp txvbqbv9z txvbqbuxg txvbqbl7g txvbqbt7g", h = "_1uw3f9ok txvbqb8p txvbqbva1 txvbqbuxg txvbqbl7g txvbqbt7g", g = "_1uw3f9om _1uw3f9ol txvbqbnw7 txvbqbojg txvbqbp6g txvbqbly7 txvbqb9ip txvbqbcp txvbqbao7 txvbqbu7g txvbqb12g txvbqb1py txvbqb1rg txvbqbv0t txvbqbv9z txvbqb8y txvbqbamg txvbqbt6p txvbqbv txvbqb78 txvbqb6w txvbqb7k", _ = "_1uw3f9on txvbqb9jg txvbqbcp txvbqbva1";
+}), a = "_1uw3f9o9 txvbqbdr8 txvbqbey txvbqbff6 txvbqbt9i txvbqbdxd", o = "_1uw3f9oa txvbqb17in txvbqbho2 txvbqbtce txvbqbscn txvbqb2is txvbqbdr8 txvbqbey txvbqbjtp txvbqb96 txvbqbfd0 txvbqb19dj txvbqb190g txvbqb6a", s = "_1uw3f9ob txvbqbdr8 txvbqbf6i txvbqbt9i", c = "_1uw3f9oc txvbqb9j txvbqbfd0 txvbqb19c9 txvbqb18xk txvbqbusr txvbqb16g0", l = "_1uw3f9od txvbqb96 txvbqb19cb txvbqb18xk txvbqbusr txvbqb16g0", u = "_1uw3f9oe txvbqb19cb txvbqb7p txvbqb75 txvbqb7t", d = "_1uw3f9of txvbqb30", f = "_1uw3f9og txvbqbtkc txvbqbuxt txvbqbdr8 txvbqbf6i txvbqbfet", p = "_1uw3f9oi _1uw3f9oh txvbqbyoi txvbqbzm3 txvbqb10jb txvbqbvve txvbqbdr8 txvbqbf6i txvbqbg9v txvbqb8pl txvbqb577 txvbqbn7e", m = "_1uw3f9oj txvbqb9j txvbqbfd0 txvbqb19c9 txvbqb18xk txvbqbusr txvbqb16g0", h = "_1uw3f9ok txvbqb96 txvbqb19cb txvbqb18xk txvbqbusr txvbqb16g0", g = "_1uw3f9om _1uw3f9ol txvbqbyoi txvbqbzm3 txvbqb10jb txvbqbvve txvbqbdr8 txvbqbey txvbqbff6 txvbqb17w0 txvbqb1g5 txvbqb2e3 txvbqb2g9 txvbqb1933 txvbqb19c9 txvbqb9j txvbqbfcn txvbqb16ex txvbqbv txvbqb7h txvbqb75 txvbqb7t", _ = "_1uw3f9on txvbqbdsb txvbqbey txvbqb19cb";
 //#endregion
 export { o as avatar, u as chevron, d as chevronOpen, t as container, c as displayName, l as email, r as hidden, s as identity, f as menu, m as menuDisplayName, h as menuEmail, _ as menuIcon, p as menuIdentity, g as menuItem, n as title, i as trigger, a as triggerMain };
 

package/lib/esm/backoffice/molecules/table_toolbar/tableToolbar.css.js

@@ -1,7 +1,7 @@
 /* empty css                                      */
 /* empty css                            */
 //#region src/backoffice/molecules/table_toolbar/tableToolbar.css.ts
-var e = "_42m78o0 txvbqb9ip txvbqbai7 txvbqbao7 txvbqb12g txvbqb1qg txvbqb62p txvbqb3np txvbqblyg txvbqbg0p", t = "_42m78o1 txvbqb9ip txvbqbcp txvbqbdpp txvbqbaog txvbqbajy", n = "_42m78o2 txvbqb9ip txvbqbcp txvbqbao7 txvbqb9my txvbqbk5y", r = "_42m78o3 txvbqb9ip txvbqbcp txvbqbao7 txvbqbdp7 txvbqbaj7", i = "_42m78o4 txvbqb9ip txvbqbcp txvbqbdpp txvbqbaog txvbqbajy";
+var e = "_42m78o0 txvbqbdr8 txvbqbf6i txvbqbff6 txvbqb1g5 txvbqb2et txvbqb8oi txvbqb56u txvbqbvvr txvbqbn84", t = "_42m78o1 txvbqbdr8 txvbqbey txvbqbjus txvbqbffj txvbqbf91", n = "_42m78o2 txvbqbdr8 txvbqbey txvbqbff6 txvbqbdxd txvbqbt9i", r = "_42m78o3 txvbqbdr8 txvbqbey txvbqbff6 txvbqbju2 txvbqbf7y", i = "_42m78o4 txvbqbdr8 txvbqbey txvbqbjus txvbqbffj txvbqbf91";
 //#endregion
 export { i as bottomRow, e as container, n as left, r as right, t as topRow };
 

package/lib/esm/backoffice/organisms/audit_timeline/auditTimeline.css.js

@@ -1,7 +1,7 @@
 /* empty css                                      */
 /* empty css                             */
 //#region src/backoffice/organisms/audit_timeline/auditTimeline.css.ts
-var e = "_4pt2rx0 txvbqb9ip txvbqbai7 txvbqbaog", t = "_4pt2rx1 txvbqb9ip txvbqbaog", n = "_4pt2rx2 txvbqb9ip txvbqbai7 txvbqbcp txvbqbany txvbqbaj7", r = "_4pt2rx3 txvbqbtwp txvbqbc5p txvbqb1t7 txvbqbhxy", i = "_4pt2rx4 txvbqbtwp txvbqb9my", a = "_4pt2rx5 txvbqb9ip txvbqbai7 txvbqbany txvbqbly7", o = "_4pt2rx6 txvbqb9ip txvbqbdpp txvbqbd7 txvbqbao7 txvbqbajy", s = "_4pt2rx7 txvbqb8y txvbqbamp", c = "_4pt2rx8 txvbqb8p", l = "_4pt2rx9 txvbqb8y", u = "_4pt2rxa txvbqb8p";
+var e = "_4pt2rx0 txvbqbdr8 txvbqbf6i txvbqbffj", t = "_4pt2rx1 txvbqbdr8 txvbqbffj", n = "_4pt2rx2 txvbqbdr8 txvbqbf6i txvbqbey txvbqbfet txvbqbf7y", r = "_4pt2rx3 txvbqb17gh txvbqbhlw txvbqb2is txvbqbq05", i = "_4pt2rx4 txvbqb17gh txvbqbdxd", a = "_4pt2rx5 txvbqbdr8 txvbqbf6i txvbqbfet txvbqbvve", o = "_4pt2rx6 txvbqbdr8 txvbqbjus txvbqbfo txvbqbff6 txvbqbf91", s = "_4pt2rx7 txvbqb9j txvbqbfd0", c = "_4pt2rx8 txvbqb96", l = "_4pt2rx9 txvbqb9j", u = "_4pt2rxa txvbqb96";
 //#endregion
 export { a as body, l as description, r as dot, n as gutter, o as header, t as item, i as line, e as list, u as meta, c as time, s as title };
 

package/lib/esm/backoffice/organisms/backoffice_data_table/backofficeDataTable.css.js

@@ -1,7 +1,7 @@
 /* empty css                                      */
 /* empty css                                   */
 //#region src/backoffice/organisms/backoffice_data_table/backofficeDataTable.css.ts
-var e = "x4h99m0 txvbqb9ip txvbqbai7 txvbqbaog", t = "x4h99m1 txvbqbcgg txvbqbjh7", n = "x4h99m2 txvbqbdoy";
+var e = "x4h99m0 txvbqbdr8 txvbqbf6i txvbqbffj", t = "x4h99m1 txvbqbi1f txvbqbs9r", n = "x4h99m2 txvbqbjtp";
 //#endregion
 export { n as selectionCell, e as wrapper, t as wrapperContained };
 

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

@@ -1,7 +1,7 @@
 /* empty css                                      */
 /* empty css                                                    */
 //#region src/backoffice/organisms/backoffice_virtualized_connection_table/backofficeVirtualizedConnectionTable.css.ts
-var e = "_13x579i0 txvbqbuxg txvbqbl7g txvbqbt7g txvbqbk5y", t = "_13x579i1 txvbqbptg", n = "_13x579i2 txvbqbu7g", r = "_13x579i3 txvbqbu7g txvbqbc5g";
+var e = "_13x579i0 txvbqb18xk txvbqbusr txvbqb16g0 txvbqbt9i", t = "_13x579i1 txvbqb11js", n = "_13x579i2 txvbqb17w0", r = "_13x579i3 txvbqb17w0 txvbqbhlj";
 //#endregion
 export { t as bodyViewport, r as sentinel, e as singleLineCell, n as spacer };
 

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

@@ -1,7 +1,7 @@
 /* empty css                                      */
 /* empty css                            */
 //#region src/backoffice/organisms/entity_header/entityHeader.css.ts
-var e = "bvz2760 txvbqb9ip txvbqbai7 txvbqbaog", t = "bvz2761 txvbqb9ip txvbqbcg txvbqbdpp txvbqbaop txvbqbajy", n = "bvz2762 txvbqb9ip txvbqbai7 txvbqbao7 txvbqbk5y txvbqb9my", r = "bvz2763 txvbqb9ip txvbqbcp txvbqbao7 txvbqbajy txvbqbk5y", i = "bvz2764 txvbqba7 txvbqbf8g txvbqbamp txvbqbv9z txvbqbk5y txvbqbl87", a = "bvz2765 txvbqb9jg txvbqbajy txvbqbb9p txvbqbcp", o = "bvz2766 txvbqb97 txvbqbva1 txvbqbk5y txvbqbl87", s = "bvz2767 txvbqb9ip txvbqbajy txvbqbao7", c = "bvz2768 txvbqb9iy txvbqbao7 txvbqbbzp txvbqbp67", l = "bvz2769 txvbqb9ip txvbqbai7 txvbqbany txvbqbk5y txvbqblb7 txvbqb1rp txvbqbv45 txvbqb1cp txvbqb1qg txvbqbwp", u = "bvz276a txvbqb8p txvbqbva3 txvbqb66 txvbqbefg txvbqbamp", d = "bvz276b txvbqb97 txvbqbv9z txvbqbamg txvbqbk5y txvbqbl87";
+var e = "bvz2760 txvbqbdr8 txvbqbf6i txvbqbffj", t = "bvz2761 txvbqbdr8 txvbqbel txvbqbjus txvbqbffw txvbqbf91", n = "bvz2762 txvbqbdr8 txvbqbf6i txvbqbff6 txvbqbt9i txvbqbdxd", r = "bvz2763 txvbqbdr8 txvbqbey txvbqbff6 txvbqbf91 txvbqbt9i", i = "bvz2764 txvbqbbc txvbqbm3b txvbqbfd0 txvbqb19c9 txvbqbt9i txvbqbutu", a = "bvz2765 txvbqbdsb txvbqbf91 txvbqbga8 txvbqbey", o = "bvz2766 txvbqb9w txvbqb19cb txvbqbt9i txvbqbutu", s = "bvz2767 txvbqbdr8 txvbqbf91 txvbqbff6", c = "bvz2768 txvbqbdrl txvbqbff6 txvbqbhd8 txvbqb10iy", l = "bvz2769 txvbqbdr8 txvbqbf6i txvbqbfet txvbqbt9i txvbqbuy6 txvbqb2gm txvbqb196f txvbqb1uy txvbqb2et txvbqb17u", u = "bvz276a txvbqb96 txvbqb19cd txvbqb6a txvbqbkxf txvbqbfd0", d = "bvz276b txvbqb9w txvbqb19c9 txvbqbfcn txvbqbt9i txvbqbutu";
 //#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 };
 

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

@@ -29,9 +29,9 @@ var b = (b) => {
 				})
 			}),
 			B && /* @__PURE__ */ v("div", {
-				className: e(P, "eno74p5 txvbqbjh7"),
+				className: e(P, "eno74p5 txvbqbs9r"),
 				children: /* @__PURE__ */ v("div", {
-					className: "eno74pj eno74pi txvbqbpty txvbqbv49 txvbqbly7 txvbqbuv7",
+					className: "eno74pi eno74ph txvbqb11ki txvbqb196j txvbqbvve txvbqb18ub",
 					children: w
 				})
 			}),

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

@@ -8,10 +8,10 @@
 /* empty css                                               */
 /* empty css                                  */
 //#region src/backoffice/templates/detail_page_template/detailPageTemplate.css.ts
-var e = "var(--eno74p0)", t = "eno74p2 eno74p1 txvbqb9iy txvbqbaop txvbqbcgg txvbqbjh7", n = "eno74p3", r = "eno74p4", i = "eno74p5 txvbqbjh7", a = "eno74p6 txvbqbu7g txvbqbk5y txvbqb9ip txvbqbai7 txvbqbaop", o = "eno74p7 txvbqb9iy txvbqbbwp txvbqbbxf txvbqbc7 txvbqbco", s = "eno74p8 txvbqbjh7", c = "eno74p9 txvbqbu7g txvbqbk5y txvbqbaop", l = "eno74pa", u = {
+var e = "var(--eno74p0)", t = "eno74p2 eno74p1 txvbqbdrl txvbqbffw txvbqbi1f txvbqbs9r", n = "eno74p3", r = "eno74p4", i = "eno74p5 txvbqbs9r", a = "eno74p6 txvbqb17w0 txvbqbt9i txvbqbdr8 txvbqbf6i txvbqbffw", o = "eno74p7 txvbqbdrl txvbqbh7g txvbqbh8i txvbqbe8 txvbqbex", s = "eno74p8 txvbqbs9r", c = "eno74p9 txvbqb17w0 txvbqbt9i txvbqbffw", l = "eno74pa txvbqbt9i", u = {
 	default: "_1995g4r1 _1995g4r0 _1995g4r2 _1995g4rb _1995g4rd _1995g4rg _1995g4rm",
 	compact: "_1995g4r1 _1995g4r0 _1995g4r2 _1995g4ra _1995g4rd _1995g4rg _1995g4rl"
-}, d = "eno74pb txvbqb9ip txvbqbai7 txvbqbaop txvbqbk5y txvbqbjh7", f = "eno74pd eno74pc txvbqbjh7", p = "eno74pf eno74pe txvbqbpu7 txvbqbpu6 txvbqb9ip txvbqbai7 txvbqbaog txvbqbk5y txvbqbjh7 txvbqbdp", m = "eno74pg _1995g4r1 _1995g4r0 _1995g4r3 _1995g4ra _1995g4rd _1995g4rg _1995g4rl", h = "eno74ph txvbqb12g txvbqb1py txvbqbv0t txvbqblag txvbqb8ug", g = "eno74pj eno74pi txvbqbpty txvbqbv49 txvbqbly7 txvbqbuv7";
+}, d = "eno74pb txvbqbdr8 txvbqbf6i txvbqbffw txvbqbt9i txvbqbs9r", f = "eno74pd eno74pc txvbqbs9r", p = "eno74pf eno74pe txvbqb11kv txvbqb11ku txvbqbdr8 txvbqbf6i txvbqbffj txvbqbt9i txvbqbs9r txvbqbge", m = "_1995g4r1 _1995g4r0 _1995g4r3 _1995g4ra _1995g4rd _1995g4rg _1995g4rl", h = "eno74pg txvbqb1g5 txvbqb2e3 txvbqb1933 txvbqbux3 txvbqbcs7", g = "eno74pi eno74ph txvbqb11ki txvbqb196j txvbqbvve txvbqb18ub";
 //#endregion
 export { d as body, s as bodyRow, f as bodyViewport, t as container, n as containerNoTabs, r as containerWithTabs, l as headerCard, u as headerCardDensity, a as rowSingle, o as rowSplit, c as rowSplitBase, p as sidePanelBase, m as sidePanelCard, h as sidePanelPlain, e as sidePanelTopVar, i as staticRow, g as tabsRow };
 

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

@@ -1 +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 { adminSurfaceRecipe } from '../../../admin/theme/adminSurface.css.js';\nimport { sprinkles } from '../../../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: 'grid',\n    gap: 4,\n    height: 'full',\n    minHeight: 0,\n  }),\n  {\n    vars: {\n      [sidePanelTopVar]: detailTokens.stickyTop,\n    },\n  },\n]);\n\nexport const containerNoTabs = style({\n  gridTemplateRows: 'auto minmax(0, 1fr)',\n});\n\nexport const containerWithTabs = style({\n  gridTemplateRows: 'auto auto minmax(0, 1fr)',\n});\n\nexport const staticRow = sprinkles({\n  minHeight: 0,\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 bodyRow = sprinkles({\n  minHeight: 0,\n});\n\nexport const rowSplitBase = sprinkles({\n  width: 'full',\n  minWidth: 0,\n  gap: 4,\n});\n\nexport const headerCard = style([\n  {\n    minWidth: 0,\n  },\n]);\n\nexport const headerCardDensity = {\n  default: adminSurfaceRecipe({\n    level: 'panel',\n    radius: 'lg',\n    border: 'subtle',\n    elevation: 'none',\n    padding: 'lg',\n  }),\n  compact: adminSurfaceRecipe({\n    level: 'panel',\n    radius: 'md',\n    border: 'subtle',\n    elevation: 'none',\n    padding: 'md',\n  }),\n};\n\nexport const body = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n  minWidth: 0,\n  minHeight: 0,\n});\n\nexport const bodyViewport = style([\n  sprinkles({\n    minHeight: 0,\n  }),\n  {\n    overflowY: 'auto',\n    scrollbarWidth: 'thin',\n  },\n]);\n\nexport const sidePanelBase = style([\n  sprinkles({\n    position: {\n      base: 'static',\n      min1200: 'sticky',\n    },\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 3,\n    minWidth: 0,\n    minHeight: 0,\n    alignSelf: 'flex-start',\n  }),\n  {\n    top: sidePanelTopVar,\n  },\n]);\n\nexport const sidePanelCard = style([\n  adminSurfaceRecipe({\n    level: 'panelMuted',\n    radius: 'md',\n    border: 'subtle',\n    elevation: 'none',\n    padding: 'md',\n  }),\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: 'background',\n    paddingBottom: 2,\n    zIndex: 2,\n  }),\n  {\n    top: sidePanelTopVar,\n  },\n]);\n"],"mappings":""}
+{"version":3,"file":"detailPageTemplate.css.js","names":[],"sources":["../../../../../src/backoffice/templates/detail_page_template/detailPageTemplate.css.ts"],"sourcesContent":["import { style, createVar } from '@vanilla-extract/css';\nimport { adminSurfaceRecipe } from '../../../admin/theme/adminSurface.css.js';\nimport { sprinkles } from '../../../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: 'grid',\n    gap: 4,\n    height: 'full',\n    minHeight: 0,\n  }),\n  {\n    vars: {\n      [sidePanelTopVar]: detailTokens.stickyTop,\n    },\n  },\n]);\n\nexport const containerNoTabs = style({\n  gridTemplateRows: 'auto minmax(0, 1fr)',\n});\n\nexport const containerWithTabs = style({\n  gridTemplateRows: 'auto auto minmax(0, 1fr)',\n});\n\nexport const staticRow = sprinkles({\n  minHeight: 0,\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 bodyRow = sprinkles({\n  minHeight: 0,\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});\n\nexport const headerCardDensity = {\n  default: adminSurfaceRecipe({\n    level: 'panel',\n    radius: 'lg',\n    border: 'subtle',\n    elevation: 'none',\n    padding: 'lg',\n  }),\n  compact: adminSurfaceRecipe({\n    level: 'panel',\n    radius: 'md',\n    border: 'subtle',\n    elevation: 'none',\n    padding: 'md',\n  }),\n};\n\nexport const body = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n  minWidth: 0,\n  minHeight: 0,\n});\n\nexport const bodyViewport = style([\n  sprinkles({\n    minHeight: 0,\n  }),\n  {\n    overflowY: 'auto',\n    scrollbarWidth: 'thin',\n  },\n]);\n\nexport const sidePanelBase = style([\n  sprinkles({\n    position: {\n      base: 'static',\n      min1200: 'sticky',\n    },\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 3,\n    minWidth: 0,\n    minHeight: 0,\n    alignSelf: 'flex-start',\n  }),\n  {\n    top: sidePanelTopVar,\n  },\n]);\n\nexport const sidePanelCard = adminSurfaceRecipe({\n  level: 'panelMuted',\n  radius: 'md',\n  border: 'subtle',\n  elevation: 'none',\n  padding: 'md',\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: 'background',\n    paddingBottom: 2,\n    zIndex: 2,\n  }),\n  {\n    top: sidePanelTopVar,\n  },\n]);\n"],"mappings":""}

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

@@ -33,7 +33,7 @@ var v = (v) => {
 				children: N
 			}),
 			E && /* @__PURE__ */ g("div", {
-				className: e("dlvvnqm", h[y]),
+				className: e("dlvvnqm txvbqbt9i", h[y]),
 				"data-list-template-slot": "toolbar",
 				children: x
 			}),

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

@@ -1 +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 '../../../theme/tools.js';\n\ntype ListBaseProps = {\n  toolbarNode?: ReactNode;\n  statusNode?: ReactNode;\n  tableFooterNode?: ReactNode;\n  presentation?: 'framed' | 'flat';\n  className?: string;\n  bodyScrollMode?: 'page' | 'contained';\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 {\n    presentation = 'framed',\n    className,\n    toolbarNode,\n    statusNode,\n    tableFooterNode,\n    bodyScrollMode = 'page',\n  } = props;\n  const hasContainedBodyScroll = bodyScrollMode === 'contained';\n\n  const hasToolbar = toolbarNode != null;\n  const hasStatus = statusNode != null;\n  const containerVariant = styles.containerRows({\n    scrollMode: bodyScrollMode,\n    toolbar: hasToolbar,\n    status: hasStatus,\n  });\n  let containedContainerClassName: string | null = null;\n  let containedTableCardClassName: string | null = null;\n  let containedTableScrollClassName: string | null = null;\n  if (hasContainedBodyScroll) {\n    containedContainerClassName = styles.containerContained;\n    containedTableCardClassName = styles.tableCardContained;\n    containedTableScrollClassName = styles.tableScrollContained;\n  }\n\n  const containerClasses = cx(\n    styles.container,\n    containerVariant,\n    containedContainerClassName,\n    styles.containerPresentation[presentation],\n    className,\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  let resolvedTable: ReactNode;\n  if ('tableNode' in props) {\n    resolvedTable = props.tableNode;\n  } else {\n    resolvedTable = (\n      <BackofficeDataTable {...props.table} bodyScrollMode={bodyScrollMode} />\n    );\n  }\n\n  let footerSection: ReactNode | null = null;\n  if (tableFooterNode != null) {\n    footerSection = (\n      <div\n        className={styles.tableFooter}\n        data-list-template-slot=\"table-footer\"\n      >\n        {tableFooterNode}\n      </div>\n    );\n  }\n\n  return (\n    <div className={containerClasses} data-scroll-mode={bodyScrollMode}>\n      <div\n        className={cx(\n          styles.headerCard,\n          styles.headerPresentation[presentation],\n        )}\n        data-list-template-slot=\"header\"\n      >\n        {resolvedHeader}\n      </div>\n      {hasToolbar && (\n        <div\n          className={cx(\n            styles.toolbarCard,\n            styles.toolbarPresentation[presentation],\n          )}\n          data-list-template-slot=\"toolbar\"\n        >\n          {toolbarNode}\n        </div>\n      )}\n      {hasStatus && <div data-list-template-slot=\"status\">{statusNode}</div>}\n      <div\n        className={cx(\n          styles.tableCard,\n          containedTableCardClassName,\n          styles.tablePresentation[presentation],\n        )}\n        data-list-template-slot=\"table\"\n      >\n        <div\n          className={cx(styles.tableScroll, containedTableScrollClassName)}\n          data-list-template-slot=\"table-scroll\"\n        >\n          {resolvedTable}\n        </div>\n        {footerSection}\n      </div>\n    </div>\n  );\n};\n\nexport default ListPageTemplate;\n"],"mappings":";;;;;;AAwDA,IAAa,KACX,MACgB;CAChB,IAAM,EACJ,kBAAe,UACf,cACA,gBACA,eACA,oBACA,oBAAiB,WACf,GACE,IAAyB,MAAmB,aAE5C,IAAa,KAAe,MAC5B,IAAY,KAAc,MAC1B,IAAmB,EAAqB;EAC5C,YAAY;EACZ,SAAS;EACT,QAAQ;EACT,CAAC,EACE,IAA6C,MAC7C,IAA6C,MAC7C,IAA+C;CACnD,AAAI,MACF,IAA8B,GAC9B,IAA8B,GAC9B,IAAgC;CAGlC,IAAM,IAAmB,EACvB,GACA,GACA,GACA,EAA6B,IAC7B,EACD,EAEG;CACJ,AAGE,IAHE,gBAAgB,IACD,EAAM,aAEN,kBAAC,GAAD,EAAc,GAAI,EAAM,QAAU,CAAA;CAGrD,IAAI;CACJ,AAGE,IAHE,eAAe,IACD,EAAM,YAGpB,kBAAC,GAAD;EAAqB,GAAI,EAAM;EAAuB;EAAkB,CAAA;CAI5E,IAAI,IAAkC;CAYtC,OAXI,KAAmB,SACrB,IACE,kBAAC,OAAD;EACE,WAAW;EACX,2BAAwB;YAEvB;EACG,CAAA,GAKR,kBAAC,OAAD;EAAK,WAAW;EAAkB,oBAAkB;YAApD;GACE,kBAAC,OAAD;IACE,WAAW,EACT,GACA,EAA0B,GAC3B;IACD,2BAAwB;cAEvB;IACG,CAAA;GACL,KACC,kBAAC,OAAD;IACE,WAAW,EACT,WACA,EAA2B,GAC5B;IACD,2BAAwB;cAEvB;IACG,CAAA;GAEP,KAAa,kBAAC,OAAD;IAAK,2BAAwB;cAAU;IAAiB,CAAA;GACtE,kBAAC,OAAD;IACE,WAAW,EACT,GACA,GACA,EAAyB,GAC1B;IACD,2BAAwB;cAN1B,CAQE,kBAAC,OAAD;KACE,WAAW,EAAG,GAAoB,EAA8B;KAChE,2BAAwB;eAEvB;KACG,CAAA,EACL,EACG;;GACF"}
+{"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 '../../../theme/tools.js';\n\ntype ListBaseProps = {\n  toolbarNode?: ReactNode;\n  statusNode?: ReactNode;\n  tableFooterNode?: ReactNode;\n  presentation?: 'framed' | 'flat';\n  className?: string;\n  bodyScrollMode?: 'page' | 'contained';\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 {\n    presentation = 'framed',\n    className,\n    toolbarNode,\n    statusNode,\n    tableFooterNode,\n    bodyScrollMode = 'page',\n  } = props;\n  const hasContainedBodyScroll = bodyScrollMode === 'contained';\n\n  const hasToolbar = toolbarNode != null;\n  const hasStatus = statusNode != null;\n  const containerVariant = styles.containerRows({\n    scrollMode: bodyScrollMode,\n    toolbar: hasToolbar,\n    status: hasStatus,\n  });\n  let containedContainerClassName: string | null = null;\n  let containedTableCardClassName: string | null = null;\n  let containedTableScrollClassName: string | null = null;\n  if (hasContainedBodyScroll) {\n    containedContainerClassName = styles.containerContained;\n    containedTableCardClassName = styles.tableCardContained;\n    containedTableScrollClassName = styles.tableScrollContained;\n  }\n\n  const containerClasses = cx(\n    styles.container,\n    containerVariant,\n    containedContainerClassName,\n    styles.containerPresentation[presentation],\n    className,\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  let resolvedTable: ReactNode;\n  if ('tableNode' in props) {\n    resolvedTable = props.tableNode;\n  } else {\n    resolvedTable = (\n      <BackofficeDataTable {...props.table} bodyScrollMode={bodyScrollMode} />\n    );\n  }\n\n  let footerSection: ReactNode | null = null;\n  if (tableFooterNode != null) {\n    footerSection = (\n      <div\n        className={styles.tableFooter}\n        data-list-template-slot=\"table-footer\"\n      >\n        {tableFooterNode}\n      </div>\n    );\n  }\n\n  return (\n    <div className={containerClasses} data-scroll-mode={bodyScrollMode}>\n      <div\n        className={cx(\n          styles.headerCard,\n          styles.headerPresentation[presentation],\n        )}\n        data-list-template-slot=\"header\"\n      >\n        {resolvedHeader}\n      </div>\n      {hasToolbar && (\n        <div\n          className={cx(\n            styles.toolbarCard,\n            styles.toolbarPresentation[presentation],\n          )}\n          data-list-template-slot=\"toolbar\"\n        >\n          {toolbarNode}\n        </div>\n      )}\n      {hasStatus && <div data-list-template-slot=\"status\">{statusNode}</div>}\n      <div\n        className={cx(\n          styles.tableCard,\n          containedTableCardClassName,\n          styles.tablePresentation[presentation],\n        )}\n        data-list-template-slot=\"table\"\n      >\n        <div\n          className={cx(styles.tableScroll, containedTableScrollClassName)}\n          data-list-template-slot=\"table-scroll\"\n        >\n          {resolvedTable}\n        </div>\n        {footerSection}\n      </div>\n    </div>\n  );\n};\n\nexport default ListPageTemplate;\n"],"mappings":";;;;;;AAwDA,IAAa,KACX,MACgB;CAChB,IAAM,EACJ,kBAAe,UACf,cACA,gBACA,eACA,oBACA,oBAAiB,WACf,GACE,IAAyB,MAAmB,aAE5C,IAAa,KAAe,MAC5B,IAAY,KAAc,MAC1B,IAAmB,EAAqB;EAC5C,YAAY;EACZ,SAAS;EACT,QAAQ;EACT,CAAC,EACE,IAA6C,MAC7C,IAA6C,MAC7C,IAA+C;CACnD,AAAI,MACF,IAA8B,GAC9B,IAA8B,GAC9B,IAAgC;CAGlC,IAAM,IAAmB,EACvB,GACA,GACA,GACA,EAA6B,IAC7B,EACD,EAEG;CACJ,AAGE,IAHE,gBAAgB,IACD,EAAM,aAEN,kBAAC,GAAD,EAAc,GAAI,EAAM,QAAU,CAAA;CAGrD,IAAI;CACJ,AAGE,IAHE,eAAe,IACD,EAAM,YAGpB,kBAAC,GAAD;EAAqB,GAAI,EAAM;EAAuB;EAAkB,CAAA;CAI5E,IAAI,IAAkC;CAYtC,OAXI,KAAmB,SACrB,IACE,kBAAC,OAAD;EACE,WAAW;EACX,2BAAwB;YAEvB;EACG,CAAA,GAKR,kBAAC,OAAD;EAAK,WAAW;EAAkB,oBAAkB;YAApD;GACE,kBAAC,OAAD;IACE,WAAW,EACT,GACA,EAA0B,GAC3B;IACD,2BAAwB;cAEvB;IACG,CAAA;GACL,KACC,kBAAC,OAAD;IACE,WAAW,EACT,qBACA,EAA2B,GAC5B;IACD,2BAAwB;cAEvB;IACG,CAAA;GAEP,KAAa,kBAAC,OAAD;IAAK,2BAAwB;cAAU;IAAiB,CAAA;GACtE,kBAAC,OAAD;IACE,WAAW,EACT,GACA,GACA,EAAyB,GAC1B;IACD,2BAAwB;cAN1B,CAQE,kBAAC,OAAD;KACE,WAAW,EAAG,GAAoB,EAA8B;KAChE,2BAAwB;eAEvB;KACG,CAAA,EACL,EACG;;GACF"}

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

@@ -9,9 +9,9 @@
 /* empty css                                */
 import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region src/backoffice/templates/list_page_template/listPageTemplate.css.ts
-var t = "dlvvnq0 txvbqb9iy", n = "dlvvnq1 txvbqbcgg txvbqbjh7", r = {
-	framed: "dlvvnq2 txvbqbaog",
-	flat: "dlvvnq3 txvbqbao7"
+var t = "dlvvnq0 txvbqbdrl", n = "dlvvnq1 txvbqbi1f txvbqbs9r", r = {
+	framed: "dlvvnq2 txvbqbffj",
+	flat: "dlvvnq3 txvbqbff6"
 }, i = e({
 	defaultClassName: "dlvvnq4",
 	variantClassNames: {
@@ -71,16 +71,16 @@ var t = "dlvvnq0 txvbqb9iy", n = "dlvvnq1 txvbqbcgg txvbqbjh7", r = {
 			status: !1
 		}, "dlvvnqi"]
 	]
-}), a = "dlvvnqj", o = {
+}), a = "dlvvnqj txvbqbt9i", o = {
 	framed: "dlvvnqk _1995g4r1 _1995g4r0 _1995g4r2 _1995g4rb _1995g4rd _1995g4rg _1995g4rm",
-	flat: "dlvvnql txvbqbnvp txvbqboiy txvbqbp67 txvbqblxy"
-}, s = "dlvvnqm", c = {
+	flat: "dlvvnql txvbqbyns txvbqbzld txvbqb10iy txvbqbvv1"
+}, s = "dlvvnqm txvbqbt9i", c = {
 	framed: "_1995g4r1 _1995g4r0 _1995g4r4 _1995g4ra _1995g4rd _1995g4rg _1995g4rk",
 	flat: "dlvvnqn _1995g4r1 _1995g4r0 _1995g4r4 _1995g4ra _1995g4rd _1995g4rg _1995g4rk"
-}, l = "dlvvnqp dlvvnqo txvbqb9ip txvbqbai7 txvbqbaog", u = "dlvvnqq txvbqbcgg txvbqbjh7", d = {
-	framed: "dlvvnqr _1995g4r1 _1995g4r0 _1995g4r5 _1995g4rb _1995g4rd _1995g4rg _1995g4rk",
-	flat: "dlvvnqs _1995g4r1 _1995g4r0 _1995g4r5 _1995g4ra _1995g4rd _1995g4rg _1995g4rk"
-}, f = "dlvvnqt", p = "dlvvnqu txvbqb9my txvbqbjh7", m = "dlvvnqv txvbqbhxp";
+}, l = "dlvvnqo txvbqbdr8 txvbqbf6i txvbqbffj txvbqbs9r txvbqbt9i", u = "dlvvnqp txvbqbi1f txvbqbs9r", d = {
+	framed: "dlvvnqq _1995g4r1 _1995g4r0 _1995g4r5 _1995g4rb _1995g4rd _1995g4rg _1995g4rk",
+	flat: "dlvvnqr _1995g4r1 _1995g4r0 _1995g4r5 _1995g4ra _1995g4rd _1995g4rg _1995g4rk"
+}, f = "dlvvnqs", p = "dlvvnqt txvbqbdxd txvbqbs9r", m = "dlvvnqu txvbqbpzs";
 //#endregion
 export { t as container, n as containerContained, r as containerPresentation, i as containerRows, a as headerCard, o as headerPresentation, l as tableCard, u as tableCardContained, m as tableFooter, d as tablePresentation, f as tableScroll, p as tableScrollContained, s as toolbarCard, c as toolbarPresentation };
 

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

@@ -1 +1 @@
-{"version":3,"file":"listPageTemplate.css.js","names":[],"sources":["../../../../../src/backoffice/templates/list_page_template/listPageTemplate.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { adminSurfaceRecipe } from '../../../admin/theme/adminSurface.css.js';\nimport { sprinkles } from '../../../theme/sprinkles.css.js';\nimport { vars } from '../../../theme/themeContract.js';\n\nexport const container = sprinkles({\n  display: 'grid',\n});\n\nexport const containerContained = sprinkles({\n  height: 'full',\n  minHeight: 0,\n});\n\nexport const containerPresentation = {\n  framed: sprinkles({\n    gap: 3,\n  }),\n  flat: sprinkles({\n    gap: 2,\n  }),\n};\n\nexport const containerRows = recipe({\n  variants: {\n    scrollMode: {\n      page: {},\n      contained: {},\n    },\n    toolbar: {\n      true: {},\n      false: {},\n    },\n    status: {\n      true: {},\n      false: {},\n    },\n  },\n  compoundVariants: [\n    {\n      variants: { scrollMode: 'page', toolbar: true, status: true },\n      style: { gridTemplateRows: 'auto auto auto minmax(0, auto)' },\n    },\n    {\n      variants: { scrollMode: 'page', toolbar: true, status: false },\n      style: { gridTemplateRows: 'auto auto minmax(0, auto)' },\n    },\n    {\n      variants: { scrollMode: 'page', toolbar: false, status: true },\n      style: { gridTemplateRows: 'auto auto minmax(0, auto)' },\n    },\n    {\n      variants: { scrollMode: 'page', toolbar: false, status: false },\n      style: { gridTemplateRows: 'auto minmax(0, auto)' },\n    },\n    {\n      variants: { scrollMode: 'contained', toolbar: true, status: true },\n      style: { gridTemplateRows: 'auto auto auto minmax(0, 1fr)' },\n    },\n    {\n      variants: { scrollMode: 'contained', toolbar: true, status: false },\n      style: { gridTemplateRows: 'auto auto minmax(0, 1fr)' },\n    },\n    {\n      variants: { scrollMode: 'contained', toolbar: false, status: true },\n      style: { gridTemplateRows: 'auto auto minmax(0, 1fr)' },\n    },\n    {\n      variants: { scrollMode: 'contained', toolbar: false, status: false },\n      style: { gridTemplateRows: 'auto minmax(0, 1fr)' },\n    },\n  ],\n});\n\nexport const headerCard = style([\n  {\n    minWidth: 0,\n  },\n]);\n\nexport const headerPresentation = {\n  framed: style([\n    adminSurfaceRecipe({\n      level: 'panel',\n      radius: 'lg',\n      border: 'subtle',\n      elevation: 'none',\n      padding: 'lg',\n    }),\n    {\n      backgroundImage: `linear-gradient(135deg, color-mix(in srgb, ${vars.colors.surface} 88%, ${vars.colors['blue-50']}) 0%, ${vars.colors.surface} 58%)`,\n    },\n  ]),\n  flat: sprinkles({\n    paddingX: 1,\n    paddingY: 1,\n  }),\n};\n\nexport const toolbarCard = style([\n  {\n    minWidth: 0,\n  },\n]);\n\nexport const toolbarPresentation = {\n  framed: adminSurfaceRecipe({\n    level: 'toolbar',\n    radius: 'md',\n    border: 'subtle',\n    elevation: 'none',\n    padding: 'sm',\n  }),\n  flat: style([\n    adminSurfaceRecipe({\n      level: 'toolbar',\n      radius: 'md',\n      border: 'subtle',\n      elevation: 'none',\n      padding: 'sm',\n    }),\n    {\n      boxShadow: `0 1px 0 ${vars.colors.borderLight}`,\n    },\n  ]),\n};\n\nexport const tableCard = style([\n  sprinkles({\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 3,\n  }),\n  {\n    minHeight: 0,\n    minWidth: 0,\n  },\n]);\n\nexport const tableCardContained = sprinkles({\n  height: 'full',\n  minHeight: 0,\n});\n\nexport const tablePresentation = {\n  framed: style([\n    adminSurfaceRecipe({\n      level: 'table',\n      radius: 'lg',\n      border: 'subtle',\n      elevation: 'none',\n      padding: 'sm',\n    }),\n    {\n      boxShadow: `0 1px 0 ${vars.colors.borderSubtle}`,\n    },\n  ]),\n  flat: style([\n    adminSurfaceRecipe({\n      level: 'table',\n      radius: 'md',\n      border: 'subtle',\n      elevation: 'none',\n      padding: 'sm',\n    }),\n    {\n      boxShadow: `0 1px 0 ${vars.colors.borderLight}`,\n    },\n  ]),\n};\n\nexport const tableScroll = style({\n  overflowX: 'auto',\n  overflowY: 'visible',\n  scrollbarWidth: 'thin',\n  scrollbarColor: `${vars.colors.border} transparent`,\n});\n\nexport const tableScrollContained = sprinkles({\n  flex: 1,\n  minHeight: 0,\n});\n\nexport const tableFooter = sprinkles({\n  marginTop: 0,\n});\n"],"mappings":""}
+{"version":3,"file":"listPageTemplate.css.js","names":[],"sources":["../../../../../src/backoffice/templates/list_page_template/listPageTemplate.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { adminSurfaceRecipe } from '../../../admin/theme/adminSurface.css.js';\nimport { sprinkles } from '../../../theme/sprinkles.css.js';\nimport { vars } from '../../../theme/themeContract.js';\n\nexport const container = sprinkles({\n  display: 'grid',\n});\n\nexport const containerContained = sprinkles({\n  height: 'full',\n  minHeight: 0,\n});\n\nexport const containerPresentation = {\n  framed: sprinkles({\n    gap: 3,\n  }),\n  flat: sprinkles({\n    gap: 2,\n  }),\n};\n\nexport const containerRows = recipe({\n  variants: {\n    scrollMode: {\n      page: {},\n      contained: {},\n    },\n    toolbar: {\n      true: {},\n      false: {},\n    },\n    status: {\n      true: {},\n      false: {},\n    },\n  },\n  compoundVariants: [\n    {\n      variants: { scrollMode: 'page', toolbar: true, status: true },\n      style: { gridTemplateRows: 'auto auto auto minmax(0, auto)' },\n    },\n    {\n      variants: { scrollMode: 'page', toolbar: true, status: false },\n      style: { gridTemplateRows: 'auto auto minmax(0, auto)' },\n    },\n    {\n      variants: { scrollMode: 'page', toolbar: false, status: true },\n      style: { gridTemplateRows: 'auto auto minmax(0, auto)' },\n    },\n    {\n      variants: { scrollMode: 'page', toolbar: false, status: false },\n      style: { gridTemplateRows: 'auto minmax(0, auto)' },\n    },\n    {\n      variants: { scrollMode: 'contained', toolbar: true, status: true },\n      style: { gridTemplateRows: 'auto auto auto minmax(0, 1fr)' },\n    },\n    {\n      variants: { scrollMode: 'contained', toolbar: true, status: false },\n      style: { gridTemplateRows: 'auto auto minmax(0, 1fr)' },\n    },\n    {\n      variants: { scrollMode: 'contained', toolbar: false, status: true },\n      style: { gridTemplateRows: 'auto auto minmax(0, 1fr)' },\n    },\n    {\n      variants: { scrollMode: 'contained', toolbar: false, status: false },\n      style: { gridTemplateRows: 'auto minmax(0, 1fr)' },\n    },\n  ],\n});\n\nexport const headerCard = sprinkles({\n  minWidth: 0,\n});\n\nexport const headerPresentation = {\n  framed: style([\n    adminSurfaceRecipe({\n      level: 'panel',\n      radius: 'lg',\n      border: 'subtle',\n      elevation: 'none',\n      padding: 'lg',\n    }),\n    {\n      backgroundImage: `linear-gradient(135deg, color-mix(in srgb, ${vars.colors.surface} 88%, ${vars.colors['blue-50']}) 0%, ${vars.colors.surface} 58%)`,\n    },\n  ]),\n  flat: sprinkles({\n    paddingX: 1,\n    paddingY: 1,\n  }),\n};\n\nexport const toolbarCard = sprinkles({\n  minWidth: 0,\n});\n\nexport const toolbarPresentation = {\n  framed: adminSurfaceRecipe({\n    level: 'toolbar',\n    radius: 'md',\n    border: 'subtle',\n    elevation: 'none',\n    padding: 'sm',\n  }),\n  flat: style([\n    adminSurfaceRecipe({\n      level: 'toolbar',\n      radius: 'md',\n      border: 'subtle',\n      elevation: 'none',\n      padding: 'sm',\n    }),\n    {\n      boxShadow: `0 1px 0 ${vars.colors.borderLight}`,\n    },\n  ]),\n};\n\nexport const tableCard = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n  minHeight: 0,\n  minWidth: 0,\n});\n\nexport const tableCardContained = sprinkles({\n  height: 'full',\n  minHeight: 0,\n});\n\nexport const tablePresentation = {\n  framed: style([\n    adminSurfaceRecipe({\n      level: 'table',\n      radius: 'lg',\n      border: 'subtle',\n      elevation: 'none',\n      padding: 'sm',\n    }),\n    {\n      boxShadow: `0 1px 0 ${vars.colors.borderSubtle}`,\n    },\n  ]),\n  flat: style([\n    adminSurfaceRecipe({\n      level: 'table',\n      radius: 'md',\n      border: 'subtle',\n      elevation: 'none',\n      padding: 'sm',\n    }),\n    {\n      boxShadow: `0 1px 0 ${vars.colors.borderLight}`,\n    },\n  ]),\n};\n\nexport const tableScroll = style({\n  overflowX: 'auto',\n  overflowY: 'visible',\n  scrollbarWidth: 'thin',\n  scrollbarColor: `${vars.colors.border} transparent`,\n});\n\nexport const tableScrollContained = sprinkles({\n  flex: 1,\n  minHeight: 0,\n});\n\nexport const tableFooter = sprinkles({\n  marginTop: 0,\n});\n"],"mappings":""}

package/lib/esm/components/agent/AgentMarkdownCard.css.js

@@ -1,7 +1,7 @@
 /* empty css                                   */
 /* empty css                                 */
 //#region src/components/agent/AgentMarkdownCard.css.ts
-var e = "_1dmt4ev0 txvbqb9ip txvbqbuoy txvbqbai7 txvbqbao7", t = "_1dmt4ev1 txvbqbfcp txvbqb9g txvbqbamp", n = "_1dmt4ev2 txvbqb8y txvbqb1o txvbqbfcp";
+var e = "_1dmt4ev0 txvbqbdr8 txvbqb18la txvbqbf6i txvbqbff6", t = "_1dmt4ev1 txvbqbm9g txvbqba9 txvbqbfd0", n = "_1dmt4ev2 txvbqb9j txvbqb1o txvbqbm9g";
 //#endregion
 export { e as container, n as emptyMessage, t as title };
 

package/lib/esm/components/charts/MetricHistoryChart.js

@@ -1,30 +1,12 @@
 import { vars as e } from "../../theme/themeContract.js";
 import { chartContainer as t, emptyState as n, tooltip as r, tooltipDate as i, tooltipRow as a, tooltipRowLabel as o, tooltipSwatch as s } from "./metricHistoryChart.css.js";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { ResponsiveLine as u } from "@nivo/line";
+import { formatAxisTimestamp as c, formatDefaultTimestamp as l, formatDefaultValue as u } from "../../internal/charts/metricHistoryChartHelpers.js";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { ResponsiveLine as p } from "@nivo/line";
 //#region src/components/charts/MetricHistoryChart.tsx
-function d(e, t) {
-	let n = new Intl.NumberFormat(void 0, { maximumFractionDigits: 2 }).format(e);
-	return t == null || t.length === 0 ? n : `${n} ${t}`;
-}
-function f(e) {
-	let t = new Date(e);
-	return Number.isNaN(t.getTime()) ? e : t.toLocaleString(void 0, {
-		month: "short",
-		day: "2-digit",
-		hour: "2-digit",
-		minute: "2-digit"
-	});
-}
-function p(e) {
-	return e.toLocaleTimeString(void 0, {
-		hour: "2-digit",
-		minute: "2-digit"
-	});
-}
-var m = ({ ariaLabel: m, emptyMessage: h = "No data", formatTimestamp: g = f, formatValue: _ = d, series: v }) => {
+var m = ({ ariaLabel: m, emptyMessage: h = "No data", formatTimestamp: g = l, formatValue: _ = u, series: v }) => {
 	let y = v.filter((e) => e.data.length > 0);
-	if (y.length === 0) return /* @__PURE__ */ c("div", {
+	if (y.length === 0) return /* @__PURE__ */ d("div", {
 		className: n,
 		children: h
 	});
@@ -33,9 +15,9 @@ var m = ({ ariaLabel: m, emptyMessage: h = "No data", formatTimestamp: g = f, fo
 		label: e.label,
 		unit: e.unit
 	}]));
-	return /* @__PURE__ */ c("div", {
+	return /* @__PURE__ */ d("div", {
 		className: t,
-		children: /* @__PURE__ */ c(u, {
+		children: /* @__PURE__ */ d(p, {
 			data: y.map((e) => ({
 				id: e.id,
 				data: e.data.map((e) => ({
@@ -77,7 +59,7 @@ var m = ({ ariaLabel: m, emptyMessage: h = "No data", formatTimestamp: g = f, fo
 			axisTop: null,
 			axisRight: null,
 			axisBottom: {
-				format: (e) => e instanceof Date ? p(e) : "",
+				format: (e) => e instanceof Date ? c(e) : "",
 				tickSize: 0,
 				tickPadding: 10,
 				tickValues: "every 15 minutes"
@@ -129,7 +111,7 @@ var m = ({ ariaLabel: m, emptyMessage: h = "No data", formatTimestamp: g = f, fo
 			sliceTooltip: ({ slice: e }) => {
 				let t = e.points[0], n = String(e.id);
 				t?.data.x instanceof Date && (n = t.data.x.toISOString());
-				let u = [...e.points].map((e) => {
+				let c = [...e.points].map((e) => {
 					let t = Number(e.data.y);
 					if (typeof e.data.y == "number" && (t = e.data.y), Number.isNaN(t)) return null;
 					let n = String(e.seriesId), r = b[n];
@@ -141,21 +123,21 @@ var m = ({ ariaLabel: m, emptyMessage: h = "No data", formatTimestamp: g = f, fo
 						unit: r?.unit
 					};
 				}).filter((e) => e != null);
-				return /* @__PURE__ */ l("div", {
+				return /* @__PURE__ */ f("div", {
 					className: r,
-					children: [/* @__PURE__ */ c("p", {
+					children: [/* @__PURE__ */ d("p", {
 						className: i,
 						children: g(n)
-					}), u.map((e) => /* @__PURE__ */ l("div", {
+					}), c.map((e) => /* @__PURE__ */ f("div", {
 						className: a,
-						children: [/* @__PURE__ */ l("span", {
+						children: [/* @__PURE__ */ f("span", {
 							className: o,
-							children: [/* @__PURE__ */ c("span", {
+							children: [/* @__PURE__ */ d("span", {
 								className: s,
 								style: { backgroundColor: e.color },
 								"aria-hidden": !0
-							}), /* @__PURE__ */ c("span", { children: e.label })]
-						}), /* @__PURE__ */ c("strong", { children: _(e.value, e.unit) })]
+							}), /* @__PURE__ */ d("span", { children: e.label })]
+						}), /* @__PURE__ */ d("strong", { children: _(e.value, e.unit) })]
 					}, `${e.seriesId}-${n}`))]
 				});
 			},
@@ -164,12 +146,8 @@ var m = ({ ariaLabel: m, emptyMessage: h = "No data", formatTimestamp: g = f, fo
 			ariaLabel: m
 		})
 	});
-}, h = {
-	formatDefaultValue: d,
-	formatDefaultTimestamp: f,
-	formatAxisTimestamp: p
 };
 //#endregion
-export { m as MetricHistoryChart, m as default, h as __test };
+export { m as MetricHistoryChart, m as default };
 
 //# sourceMappingURL=MetricHistoryChart.js.map