@plumile/ui 0.1.120 → 0.1.122

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.css.js

@@ -1,7 +1,7 @@
 /* empty css                                   */
 /* empty css                                  */
 //#region src/components/charts/metricHistoryChart.css.ts
-var e = "kweehz0 txvbqbnvy txvbqboj7 txvbqbp6g txvbqbly7 txvbqbu7g txvbqbcfy txvbqbcfr txvbqb1dg txvbqb1qg txvbqbx7 txvbqb1rp txvbqbv41", t = "kweehz1 txvbqbnwg txvbqbojp txvbqbp6y txvbqblyp txvbqbu7g txvbqbjoy txvbqb9ip txvbqbcp txvbqbdoy txvbqbt6y txvbqbva3 txvbqb8y txvbqb1dg txvbqb1qg txvbqbx7 txvbqb1rp txvbqbv41", n = "kweehz2 txvbqbohp txvbqbp4y txvbqbp6g txvbqbly7 txvbqb9ip txvbqbai7 txvbqbb9p txvbqb1dg txvbqb1qg txvbqbwg txvbqb1rg txvbqbv47 txvbqb8q7", r = "kweehz3 txvbqb8p txvbqbva3 txvbqbamg txvbqbfcp", i = "kweehz4 txvbqb9ip txvbqbcp txvbqbdpp txvbqbaog txvbqb8y txvbqbv9z", a = "kweehz5 txvbqb9jg txvbqbcp txvbqbb9p", o = "kweehz6 txvbqbtwp txvbqbc5p txvbqb1t7";
+var e = "kweehz0 txvbqbyo5 txvbqbzlq txvbqb10jb txvbqbvve txvbqb17w0 txvbqbi0p txvbqbi0e txvbqb1w1 txvbqb2et txvbqb18k txvbqb2gm txvbqb196b", t = "kweehz1 txvbqbyov txvbqbzmg txvbqb10k1 txvbqbvw4 txvbqb17w0 txvbqbsky txvbqbdr8 txvbqbey txvbqbjtp txvbqb16fa txvbqb19cd txvbqb9j txvbqb1w1 txvbqb2et txvbqb18k txvbqb2gm txvbqb196b", n = "kweehz2 txvbqbzjk txvbqb10h5 txvbqb10jb txvbqbvve txvbqbdr8 txvbqbf6i txvbqbga8 txvbqb1w1 txvbqb2et txvbqb17h txvbqb2g9 txvbqb196h txvbqbck9", r = "kweehz3 txvbqb96 txvbqb19cd txvbqbfcn txvbqbm9g", i = "kweehz4 txvbqbdr8 txvbqbey txvbqbjus txvbqbffj txvbqb9j txvbqb19c9", a = "kweehz5 txvbqbdsb txvbqbey txvbqbga8", o = "kweehz6 txvbqb17gh txvbqbhlw txvbqb2is";
 //#endregion
 export { e as chartContainer, t as emptyState, n as tooltip, r as tooltipDate, i as tooltipRow, a as tooltipRowLabel, o as tooltipSwatch };
 

package/lib/esm/components/charts/timeSeriesLineChart.css.js

@@ -1,7 +1,7 @@
 /* empty css                                   */
 /* empty css                                   */
 //#region src/components/charts/timeSeriesLineChart.css.ts
