@plumile/backoffice-react 0.1.120 → 0.1.122

package/lib/esm/components/backoffice/detail/backofficePayloadInspectorSection.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficePayloadInspectorSection.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficePayloadInspectorSection.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const details = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const summary = style([\n  sprinkles({\n    cursor: 'pointer',\n    fontSize: 'sm',\n    fontWeight: 'medium',\n    color: 'primary',\n  }),\n]);\n\nexport const preview = sprinkles({\n  fontSize: 'sm',\n  color: 'textSecondary',\n  overflowWrap: 'anywhere',\n});\n"],"mappings":""}
+{"version":3,"file":"backofficePayloadInspectorSection.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficePayloadInspectorSection.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const details = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const summary = sprinkles({\n  cursor: 'pointer',\n  fontSize: 'sm',\n  fontWeight: 'medium',\n  color: 'primary',\n});\n\nexport const preview = sprinkles({\n  fontSize: 'sm',\n  color: 'textSecondary',\n  overflowWrap: 'anywhere',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/detail/backofficeReferenceValue.css.js

@@ -1,6 +1,6 @@
 /* empty css                                        */
 //#region src/components/backoffice/detail/backofficeReferenceValue.css.ts
-var e = "txvbqb9jg txvbqbcp txvbqbao7 txvbqbk5y", t = "txvbqbk5y txvbqbl87";
+var e = "txvbqbdsb txvbqbey txvbqbff6 txvbqbt9i", t = "txvbqbt9i txvbqbutu";
 //#endregion
 export { e as root, t as value };
 

package/lib/esm/components/backoffice/detail/backofficeRelationsSummaryGrid.css.js

@@ -1,6 +1,6 @@
 /* empty css                                              */
 //#region src/components/backoffice/detail/backofficeRelationsSummaryGrid.css.ts
-var e = "txvbqb9iy txvbqbaog txvbqbc0g", t = "_11qoi8x0 txvbqb9ip txvbqbai7 txvbqbany txvbqblb7 txvbqb1rg txvbqbv41 txvbqb1cp txvbqb1qg txvbqbx7 txvbqbk5y", n = "txvbqb8p txvbqb66 txvbqbefp txvbqbva1", r = "txvbqb9p txvbqbamp txvbqbv9z", i = "txvbqb8y txvbqbva1 txvbqbl87";
+var e = "txvbqbdrl txvbqbffj txvbqbheb", t = "txvbqbdr8 txvbqbf6i txvbqbfet txvbqbuy6 txvbqb2g9 txvbqb196b txvbqb1uy txvbqb2et txvbqb18k txvbqbt9i", n = "txvbqb96 txvbqb6a txvbqbkxs txvbqb19cb", r = "txvbqbam txvbqbfd0 txvbqb19c9", i = "txvbqb9j txvbqb19cb txvbqbutu";
 //#endregion
 export { r as count, i as description, e as grid, t as item, n as label };
 

package/lib/esm/components/backoffice/detail/backofficeRelationsSummaryGrid.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeRelationsSummaryGrid.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeRelationsSummaryGrid.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const grid = sprinkles({\n  display: 'grid',\n  gap: 3,\n  gridTemplateColumns: 'autoFitMinmax180',\n});\n\nexport const item = style([\n  sprinkles({\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 1,\n    padding: 3,\n    borderRadius: 'md',\n    backgroundColor: 'surface',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderLight',\n    minWidth: 0,\n  }),\n]);\n\nexport const label = sprinkles({\n  fontSize: 'xs',\n  textTransform: 'uppercase',\n  letterSpacing: 'capsTight',\n  color: 'textSecondary',\n});\n\nexport const count = sprinkles({\n  fontSize: 'xl',\n  fontWeight: 'semibold',\n  color: 'text',\n});\n\nexport const description = sprinkles({\n  fontSize: 'sm',\n  color: 'textSecondary',\n  overflowWrap: 'anywhere',\n});\n"],"mappings":""}
+{"version":3,"file":"backofficeRelationsSummaryGrid.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeRelationsSummaryGrid.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const grid = sprinkles({\n  display: 'grid',\n  gap: 3,\n  gridTemplateColumns: 'autoFitMinmax180',\n});\n\nexport const item = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  padding: 3,\n  borderRadius: 'md',\n  backgroundColor: 'surface',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'borderLight',\n  minWidth: 0,\n});\n\nexport const label = sprinkles({\n  fontSize: 'xs',\n  textTransform: 'uppercase',\n  letterSpacing: 'capsTight',\n  color: 'textSecondary',\n});\n\nexport const count = sprinkles({\n  fontSize: 'xl',\n  fontWeight: 'semibold',\n  color: 'text',\n});\n\nexport const description = sprinkles({\n  fontSize: 'sm',\n  color: 'textSecondary',\n  overflowWrap: 'anywhere',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/detail/backofficeScopeStack.css.js

@@ -1,6 +1,6 @@
 /* empty css                                    */
 //#region src/components/backoffice/detail/backofficeScopeStack.css.ts
-var e = "txvbqb9ip txvbqbai7 txvbqbaog", t = "txvbqb9ip txvbqbai7 txvbqbany txvbqbk5y", n = "txvbqb8p txvbqb66 txvbqbefp txvbqbva1", r = "txvbqb8y txvbqbv9z txvbqbl87";
+var e = "txvbqbdr8 txvbqbf6i txvbqbffj", t = "txvbqbdr8 txvbqbf6i txvbqbfet txvbqbt9i", n = "txvbqb96 txvbqb6a txvbqbkxs txvbqb19cb", r = "txvbqb9j txvbqb19c9 txvbqbutu";
 //#endregion
 export { t as item, n as label, e as list, r as value };
 

package/lib/esm/components/backoffice/detail/backofficeStatusMetaBadge.css.js

@@ -1,6 +1,6 @@
 /* empty css                                         */
 //#region src/components/backoffice/detail/backofficeStatusMetaBadge.css.ts
-var e = "txvbqbuty";
+var e = "txvbqb18si";
 //#endregion
 export { e as badge };
 

package/lib/esm/components/backoffice/detail/backofficeUsageCostBreakdown.css.js

@@ -1,6 +1,6 @@
 /* empty css                                            */
 //#region src/components/backoffice/detail/backofficeUsageCostBreakdown.css.ts
-var e = "txvbqb9ip txvbqbai7 txvbqbaog", t = "txvbqb9iy txvbqbao7", n = "_13200uy0 txvbqb9iy txvbqbaog txvbqbcp", r = "txvbqb8p txvbqb66 txvbqbefp txvbqbva1", i = "txvbqb8y txvbqbv9z txvbqbl87", a = "txvbqbamg";
+var e = "txvbqbdr8 txvbqbf6i txvbqbffj", t = "txvbqbdrl txvbqbff6", n = "_13200uy0 txvbqbdrl txvbqbffj txvbqbey", r = "txvbqb96 txvbqb6a txvbqbkxs txvbqb19cb", i = "txvbqb9j txvbqb19c9 txvbqbutu", a = "txvbqbfcn";
 //#endregion
 export { i as cell, e as content, r as header, a as label, n as row, t as table };
 

package/lib/esm/components/backoffice/filters/EntityIdFilterField.js

@@ -87,7 +87,7 @@ var h = (h) => {
 	return /* @__PURE__ */ d("div", {
 		className: r,
 		children: z ?? /* @__PURE__ */ d("div", {
-			className: "txvbqb9my txvbqbk5y txvbqb9ip txvbqbcp txvbqbl7g",
+			className: "txvbqbdxd txvbqbt9i txvbqbdr8 txvbqbey txvbqbusr",
 			children: P
 		})
 	});

package/lib/esm/components/backoffice/filters/backofficeFilterAction.css.js

@@ -1,6 +1,6 @@
 /* empty css                                      */
 //#region src/components/backoffice/filters/backofficeFilterAction.css.ts
-var e = "hwnq700 txvbqb9jg txvbqbcp txvbqbdoy txvbqbtxy txvbqbc6y txvbqblag txvbqb1rg txvbqb1cp txvbqb1qg txvbqbwp txvbqbv45 txvbqbvaz txvbqbv txvbqb3b txvbqb78 txvbqb6w txvbqb7k", t = "txvbqbtx7 txvbqbc67";
+var e = "hwnq700 txvbqbdsb txvbqbey txvbqbjtp txvbqb17ia txvbqbhnp txvbqbux3 txvbqb2g9 txvbqb1uy txvbqb2et txvbqb17u txvbqb196f txvbqb19d9 txvbqbv txvbqb3f txvbqb7h txvbqb75 txvbqb7t txvbqb1bs9 txvbqb1adl txvbqb1ayh qbwcue0 txvbqb1cb0 txvbqb1cws", t = "txvbqb17h7 txvbqbhmm";
 //#endregion
 export { e as action, t as icon };
 

package/lib/esm/components/backoffice/filters/backofficeFilterAction.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeFilterAction.css.js","names":[],"sources":["../../../../../src/components/backoffice/filters/backofficeFilterAction.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nexport const action = style([\n  sprinkles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 7,\n    height: 7,\n    padding: 0,\n    borderRadius: 'md',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderSubtle',\n    backgroundColor: 'surfaceMuted',\n    color: 'brandPrimaryRed',\n    cursor: 'pointer',\n    textDecoration: 'none',\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        color: vars.colors.text,\n        backgroundColor: vars.colors.primaryLight,\n        borderColor: vars.colors.primary,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n\nexport const icon = sprinkles({\n  width: 4,\n  height: 4,\n});\n"],"mappings":""}
+{"version":3,"file":"backofficeFilterAction.css.js","names":[],"sources":["../../../../../src/components/backoffice/filters/backofficeFilterAction.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles, stateSprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { focusRing } from '@plumile/ui/theme/styleRecipes.css.js';\n\nexport const action = style([\n  sprinkles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 7,\n    height: 7,\n    padding: 0,\n    borderRadius: 'md',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderSubtle',\n    backgroundColor: 'surfaceMuted',\n    color: 'brandPrimaryRed',\n    cursor: 'pointer',\n    textDecoration: 'none',\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n  }),\n  stateSprinkles({\n    color: { hover: 'text' },\n    backgroundColor: { hover: 'primaryLight' },\n    borderColor: { hover: 'primary' },\n  }),\n  focusRing,\n]);\n\nexport const icon = sprinkles({\n  width: 4,\n  height: 4,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/filters/deferredFilterSearchInput.css.js

@@ -1,6 +1,6 @@
 /* empty css                                         */
 //#region src/components/backoffice/filters/deferredFilterSearchInput.css.ts
-var e = "ds2thc0 txvbqb9ip txvbqbcp txvbqbao7 txvbqbu7g", t = "ds2thc1 txvbqb9ip txvbqbcp txvbqbany";
+var e = "txvbqbdr8 txvbqbey txvbqbee txvbqbf6o txvbqbff6 txvbqb17w0", t = "txvbqbdr8 txvbqbey txvbqbf7y txvbqbfet txvbqbju8";
 //#endregion
 export { t as actions, e as container };
 

package/lib/esm/components/backoffice/filters/deferredFilterSearchInput.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"deferredFilterSearchInput.css.js","names":[],"sources":["../../../../../src/components/backoffice/filters/deferredFilterSearchInput.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nconst MOBILE_MEDIA_QUERY = 'screen and (max-width: 767px)';\n\nexport const container = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    gap: 2,\n    width: 'full',\n  }),\n  {\n    '@media': {\n      [MOBILE_MEDIA_QUERY]: {\n        alignItems: 'stretch',\n        flexDirection: 'column',\n      },\n    },\n  },\n]);\n\nexport const actions = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    gap: 1,\n  }),\n  {\n    flexShrink: 0,\n    '@media': {\n      [MOBILE_MEDIA_QUERY]: {\n        justifyContent: 'flex-end',\n      },\n    },\n  },\n]);\n"],"mappings":""}
+{"version":3,"file":"deferredFilterSearchInput.css.js","names":[],"sources":["../../../../../src/components/backoffice/filters/deferredFilterSearchInput.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const container = sprinkles({\n  display: 'flex',\n  alignItems: {\n    base: 'center',\n    max767: 'stretch',\n  },\n  flexDirection: {\n    max767: 'column',\n  },\n  gap: 2,\n  width: 'full',\n});\n\nexport const actions = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  flexShrink: 0,\n  gap: 1,\n  justifyContent: {\n    max767: 'flex-end',\n  },\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/filters/entityIdFilterField.css.js

@@ -1,6 +1,6 @@
 /* empty css                                   */
 //#region src/components/backoffice/filters/entityIdFilterField.css.ts
-var e = "txvbqb9ip txvbqbcp txvbqbu4g txvbqbjep txvbqbk5y", t = "oa1uye0 txvbqbnw7 txvbqbojg txvbqbpry txvbqbmjp txvbqb9iy txvbqbcp txvbqb9my txvbqbk5y txvbqb1ry txvbqb1cp txvbqb1qg txvbqbwg txvbqbv41 txvbqbv9z txvbqb77 txvbqb6x txvbqb7k", n = "oa1uye1 txvbqb6 txvbqb9ip txvbqbai7 txvbqbdoy txvbqbk5y txvbqbu7g txvbqbt6p txvbqbv txvbqb12g txvbqbv0t txvbqbv9z txvbqblag", r = "oa1uye2 txvbqb9ip txvbqbai7 txvbqbdoy txvbqbb9g txvbqbk5y txvbqbu7g", i = "txvbqb9my txvbqbk5y txvbqb9ip txvbqbcp txvbqbl7g", a = "oa1uye3 txvbqb9i7 txvbqbva3 txvbqb8p txvbqbamg txvbqbl7g txvbqbt7g txvbqbuxg", o = "txvbqb9i7 txvbqbk5y txvbqbl7g txvbqbt7g txvbqbuxg txvbqb8y txvbqbamp", s = "txvbqb9i7 txvbqbk5y txvbqbl7g txvbqbt7g txvbqbuxg txvbqbva3 txvbqb8y", c = "oa1uye5 oa1uye4 txvbqb6 txvbqb9jg txvbqbcp txvbqbdoy txvbqbtxy txvbqbc6y txvbqblag txvbqb1rp txvbqb1cp txvbqb1qg txvbqbwp txvbqbv41 txvbqbva3 txvbqbv txvbqb78 txvbqb6w txvbqb7k", l = "oa1uye6 oa1uye4 txvbqb6 txvbqb9jg txvbqbcp txvbqbdoy txvbqbtxy txvbqbc6y txvbqblag txvbqb1rp txvbqb1cp txvbqb1qg txvbqbwp txvbqbv41 txvbqbva3 txvbqbv txvbqb78 txvbqb6w txvbqb7k txvbqb1t7 txvbqbv45", u = "oa1uye7";
+var e = "txvbqbdr8 txvbqbey txvbqb17ro txvbqbs65 txvbqbt9i", t = "oa1uye0 txvbqbyoi txvbqbzm3 txvbqb11ed txvbqbwqg txvbqbdrl txvbqbey txvbqbdxd txvbqbt9i txvbqb2gz txvbqb1uy txvbqb2et txvbqb17h txvbqb196b txvbqb19c9 txvbqb7g txvbqb76 txvbqb7t", n = "oa1uye1 txvbqb6 txvbqbdr8 txvbqbf6i txvbqbjtp txvbqbt9i txvbqb17w0 txvbqb16ex txvbqbv txvbqb1g5 txvbqb1933 txvbqb19c9 txvbqbux3", r = "txvbqbdr8 txvbqbf6i txvbqbjtp txvbqbg9v txvbqbt9i txvbqb17w0 txvbqbs65", i = "txvbqbdxd txvbqbt9i txvbqbdr8 txvbqbey txvbqbusr", a = "txvbqbdqi txvbqb19cd txvbqb96 txvbqbfcn txvbqbt9i txvbqbusr txvbqb16g0 txvbqb18xk", o = "txvbqbdqi txvbqbt9i txvbqbusr txvbqb16g0 txvbqb18xk txvbqb9j txvbqbfd0", s = "txvbqbdqi txvbqbt9i txvbqbusr txvbqb16g0 txvbqb18xk txvbqb19cd txvbqb9j", c = "oa1uye3 oa1uye2 txvbqb6 txvbqbdsb txvbqbey txvbqbgr txvbqbjtp txvbqb17ia txvbqbhnp txvbqbux3 txvbqb2gm txvbqb1uy txvbqb2et txvbqb17u txvbqb196b txvbqb19cd txvbqbv txvbqb7h txvbqb75 txvbqb7t", l = "oa1uye4 oa1uye2 txvbqb6 txvbqbdsb txvbqbey txvbqbgr txvbqbjtp txvbqb17ia txvbqbhnp txvbqbux3 txvbqb2gm txvbqb1uy txvbqb2et txvbqb17u txvbqb196b txvbqb19cd txvbqbv txvbqb7h txvbqb75 txvbqb7t txvbqb2is txvbqb196f", u = "txvbqb17h7 txvbqbhmm";
 //#endregion
 export { u as actionIcon, l as clearButton, e as container, r as content, a as labelText, c as pickActionButton, n as pickerButton, t as pickerControl, s as placeholder, i as valueBox, o as valueText };
 

package/lib/esm/components/backoffice/filters/entityIdFilterField.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"entityIdFilterField.css.js","names":[],"sources":["../../../../../src/components/backoffice/filters/entityIdFilterField.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nexport const container = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  width: 72,\n  maxWidth: 'full',\n  minWidth: 0,\n});\n\nexport const pickerControl = style([\n  sprinkles({\n    display: 'grid',\n    alignItems: 'center',\n    flex: 1,\n    minWidth: 0,\n    borderRadius: 'xl',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'border',\n    backgroundColor: 'surface',\n    color: 'text',\n    paddingX: 3,\n    paddingY: 1.5,\n    transitionProperty: 'default',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    gridTemplateColumns: 'minmax(0, 1fr) auto auto',\n    gridTemplateAreas: '\"content pickAction clearAction\"',\n    columnGap: vars.spacing[1],\n    minHeight: '2.5rem',\n    width: '100%',\n    selectors: {\n      '&:hover': {\n        backgroundColor: vars.colors.surfaceMuted,\n      },\n    },\n  },\n]);\n\nexport const pickerButton = style([\n  sprinkles({\n    appearance: 'none',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    minWidth: 0,\n    width: 'full',\n    textAlign: 'left',\n    cursor: 'pointer',\n    borderWidth: 0,\n    backgroundColor: 'transparent',\n    color: 'text',\n    padding: 0,\n  }),\n  {\n    gridArea: 'content',\n    minHeight: '100%',\n    selectors: {\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n      '&:disabled': {\n        cursor: 'not-allowed',\n        opacity: 0.65,\n      },\n    },\n  },\n]);\n\nexport const content = style([\n  sprinkles({\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    gap: 0.5,\n    minWidth: 0,\n    width: 'full',\n  }),\n  {\n    maxWidth: '100%',\n  },\n]);\n\nexport const valueBox = sprinkles({\n  flex: 1,\n  minWidth: 0,\n  display: 'flex',\n  alignItems: 'center',\n  overflow: 'hidden',\n});\n\nexport const labelText = style([\n  sprinkles({\n    display: 'block',\n    color: 'textMuted',\n    fontSize: 'xs',\n    fontWeight: 'medium',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  }),\n  {\n    minWidth: 0,\n  },\n]);\n\nexport const valueText = sprinkles({\n  display: 'block',\n  minWidth: 0,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n  fontSize: 'sm',\n  fontWeight: 'semibold',\n});\n\nexport const placeholder = sprinkles({\n  display: 'block',\n  minWidth: 0,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n  color: 'textMuted',\n  fontSize: 'sm',\n});\n\nconst actionButtonBase = style([\n  sprinkles({\n    appearance: 'none',\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 7,\n    height: 7,\n    padding: 0,\n    borderRadius: 'lg',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderSubtle',\n    backgroundColor: 'surface',\n    color: 'textMuted',\n    cursor: 'pointer',\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    alignSelf: 'center',\n    selectors: {\n      '&:hover:not(:disabled)': {\n        color: vars.colors.text,\n        backgroundColor: vars.colors.surfaceMuted,\n        borderColor: vars.colors.borderStrong,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n      '&:disabled': {\n        cursor: 'not-allowed',\n        opacity: 0.65,\n      },\n    },\n  },\n]);\n\nexport const pickActionButton = style([\n  actionButtonBase,\n  {\n    gridArea: 'pickAction',\n  },\n]);\n\nexport const clearButton = style([\n  actionButtonBase,\n  sprinkles({\n    borderRadius: 'full',\n    backgroundColor: 'surfaceMuted',\n  }),\n  {\n    gridArea: 'clearAction',\n  },\n]);\n\nexport const actionIcon = style({\n  width: '1rem',\n  height: '1rem',\n});\n"],"mappings":""}
+{"version":3,"file":"entityIdFilterField.css.js","names":[],"sources":["../../../../../src/components/backoffice/filters/entityIdFilterField.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nexport const container = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  width: 72,\n  maxWidth: 'full',\n  minWidth: 0,\n});\n\nexport const pickerControl = style([\n  sprinkles({\n    display: 'grid',\n    alignItems: 'center',\n    flex: 1,\n    minWidth: 0,\n    borderRadius: 'xl',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'border',\n    backgroundColor: 'surface',\n    color: 'text',\n    paddingX: 3,\n    paddingY: 1.5,\n    transitionProperty: 'default',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    gridTemplateColumns: 'minmax(0, 1fr) auto auto',\n    gridTemplateAreas: '\"content pickAction clearAction\"',\n    columnGap: vars.spacing[1],\n    minHeight: '2.5rem',\n    width: '100%',\n    selectors: {\n      '&:hover': {\n        backgroundColor: vars.colors.surfaceMuted,\n      },\n    },\n  },\n]);\n\nexport const pickerButton = style([\n  sprinkles({\n    appearance: 'none',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    minWidth: 0,\n    width: 'full',\n    textAlign: 'left',\n    cursor: 'pointer',\n    borderWidth: 0,\n    backgroundColor: 'transparent',\n    color: 'text',\n    padding: 0,\n  }),\n  {\n    gridArea: 'content',\n    minHeight: '100%',\n    selectors: {\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n      '&:disabled': {\n        cursor: 'not-allowed',\n        opacity: 0.65,\n      },\n    },\n  },\n]);\n\nexport const content = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'center',\n  gap: 0.5,\n  minWidth: 0,\n  width: 'full',\n  maxWidth: 'full',\n});\n\nexport const valueBox = sprinkles({\n  flex: 1,\n  minWidth: 0,\n  display: 'flex',\n  alignItems: 'center',\n  overflow: 'hidden',\n});\n\nexport const labelText = sprinkles({\n  display: 'block',\n  color: 'textMuted',\n  fontSize: 'xs',\n  fontWeight: 'medium',\n  minWidth: 0,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n});\n\nexport const valueText = sprinkles({\n  display: 'block',\n  minWidth: 0,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n  fontSize: 'sm',\n  fontWeight: 'semibold',\n});\n\nexport const placeholder = sprinkles({\n  display: 'block',\n  minWidth: 0,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n  color: 'textMuted',\n  fontSize: 'sm',\n});\n\nconst actionButtonBase = style([\n  sprinkles({\n    appearance: 'none',\n    display: 'inline-flex',\n    alignItems: 'center',\n    alignSelf: 'center',\n    justifyContent: 'center',\n    width: 7,\n    height: 7,\n    padding: 0,\n    borderRadius: 'lg',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderSubtle',\n    backgroundColor: 'surface',\n    color: 'textMuted',\n    cursor: 'pointer',\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      '&:hover:not(:disabled)': {\n        color: vars.colors.text,\n        backgroundColor: vars.colors.surfaceMuted,\n        borderColor: vars.colors.borderStrong,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n      '&:disabled': {\n        cursor: 'not-allowed',\n        opacity: 0.65,\n      },\n    },\n  },\n]);\n\nexport const pickActionButton = style([\n  actionButtonBase,\n  {\n    gridArea: 'pickAction',\n  },\n]);\n\nexport const clearButton = style([\n  actionButtonBase,\n  sprinkles({\n    borderRadius: 'full',\n    backgroundColor: 'surfaceMuted',\n  }),\n  {\n    gridArea: 'clearAction',\n  },\n]);\n\nexport const actionIcon = sprinkles({\n  width: 4,\n  height: 4,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/hub/BackofficeHubTemplate.js

@@ -22,7 +22,7 @@ var _ = /* @__PURE__ */ d(g, {
 			children: [/* @__PURE__ */ f("div", {
 				className: r,
 				children: [e.icon != null && /* @__PURE__ */ d("span", {
-					className: "u4nszr0 txvbqb9jg txvbqbcp txvbqbdoy txvbqbty7 txvbqbc77 txvbqb1rg txvbqbv45 txvbqb1cp txvbqb1qg txvbqbwp txvbqbva1 txvbqbaj7",
+					className: "txvbqbdsb txvbqbey txvbqbjtp txvbqb17in txvbqbho2 txvbqb2g9 txvbqb196f txvbqb1uy txvbqb2et txvbqb17u txvbqb19cb txvbqbf7y txvbqbqfb",
 					"aria-hidden": "true",
 					children: e.icon
 				}), /* @__PURE__ */ f("span", {
@@ -31,7 +31,7 @@ var _ = /* @__PURE__ */ d(g, {
 						className: a,
 						children: e.title
 					}), e.description != null && /* @__PURE__ */ d("span", {
-						className: "txvbqbva3 txvbqb8y",
+						className: "txvbqb19cd txvbqb9j",
 						children: e.description
 					})]
 				})]
@@ -54,11 +54,11 @@ var _ = /* @__PURE__ */ d(g, {
 									children: e.label
 								}),
 								n && /* @__PURE__ */ d("span", {
-									className: "txvbqbva3 txvbqb8y txvbqbfb7 txvbqbl87",
+									className: "txvbqb19cd txvbqb9j txvbqbm7a txvbqbutu",
 									children: e.description
 								}),
 								r && /* @__PURE__ */ d("span", {
-									className: "txvbqbva3 txvbqb8p txvbqbamg txvbqb66 txvbqbeep",
+									className: "txvbqb19cd txvbqb96 txvbqbfcn txvbqb6a txvbqbkwc",
 									children: e.metaLabel
 								})
 							]
@@ -70,7 +70,7 @@ var _ = /* @__PURE__ */ d(g, {
 	}), /* @__PURE__ */ f("div", {
 		className: e,
 		children: [v != null && /* @__PURE__ */ d("div", {
-			className: "txvbqbjbp",
+			className: "txvbqbs00",
 			children: /* @__PURE__ */ d(h, {
 				value: v.value,
 				onChange: v.onChange,

package/lib/esm/components/backoffice/hub/backofficeHubTemplate.css.js

@@ -1,6 +1,6 @@
 /* empty css                                     */
 //#region src/components/backoffice/hub/backofficeHubTemplate.css.ts
-var e = "txvbqb9ip txvbqbai7 txvbqbaoy", t = "txvbqbjbp", n = "txvbqb9ip txvbqbai7 txvbqbap7", r = "txvbqb9ip txvbqbai7 txvbqbaog", i = "txvbqb9ip txvbqbcg txvbqbaog", a = "u4nszr0 txvbqb9jg txvbqbcp txvbqbdoy txvbqbty7 txvbqbc77 txvbqb1rg txvbqbv45 txvbqb1cp txvbqb1qg txvbqbwp txvbqbva1 txvbqbaj7", o = "txvbqb9ip txvbqbai7 txvbqbany txvbqbk5y", s = "txvbqb9g txvbqbamp txvbqbv9z txvbqbfcp", c = "txvbqbva3 txvbqb8y", l = "txvbqb9iy txvbqbc1g txvbqbaog", u = "u4nszr1 txvbqb9ip txvbqbcg txvbqbaog txvbqblb7 txvbqb1rg txvbqb1cp txvbqb1qg txvbqbwp txvbqbv41 txvbqbv9z txvbqb3b txvbqbk5y txvbqb77 txvbqb6x txvbqb7k", d = "txvbqb9jg txvbqbcp txvbqbdoy txvbqbtyg txvbqbc7g txvbqb1rg txvbqbv45 txvbqbva1 txvbqbaj7", f = "txvbqb9ip txvbqbai7 txvbqbany txvbqbk5y", p = "txvbqbamp txvbqbv9z txvbqbl87", m = "txvbqbva3 txvbqb8y txvbqbfb7 txvbqbl87", h = "txvbqbva3 txvbqb8p txvbqbamg txvbqb66 txvbqbeep";
+var e = "txvbqbdr8 txvbqbf6i txvbqbfg9", t = "txvbqbs00", n = "txvbqbdr8 txvbqbf6i txvbqbfgm", r = "txvbqbdr8 txvbqbf6i txvbqbffj", i = "txvbqbdr8 txvbqbel txvbqbffj", a = "txvbqbdsb txvbqbey txvbqbjtp txvbqb17in txvbqbho2 txvbqb2g9 txvbqb196f txvbqb1uy txvbqb2et txvbqb17u txvbqb19cb txvbqbf7y txvbqbqfb", o = "txvbqbdr8 txvbqbf6i txvbqbfet txvbqbt9i", s = "txvbqba9 txvbqbfd0 txvbqb19c9 txvbqbm9g", c = "txvbqb19cd txvbqb9j", l = "txvbqbdrl txvbqbhfr txvbqbffj", u = "u4nszr0 txvbqbdr8 txvbqbel txvbqbffj txvbqbuy6 txvbqb2g9 txvbqb1uy txvbqb2et txvbqb17u txvbqb196b txvbqb19c9 txvbqb3f txvbqbt9i txvbqb7g txvbqb76 txvbqb7t", d = "txvbqbdsb txvbqbey txvbqbjtp txvbqb17j0 txvbqbhof txvbqb2g9 txvbqb196f txvbqb19cb txvbqbf7y", f = "txvbqbdr8 txvbqbf6i txvbqbfet txvbqbt9i", p = "txvbqbfd0 txvbqb19c9 txvbqbutu", m = "txvbqb19cd txvbqb9j txvbqbm7a txvbqbutu", h = "txvbqb19cd txvbqb96 txvbqbfcn txvbqb6a txvbqbkwc";
 //#endregion
 export { e as content, l as grid, r as group, c as groupDescription, i as groupHeader, o as groupHeading, a as groupIcon, s as groupTitle, n as groups, u as item, f as itemContent, m as itemDescription, d as itemIcon, h as itemMeta, p as itemTitle, t as search };
 

package/lib/esm/components/backoffice/hub/backofficeHubTemplate.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeHubTemplate.css.js","names":[],"sources":["../../../../../src/components/backoffice/hub/backofficeHubTemplate.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nexport const content = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 5,\n});\n\nexport const search = sprinkles({\n  maxWidth: '2xl',\n});\n\nexport const groups = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 6,\n});\n\nexport const group = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const groupHeader = sprinkles({\n  display: 'flex',\n  alignItems: 'flex-start',\n  gap: 3,\n});\n\nexport const groupIcon = style([\n  sprinkles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 8,\n    height: 8,\n    borderRadius: 'md',\n    backgroundColor: 'surfaceMuted',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderSubtle',\n    color: 'textSecondary',\n    flexShrink: 0,\n  }),\n  {\n    marginTop: '1px',\n  },\n]);\n\nexport const groupHeading = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  minWidth: 0,\n});\n\nexport const groupTitle = sprinkles({\n  fontSize: 'lg',\n  fontWeight: 'semibold',\n  color: 'text',\n  margin: 0,\n});\n\nexport const groupDescription = sprinkles({\n  color: 'textMuted',\n  fontSize: 'sm',\n});\n\nexport const grid = sprinkles({\n  display: 'grid',\n  gridTemplateColumns: 'autoFitMinmax260',\n  gap: 3,\n});\n\nexport const item = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'flex-start',\n    gap: 3,\n    padding: 3,\n    borderRadius: 'md',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderSubtle',\n    backgroundColor: 'surface',\n    color: 'text',\n    textDecoration: 'none',\n    minWidth: 0,\n    transitionProperty: 'default',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    minHeight: '92px',\n    selectors: {\n      '&:hover': {\n        borderColor: vars.colors.border,\n        backgroundColor: vars.colors.surfaceMuted,\n        transform: 'translateY(-1px)',\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n\nexport const itemIcon = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 9,\n  height: 9,\n  borderRadius: 'md',\n  backgroundColor: 'surfaceMuted',\n  color: 'textSecondary',\n  flexShrink: 0,\n});\n\nexport const itemContent = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  minWidth: 0,\n});\n\nexport const itemTitle = sprinkles({\n  fontWeight: 'semibold',\n  color: 'text',\n  overflowWrap: 'anywhere',\n});\n\nexport const itemDescription = sprinkles({\n  color: 'textMuted',\n  fontSize: 'sm',\n  lineHeight: 'normal',\n  overflowWrap: 'anywhere',\n});\n\nexport const itemMeta = sprinkles({\n  color: 'textMuted',\n  fontSize: 'xs',\n  fontWeight: 'medium',\n  textTransform: 'uppercase',\n  letterSpacing: 'wide',\n});\n"],"mappings":""}
+{"version":3,"file":"backofficeHubTemplate.css.js","names":[],"sources":["../../../../../src/components/backoffice/hub/backofficeHubTemplate.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nexport const content = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 5,\n});\n\nexport const search = sprinkles({\n  maxWidth: '2xl',\n});\n\nexport const groups = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 6,\n});\n\nexport const group = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const groupHeader = sprinkles({\n  display: 'flex',\n  alignItems: 'flex-start',\n  gap: 3,\n});\n\nexport const groupIcon = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 8,\n  height: 8,\n  borderRadius: 'md',\n  backgroundColor: 'surfaceMuted',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'borderSubtle',\n  color: 'textSecondary',\n  flexShrink: 0,\n  marginTop: 'px',\n});\n\nexport const groupHeading = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  minWidth: 0,\n});\n\nexport const groupTitle = sprinkles({\n  fontSize: 'lg',\n  fontWeight: 'semibold',\n  color: 'text',\n  margin: 0,\n});\n\nexport const groupDescription = sprinkles({\n  color: 'textMuted',\n  fontSize: 'sm',\n});\n\nexport const grid = sprinkles({\n  display: 'grid',\n  gridTemplateColumns: 'autoFitMinmax260',\n  gap: 3,\n});\n\nexport const item = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'flex-start',\n    gap: 3,\n    padding: 3,\n    borderRadius: 'md',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderSubtle',\n    backgroundColor: 'surface',\n    color: 'text',\n    textDecoration: 'none',\n    minWidth: 0,\n    transitionProperty: 'default',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    minHeight: '92px',\n    selectors: {\n      '&:hover': {\n        borderColor: vars.colors.border,\n        backgroundColor: vars.colors.surfaceMuted,\n        transform: 'translateY(-1px)',\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n\nexport const itemIcon = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 9,\n  height: 9,\n  borderRadius: 'md',\n  backgroundColor: 'surfaceMuted',\n  color: 'textSecondary',\n  flexShrink: 0,\n});\n\nexport const itemContent = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  minWidth: 0,\n});\n\nexport const itemTitle = sprinkles({\n  fontWeight: 'semibold',\n  color: 'text',\n  overflowWrap: 'anywhere',\n});\n\nexport const itemDescription = sprinkles({\n  color: 'textMuted',\n  fontSize: 'sm',\n  lineHeight: 'normal',\n  overflowWrap: 'anywhere',\n});\n\nexport const itemMeta = sprinkles({\n  color: 'textMuted',\n  fontSize: 'xs',\n  fontWeight: 'medium',\n  textTransform: 'uppercase',\n  letterSpacing: 'wide',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/layout/backofficeSidebarActions.css.js

@@ -1,6 +1,6 @@
 /* empty css                                        */
 //#region src/components/backoffice/layout/backofficeSidebarActions.css.ts
-var e = "_1xws1b00 txvbqb9jg txvbqbcp txvbqbdoy txvbqbtxp txvbqbc6p txvbqb1rg txvbqb12g txvbqb1py txvbqblag txvbqbv0t txvbqbva1 txvbqbv txvbqb78 txvbqb6x txvbqb7k";
+var e = "_1xws1b00 qbwcuej qbwcueh txvbqbdsb txvbqbey txvbqbjtp txvbqb1g5 txvbqb2e3 txvbqb2g9 txvbqb1933 txvbqb19cb txvbqbv txvbqbux3 txvbqb7h txvbqb76 txvbqb7t qbwcuei txvbqb1aey txvbqb1bsa qbwcue4 txvbqb1c2w txvbqb1c9c qbwcue0 txvbqb1cb0 txvbqb1cws txvbqb17hx txvbqbhnc";
 //#endregion
 export { e as actionButton };
 

package/lib/esm/components/backoffice/layout/backofficeSidebarActions.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeSidebarActions.css.js","names":[],"sources":["../../../../../src/components/backoffice/layout/backofficeSidebarActions.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nexport const actionButton = style([\n  sprinkles({\n    display: 'inline-flex',\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: 'pointer',\n    transitionProperty: 'colors',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        backgroundColor: vars.colors.surfaceMuted,\n        color: vars.colors.text,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors['blue-500']}`,\n        outlineOffset: 2,\n      },\n    },\n  },\n]);\n"],"mappings":""}
+{"version":3,"file":"backofficeSidebarActions.css.js","names":[],"sources":["../../../../../src/components/backoffice/layout/backofficeSidebarActions.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { ghostIconButton } from '@plumile/ui/theme/styleRecipes.css.js';\n\nexport const actionButton = style([\n  ghostIconButton,\n  sprinkles({\n    width: 6,\n    height: 6,\n  }),\n]);\n"],"mappings":""}

package/lib/esm/components/backoffice/layout/breadcrumb/BackofficeTopbarBreadcrumb.js

@@ -31,13 +31,13 @@ var g = (e) => {
 			children: [/* @__PURE__ */ p("li", {
 				className: o,
 				children: [x && /* @__PURE__ */ f("span", {
-					className: "_80s44h3 _80s44h1 txvbqb9jg txvbqbcp txvbqbdoy txvbqbty7 txvbqbc77 txvbqb1rg txvbqbva1 txvbqb77 txvbqb6x txvbqb7k txvbqbv45 txvbqbv9z",
+					className: "_80s44h1 _80s44h0 qbwcuej qbwcueh txvbqbdsb txvbqbey txvbqbjtp txvbqb1g5 txvbqb2e3 txvbqb2g9 txvbqb1933 txvbqb19cb txvbqbv txvbqbux3 txvbqb7h txvbqb76 txvbqb7t qbwcuei txvbqb1aey txvbqb1bsa qbwcue4 txvbqb1c2w txvbqb1c9c qbwcue0 txvbqb1cb0 txvbqb1cws qbwcuex qbwcuer txvbqbf7y txvbqbm67 qbwcue11 qbwcuev txvbqb17in txvbqbho2 txvbqbtce txvbqbscn txvbqb3f txvbqb196f txvbqb19c9",
 					"aria-current": "page",
 					title: b,
 					children: w
 				}), !x && /* @__PURE__ */ f(m, {
 					to: y,
-					className: "_80s44h2 _80s44h1 txvbqb9jg txvbqbcp txvbqbdoy txvbqbty7 txvbqbc77 txvbqb1rg txvbqbva1 txvbqb77 txvbqb6x txvbqb7k",
+					className: "_80s44h0 qbwcuej qbwcueh txvbqbdsb txvbqbey txvbqbjtp txvbqb1g5 txvbqb2e3 txvbqb2g9 txvbqb1933 txvbqb19cb txvbqbv txvbqbux3 txvbqb7h txvbqb76 txvbqb7t qbwcuei txvbqb1aey txvbqb1bsa qbwcue4 txvbqb1c2w txvbqb1c9c qbwcue0 txvbqb1cb0 txvbqb1cws qbwcuex qbwcuer txvbqbf7y txvbqbm67 qbwcue11 qbwcuev txvbqb17in txvbqbho2 txvbqbtce txvbqbscn txvbqb3f",
 					"aria-label": b,
 					title: b,
 					children: w

package/lib/esm/components/backoffice/layout/breadcrumb/backofficeTopbarBreadcrumb.css.js

@@ -1,6 +1,7 @@
+/* empty css                                                                 */
 /* empty css                                          */
 //#region src/components/backoffice/layout/breadcrumb/backofficeTopbarBreadcrumb.css.ts
-var e = "txvbqb9jg txvbqbcp", t = "_80s44h0 txvbqb9jg txvbqbcp txvbqbao7", n = "txvbqb9jg txvbqbcp txvbqbao7", r = "txvbqbva1 txvbqb8y txvbqbfb7", i = "_80s44h2 _80s44h1 txvbqb9jg txvbqbcp txvbqbdoy txvbqbty7 txvbqbc77 txvbqb1rg txvbqbva1 txvbqb77 txvbqb6x txvbqb7k", a = "_80s44h3 _80s44h1 txvbqb9jg txvbqbcp txvbqbdoy txvbqbty7 txvbqbc77 txvbqb1rg txvbqbva1 txvbqb77 txvbqb6x txvbqb7k txvbqbv45 txvbqbv9z", o = "_80s44h4", s = "_80s44h5 txvbqbva1 txvbqb8y txvbqbfb7", c = "txvbqbv9z txvbqb8y txvbqbfb7 txvbqbamp";
+var e = "txvbqbdsb txvbqbey", t = "txvbqbdsb txvbqbey txvbqbff6 txvbqbm9g txvbqbux3 txvbqbm8d", n = "txvbqbdsb txvbqbey txvbqbff6", r = "txvbqb19cb txvbqb9j txvbqbm7a", i = "_80s44h0 qbwcuej qbwcueh txvbqbdsb txvbqbey txvbqbjtp txvbqb1g5 txvbqb2e3 txvbqb2g9 txvbqb1933 txvbqb19cb txvbqbv txvbqbux3 txvbqb7h txvbqb76 txvbqb7t qbwcuei txvbqb1aey txvbqb1bsa qbwcue4 txvbqb1c2w txvbqb1c9c qbwcue0 txvbqb1cb0 txvbqb1cws qbwcuex qbwcuer txvbqbf7y txvbqbm67 qbwcue11 qbwcuev txvbqb17in txvbqbho2 txvbqbtce txvbqbscn txvbqb3f", a = "_80s44h1 _80s44h0 qbwcuej qbwcueh txvbqbdsb txvbqbey txvbqbjtp txvbqb1g5 txvbqb2e3 txvbqb2g9 txvbqb1933 txvbqb19cb txvbqbv txvbqbux3 txvbqb7h txvbqb76 txvbqb7t qbwcuei txvbqb1aey txvbqb1bsa qbwcue4 txvbqb1c2w txvbqb1c9c qbwcue0 txvbqb1cb0 txvbqb1cws qbwcuex qbwcuer txvbqbf7y txvbqbm67 qbwcue11 qbwcuev txvbqb17in txvbqbho2 txvbqbtce txvbqbscn txvbqb3f txvbqb196f txvbqb19c9", o = "_4k5f060 txvbqb1g5 txvbqb2e3 txvbqb1j txvbqbi1s txvbqbmpc txvbqbusr txvbqbux3 txvbqb11jf txvbqb17wd", s = "_80s44h2 qbwcuep qbwcuen txvbqbdsb txvbqbey txvbqbfet txvbqb19c9 txvbqb3f txvbqb7h txvbqb75 txvbqb7t qbwcueo txvbqb1czl qbwcue0 txvbqb1cb0 txvbqb1cws txvbqb19cb txvbqb9j txvbqbm7a", c = "txvbqb19c9 txvbqb9j txvbqbm7a txvbqbfd0";
 //#endregion
 export { c as current, a as homeCurrent, o as homeLabel, i as homeLink, n as item, s as link, t as list, e as nav, r as separator };
 

package/lib/esm/components/backoffice/layout/breadcrumb/backofficeTopbarBreadcrumb.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeTopbarBreadcrumb.css.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/backofficeTopbarBreadcrumb.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\nimport { style } from '@vanilla-extract/css';\n\nconst INLINE_FLEX = 'inline-flex' as const;\n\nexport const nav = sprinkles({\n  display: INLINE_FLEX,\n  alignItems: 'center',\n});\n\nexport const list = style([\n  sprinkles({\n    display: INLINE_FLEX,\n    alignItems: 'center',\n    gap: 2,\n  }),\n  {\n    margin: 0,\n    padding: 0,\n    listStyle: 'none',\n  },\n]);\n\nexport const item = sprinkles({\n  display: INLINE_FLEX,\n  alignItems: 'center',\n  gap: 2,\n});\n\nexport const separator = sprinkles({\n  color: 'textSecondary',\n  fontSize: 'sm',\n  lineHeight: 'normal',\n});\n\nconst homeBase = style([\n  sprinkles({\n    display: INLINE_FLEX,\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 8,\n    height: 8,\n    borderRadius: 'md',\n    color: 'textSecondary',\n    transitionProperty: 'default',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    textDecoration: 'none',\n  },\n]);\n\nexport const homeLink = style([\n  homeBase,\n  {\n    selectors: {\n      '&:hover': {\n        backgroundColor: vars.colors.surfaceMuted,\n        color: vars.colors.text,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n\nexport const homeCurrent = style([\n  homeBase,\n  sprinkles({\n    backgroundColor: 'surfaceMuted',\n    color: 'text',\n  }),\n]);\n\nexport const homeLabel = style({\n  position: 'absolute',\n  width: '1px',\n  height: '1px',\n  padding: 0,\n  margin: '-1px',\n  overflow: 'hidden',\n  clip: 'rect(0, 0, 0, 0)',\n  whiteSpace: 'nowrap',\n  border: 0,\n});\n\nexport const link = style([\n  sprinkles({\n    color: 'textSecondary',\n    fontSize: 'sm',\n    lineHeight: 'normal',\n  }),\n  {\n    textDecoration: 'none',\n    selectors: {\n      '&:hover': {\n        textDecoration: 'underline',\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n\nexport const current = sprinkles({\n  color: 'text',\n  fontSize: 'sm',\n  lineHeight: 'normal',\n  fontWeight: 'semibold',\n});\n"],"mappings":""}
+{"version":3,"file":"backofficeTopbarBreadcrumb.css.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/backofficeTopbarBreadcrumb.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport {\n  entityReferenceLink,\n  ghostIconButton,\n  iconBox,\n} from '@plumile/ui/theme/styleRecipes.css.js';\nimport { visuallyHidden } from '@plumile/ui/theme/accessibility.css.js';\n\nconst INLINE_FLEX = 'inline-flex' as const;\n\nexport const nav = sprinkles({\n  display: INLINE_FLEX,\n  alignItems: 'center',\n});\n\nexport const list = sprinkles({\n  display: INLINE_FLEX,\n  alignItems: 'center',\n  gap: 2,\n  margin: 0,\n  padding: 0,\n  listStyleType: 'none',\n});\n\nexport const item = sprinkles({\n  display: INLINE_FLEX,\n  alignItems: 'center',\n  gap: 2,\n});\n\nexport const separator = sprinkles({\n  color: 'textSecondary',\n  fontSize: 'sm',\n  lineHeight: 'normal',\n});\n\nconst homeBase = style([\n  ghostIconButton,\n  iconBox({ size: 'lg' }),\n  sprinkles({\n    textDecoration: 'none',\n  }),\n]);\n\nexport const homeLink = homeBase;\n\nexport const homeCurrent = style([\n  homeBase,\n  sprinkles({\n    backgroundColor: 'surfaceMuted',\n    color: 'text',\n  }),\n]);\n\nexport const homeLabel = visuallyHidden;\n\nexport const link = style([\n  entityReferenceLink,\n  sprinkles({\n    color: 'textSecondary',\n    fontSize: 'sm',\n    lineHeight: 'normal',\n  }),\n]);\n\nexport const current = sprinkles({\n  color: 'text',\n  fontSize: 'sm',\n  lineHeight: 'normal',\n  fontWeight: 'semibold',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/links/BackofficeLinkContent.js

@@ -5,7 +5,7 @@ var i = ({ icon: i, label: a, showIcon: o = !0, endAdornment: s }) => /* @__PURE
 	className: e,
 	children: [
 		o && i != null && /* @__PURE__ */ n("span", {
-			className: "_1ev5hus0 txvbqb9jg txvbqbcp txvbqbdoy txvbqbv69",
+			className: "txvbqbdsb txvbqbey txvbqbjtp txvbqb198j txvbqbdyg txvbqb18dc txvbqbiir",
 			"aria-hidden": "true",
 			children: /* @__PURE__ */ n(i, {
 				width: 14,

package/lib/esm/components/backoffice/links/backofficeLink.css.js

@@ -1,6 +1,6 @@
 /* empty css                              */
 //#region src/components/backoffice/links/backofficeLink.css.ts
-var e = "txvbqb9jg txvbqbcp txvbqbany", t = "_1ev5hus0 txvbqb9jg txvbqbcp txvbqbdoy txvbqbv69", n = "_1ev5hus1";
+var e = "txvbqbdsb txvbqbey txvbqbfet", t = "txvbqbdsb txvbqbey txvbqbjtp txvbqb198j txvbqbdyg txvbqb18dc txvbqbiir", n = "txvbqbt9i";
 //#endregion
 export { e as content, t as icon, n as label };
 

package/lib/esm/components/backoffice/links/backofficeLink.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeLink.css.js","names":[],"sources":["../../../../../src/components/backoffice/links/backofficeLink.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { style } from '@vanilla-extract/css';\n\nconst INLINE_FLEX = 'inline-flex' as const;\n\nexport const content = sprinkles({\n  display: INLINE_FLEX,\n  alignItems: 'center',\n  gap: 1,\n});\n\nexport const icon = style([\n  sprinkles({\n    display: INLINE_FLEX,\n    alignItems: 'center',\n    justifyContent: 'center',\n    color: 'current',\n  }),\n  {\n    flex: '0 0 auto',\n    width: '14px',\n    height: '14px',\n  },\n]);\n\nexport const label = style({\n  minWidth: 0,\n});\n"],"mappings":""}
+{"version":3,"file":"backofficeLink.css.js","names":[],"sources":["../../../../../src/components/backoffice/links/backofficeLink.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nconst INLINE_FLEX = 'inline-flex' as const;\n\nexport const content = sprinkles({\n  display: INLINE_FLEX,\n  alignItems: 'center',\n  gap: 1,\n});\n\nexport const icon = sprinkles({\n  display: INLINE_FLEX,\n  alignItems: 'center',\n  justifyContent: 'center',\n  color: 'current',\n  flex: 'none',\n  width: 3.5,\n  height: 3.5,\n});\n\nexport const label = sprinkles({\n  minWidth: 0,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/list/RowFlagsCell.css.js

@@ -1,6 +1,6 @@
 /* empty css                            */
 //#region src/components/backoffice/list/RowFlagsCell.css.ts
-var e = "wy96wu0", t = "wy96wu1", n = "wy96wu2";
+var e = "txvbqbyns txvbqbzld txvbqb10il txvbqbvuo txvbqbjtp", t = "txvbqbdsb txvbqbey txvbqbjtp txvbqbga8 txvbqb17w0", n = "qbwcuex qbwcuer txvbqbdsb txvbqbey txvbqbjtp txvbqbf7y txvbqbm67 qbwcue11 qbwcuev txvbqb17in txvbqbho2 txvbqbtce txvbqbscn";
 //#endregion
 export { t as container, n as flag, e as rowFlagsColumnCell };
 

package/lib/esm/components/backoffice/list/RowFlagsCell.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowFlagsCell.css.js","names":[],"sources":["../../../../../src/components/backoffice/list/RowFlagsCell.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const rowFlagsColumnCell = style({\n  justifyContent: 'center',\n  padding: '0 4px',\n});\n\nexport const container = style({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  gap: 6,\n  width: '100%',\n});\n\nexport const flag = style({\n  display: 'grid',\n  placeItems: 'center',\n  width: 24,\n  height: 24,\n});\n"],"mappings":""}
+{"version":3,"file":"RowFlagsCell.css.js","names":[],"sources":["../../../../../src/components/backoffice/list/RowFlagsCell.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { iconBox } from '@plumile/ui/theme/styleRecipes.css.js';\n\nexport const rowFlagsColumnCell = sprinkles({\n  justifyContent: 'center',\n  paddingX: 1,\n  paddingY: 0,\n});\n\nexport const container = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  gap: 1.5,\n  width: 'full',\n});\n\nexport const flag = iconBox({ size: 'lg' });\n"],"mappings":""}

package/lib/esm/components/backoffice/lists/BackofficeListToolbar.js

@@ -7,22 +7,22 @@ var o = ({ activeFilters: o, className: s, density: c = "compact", filterDrawerT
 	return !g && !_ ? null : /* @__PURE__ */ a("div", {
 		className: r(e, t[c], n[d], s),
 		children: [g && /* @__PURE__ */ a("div", {
-			className: "sqlyj42 txvbqb9iy txvbqbcp txvbqbao7 txvbqbu7g",
+			className: "sqlyj42 txvbqbdrl txvbqbey txvbqbff6 txvbqb17w0",
 			children: [m && /* @__PURE__ */ a("div", {
-				className: "sqlyj43 txvbqb9ip txvbqbcp txvbqbajy txvbqbao7 txvbqbk5y",
+				className: "txvbqbdr8 txvbqbey txvbqbee txvbqbf91 txvbqbff6 txvbqbt9i txvbqb17w6",
 				children: [u, l]
 			}), h && /* @__PURE__ */ a("div", {
-				className: "sqlyj44 txvbqb9ip txvbqbcp txvbqbdp7 txvbqbajy txvbqbao7 txvbqbk5y",
+				className: "txvbqbdr8 txvbqbey txvbqbee txvbqbju2 txvbqbjup txvbqbf91 txvbqbff6 txvbqbt9i txvbqb17w6",
 				children: [f != null && /* @__PURE__ */ i("div", {
-					className: "sqlyj45 txvbqb9ip txvbqbcp txvbqbk5y",
+					className: "sqlyj43 txvbqbdr8 txvbqbey txvbqbt9i",
 					children: f
 				}), p != null && /* @__PURE__ */ i("div", {
-					className: "sqlyj46 txvbqb9ip txvbqbcp txvbqbdp7 txvbqbajy txvbqbao7",
+					className: "txvbqbdr8 txvbqbey txvbqbee txvbqbju2 txvbqbjup txvbqbf91 txvbqbff6 txvbqb17w6",
 					children: p
 				})]
 			})]
 		}), _ && /* @__PURE__ */ i("div", {
-			className: "txvbqb9ip txvbqbcp txvbqbajy txvbqbao7 txvbqbp6g txvbqb4sg txvbqb1qg txvbqb2cg",
+			className: "txvbqbdr8 txvbqbey txvbqbf91 txvbqbff6 txvbqb10jb txvbqb6tp txvbqb2et txvbqb3al",
 			children: o
 		})]
 	});

package/lib/esm/components/backoffice/lists/backofficeListToolbar.css.js

@@ -1,12 +1,12 @@
 /* empty css                                     */
 //#region src/components/backoffice/lists/backofficeListToolbar.css.ts
-var e = "txvbqb9ip txvbqbai7 txvbqbao7 txvbqbu7g", t = {
-	compact: "txvbqbao7",
-	default: "txvbqbaog"
+var e = "txvbqbdr8 txvbqbf6i txvbqbff6 txvbqb17w0", t = {
+	compact: "txvbqbff6",
+	default: "txvbqbffj"
 }, n = {
 	auto: "sqlyj40",
 	stacked: "sqlyj41"
-}, r = "sqlyj42 txvbqb9iy txvbqbcp txvbqbao7 txvbqbu7g", i = "sqlyj43 txvbqb9ip txvbqbcp txvbqbajy txvbqbao7 txvbqbk5y", a = "sqlyj44 txvbqb9ip txvbqbcp txvbqbdp7 txvbqbajy txvbqbao7 txvbqbk5y", o = "sqlyj45 txvbqb9ip txvbqbcp txvbqbk5y", s = "sqlyj46 txvbqb9ip txvbqbcp txvbqbdp7 txvbqbajy txvbqbao7", c = "txvbqb9ip txvbqbcp txvbqbajy txvbqbao7 txvbqbp6g txvbqb4sg txvbqb1qg txvbqb2cg";
+}, r = "sqlyj42 txvbqbdrl txvbqbey txvbqbff6 txvbqb17w0", i = "txvbqbdr8 txvbqbey txvbqbee txvbqbf91 txvbqbff6 txvbqbt9i txvbqb17w6", a = "txvbqbdr8 txvbqbey txvbqbee txvbqbju2 txvbqbjup txvbqbf91 txvbqbff6 txvbqbt9i txvbqb17w6", o = "sqlyj43 txvbqbdr8 txvbqbey txvbqbt9i", s = "txvbqbdr8 txvbqbey txvbqbee txvbqbju2 txvbqbjup txvbqbf91 txvbqbff6 txvbqb17w6", c = "txvbqbdr8 txvbqbey txvbqbf91 txvbqbff6 txvbqb10jb txvbqb6tp txvbqb2et txvbqb3al";
 //#endregion
 export { s as actionsGroup, c as activeFiltersRow, e as container, t as density, i as filtersGroup, r as mainRow, n as responsiveMode, a as rightGroup, o as sortGroup };
 

package/lib/esm/components/backoffice/lists/backofficeListToolbar.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeListToolbar.css.js","names":[],"sources":["../../../../../src/components/backoffice/lists/backofficeListToolbar.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nconst MOBILE_MEDIA_QUERY = 'screen and (max-width: 767px)';\nconst TABLET_MEDIA_QUERY = 'screen and (max-width: 1023px)';\n\nexport const container = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n  width: 'full',\n});\n\nexport const density = {\n  compact: sprinkles({\n    gap: 2,\n  }),\n  default: sprinkles({\n    gap: 3,\n  }),\n};\n\nexport const responsiveMode = {\n  auto: style({}),\n  stacked: style({}),\n};\n\nexport const mainRow = style([\n  sprinkles({\n    display: 'grid',\n    alignItems: 'center',\n    gap: 2,\n    width: 'full',\n  }),\n  {\n    gridTemplateColumns: 'minmax(0, 1fr) auto',\n    selectors: {\n      [`${responsiveMode.stacked} &`]: {\n        gridTemplateColumns: 'minmax(0, 1fr)',\n      },\n    },\n    '@media': {\n      [TABLET_MEDIA_QUERY]: {\n        gridTemplateColumns: 'minmax(0, 1fr)',\n      },\n    },\n  },\n]);\n\nexport const filtersGroup = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    flexWrap: 'wrap',\n    gap: 2,\n    minWidth: 0,\n  }),\n  {\n    '@media': {\n      [MOBILE_MEDIA_QUERY]: {\n        alignItems: 'stretch',\n        width: '100%',\n      },\n    },\n  },\n]);\n\nexport const rightGroup = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n    flexWrap: 'wrap',\n    gap: 2,\n    minWidth: 0,\n  }),\n  {\n    '@media': {\n      [TABLET_MEDIA_QUERY]: {\n        justifyContent: 'flex-start',\n      },\n      [MOBILE_MEDIA_QUERY]: {\n        alignItems: 'stretch',\n        width: '100%',\n      },\n    },\n  },\n]);\n\nexport const sortGroup = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    minWidth: 0,\n  }),\n  {\n    width: '11.5rem',\n    '@media': {\n      [MOBILE_MEDIA_QUERY]: {\n        width: '100%',\n      },\n    },\n  },\n]);\n\nexport const actionsGroup = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n    flexWrap: 'wrap',\n    gap: 2,\n  }),\n  {\n    '@media': {\n      [TABLET_MEDIA_QUERY]: {\n        justifyContent: 'flex-start',\n      },\n      [MOBILE_MEDIA_QUERY]: {\n        alignItems: 'stretch',\n        width: '100%',\n      },\n    },\n  },\n]);\n\nexport const activeFiltersRow = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  flexWrap: 'wrap',\n  gap: 2,\n  paddingTop: 2,\n  borderTopWidth: 'px',\n  borderStyle: 'solid',\n  borderTopColor: 'borderSubtle',\n});\n"],"mappings":""}
+{"version":3,"file":"backofficeListToolbar.css.js","names":[],"sources":["../../../../../src/components/backoffice/lists/backofficeListToolbar.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nconst MOBILE_MEDIA_QUERY = 'screen and (max-width: 767px)';\nconst TABLET_MEDIA_QUERY = 'screen and (max-width: 1023px)';\n\nexport const container = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n  width: 'full',\n});\n\nexport const density = {\n  compact: sprinkles({\n    gap: 2,\n  }),\n  default: sprinkles({\n    gap: 3,\n  }),\n};\n\nexport const responsiveMode = {\n  auto: style({}),\n  stacked: style({}),\n};\n\nexport const mainRow = style([\n  sprinkles({\n    display: 'grid',\n    alignItems: 'center',\n    gap: 2,\n    width: 'full',\n  }),\n  {\n    gridTemplateColumns: 'minmax(0, 1fr) auto',\n    selectors: {\n      [`${responsiveMode.stacked} &`]: {\n        gridTemplateColumns: 'minmax(0, 1fr)',\n      },\n    },\n    '@media': {\n      [TABLET_MEDIA_QUERY]: {\n        gridTemplateColumns: 'minmax(0, 1fr)',\n      },\n    },\n  },\n]);\n\nexport const filtersGroup = sprinkles({\n  display: 'flex',\n  alignItems: {\n    base: 'center',\n    max767: 'stretch',\n  },\n  flexWrap: 'wrap',\n  gap: 2,\n  minWidth: 0,\n  width: {\n    max767: 'full',\n  },\n});\n\nexport const rightGroup = sprinkles({\n  display: 'flex',\n  alignItems: {\n    base: 'center',\n    max767: 'stretch',\n  },\n  justifyContent: {\n    base: 'flex-end',\n    max1023: 'flex-start',\n  },\n  flexWrap: 'wrap',\n  gap: 2,\n  minWidth: 0,\n  width: {\n    max767: 'full',\n  },\n});\n\nexport const sortGroup = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    minWidth: 0,\n  }),\n  {\n    width: '11.5rem',\n    '@media': {\n      [MOBILE_MEDIA_QUERY]: {\n        width: '100%',\n      },\n    },\n  },\n]);\n\nexport const actionsGroup = sprinkles({\n  display: 'flex',\n  alignItems: {\n    base: 'center',\n    max767: 'stretch',\n  },\n  justifyContent: {\n    base: 'flex-end',\n    max1023: 'flex-start',\n  },\n  flexWrap: 'wrap',\n  gap: 2,\n  width: {\n    max767: 'full',\n  },\n});\n\nexport const activeFiltersRow = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  flexWrap: 'wrap',\n  gap: 2,\n  paddingTop: 2,\n  borderTopWidth: 'px',\n  borderStyle: 'solid',\n  borderTopColor: 'borderSubtle',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/overview/backofficeOverviewLayout.css.js

@@ -1,6 +1,6 @@
 /* empty css                                        */
 //#region src/components/backoffice/overview/backofficeOverviewLayout.css.ts
-var e = "txvbqb9ip txvbqbai7 txvbqbap7", t = "txvbqb9ip txvbqbai7 txvbqbaop", n = "txvbqb9iy txvbqbbwy txvbqbap7 txvbqbcg", r = "txvbqb9ip txvbqbai7 txvbqbap7", i = "txvbqb9ip txvbqbai7 txvbqbap7";
+var e = "txvbqbdr8 txvbqbf6i txvbqbfgm", t = "txvbqbdr8 txvbqbf6i txvbqbffw", n = "txvbqbdrl txvbqbh7t txvbqbfgm txvbqbel", r = "txvbqbdr8 txvbqbf6i txvbqbfgm", i = "txvbqbdr8 txvbqbf6i txvbqbfgm";
 //#endregion
 export { i as aside, e as container, n as content, r as primary, t as summary };
 

package/lib/esm/components/backoffice/pickers/entityIdPickerDialog.css.js

@@ -1,6 +1,6 @@
 /* empty css                                    */
 //#region src/components/backoffice/pickers/entityIdPickerDialog.css.ts
-var e = "txvbqb9ip txvbqbai7 txvbqbaog", t = "txvbqbnvg txvbqboip txvbqbp6p txvbqblyg txvbqbva1 txvbqb8y txvbqbt6y", n = "txvbqbnw7 txvbqbojg txvbqbp6y txvbqblyp txvbqb9ip txvbqbcp txvbqbdoy txvbqbao7 txvbqbva1", r = "txvbqb8y txvbqbva1", i = "_10f5c550 txvbqb9ip txvbqbai7 txvbqbl7g txvbqb1rp txvbqb1cp txvbqb1qg txvbqbwp txvbqbv41", a = "_10f5c551 txvbqbnw7 txvbqbojg txvbqbps7 txvbqbmjy txvbqb6 txvbqb9i7 txvbqbu7g txvbqb12g txvbqbv41 txvbqbv9z txvbqbv txvbqbt6p txvbqb78 txvbqb6w txvbqb7k", o = "txvbqb9ip txvbqbao7 txvbqbcp txvbqbk5y", s = "txvbqb9my txvbqbk5y txvbqb9ip txvbqbai7 txvbqbt6p", c = "txvbqbv9z txvbqbamg txvbqb97 txvbqbf4y txvbqbl7g txvbqbt7g txvbqbuxg", l = "txvbqbva1 txvbqb8y txvbqbf4y txvbqbl7g txvbqbt7g txvbqbuxg", u = "txvbqbva3 txvbqb8p txvbqbf4y txvbqbuxg";
+var e = "txvbqbdr8 txvbqbf6i txvbqbffj", t = "txvbqbynf txvbqbzl0 txvbqb10jo txvbqbvvr txvbqb19cb txvbqb9j txvbqb16fa", n = "txvbqbyoi txvbqbzm3 txvbqb10k1 txvbqbvw4 txvbqbdr8 txvbqbey txvbqbjtp txvbqbff6 txvbqb19cb", r = "txvbqb9j txvbqb19cb", i = "_10f5c550 txvbqbdr8 txvbqbf6i txvbqbusr txvbqb2gm txvbqb1uy txvbqb2et txvbqb17u txvbqb196b", a = "_10f5c551 txvbqbyoi txvbqbzm3 txvbqb11eq txvbqbwqt txvbqb6 txvbqbdqi txvbqb17w0 txvbqb1g5 txvbqb196b txvbqb19c9 txvbqbv txvbqb16ex txvbqb7h txvbqb75 txvbqb7t", o = "txvbqbdr8 txvbqbff6 txvbqbey txvbqbt9i", s = "txvbqbdxd txvbqbt9i txvbqbdr8 txvbqbf6i txvbqb16ex", c = "txvbqb19c9 txvbqbfcn txvbqb9w txvbqbly9 txvbqbusr txvbqb16g0 txvbqb18xk", l = "txvbqb19cb txvbqb9j txvbqbly9 txvbqbusr txvbqb16g0 txvbqb18xk", u = "txvbqb19cd txvbqb96 txvbqbly9 txvbqb18xk";
 //#endregion
 export { e as layout, i as list, a as listItem, r as loadingLabel, n as loadingState, o as row, u as rowMeta, l as rowSubtitle, s as rowText, c as rowTitle, t as searchRequiredMessage };
 

package/lib/esm/components/backoffice/pickers/entityIdPickerDialog.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"entityIdPickerDialog.css.js","names":[],"sources":["../../../../../src/components/backoffice/pickers/entityIdPickerDialog.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nexport const layout = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const searchRequiredMessage = sprinkles({\n  color: 'textSecondary',\n  fontSize: 'sm',\n  textAlign: 'center',\n  paddingY: 3,\n  paddingX: 0,\n});\n\nexport const loadingState = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  gap: 2,\n  paddingY: 4,\n  paddingX: 3,\n  color: 'textSecondary',\n});\n\nexport const loadingLabel = sprinkles({\n  fontSize: 'sm',\n  color: 'textSecondary',\n});\n\nexport const list = style([\n  sprinkles({\n    display: 'flex',\n    flexDirection: 'column',\n    overflow: 'hidden',\n    borderRadius: 'lg',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderSubtle',\n    backgroundColor: 'surface',\n  }),\n  {\n    selectors: {\n      '&:empty': {\n        display: 'none',\n      },\n    },\n  },\n]);\n\nexport const listItem = style([\n  sprinkles({\n    appearance: 'none',\n    display: 'block',\n    width: 'full',\n    paddingX: 3,\n    paddingY: 2.5,\n    borderWidth: 0,\n    backgroundColor: 'surface',\n    color: 'text',\n    cursor: 'pointer',\n    textAlign: 'left',\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    minHeight: '3.25rem',\n    selectors: {\n      '& + &': {\n        borderTop: `1px solid ${vars.colors.borderSubtle}`,\n      },\n      '&:hover': {\n        backgroundColor: vars.colors.surfaceMuted,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '-2px',\n      },\n    },\n  },\n]);\n\nexport const row = sprinkles({\n  display: 'flex',\n  gap: 2,\n  alignItems: 'center',\n  minWidth: 0,\n});\n\nexport const rowText = sprinkles({\n  flex: 1,\n  minWidth: 0,\n  display: 'flex',\n  flexDirection: 'column',\n  textAlign: 'left',\n});\n\nexport const rowTitle = sprinkles({\n  color: 'text',\n  fontWeight: 'medium',\n  fontSize: 'base',\n  lineHeight: 1.2,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n});\n\nexport const rowSubtitle = sprinkles({\n  color: 'textSecondary',\n  fontSize: 'sm',\n  lineHeight: 1.2,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n});\n\nexport const rowMeta = sprinkles({\n  color: 'textMuted',\n  fontSize: 'xs',\n  lineHeight: 1.2,\n  whiteSpace: 'nowrap',\n});\n"],"mappings":""}
+{"version":3,"file":"entityIdPickerDialog.css.js","names":[],"sources":["../../../../../src/components/backoffice/pickers/entityIdPickerDialog.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nexport const layout = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const searchRequiredMessage = sprinkles({\n  color: 'textSecondary',\n  fontSize: 'sm',\n  textAlign: 'center',\n  paddingY: 3,\n  paddingX: 0,\n});\n\nexport const loadingState = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  gap: 2,\n  paddingY: 4,\n  paddingX: 3,\n  color: 'textSecondary',\n});\n\nexport const loadingLabel = sprinkles({\n  fontSize: 'sm',\n  color: 'textSecondary',\n});\n\nexport const list = style([\n  sprinkles({\n    display: 'flex',\n    flexDirection: 'column',\n    overflow: 'hidden',\n    borderRadius: 'lg',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderSubtle',\n    backgroundColor: 'surface',\n  }),\n  {\n    selectors: {\n      '&:empty': {\n        display: 'none',\n      },\n    },\n  },\n]);\n\nexport const listItem = style([\n  sprinkles({\n    appearance: 'none',\n    display: 'block',\n    width: 'full',\n    paddingX: 3,\n    paddingY: 2.5,\n    borderWidth: 0,\n    backgroundColor: 'surface',\n    color: 'text',\n    cursor: 'pointer',\n    textAlign: 'left',\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    minHeight: '3.25rem',\n    selectors: {\n      '& + &': {\n        borderTop: `1px solid ${vars.colors.borderSubtle}`,\n      },\n      '&:hover': {\n        backgroundColor: vars.colors.surfaceMuted,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '-2px',\n      },\n    },\n  },\n]);\n\nexport const row = sprinkles({\n  display: 'flex',\n  gap: 2,\n  alignItems: 'center',\n  minWidth: 0,\n});\n\nexport const rowText = sprinkles({\n  flex: 1,\n  minWidth: 0,\n  display: 'flex',\n  flexDirection: 'column',\n  textAlign: 'left',\n});\n\nexport const rowTitle = sprinkles({\n  color: 'text',\n  fontWeight: 'medium',\n  fontSize: 'base',\n  lineHeight: 1.2,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n});\n\nexport const rowSubtitle = sprinkles({\n  color: 'textSecondary',\n  fontSize: 'sm',\n  lineHeight: 1.2,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n});\n\nexport const rowMeta = sprinkles({\n  color: 'textMuted',\n  fontSize: 'xs',\n  lineHeight: 1.2,\n  whiteSpace: 'nowrap',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/refs/backofficeEntityIdRef.css.js

@@ -1,6 +1,6 @@
 /* empty css                                     */
 //#region src/components/backoffice/refs/backofficeEntityIdRef.css.ts
-var e = "_1acv5pt0 txvbqb9jg txvbqbcp txvbqbany txvbqbv9z txvbqb3b";
+var e = "qbwcuep qbwcuen txvbqbdsb txvbqbey txvbqbfet txvbqb19c9 txvbqb3f txvbqb7h txvbqb75 txvbqb7t qbwcueo txvbqb1czl qbwcue0 txvbqb1cb0 txvbqb1cws";
 //#endregion
 export { e as link };
 

package/lib/esm/components/backoffice/refs/backofficeEntityIdRef.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeEntityIdRef.css.js","names":[],"sources":["../../../../../src/components/backoffice/refs/backofficeEntityIdRef.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const link = style([\n  sprinkles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: 1,\n    color: 'text',\n    textDecoration: 'none',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        textDecoration: 'underline',\n      },\n    },\n  },\n]);\n"],"mappings":""}
+{"version":3,"file":"backofficeEntityIdRef.css.js","names":[],"sources":["../../../../../src/components/backoffice/refs/backofficeEntityIdRef.css.ts"],"sourcesContent":["import { entityReferenceLink } from '@plumile/ui/theme/styleRecipes.css.js';\n\nexport const link = entityReferenceLink;\n"],"mappings":""}

package/lib/esm/components/backoffice/refs/backofficeRelatedCountLink.css.js

@@ -1,6 +1,6 @@
 /* empty css                                          */
 //#region src/components/backoffice/refs/backofficeRelatedCountLink.css.ts
-var e = "kk18lv0 txvbqbnvy txvbqboj7 txvbqbp67 txvbqblxy txvbqb9jg txvbqbcp txvbqbdoy txvbqbany txvbqbk87 txvbqbv9z txvbqbv43 txvbqbwp txvbqb1qg txvbqb1dg txvbqb1t7 txvbqbamp txvbqbfag txvbqb3b txvbqb78 txvbqb6w txvbqb7k", t = "txvbqbk6g txvbqbt6y txvbqbakg", n = "kk18lv1 txvbqbaj7 txvbqbva1 txvbqb8y txvbqbfag txvbqb78 txvbqb6w txvbqb7k";
+var e = "qbwcuem qbwcuek txvbqbyo5 txvbqbzlq txvbqb10iy txvbqbvv1 txvbqbdsb txvbqbey txvbqbjtp txvbqbfet txvbqbtcr txvbqb19c9 txvbqb196d txvbqb17u txvbqb2et txvbqb1w1 txvbqb2is txvbqbfd0 txvbqbm67 txvbqb3f txvbqb7g txvbqb75 txvbqb7t qbwcuel txvbqb1bw9 txvbqb1aeh txvbqb1b5d txvbqb1b7d qbwcue0 txvbqb1cb0 txvbqb1cws", t = "txvbqbta8 txvbqb16fa txvbqbf9r", n = "kk18lv0 txvbqbf7y txvbqb19cb txvbqb9j txvbqbm67 txvbqb7h txvbqb75 txvbqb7t";
 //#endregion
 export { t as count, n as icon, e as link };
 

package/lib/esm/components/backoffice/refs/backofficeRelatedCountLink.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeRelatedCountLink.css.js","names":[],"sources":["../../../../../src/components/backoffice/refs/backofficeRelatedCountLink.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\nimport { style } from '@vanilla-extract/css';\n\nexport const link = style([\n  sprinkles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: 1,\n    minWidth: 9,\n    paddingX: 2,\n    paddingY: 1,\n    color: 'text',\n    backgroundColor: 'surfaceSecondary',\n    borderColor: 'borderSubtle',\n    borderStyle: 'solid',\n    borderWidth: 'px',\n    borderRadius: 'full',\n    fontWeight: 'semibold',\n    lineHeight: 'none',\n    textDecoration: 'none',\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        color: vars.colors.brandPrimaryRed,\n        backgroundColor: vars.colors.surface,\n        borderColor: vars.colors.brandPrimaryRed,\n        boxShadow: vars.boxShadow.sm,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n\nexport const count = sprinkles({\n  minWidth: 2,\n  textAlign: 'center',\n  fontVariantNumeric: 'tabular-nums',\n});\n\nexport const icon = style([\n  sprinkles({\n    flexShrink: 0,\n    color: 'textSecondary',\n    fontSize: 'sm',\n    lineHeight: 'none',\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      [`${link}:hover &`]: {\n        color: vars.colors.brandPrimaryRed,\n      },\n    },\n  },\n]);\n"],"mappings":""}
+{"version":3,"file":"backofficeRelatedCountLink.css.js","names":[],"sources":["../../../../../src/components/backoffice/refs/backofficeRelatedCountLink.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { pillLink } from '@plumile/ui/theme/styleRecipes.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nexport const link = pillLink;\n\nexport const count = sprinkles({\n  minWidth: 2,\n  textAlign: 'center',\n  fontVariantNumeric: 'tabular-nums',\n});\n\nexport const icon = style([\n  sprinkles({\n    flexShrink: 0,\n    color: 'textSecondary',\n    fontSize: 'sm',\n    lineHeight: 'none',\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      [`${link}:hover &`]: {\n        color: vars.colors.brandPrimaryRed,\n      },\n    },\n  },\n]);\n"],"mappings":""}

package/lib/esm/components/backoffice/routing/backofficeContentBoundary.css.js

@@ -1,6 +1,6 @@
 /* empty css                                         */
 //#region src/components/backoffice/routing/backofficeContentBoundary.css.ts
-var e = "txvbqb9ip txvbqbai7 txvbqbjs7 txvbqbu7g txvbqbk5y";
+var e = "txvbqbdr8 txvbqbf6i txvbqbspn txvbqb17w0 txvbqbt9i";
 //#endregion
 export { e as root };
 

package/lib/esm/components/backoffice/routing/backofficeContentError.css.js

@@ -1,6 +1,6 @@
 /* empty css                                      */
 //#region src/components/backoffice/routing/backofficeContentError.css.ts
-var e = "txvbqb9ip txvbqbai7 txvbqbu7g", t = "txvbqbwy";
+var e = "txvbqbdr8 txvbqbf6i txvbqb17w0", t = "txvbqb187";
 //#endregion
 export { t as banner, e as root };
 

package/lib/esm/components/backoffice/routing/backofficeContentFallback.css.js

@@ -1,6 +1,6 @@
 /* empty css                                         */
 //#region src/components/backoffice/routing/backofficeContentFallback.css.ts
-var e = "txvbqb9ip txvbqbai7 txvbqbaop txvbqbu7g txvbqbjs7", t = "txvbqbjfg", n = "txvbqb9iy txvbqbaop txvbqbc17", r = "txvbqb9ip txvbqbai7 txvbqbaog txvbqblbg txvbqbjny txvbqb1ry txvbqb1cp txvbqb1qg txvbqbwp txvbqbv45";
+var e = "txvbqbdr8 txvbqbf6i txvbqbffw txvbqb17w0 txvbqbspn", t = "txvbqbs78", n = "txvbqbdrl txvbqbffw txvbqbhfe", r = "txvbqbdr8 txvbqbf6i txvbqbffj txvbqbuyj txvbqbsji txvbqb2gz txvbqb1uy txvbqb2et txvbqb17u txvbqb196f";
 //#endregion
 export { r as card, e as container, n as grid, t as title };
 

package/lib/esm/components/backoffice/routing/backofficeRouteFallback.css.js

@@ -1,6 +1,6 @@
 /* empty css                                       */
 //#region src/components/backoffice/routing/backofficeRouteFallback.css.ts
-var e = "txvbqb9ip txvbqbai7 txvbqbcp txvbqbdoy txvbqbk5p txvbqbu7g txvbqbaop txvbqbv43 txvbqbva1", t = "txvbqbva3";
+var e = "txvbqbdr8 txvbqbf6i txvbqbey txvbqbjtp txvbqbt95 txvbqb17w0 txvbqbffw txvbqb196d txvbqb19cb", t = "txvbqb19cd";
 //#endregion
 export { t as label, e as root };
 

package/lib/esm/components/backoffice/routing/backofficeRoutePendingBar.css.js

@@ -1,6 +1,6 @@
 /* empty css                                         */
 //#region src/components/backoffice/routing/backofficeRoutePendingBar.css.ts
-var e = "_11exksg1 txvbqbv45 txvbqbptp txvbqbt7y txvbqbdqg txvbqbl7g txvbqb2k txvbqbu7g txvbqbuwp", t = "_11exksg2 txvbqbcgg txvbqbuog";
+var e = "_11exksg1 txvbqb196f txvbqb11k5 txvbqb16gq txvbqbjxb txvbqbusr txvbqb2o txvbqb17w0 txvbqb18wh", t = "_11exksg2 txvbqbi1f txvbqb18kk";
 //#endregion
 export { t as bar, e as root };