@plumile/ui 0.1.169 → 0.1.171

package/lib/esm/atomic/molecules/markdown/components/MarkdownParagraph.css.js

@@ -1,4 +1,5 @@
 /* empty css                                         */
+/* empty css                             */
 /* empty css                                 */
 //#region src/atomic/molecules/markdown/components/MarkdownParagraph.css.ts
 var e = "_1ts0gy31 _1ts0gy30 txvbqbp6j";

package/lib/esm/atomic/molecules/markdown/components/MarkdownTaskListItem.css.js

@@ -1,5 +1,4 @@
 /* empty css                                         */
-/* empty css                             */
 /* empty css                                    */
 //#region src/atomic/molecules/markdown/components/MarkdownTaskListItem.css.ts
 var e = "ibwk7i1 ibwk7i0 txvbqbf txvbqbo6s txvbqbp66 txvbqb10m7", t = "ibwk7i2 txvbqbel txvbqbfpn txvbqbhdl", n = "ibwk7i3 txvbqbh6d txvbqbjl1 txvbqbstm txvbqb19fm";

package/lib/esm/components/layout/PageShell.css.js

@@ -1,7 +1,7 @@
 /* empty css                                   */
 /* empty css                         */
 //#region src/components/layout/PageShell.css.ts
-var e = "_1kley2d0 txvbqbfpn txvbqb19uf txvbqb1b87 txvbqb1azy", t = "_1kley2d1 txvbqb10mk txvbqb11k5 txvbqb12hq txvbqbxtt txvbqbko1 txvbqbjzr txvbqbfvs txvbqbv7x", n = "_1kley2d2 txvbqbko1 txvbqbu86 txvbqbwr6", r = "_1kley2d3 txvbqbfpn txvbqbe8 txvbqbhcv txvbqbhe8 txvbqbv7x txvbqbh4k txvbqbh57 txvbqbjzu txvbqbjzr", i = "_1kley2d4 txvbqbjzu txvbqbjzr", a = "_1kley2d5 txvbqb13ix txvbqb18f5 txvbqbko1 txvbqbh6d txvbqbfpn txvbqbwr6", o = "_1kley2d6", s = "_1kley2d7", c = "_1kley2d9 _1kley2d8 txvbqbfpn txvbqbjzu", l = "_1kley2da", u = "_1kley2db", d = "_1kley2dc txvbqbfok txvbqbfr0 txvbqbey txvbqbls4 txvbqb19hs txvbqbjn7 txvbqb2uc txvbqb2sj txvbqb28o txvbqb1cw txvbqb1b7z txvbqb1bg1 txvbqbv txvbqbh6d", f = "_1kley2de _1kley2dd txvbqbfqq txvbqbfou txvbqbey txvbqbls4 txvbqb19hs txvbqbjn7 txvbqb2uc txvbqb2sj txvbqb28o txvbqb1cw txvbqb1b7z txvbqb1bg1 txvbqbv txvbqbh6d txvbqb7g txvbqb76 txvbqb7t", p = "_1kley2df txvbqbfok txvbqbfr0 txvbqb13ja txvbqb13i4 txvbqb13jn txvbqb13l0 txvbqb18f5 txvbqb18gi txvbqb1auj txvbqbey txvbqbls4 txvbqb19hs txvbqbjn7 txvbqb2uc txvbqb2sj txvbqb28o txvbqb1cw txvbqb1b7z txvbqb1bg1 txvbqbv", m = "_1kley2dg txvbqbfvs txvbqbjzu txvbqbv7x txvbqbu86 txvbqbfpn txvbqbh4x txvbqb1b7z txvbqbwr6 txvbqb2uc txvbqb28o txvbqb2sj txvbqb1d9 txvbqbehy", h = "_1kley2dh txvbqbu86 txvbqbwr6", g = "_1kley2di txvbqbjzu txvbqbjzr", _ = "_1kley2dj txvbqbfpn txvbqbh4x txvbqbu86 txvbqbjzu txvbqbjzr", v = "_1kley2dk txvbqbfwv txvbqb1b7z txvbqb2up txvbqb28o txvbqb2sj txvbqb1d9", y = "_1kley2dl txvbqb13ix txvbqb18f5 txvbqb1atg txvbqbfpn txvbqbh4x txvbqbhdy txvbqbhdv txvbqb1b7z txvbqb1tv txvbqb2sj txvbqbal4 txvbqb6hs txvbqb10nn txvbqb10n7 txvbqb11l8 txvbqb11ks txvbqbxtt txvbqb12i3 txvbqb12i0", b = "_1kley2dn _1kley2dm txvbqbfq0 txvbqbel txvbqbheb txvbqb19uf", x = "_1kley2do txvbqbfpn txvbqbey txvbqbhdy txvbqbfvs txvbqbv7x txvbqb19uf", S = "_1kley2dp txvbqbfpn txvbqbh4x txvbqbhdl txvbqbv7x", C = "_1kley2dq txvbqbfpn txvbqbh7g txvbqbey txvbqberp txvbqb14hl txvbqbo6s txvbqbo7v txvbqbwvi txvbqb1bg3 txvbqb96", w = "_1kley2dr txvbqbfpn txvbqbey txvbqbhd8 txvbqbu0l", T = "_1kley2dt _1kley2ds txvbqb1bg1 txvbqb3f txvbqbhb2 txvbqbwr6 txvbqb18ef txvbqb1avz", E = "_1kley2du txvbqb1bg1 txvbqbhbf txvbqbwr6 txvbqb18ef txvbqb1avz", D = "_1kley2dv txvbqb1bh7 txvbqb96", O = "_1kley2dw txvbqbfpn txvbqbh7g txvbqbhdl txvbqblsh txvbqblt4 txvbqb19up", k = "_1kley2dx txvbqbfqq", A = "_1kley2dy txvbqbfvs txvbqbu86 txvbqbfpn txvbqbh4x txvbqbwqt txvbqbwwy txvbqbwwv", j = "_1kley2dz txvbqbwr6 txvbqbu86";
+var e = "_1kley2d0 txvbqbfpn txvbqb19uf txvbqb1b87 txvbqb1azy", t = "_1kley2d1 txvbqb10mk txvbqb11k5 txvbqb12hq txvbqbxtt txvbqbko1 txvbqbjzr txvbqbfvs txvbqbv7x", n = "_1kley2d2 txvbqbko1 txvbqbjzr txvbqbu86 txvbqbwr6 txvbqbws6", r = "_1kley2d3 txvbqbfpn txvbqbe8 txvbqbhcv txvbqbhe8 txvbqbv7x txvbqbh4k txvbqbh57 txvbqbjzu txvbqbjzr", i = "_1kley2d4 txvbqbjzu txvbqbjzr", a = "_1kley2d5 txvbqb13ix txvbqb18f5 txvbqbko1 txvbqbh6d txvbqbfpn txvbqbwr6", o = "_1kley2d6", s = "_1kley2d7", c = "_1kley2d9 _1kley2d8 txvbqbfpn txvbqbjzu", l = "_1kley2da", u = "_1kley2db", d = "_1kley2dc txvbqbfok txvbqbfr0 txvbqbey txvbqbls4 txvbqb19hs txvbqbjn7 txvbqb2uc txvbqb2sj txvbqb28o txvbqb1cw txvbqb1b7z txvbqb1bg1 txvbqbv txvbqbh6d", f = "_1kley2de _1kley2dd txvbqbfqq txvbqbfou txvbqbey txvbqbls4 txvbqb19hs txvbqbjn7 txvbqb2uc txvbqb2sj txvbqb28o txvbqb1cw txvbqb1b7z txvbqb1bg1 txvbqbv txvbqbh6d txvbqb7g txvbqb76 txvbqb7t", p = "_1kley2df txvbqbfok txvbqbfr0 txvbqb13ja txvbqb13i4 txvbqb13jn txvbqb13l0 txvbqb18f5 txvbqb18gi txvbqb1auj txvbqbey txvbqbls4 txvbqb19hs txvbqbjn7 txvbqb2uc txvbqb2sj txvbqb28o txvbqb1cw txvbqb1b7z txvbqb1bg1 txvbqbv", m = "_1kley2dg txvbqbfvs txvbqbjzu txvbqbv7x txvbqbu86 txvbqbfpn txvbqbh4x txvbqb1b7z txvbqbwr6 txvbqb2uc txvbqb28o txvbqb2sj txvbqb1d9 txvbqbehy", h = "_1kley2dh txvbqbu86 txvbqbwr6", g = "_1kley2di txvbqbjzu txvbqbjzr", _ = "_1kley2dj txvbqbfpn txvbqbh4x txvbqbu86 txvbqbjzu txvbqbjzr", v = "_1kley2dk txvbqbfwv txvbqb1b7z txvbqb2up txvbqb28o txvbqb2sj txvbqb1d9", y = "_1kley2dl txvbqb13ix txvbqb18f5 txvbqb1atg txvbqbfpn txvbqbh4x txvbqbhdy txvbqbhdv txvbqb1b7z txvbqb1tv txvbqb2sj txvbqbal4 txvbqb6hs txvbqb10nn txvbqb10n7 txvbqb11l8 txvbqb11ks txvbqbxtt txvbqb12i3 txvbqb12i0", b = "_1kley2dn _1kley2dm txvbqbfq0 txvbqbel txvbqbheb txvbqb19uf", x = "_1kley2do txvbqbfpn txvbqbey txvbqbhdy txvbqbfvs txvbqbv7x txvbqb19uf", S = "_1kley2dp txvbqbfpn txvbqbh4x txvbqbhdl txvbqbv7x", C = "_1kley2dq txvbqbfpn txvbqbh7g txvbqbey txvbqberp txvbqb14hl txvbqbo6s txvbqbo7v txvbqbwvi txvbqb1bg3 txvbqb96", w = "_1kley2dr txvbqbfpn txvbqbey txvbqbhd8 txvbqbu0l", T = "_1kley2dt _1kley2ds txvbqb1bg1 txvbqb3f txvbqbhb2 txvbqbwr6 txvbqb18ef txvbqb1avz", E = "_1kley2du txvbqb1bg1 txvbqbhbf txvbqbwr6 txvbqb18ef txvbqb1avz", D = "_1kley2dv txvbqb1bh7 txvbqb96", O = "_1kley2dw txvbqbfpn txvbqbh7g txvbqbhdl txvbqblsh txvbqblt4 txvbqb19up", k = "_1kley2dx txvbqbfqq", A = "_1kley2dy txvbqbfvs txvbqbu86 txvbqbfpn txvbqbh4x txvbqbwqt txvbqbwwy txvbqbwwv", j = "_1kley2dz txvbqbwuf txvbqbwsz txvbqbu86";
 //#endregion
 export { O as actionGroup, E as breadcrumbCurrent, w as breadcrumbItem, T as breadcrumbLink, C as breadcrumbList, S as breadcrumbNav, D as breadcrumbSeparator, A as content, j as contentContained, f as desktopSidebarToggle, y as header, x as headerLeading, b as headerRow, m as mainColumn, h as mainColumnContained, g as mainColumnWithSidePanel, l as mobileSidebarBackdrop, u as mobileSidebarBackdropOpen, p as mobileSidebarClose, d as mobileSidebarToggle, t as page, n as pageContained, i as pageSplitView, r as pageWithSidePanel, k as secondaryAction, e as shell, _ as sidePanel, v as sidePanelSurface, a as sidebarColumn, o as sidebarColumnMobile, s as sidebarColumnMobileOpen, c as sidebarInner };
 