-var e = "_15xy5md0 txvbqbnvy txvbqboj7 txvbqbp6g txvbqbly7 txvbqbu7g txvbqbcfy txvbqbcfi txvbqb1dg txvbqb1qg txvbqbx7 txvbqb1rp txvbqbv41", t = "_15xy5md1 txvbqbohp txvbqbp4y txvbqbp6g txvbqbly7 txvbqb9ip txvbqbai7 txvbqbb9p txvbqb1dg txvbqb1qg txvbqbwg txvbqb1rg txvbqbv47 txvbqb8q7", n = "_15xy5md2 txvbqb8p txvbqbva3 txvbqbamg txvbqbfcp", r = "_15xy5md3 txvbqb9ip txvbqbcp txvbqbdpp txvbqbaog txvbqb8y txvbqbv9z", i = "_15xy5md4 txvbqb9jg txvbqbcp txvbqbb9p", a = "_15xy5md5 txvbqbtwp txvbqbc5p txvbqb1t7";
+var e = "_15xy5md0 txvbqbyo5 txvbqbzlq txvbqb10jb txvbqbvve txvbqb17w0 txvbqbi0p txvbqbi01 txvbqb1w1 txvbqb2et txvbqb18k txvbqb2gm txvbqb196b", t = "_15xy5md1 txvbqbzjk txvbqb10h5 txvbqb10jb txvbqbvve txvbqbdr8 txvbqbf6i txvbqbga8 txvbqb1w1 txvbqb2et txvbqb17h txvbqb2g9 txvbqb196h txvbqbck9", n = "_15xy5md2 txvbqb96 txvbqb19cd txvbqbfcn txvbqbm9g", r = "_15xy5md3 txvbqbdr8 txvbqbey txvbqbjus txvbqbffj txvbqb9j txvbqb19c9", i = "_15xy5md4 txvbqbdsb txvbqbey txvbqbga8", a = "_15xy5md5 txvbqb17gh txvbqbhlw txvbqb2is";
 //#endregion
 export { e as chartContainer, t as tooltip, n as tooltipDate, r as tooltipRow, i as tooltipRowLabel, a as tooltipSwatch };
 

package/lib/esm/components/dashboard/activity_card/ActivityCard.css.js

@@ -1,7 +1,7 @@
 /* empty css                                      */
 /* empty css                            */
 //#region src/components/dashboard/activity_card/ActivityCard.css.ts
-var e = "_1d32hgo0 txvbqb9ip txvbqbai7 txvbqbao7", t = "_1d32hgo1 txvbqb9ip txvbqbdpp txvbqbcp txvbqbao7", n = "_1d32hgo2 txvbqb8y txvbqbamp txvbqbv9z", r = "_1d32hgo3 txvbqb8p txvbqbva1", i = "_1d32hgo4 txvbqb8y txvbqbva1";
+var e = "_1d32hgo0 txvbqbdr8 txvbqbf6i txvbqbff6", t = "_1d32hgo1 txvbqbdr8 txvbqbjus txvbqbey txvbqbff6", n = "_1d32hgo2 txvbqb9j txvbqbfd0 txvbqb19c9", r = "_1d32hgo3 txvbqb96 txvbqb19cb", i = "_1d32hgo4 txvbqb9j txvbqb19cb";
 //#endregion
 export { e as root, i as summary, r as timestamp, n as title, t as top };
 

package/lib/esm/components/dashboard/activity_card/ActivityCard.js

@@ -22,11 +22,11 @@ var c = ({ className: c, details: l, status: u, statusTone: d, summary: f, times
 					}), h]
 				}),
 				p != null && /* @__PURE__ */ o("span", {
-					className: "_1d32hgo3 txvbqb8p txvbqbva1",
+					className: "_1d32hgo3 txvbqb96 txvbqb19cb",
 					children: /* @__PURE__ */ o(e, { value: p })
 				}),
 				f != null && /* @__PURE__ */ o("div", {
-					className: "_1d32hgo4 txvbqb8y txvbqbva1",
+					className: "_1d32hgo4 txvbqb9j txvbqb19cb",
 					children: f
 				}),
 				l

package/lib/esm/components/dashboard/activity_feed/ActivityFeed.css.js

@@ -1,7 +1,7 @@
 /* empty css                                      */
 /* empty css                            */
 //#region src/components/dashboard/activity_feed/ActivityFeed.css.ts
-var e = "_1rlmg5z0 txvbqb9ip txvbqbai7 txvbqbao7";
+var e = "_1rlmg5z0 txvbqbdr8 txvbqbf6i txvbqbff6";
 //#endregion
 export { e as root };
 

package/lib/esm/components/dashboard/dashboard_grid/DashboardGrid.css.js