package/lib/esm/components/layout/PageShell.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageShell.css.js","names":[],"sources":["../../../../src/components/layout/PageShell.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles } from '../../theme/sprinkles.css.js';\nimport { vars } from '../../theme/themeContract.css.js';\n\nconst MOBILE_MEDIA_QUERY = 'screen and (max-width: 1023px)';\n\nexport const shell = sprinkles({\n  display: 'flex',\n  width: 'full',\n  backgroundColor: 'background',\n  backgroundImage: 'pageShellSurface',\n});\n\nexport const page = sprinkles({\n  paddingLeft: 2,\n  paddingRight: 2,\n  paddingTop: 2,\n  paddingBottom: 2,\n  height: {\n    base: 'screen',\n    max1023: 'auto',\n  },\n  flex: 1,\n  minWidth: 0,\n});\n\nexport const pageContained = sprinkles({\n  height: 'screen',\n  minHeight: 0,\n  overflow: 'hidden',\n});\n\nexport const pageWithSidePanel = sprinkles({\n  display: 'flex',\n  alignItems: 'stretch',\n  gap: {\n    base: 0,\n    max1023: 3,\n  },\n  minWidth: 0,\n  flexDirection: {\n    base: 'row',\n    max1023: 'column',\n  },\n  height: {\n    base: 'full',\n    max1023: 'auto',\n  },\n});\n\nexport const pageSplitView = sprinkles({\n  height: {\n    base: 'full',\n    max1023: 'auto',\n  },\n});\n\nexport const sidebarColumn = sprinkles({\n  position: 'sticky',\n  top: 0,\n  height: 'screen',\n  flexShrink: 0,\n  display: 'flex',\n  overflow: 'hidden',\n});\n\nexport const sidebarColumnMobile = style({\n  '@media': {\n    [MOBILE_MEDIA_QUERY]: {\n      position: 'fixed',\n      top: 0,\n      left: 0,\n      bottom: 0,\n      width: '20rem',\n      maxWidth: '85vw',\n      transform: 'translateX(-100%)',\n      transitionProperty: 'transform',\n      transitionDuration: vars.transitionDuration[200],\n      transitionTimingFunction: vars.transitionTimingFunction.ease,\n      zIndex: vars.zIndex[30],\n      backgroundColor: vars.colors.surface,\n      borderRight: `1px solid ${vars.colors.borderSubtle}`,\n    },\n  },\n});\n\nexport const sidebarColumnMobileOpen = style({\n  '@media': {\n    [MOBILE_MEDIA_QUERY]: {\n      transform: 'translateX(0)',\n    },\n  },\n});\n\nexport const sidebarInner = style([\n  sprinkles({\n    display: 'flex',\n    height: 'full',\n  }),\n  {\n    '@media': {\n      [MOBILE_MEDIA_QUERY]: {\n        paddingTop: '3.75rem',\n      },\n    },\n  },\n]);\n\nexport const mobileSidebarBackdrop = style({\n  display: 'none',\n  '@media': {\n    [MOBILE_MEDIA_QUERY]: {\n      display: 'block',\n      position: 'fixed',\n      inset: 0,\n      backgroundColor: vars.colors.overlayBackdrop,\n      opacity: 0,\n      pointerEvents: 'none',\n      transitionProperty: 'opacity',\n      transitionDuration: vars.transitionDuration[200],\n      transitionTimingFunction: vars.transitionTimingFunction.ease,\n      zIndex: vars.zIndex[20],\n    },\n  },\n});\n\nexport const mobileSidebarBackdropOpen = style({\n  '@media': {\n    [MOBILE_MEDIA_QUERY]: {\n      opacity: 1,\n      pointerEvents: 'auto',\n    },\n  },\n});\n\nexport const mobileSidebarToggle = sprinkles({\n  display: {\n    base: 'none',\n    max1023: 'inline-flex',\n  },\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 10,\n  height: 10,\n  borderRadius: 'lg',\n  borderStyle: 'solid',\n  borderWidth: 'default',\n  borderColor: 'border',\n  backgroundColor: 'surface',\n  color: 'text',\n  cursor: 'pointer',\n  flexShrink: 0,\n});\n\nexport const desktopSidebarToggle = style([\n  sprinkles({\n    display: {\n      base: 'inline-flex',\n      max1023: 'none',\n    },\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 10,\n    height: 10,\n    borderRadius: 'lg',\n    borderStyle: 'solid',\n    borderWidth: 'default',\n    borderColor: 'border',\n    backgroundColor: 'surface',\n    color: 'text',\n    cursor: 'pointer',\n    flexShrink: 0,\n    transitionProperty: 'default',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        borderColor: vars.colors.tonePrimaryBorder,\n        backgroundColor: vars.colors.surfaceMuted,\n        color: vars.colors.primary,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n\nexport const mobileSidebarClose = sprinkles({\n  display: {\n    base: 'none',\n    max1023: 'inline-flex',\n  },\n  position: {\n    base: 'static',\n    max1023: 'absolute',\n  },\n  right: {\n    base: 0,\n    max1023: 3,\n  },\n  top: {\n    base: 0,\n    max1023: 3,\n  },\n  zIndex: 40,\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 10,\n  height: 10,\n  borderRadius: 'lg',\n  borderStyle: 'solid',\n  borderWidth: 'default',\n  borderColor: 'border',\n  backgroundColor: 'surface',\n  color: 'text',\n  cursor: 'pointer',\n});\n\nexport const mainColumn = sprinkles({\n  flex: 1,\n  height: 'full',\n  minWidth: 0,\n  minHeight: 0,\n  display: 'flex',\n  flexDirection: 'column',\n  backgroundColor: 'surface',\n  overflow: 'hidden',\n  borderRadius: 'lg',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'borderSubtle',\n  boxShadow: 'inkSoft',\n});\n\nexport const mainColumnContained = sprinkles({\n  minHeight: 0,\n  overflow: 'hidden',\n});\n\nexport const mainColumnWithSidePanel = sprinkles({\n  height: {\n    base: 'full',\n    max1023: 'auto',\n  },\n});\n\nexport const sidePanel = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  minHeight: 0,\n  height: {\n    base: 'full',\n    max1023: 'auto',\n  },\n});\n\nexport const sidePanelSurface = sprinkles({\n  flex: 'none',\n  backgroundColor: 'surface',\n  borderRadius: 'xl',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'borderSubtle',\n});\n\nexport const header = sprinkles({\n  position: 'sticky',\n  top: 0,\n  zIndex: 10,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: {\n    base: 3,\n    max1023: 2,\n  },\n  backgroundColor: 'surface',\n  borderWidth: 0,\n  borderStyle: 'solid',\n  borderBottomWidth: 'default',\n  borderBottomColor: 'borderSubtle',\n  paddingLeft: {\n    base: 5,\n    max1023: 3,\n  },\n  paddingRight: {\n    base: 5,\n    max1023: 3,\n  },\n  paddingBottom: 2,\n  paddingTop: {\n    base: 3,\n    max1023: 2,\n  },\n});\n\nexport const headerRow = style([\n  sprinkles({\n    display: 'grid',\n    alignItems: 'flex-start',\n    gap: 4,\n    width: 'full',\n  }),\n  {\n    gridTemplateColumns: 'minmax(0, 1fr) auto',\n    '@media': {\n      [MOBILE_MEDIA_QUERY]: {\n        gridTemplateColumns: 'minmax(0, 1fr)',\n        gap: vars.spacing[3],\n      },\n    },\n  },\n]);\n\nexport const headerLeading = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 3,\n  flex: 1,\n  minWidth: 0,\n  width: 'full',\n});\n\nexport const breadcrumbNav = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n  minWidth: 0,\n});\n\nexport const breadcrumbList = sprinkles({\n  display: 'flex',\n  flexWrap: 'wrap',\n  alignItems: 'center',\n  columnGap: 2,\n  rowGap: 1,\n  listStyleType: 'none',\n  margin: 0,\n  padding: 0,\n  color: 'textSecondary',\n  fontSize: 'xs',\n});\n\nexport const breadcrumbItem = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 1,\n  maxWidth: '12rem',\n});\n\nexport const breadcrumbLink = style([\n  sprinkles({\n    color: 'text',\n    textDecoration: 'none',\n    fontWeight: 'medium',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        color: vars.colors.toneInfoText,\n      },\n    },\n  },\n]);\n\nexport const breadcrumbCurrent = sprinkles({\n  color: 'text',\n  fontWeight: 'semibold',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n});\n\nexport const breadcrumbSeparator = sprinkles({\n  color: 'borderLight',\n  fontSize: 'xs',\n});\n\nexport const actionGroup = sprinkles({\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: 2,\n  justifyContent: {\n    base: 'flex-end',\n    max1023: 'flex-start',\n  },\n  width: {\n    max1023: 'full',\n  },\n});\n\nexport const secondaryAction = sprinkles({\n  display: 'inline-flex',\n});\n\nexport const content = sprinkles({\n  flex: 1,\n  minHeight: 0,\n  display: 'flex',\n  flexDirection: 'column',\n  overflow: 'auto',\n  padding: {\n    base: 4,\n    max1023: 3,\n  },\n});\n\nexport const contentContained = sprinkles({\n  overflow: 'hidden',\n  minHeight: 0,\n});\n"],"mappings":""}
+{"version":3,"file":"PageShell.css.js","names":[],"sources":["../../../../src/components/layout/PageShell.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles } from '../../theme/sprinkles.css.js';\nimport { vars } from '../../theme/themeContract.css.js';\n\nconst MOBILE_MEDIA_QUERY = 'screen and (max-width: 1023px)';\n\nexport const shell = sprinkles({\n  display: 'flex',\n  width: 'full',\n  backgroundColor: 'background',\n  backgroundImage: 'pageShellSurface',\n});\n\nexport const page = sprinkles({\n  paddingLeft: 2,\n  paddingRight: 2,\n  paddingTop: 2,\n  paddingBottom: 2,\n  height: {\n    base: 'screen',\n    max1023: 'auto',\n  },\n  flex: 1,\n  minWidth: 0,\n});\n\nexport const pageContained = sprinkles({\n  height: {\n    base: 'screen',\n    max1023: 'auto',\n  },\n  minHeight: 0,\n  overflow: {\n    base: 'hidden',\n    max1023: 'visible',\n  },\n});\n\nexport const pageWithSidePanel = sprinkles({\n  display: 'flex',\n  alignItems: 'stretch',\n  gap: {\n    base: 0,\n    max1023: 3,\n  },\n  minWidth: 0,\n  flexDirection: {\n    base: 'row',\n    max1023: 'column',\n  },\n  height: {\n    base: 'full',\n    max1023: 'auto',\n  },\n});\n\nexport const pageSplitView = sprinkles({\n  height: {\n    base: 'full',\n    max1023: 'auto',\n  },\n});\n\nexport const sidebarColumn = sprinkles({\n  position: 'sticky',\n  top: 0,\n  height: 'screen',\n  flexShrink: 0,\n  display: 'flex',\n  overflow: 'hidden',\n});\n\nexport const sidebarColumnMobile = style({\n  '@media': {\n    [MOBILE_MEDIA_QUERY]: {\n      position: 'fixed',\n      top: 0,\n      left: 0,\n      bottom: 0,\n      width: '20rem',\n      maxWidth: '85vw',\n      transform: 'translateX(-100%)',\n      transitionProperty: 'transform',\n      transitionDuration: vars.transitionDuration[200],\n      transitionTimingFunction: vars.transitionTimingFunction.ease,\n      zIndex: vars.zIndex[30],\n      backgroundColor: vars.colors.surface,\n      borderRight: `1px solid ${vars.colors.borderSubtle}`,\n    },\n  },\n});\n\nexport const sidebarColumnMobileOpen = style({\n  '@media': {\n    [MOBILE_MEDIA_QUERY]: {\n      transform: 'translateX(0)',\n    },\n  },\n});\n\nexport const sidebarInner = style([\n  sprinkles({\n    display: 'flex',\n    height: 'full',\n  }),\n  {\n    '@media': {\n      [MOBILE_MEDIA_QUERY]: {\n        paddingTop: '3.75rem',\n      },\n    },\n  },\n]);\n\nexport const mobileSidebarBackdrop = style({\n  display: 'none',\n  '@media': {\n    [MOBILE_MEDIA_QUERY]: {\n      display: 'block',\n      position: 'fixed',\n      inset: 0,\n      backgroundColor: vars.colors.overlayBackdrop,\n      opacity: 0,\n      pointerEvents: 'none',\n      transitionProperty: 'opacity',\n      transitionDuration: vars.transitionDuration[200],\n      transitionTimingFunction: vars.transitionTimingFunction.ease,\n      zIndex: vars.zIndex[20],\n    },\n  },\n});\n\nexport const mobileSidebarBackdropOpen = style({\n  '@media': {\n    [MOBILE_MEDIA_QUERY]: {\n      opacity: 1,\n      pointerEvents: 'auto',\n    },\n  },\n});\n\nexport const mobileSidebarToggle = sprinkles({\n  display: {\n    base: 'none',\n    max1023: 'inline-flex',\n  },\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 10,\n  height: 10,\n  borderRadius: 'lg',\n  borderStyle: 'solid',\n  borderWidth: 'default',\n  borderColor: 'border',\n  backgroundColor: 'surface',\n  color: 'text',\n  cursor: 'pointer',\n  flexShrink: 0,\n});\n\nexport const desktopSidebarToggle = style([\n  sprinkles({\n    display: {\n      base: 'inline-flex',\n      max1023: 'none',\n    },\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 10,\n    height: 10,\n    borderRadius: 'lg',\n    borderStyle: 'solid',\n    borderWidth: 'default',\n    borderColor: 'border',\n    backgroundColor: 'surface',\n    color: 'text',\n    cursor: 'pointer',\n    flexShrink: 0,\n    transitionProperty: 'default',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        borderColor: vars.colors.tonePrimaryBorder,\n        backgroundColor: vars.colors.surfaceMuted,\n        color: vars.colors.primary,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n\nexport const mobileSidebarClose = sprinkles({\n  display: {\n    base: 'none',\n    max1023: 'inline-flex',\n  },\n  position: {\n    base: 'static',\n    max1023: 'absolute',\n  },\n  right: {\n    base: 0,\n    max1023: 3,\n  },\n  top: {\n    base: 0,\n    max1023: 3,\n  },\n  zIndex: 40,\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 10,\n  height: 10,\n  borderRadius: 'lg',\n  borderStyle: 'solid',\n  borderWidth: 'default',\n  borderColor: 'border',\n  backgroundColor: 'surface',\n  color: 'text',\n  cursor: 'pointer',\n});\n\nexport const mainColumn = sprinkles({\n  flex: 1,\n  height: 'full',\n  minWidth: 0,\n  minHeight: 0,\n  display: 'flex',\n  flexDirection: 'column',\n  backgroundColor: 'surface',\n  overflow: 'hidden',\n  borderRadius: 'lg',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'borderSubtle',\n  boxShadow: 'inkSoft',\n});\n\nexport const mainColumnContained = sprinkles({\n  minHeight: 0,\n  overflow: 'hidden',\n});\n\nexport const mainColumnWithSidePanel = sprinkles({\n  height: {\n    base: 'full',\n    max1023: 'auto',\n  },\n});\n\nexport const sidePanel = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  minHeight: 0,\n  height: {\n    base: 'full',\n    max1023: 'auto',\n  },\n});\n\nexport const sidePanelSurface = sprinkles({\n  flex: 'none',\n  backgroundColor: 'surface',\n  borderRadius: 'xl',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'borderSubtle',\n});\n\nexport const header = sprinkles({\n  position: 'sticky',\n  top: 0,\n  zIndex: 10,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: {\n    base: 3,\n    max1023: 2,\n  },\n  backgroundColor: 'surface',\n  borderWidth: 0,\n  borderStyle: 'solid',\n  borderBottomWidth: 'default',\n  borderBottomColor: 'borderSubtle',\n  paddingLeft: {\n    base: 5,\n    max1023: 3,\n  },\n  paddingRight: {\n    base: 5,\n    max1023: 3,\n  },\n  paddingBottom: 2,\n  paddingTop: {\n    base: 3,\n    max1023: 2,\n  },\n});\n\nexport const headerRow = style([\n  sprinkles({\n    display: 'grid',\n    alignItems: 'flex-start',\n    gap: 4,\n    width: 'full',\n  }),\n  {\n    gridTemplateColumns: 'minmax(0, 1fr) auto',\n    '@media': {\n      [MOBILE_MEDIA_QUERY]: {\n        gridTemplateColumns: 'minmax(0, 1fr)',\n        gap: vars.spacing[3],\n      },\n    },\n  },\n]);\n\nexport const headerLeading = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 3,\n  flex: 1,\n  minWidth: 0,\n  width: 'full',\n});\n\nexport const breadcrumbNav = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n  minWidth: 0,\n});\n\nexport const breadcrumbList = sprinkles({\n  display: 'flex',\n  flexWrap: 'wrap',\n  alignItems: 'center',\n  columnGap: 2,\n  rowGap: 1,\n  listStyleType: 'none',\n  margin: 0,\n  padding: 0,\n  color: 'textSecondary',\n  fontSize: 'xs',\n});\n\nexport const breadcrumbItem = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 1,\n  maxWidth: '12rem',\n});\n\nexport const breadcrumbLink = style([\n  sprinkles({\n    color: 'text',\n    textDecoration: 'none',\n    fontWeight: 'medium',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        color: vars.colors.toneInfoText,\n      },\n    },\n  },\n]);\n\nexport const breadcrumbCurrent = sprinkles({\n  color: 'text',\n  fontWeight: 'semibold',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n});\n\nexport const breadcrumbSeparator = sprinkles({\n  color: 'borderLight',\n  fontSize: 'xs',\n});\n\nexport const actionGroup = sprinkles({\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: 2,\n  justifyContent: {\n    base: 'flex-end',\n    max1023: 'flex-start',\n  },\n  width: {\n    max1023: 'full',\n  },\n});\n\nexport const secondaryAction = sprinkles({\n  display: 'inline-flex',\n});\n\nexport const content = sprinkles({\n  flex: 1,\n  minHeight: 0,\n  display: 'flex',\n  flexDirection: 'column',\n  overflow: 'auto',\n  padding: {\n    base: 4,\n    max1023: 3,\n  },\n});\n\nexport const contentContained = sprinkles({\n  overflowX: 'hidden',\n  overflowY: 'auto',\n  minHeight: 0,\n});\n"],"mappings":""}

package/lib/types/components/layout/PageShell.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageShell.css.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/PageShell.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,KAAK,QAKhB,CAAC;AAEH,eAAO,MAAM,IAAI,QAWf,CAAC;AAEH,eAAO,MAAM,aAAa,QAIxB,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAgB5B,CAAC;AAEH,eAAO,MAAM,aAAa,QAKxB,CAAC;AAEH,eAAO,MAAM,aAAa,QAOxB,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAkB9B,CAAC;AAEH,eAAO,MAAM,uBAAuB,QAMlC,CAAC;AAEH,eAAO,MAAM,YAAY,QAYvB,CAAC;AAEH,eAAO,MAAM,qBAAqB,QAgBhC,CAAC;AAEH,eAAO,MAAM,yBAAyB,QAOpC,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAiB9B,CAAC;AAEH,eAAO,MAAM,oBAAoB,QAmC/B,CAAC;AAEH,eAAO,MAAM,kBAAkB,QA6B7B,CAAC;AAEH,eAAO,MAAM,UAAU,QAcrB,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAG9B,CAAC;AAEH,eAAO,MAAM,uBAAuB,QAKlC,CAAC;AAEH,eAAO,MAAM,SAAS,QAQpB,CAAC;AAEH,eAAO,MAAM,gBAAgB,QAO3B,CAAC;AAEH,eAAO,MAAM,MAAM,QA4BjB,CAAC;AAEH,eAAO,MAAM,SAAS,QAgBpB,CAAC;AAEH,eAAO,MAAM,aAAa,QAOxB,CAAC;AAEH,eAAO,MAAM,aAAa,QAKxB,CAAC;AAEH,eAAO,MAAM,cAAc,QAWzB,CAAC;AAEH,eAAO,MAAM,cAAc,QAKzB,CAAC;AAEH,eAAO,MAAM,cAAc,QAgBzB,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAM5B,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAG9B,CAAC;AAEH,eAAO,MAAM,WAAW,QAWtB,CAAC;AAEH,eAAO,MAAM,eAAe,QAE1B,CAAC;AAEH,eAAO,MAAM,OAAO,QAUlB,CAAC;AAEH,eAAO,MAAM,gBAAgB,QAG3B,CAAC"}
+{"version":3,"file":"PageShell.css.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/PageShell.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,KAAK,QAKhB,CAAC;AAEH,eAAO,MAAM,IAAI,QAWf,CAAC;AAEH,eAAO,MAAM,aAAa,QAUxB,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAgB5B,CAAC;AAEH,eAAO,MAAM,aAAa,QAKxB,CAAC;AAEH,eAAO,MAAM,aAAa,QAOxB,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAkB9B,CAAC;AAEH,eAAO,MAAM,uBAAuB,QAMlC,CAAC;AAEH,eAAO,MAAM,YAAY,QAYvB,CAAC;AAEH,eAAO,MAAM,qBAAqB,QAgBhC,CAAC;AAEH,eAAO,MAAM,yBAAyB,QAOpC,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAiB9B,CAAC;AAEH,eAAO,MAAM,oBAAoB,QAmC/B,CAAC;AAEH,eAAO,MAAM,kBAAkB,QA6B7B,CAAC;AAEH,eAAO,MAAM,UAAU,QAcrB,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAG9B,CAAC;AAEH,eAAO,MAAM,uBAAuB,QAKlC,CAAC;AAEH,eAAO,MAAM,SAAS,QAQpB,CAAC;AAEH,eAAO,MAAM,gBAAgB,QAO3B,CAAC;AAEH,eAAO,MAAM,MAAM,QA4BjB,CAAC;AAEH,eAAO,MAAM,SAAS,QAgBpB,CAAC;AAEH,eAAO,MAAM,aAAa,QAOxB,CAAC;AAEH,eAAO,MAAM,aAAa,QAKxB,CAAC;AAEH,eAAO,MAAM,cAAc,QAWzB,CAAC;AAEH,eAAO,MAAM,cAAc,QAKzB,CAAC;AAEH,eAAO,MAAM,cAAc,QAgBzB,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAM5B,CAAC;AAEH,eAAO,MAAM,mBAAmB,QAG9B,CAAC;AAEH,eAAO,MAAM,WAAW,QAWtB,CAAC;AAEH,eAAO,MAAM,eAAe,QAE1B,CAAC;AAEH,eAAO,MAAM,OAAO,QAUlB,CAAC;AAEH,eAAO,MAAM,gBAAgB,QAI3B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumile/ui",
-  "version": "0.1.169",
+  "version": "0.1.171",
   "description": "Shared React UI primitives and theme for Kronex applications",
   "type": "module",
   "license": "MIT",
@@ -165,7 +165,7 @@
     "tslib": "^2.8.1"
   },
   "devDependencies": {
-    "@plumile/router": "^0.1.169",
+    "@plumile/router": "^0.1.171",
     "@types/react": "19.2.17",
     "@types/react-dom": "19.2.3",
     "i18next": "26.3.1",
@@ -176,7 +176,7 @@
     "typescript": "6.0.3"
   },
   "peerDependencies": {
-    "@plumile/router": "^0.1.164",
+    "@plumile/router": "^0.1.169",
     "i18next": "^26.3.1",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",