@@ -2,33 +2,33 @@
 /* empty css                             */
 import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region src/components/dashboard/dashboard_grid/DashboardGrid.css.ts
-var t = "_15366911 _15366910 txvbqb9iy txvbqbaop txvbqbu7g txvbqbjh7", n = {
-	1: "_15366912 txvbqbbtg txvbqbbto",
-	2: "_15366913 txvbqbbtg txvbqbbtx",
-	3: "_15366914 txvbqbbtg txvbqbbu6",
-	4: "_15366915 txvbqbbtg txvbqbbuf",
-	12: "_15366917 _15366916 txvbqbbtg txvbqbbwf",
-	uneven: "_15366918 txvbqbbtg txvbqbbyo"
-}, r = "_15366919 txvbqb9ip txvbqbai7 txvbqbaop txvbqbjh7", i = e({
-	defaultClassName: "_1536691n _1536691a",
+var t = "_15366910 txvbqbdrl txvbqbffw txvbqb17w0 txvbqbs9r", n = {
+	1: "_15366911 txvbqbh2r txvbqbh33",
+	2: "_15366912 txvbqbh2r txvbqbh3g",
+	3: "_15366913 txvbqbh2r txvbqbh3t",
+	4: "_15366914 txvbqbh2r txvbqbh46",
+	12: "_15366916 _15366915 txvbqbh2r txvbqbh72",
+	uneven: "_15366917 txvbqbh2r txvbqbhbr"
+}, r = "_15366918 txvbqbdr8 txvbqbf6i txvbqbffw txvbqbs9r", i = e({
+	defaultClassName: "_1536691m _15366919 txvbqbt9i",
 	variantClassNames: {
 		minHeight: {
-			auto: "_1536691o _1536691b",
-			sm: "_1536691p _1536691c txvbqbjm7",
-			md: "_1536691q _1536691d txvbqbjmy",
-			lg: "_1536691r _1536691e txvbqbjnp"
+			auto: "_1536691n _1536691a txvbqbs9r",
+			sm: "_1536691o _1536691b txvbqbsgz",
+			md: "_1536691p _1536691c txvbqbsi2",
+			lg: "_1536691q _1536691d txvbqbsj5"
 		},
 		span: {
-			span3: "_1536691s _1536691f",
-			span4: "_1536691t _1536691g",
-			span6: "_1536691u _1536691h",
-			span8: "_1536691v _1536691i",
-			span12: "_1536691w _1536691j"
+			span3: "_1536691r _1536691e",
+			span4: "_1536691s _1536691f",
+			span6: "_1536691t _1536691g",
+			span8: "_1536691u _1536691h",
+			span12: "_1536691v _1536691i txvbqbgjm"
 		},
 		tabletSpan: {
-			auto: "_1536691x _1536691k",
-			tablet3: "_1536691y _1536691l",
-			tablet6: "_1536691z _1536691m"
+			auto: "_1536691w _1536691j",
+			tablet3: "_1536691x _1536691k",
+			tablet6: "_1536691y _1536691l"
 		}
 	},
 	defaultVariants: {

package/lib/esm/components/dashboard/dashboard_grid/DashboardGrid.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardGrid.css.js","names":[],"sources":["../../../../../src/components/dashboard/dashboard_grid/DashboardGrid.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const root = style([\n  sprinkles({\n    display: 'grid',\n    gap: 4,\n    width: 'full',\n    minHeight: 0,\n  }),\n]);\n\nexport const columns = {\n  1: sprinkles({\n    gridTemplateColumns: {\n      base: 1,\n      min1200: 1,\n    },\n  }),\n  2: sprinkles({\n    gridTemplateColumns: {\n      base: 1,\n      min1200: 2,\n    },\n  }),\n  3: sprinkles({\n    gridTemplateColumns: {\n      base: 1,\n      min1200: 3,\n    },\n  }),\n  4: sprinkles({\n    gridTemplateColumns: {\n      base: 1,\n      min1200: 4,\n    },\n  }),\n  12: style([\n    sprinkles({\n      gridTemplateColumns: {\n        base: 1,\n        min1200: 12,\n      },\n    }),\n    {\n      '@media': {\n        'screen and (min-width: 768px) and (max-width: 1199px)': {\n          gridTemplateColumns: 'repeat(6, minmax(0, 1fr))',\n        },\n      },\n    },\n  ]),\n  uneven: sprinkles({\n    gridTemplateColumns: {\n      base: 1,\n      min1200: 'dashboardUneven',\n    },\n  }),\n} as const;\n\nexport const column = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n  minHeight: 0,\n});\n\nexport const item = recipe({\n  base: style({\n    minWidth: 0,\n  }),\n  variants: {\n    minHeight: {\n      auto: style({\n        minHeight: 0,\n      }),\n      sm: sprinkles({\n        minHeight: 24,\n      }),\n      md: sprinkles({\n        minHeight: 32,\n      }),\n      lg: sprinkles({\n        minHeight: 40,\n      }),\n    },\n    span: {\n      span3: style({\n        gridColumn: 'span 3 / span 3',\n        '@media': {\n          'screen and (min-width: 768px) and (max-width: 1199px)': {\n            gridColumn: 'span 3 / span 3',\n          },\n          'screen and (max-width: 767px)': {\n            gridColumn: '1 / -1',\n          },\n        },\n      }),\n      span4: style({\n        gridColumn: 'span 4 / span 4',\n        '@media': {\n          'screen and (min-width: 768px) and (max-width: 1199px)': {\n            gridColumn: 'span 3 / span 3',\n          },\n          'screen and (max-width: 767px)': {\n            gridColumn: '1 / -1',\n          },\n        },\n      }),\n      span6: style({\n        gridColumn: 'span 6 / span 6',\n        '@media': {\n          'screen and (min-width: 768px) and (max-width: 1199px)': {\n            gridColumn: 'span 6 / span 6',\n          },\n          'screen and (max-width: 767px)': {\n            gridColumn: '1 / -1',\n          },\n        },\n      }),\n      span8: style({\n        gridColumn: 'span 8 / span 8',\n        '@media': {\n          'screen and (min-width: 768px) and (max-width: 1199px)': {\n            gridColumn: 'span 6 / span 6',\n          },\n          'screen and (max-width: 767px)': {\n            gridColumn: '1 / -1',\n          },\n        },\n      }),\n      span12: style({\n        gridColumn: '1 / -1',\n      }),\n    },\n    tabletSpan: {\n      auto: style({}),\n      tablet3: style({\n        '@media': {\n          'screen and (min-width: 768px) and (max-width: 1199px)': {\n            gridColumn: 'span 3 / span 3',\n          },\n        },\n      }),\n      tablet6: style({\n        '@media': {\n          'screen and (min-width: 768px) and (max-width: 1199px)': {\n            gridColumn: 'span 6 / span 6',\n          },\n        },\n      }),\n    },\n  },\n  defaultVariants: {\n    minHeight: 'auto',\n    span: 'span12',\n    tabletSpan: 'auto',\n  },\n});\n"],"mappings":""}
+{"version":3,"file":"DashboardGrid.css.js","names":[],"sources":["../../../../../src/components/dashboard/dashboard_grid/DashboardGrid.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const root = sprinkles({\n  display: 'grid',\n  gap: 4,\n  width: 'full',\n  minHeight: 0,\n});\n\nexport const columns = {\n  1: sprinkles({\n    gridTemplateColumns: {\n      base: 1,\n      min1200: 1,\n    },\n  }),\n  2: sprinkles({\n    gridTemplateColumns: {\n      base: 1,\n      min1200: 2,\n    },\n  }),\n  3: sprinkles({\n    gridTemplateColumns: {\n      base: 1,\n      min1200: 3,\n    },\n  }),\n  4: sprinkles({\n    gridTemplateColumns: {\n      base: 1,\n      min1200: 4,\n    },\n  }),\n  12: style([\n    sprinkles({\n      gridTemplateColumns: {\n        base: 1,\n        min1200: 12,\n      },\n    }),\n    {\n      '@media': {\n        'screen and (min-width: 768px) and (max-width: 1199px)': {\n          gridTemplateColumns: 'repeat(6, minmax(0, 1fr))',\n        },\n      },\n    },\n  ]),\n  uneven: sprinkles({\n    gridTemplateColumns: {\n      base: 1,\n      min1200: 'dashboardUneven',\n    },\n  }),\n} as const;\n\nexport const column = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n  minHeight: 0,\n});\n\nexport const item = recipe({\n  base: sprinkles({\n    minWidth: 0,\n  }),\n  variants: {\n    minHeight: {\n      auto: sprinkles({\n        minHeight: 0,\n      }),\n      sm: sprinkles({\n        minHeight: 24,\n      }),\n      md: sprinkles({\n        minHeight: 32,\n      }),\n      lg: sprinkles({\n        minHeight: 40,\n      }),\n    },\n    span: {\n      span3: style({\n        gridColumn: 'span 3 / span 3',\n        '@media': {\n          'screen and (min-width: 768px) and (max-width: 1199px)': {\n            gridColumn: 'span 3 / span 3',\n          },\n          'screen and (max-width: 767px)': {\n            gridColumn: '1 / -1',\n          },\n        },\n      }),\n      span4: style({\n        gridColumn: 'span 4 / span 4',\n        '@media': {\n          'screen and (min-width: 768px) and (max-width: 1199px)': {\n            gridColumn: 'span 3 / span 3',\n          },\n          'screen and (max-width: 767px)': {\n            gridColumn: '1 / -1',\n          },\n        },\n      }),\n      span6: style({\n        gridColumn: 'span 6 / span 6',\n        '@media': {\n          'screen and (min-width: 768px) and (max-width: 1199px)': {\n            gridColumn: 'span 6 / span 6',\n          },\n          'screen and (max-width: 767px)': {\n            gridColumn: '1 / -1',\n          },\n        },\n      }),\n      span8: style({\n        gridColumn: 'span 8 / span 8',\n        '@media': {\n          'screen and (min-width: 768px) and (max-width: 1199px)': {\n            gridColumn: 'span 6 / span 6',\n          },\n          'screen and (max-width: 767px)': {\n            gridColumn: '1 / -1',\n          },\n        },\n      }),\n      span12: sprinkles({\n        gridColumn: 'span-full',\n      }),\n    },\n    tabletSpan: {\n      auto: sprinkles({}),\n      tablet3: style({\n        '@media': {\n          'screen and (min-width: 768px) and (max-width: 1199px)': {\n            gridColumn: 'span 3 / span 3',\n          },\n        },\n      }),\n      tablet6: style({\n        '@media': {\n          'screen and (min-width: 768px) and (max-width: 1199px)': {\n            gridColumn: 'span 6 / span 6',\n          },\n        },\n      }),\n    },\n  },\n  defaultVariants: {\n    minHeight: 'auto',\n    span: 'span12',\n    tabletSpan: 'auto',\n  },\n});\n"],"mappings":""}

package/lib/esm/components/dashboard/metadata_strip/MetadataStrip.css.js

@@ -1,7 +1,7 @@
 /* empty css                                      */
 /* empty css                             */
 //#region src/components/dashboard/metadata_strip/MetadataStrip.css.ts
-var e = "b5wog90 txvbqb9ip txvbqbai7 txvbqbao7", t = "b5wog91 txvbqb9iy txvbqbaog txvbqbby7", n = "b5wog92 txvbqb8p txvbqbva1 txvbqb66 txvbqbefy", r = "b5wog93 txvbqb8y txvbqbv9z txvbqbk5y";
+var e = "b5wog90 txvbqbdr8 txvbqbf6i txvbqbff6", t = "b5wog91 txvbqbdrl txvbqbffj txvbqbhb2", n = "b5wog92 txvbqb96 txvbqb19cb txvbqb6a txvbqbky5", r = "b5wog93 txvbqb9j txvbqb19c9 txvbqbt9i";
 //#endregion
 export { t as item, n as label, e as list, r as value };