@gnome-ui/react 1.41.0 → 1.43.0

package/dist/components/OverlaySplitView/OverlaySplitView.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverlaySplitView.module.css.js","names":[],"sources":["../../../src/components/OverlaySplitView/OverlaySplitView.module.css"],"sourcesContent":["/* ─── Root ───────────────────────────────────────────────────────────────────── */\n\n.root {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n}\n\n/* ─── Wide — side by side ────────────────────────────────────────────────────── */\n\n.wide {\n  flex-direction: row;\n}\n\n.wide.end {\n  flex-direction: row-reverse;\n}\n\n.wide .sidebar {\n  width: var(--sidebar-width, clamp(180px, 25%, 280px));\n  flex-shrink: 0;\n  overflow-y: auto;\n  transition: width 200ms var(--gnome-easing-default, ease);\n}\n\n.wide.collapsed .sidebar {\n  width: 56px;\n}\n\n.wide .content {\n  flex: 1;\n  min-width: 0;\n  overflow-y: auto;\n}\n\n/* ─── Narrow — overlay mode ──────────────────────────────────────────────────── */\n\n.narrow .content {\n  width: 100%;\n  overflow-y: auto;\n}\n\n.narrow .sidebar {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: var(--sidebar-width, clamp(180px, 75%, 280px));\n  overflow-y: auto;\n  z-index: 100;\n\n  background-color: var(--gnome-window-bg-color, #fafafa);\n  box-shadow: 2px 0 16px rgba(0, 0, 0, 0.2);\n\n  transition: transform var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease);\n}\n\n/* Start (left) sidebar */\n.narrow.start .sidebar {\n  left: 0;\n}\n\n.narrow.start .sidebarOpen  { transform: translateX(0); }\n.narrow.start .sidebarClosed { transform: translateX(-100%); }\n\n/* End (right) sidebar */\n.narrow.end .sidebar {\n  right: 0;\n}\n\n.narrow.end .sidebarOpen  { transform: translateX(0); }\n.narrow.end .sidebarClosed { transform: translateX(100%); }\n\n/* ─── Backdrop ───────────────────────────────────────────────────────────────── */\n\n.backdrop {\n  position: absolute;\n  inset: 0;\n  z-index: 99;\n  background-color: rgba(0, 0, 0, 0.35);\n\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease);\n}\n\n.backdropVisible {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .narrow .sidebar {\n    background-color: var(--gnome-window-bg-color, #242424);\n    box-shadow: 2px 0 16px rgba(0, 0, 0, 0.5);\n  }\n\n  .backdrop {\n    background-color: rgba(0, 0, 0, 0.55);\n  }\n}\n\n/* ─── Reduced motion ─────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .narrow .sidebar,\n  .backdrop {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"OverlaySplitView.module.css.js","names":[],"sources":["../../../src/components/OverlaySplitView/OverlaySplitView.module.css"],"sourcesContent":["/* ─── Root ───────────────────────────────────────────────────────────────────── */\n\n.root {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n}\n\n/* ─── Wide — side by side ────────────────────────────────────────────────────── */\n\n.wide {\n  flex-direction: row;\n}\n\n.wide.end {\n  flex-direction: row-reverse;\n}\n\n.wide .sidebar {\n  width: var(--sidebar-width, var(--gnome-layout-sidebar-width, clamp(180px, 25%, 280px)));\n  flex-shrink: 0;\n  overflow-y: auto;\n  transition: width 200ms var(--gnome-easing-default, ease);\n}\n\n.wide.collapsed .sidebar {\n  width: var(--gnome-layout-sidebar-rail-width, 56px);\n}\n\n.wide .content {\n  flex: 1;\n  min-width: 0;\n  overflow-y: auto;\n}\n\n/* ─── Narrow — overlay mode ──────────────────────────────────────────────────── */\n\n.narrow .content {\n  width: 100%;\n  overflow-y: auto;\n}\n\n.narrow .sidebar {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: var(--sidebar-width, var(--gnome-layout-sidebar-overlay-width, clamp(180px, 75%, 280px)));\n  overflow-y: auto;\n  z-index: 100;\n\n  background-color: var(--gnome-window-bg-color, #fafafa);\n  box-shadow: 2px 0 16px rgba(0, 0, 0, 0.2);\n\n  transition: transform var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease);\n}\n\n/* Start (left) sidebar */\n.narrow.start .sidebar {\n  left: 0;\n}\n\n.narrow.start .sidebarOpen  { transform: translateX(0); }\n.narrow.start .sidebarClosed { transform: translateX(-100%); }\n\n/* End (right) sidebar */\n.narrow.end .sidebar {\n  right: 0;\n}\n\n.narrow.end .sidebarOpen  { transform: translateX(0); }\n.narrow.end .sidebarClosed { transform: translateX(100%); }\n\n/* ─── Backdrop ───────────────────────────────────────────────────────────────── */\n\n.backdrop {\n  position: absolute;\n  inset: 0;\n  z-index: 99;\n  background-color: rgba(0, 0, 0, 0.35);\n\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease);\n}\n\n.backdropVisible {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .narrow .sidebar {\n    background-color: var(--gnome-window-bg-color, #242424);\n    box-shadow: 2px 0 16px rgba(0, 0, 0, 0.5);\n  }\n\n  .backdrop {\n    background-color: rgba(0, 0, 0, 0.55);\n  }\n}\n\n/* ─── Reduced motion ─────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .narrow .sidebar,\n  .backdrop {\n    transition: none;\n  }\n}\n"],"mappings":""}

package/dist/components/Sidebar/Sidebar.module.css.cjs

@@ -1,2 +1,2 @@
-var e=`_sidebar_537se_3`,t=`_section_537se_21`,n=`_sectionHeader_537se_35`,r=`_sectionHeaderIcon_537se_71`,i=`_sectionTitle_537se_78`,a=`_sectionChevron_537se_94`,o=`_sectionBody_537se_104`,s=`_sectionBodyCollapsed_537se_110`,c=`_sectionBodyInner_537se_114`,l=`_list_537se_120`,u=`_item_537se_131`,d=`_itemBtn_537se_137`,f=`_active_537se_184`,p=`_itemIcon_537se_200`,m=`_itemLabel_537se_213`,h=`_itemSuffix_537se_223`,g=`_contextMenu_537se_232`,_=`_contextMenuItem_537se_256`,v=`_contextMenuDestructive_537se_292`,y=`_searchWrap_537se_298`,b=`_variantBlue_537se_309`,x=`_variantGreen_537se_318`,S=`_variantRed_537se_327`,C=`_variantYellow_537se_336`,w=`_variantBlack_537se_345`,T=`_variantTransparent_537se_354`,E=`_variantBlurred_537se_359`,D=`_pageMode_537se_375`,O=`_dragOver_537se_382`,k=`_collapsed_537se_390`,A=`_itemCollapsed_537se_401`,j={sidebar:e,section:t,sectionHeader:n,sectionHeaderIcon:r,sectionTitle:i,sectionChevron:a,sectionBody:o,sectionBodyCollapsed:s,sectionBodyInner:c,list:l,item:u,itemBtn:d,active:f,itemIcon:p,itemLabel:m,itemSuffix:h,contextMenu:g,"menu-in":`_menu-in_537se_1`,contextMenuItem:_,contextMenuDestructive:v,searchWrap:y,variantBlue:b,variantGreen:x,variantRed:S,variantYellow:C,variantBlack:w,variantTransparent:T,variantBlurred:E,pageMode:D,dragOver:O,collapsed:k,itemCollapsed:A};exports.default=j;
+var e=`_sidebar_1sdji_3`,t=`_section_1sdji_21`,n=`_sectionHeader_1sdji_35`,r=`_sectionHeaderIcon_1sdji_71`,i=`_sectionTitle_1sdji_78`,a=`_sectionChevron_1sdji_94`,o=`_sectionBody_1sdji_104`,s=`_sectionBodyCollapsed_1sdji_110`,c=`_sectionBodyInner_1sdji_114`,l=`_list_1sdji_120`,u=`_item_1sdji_131`,d=`_itemBtn_1sdji_137`,f=`_active_1sdji_184`,p=`_itemIcon_1sdji_200`,m=`_itemLabel_1sdji_213`,h=`_itemSuffix_1sdji_223`,g=`_contextMenu_1sdji_232`,_=`_contextMenuItem_1sdji_256`,v=`_contextMenuDestructive_1sdji_292`,y=`_searchWrap_1sdji_298`,b=`_variantBlue_1sdji_309`,x=`_variantGreen_1sdji_318`,S=`_variantRed_1sdji_327`,C=`_variantYellow_1sdji_336`,w=`_variantBlack_1sdji_345`,T=`_variantTransparent_1sdji_354`,E=`_variantBlurred_1sdji_359`,D=`_pageMode_1sdji_375`,O=`_dragOver_1sdji_382`,k=`_collapsed_1sdji_390`,A=`_itemCollapsed_1sdji_401`,j={sidebar:e,section:t,sectionHeader:n,sectionHeaderIcon:r,sectionTitle:i,sectionChevron:a,sectionBody:o,sectionBodyCollapsed:s,sectionBodyInner:c,list:l,item:u,itemBtn:d,active:f,itemIcon:p,itemLabel:m,itemSuffix:h,contextMenu:g,"menu-in":`_menu-in_1sdji_1`,contextMenuItem:_,contextMenuDestructive:v,searchWrap:y,variantBlue:b,variantGreen:x,variantRed:S,variantYellow:C,variantBlack:w,variantTransparent:T,variantBlurred:E,pageMode:D,dragOver:O,collapsed:k,itemCollapsed:A};exports.default=j;
 //# sourceMappingURL=Sidebar.module.css.cjs.map

package/dist/components/Sidebar/Sidebar.module.css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.module.css.cjs","names":[],"sources":["../../../src/components/Sidebar/Sidebar.module.css"],"sourcesContent":["/* ─── Container ────────────────────────────────────────────────────────────── */\n\n.sidebar {\n  display: flex;\n  flex-direction: column;\n  width: 240px;\n  height: 100%;\n  background-color: var(--gnome-sidebar-bg-color, #ebebeb);\n  color: var(--gnome-sidebar-fg-color, rgba(0, 0, 0, 0.8));\n  border-right: 1px solid var(--gnome-headerbar-border-color, rgba(0, 0, 0, 0.12));\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: var(--gnome-space-1, 6px);\n  gap: 0;\n  transition: width 200ms var(--gnome-easing-default, ease);\n  flex-shrink: 0;\n}\n\n/* ─── Section ───────────────────────────────────────────────────────────────── */\n\n.section {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Divider between consecutive sections */\n.section + .section {\n  margin-top: var(--gnome-space-1, 6px);\n  padding-top: var(--gnome-space-1, 6px);\n  border-top: 1px solid var(--gnome-divider-color);\n}\n\n/* ─── Section header (title row, optionally a button when collapsible) ──────── */\n\n.sectionHeader {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  width: 100%;\n  margin: 4px 0 2px;\n  padding: 2px var(--gnome-space-1, 6px);\n  border-radius: var(--gnome-radius-sm, 4px);\n  background: transparent;\n  border: none;\n  font: inherit;\n  text-align: start;\n  cursor: default;\n}\n\nbutton.sectionHeader {\n  cursor: pointer;\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\nbutton.sectionHeader:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\nbutton.sectionHeader:active {\n  background-color: var(--gnome-active-overlay);\n}\n\nbutton.sectionHeader:focus-visible {\n  outline: none;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-sidebar-bg-color, #ebebeb),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      var(--gnome-focus-ring-color, #3584e4);\n}\n\n.sectionHeaderIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  opacity: 0.7;\n}\n\n.sectionTitle {\n  flex: 1;\n  min-width: 0;\n  padding: 0;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.875rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  opacity: 0.5;\n  user-select: none;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.sectionChevron {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  margin-left: auto;\n  opacity: 0.5;\n}\n\n/* ─── Collapsible section body ──────────────────────────────────────────────── */\n\n.sectionBody {\n  display: grid;\n  grid-template-rows: 1fr;\n  transition: grid-template-rows 200ms var(--gnome-easing-default, ease);\n}\n\n.sectionBodyCollapsed {\n  grid-template-rows: 0fr;\n}\n\n.sectionBodyInner {\n  overflow: hidden;\n}\n\n/* ─── List ─────────────────────────────────────────────────────────────────── */\n\n.list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n/* ─── Item wrapper ─────────────────────────────────────────────────────────── */\n\n.item {\n  display: block;\n}\n\n/* ─── Item button ──────────────────────────────────────────────────────────── */\n\n.itemBtn {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  text-align: start;\n  cursor: pointer;\n  outline: none;\n\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  width: 100%;\n  padding: 8px var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\n\n  color: var(--gnome-sidebar-fg-color, rgba(0, 0, 0, 0.8));\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.itemBtn:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.itemBtn:active {\n  background-color: var(--gnome-active-overlay);\n}\n\n.itemBtn:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-sidebar-bg-color, #ebebeb),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      var(--gnome-focus-ring-color, #3584e4);\n}\n\n.itemBtn:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Active state ─────────────────────────────────────────────────────────── */\n\n.active {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #ffffff);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n}\n\n.active:hover {\n  filter: brightness(1.08);\n}\n\n.active:active {\n  filter: brightness(0.92);\n}\n\n/* ─── Icon ─────────────────────────────────────────────────────────────────── */\n\n.itemIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  opacity: 0.85;\n}\n\n.active .itemIcon {\n  opacity: 1;\n}\n\n/* ─── Label ────────────────────────────────────────────────────────────────── */\n\n.itemLabel {\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Suffix (trailing widget) ──────────────────────────────────────────────── */\n\n.itemSuffix {\n  flex-shrink: 0;\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n}\n\n/* ─── Context menu ──────────────────────────────────────────────────────────── */\n\n.contextMenu {\n  position: fixed;\n  z-index: 10500;\n  min-width: 160px;\n\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  border: 1px solid var(--gnome-border-subtle);\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow: var(--gnome-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.15));\n  padding: 4px;\n  overflow: hidden;\n\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n\n  animation: menu-in var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes menu-in {\n  from { opacity: 0; transform: scale(0.96); }\n  to   { opacity: 1; transform: scale(1); }\n}\n\n.contextMenuItem {\n  appearance: none;\n  border: none;\n  background: transparent;\n  width: 100%;\n  text-align: start;\n  cursor: pointer;\n  outline: none;\n\n  padding: 6px var(--gnome-space-2, 12px);\n  border-radius: calc(var(--gnome-radius-md, 8px) - 4px);\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.contextMenuItem:hover:not(:disabled) {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.contextMenuItem:active:not(:disabled) {\n  background-color: var(--gnome-active-overlay);\n}\n\n.contextMenuItem:focus-visible {\n  box-shadow: inset 0 0 0 2px var(--gnome-focus-ring-color, #3584e4);\n}\n\n.contextMenuItem:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n.contextMenuDestructive {\n  color: var(--gnome-destructive-color, #e01b24);\n}\n\n/* ─── Search wrap ───────────────────────────────────────────────────────────── */\n\n.searchWrap {\n  padding-bottom: var(--gnome-space-1, 6px);\n}\n\n/* Override SearchBar min-height to keep it compact inside the sidebar */\n.searchWrap > * {\n  min-height: unset;\n}\n\n/* ─── Variants ──────────────────────────────────────────────────────────────── */\n\n.variantBlue {\n  --gnome-sidebar-bg-color: #1a4a7a;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.95);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.1);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.18);\n  --gnome-divider-color: rgba(255, 255, 255, 0.15);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.15);\n}\n\n.variantGreen {\n  --gnome-sidebar-bg-color: #1a4a2e;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.95);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.1);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.18);\n  --gnome-divider-color: rgba(255, 255, 255, 0.15);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.15);\n}\n\n.variantRed {\n  --gnome-sidebar-bg-color: #6e1414;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.95);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.1);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.18);\n  --gnome-divider-color: rgba(255, 255, 255, 0.15);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.15);\n}\n\n.variantYellow {\n  --gnome-sidebar-bg-color: #5a4500;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.95);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.1);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.18);\n  --gnome-divider-color: rgba(255, 255, 255, 0.15);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.15);\n}\n\n.variantBlack {\n  --gnome-sidebar-bg-color: #0a0a0a;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.9);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.08);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.14);\n  --gnome-divider-color: rgba(255, 255, 255, 0.1);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.1);\n}\n\n.variantTransparent {\n  --gnome-sidebar-bg-color: transparent;\n  border-right-color: var(--gnome-divider-color);\n}\n\n.variantBlurred {\n  --gnome-sidebar-bg-color: rgba(255, 255, 255, 0.55);\n  border-right-color: rgba(255, 255, 255, 0.25);\n  backdrop-filter: blur(20px) saturate(1.8);\n  -webkit-backdrop-filter: blur(20px) saturate(1.8);\n}\n\n@media (prefers-color-scheme: dark) {\n  .variantBlurred {\n    --gnome-sidebar-bg-color: rgba(30, 30, 30, 0.6);\n    border-right-color: rgba(255, 255, 255, 0.1);\n  }\n}\n\n/* ─── Page mode (full-width boxed-list layout) ──────────────────────────────── */\n\n.pageMode {\n  width: 100%;\n  border-right: none;\n}\n\n/* ─── Drag-over highlight ───────────────────────────────────────────────────── */\n\n.dragOver {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #ffffff);\n  opacity: 0.7;\n}\n\n/* ─── Collapsed (icon-only / rail) mode ────────────────────────────────────── */\n\n.collapsed {\n  width: 56px;\n  transition: width 200ms var(--gnome-easing-default, ease);\n}\n\n/* Hide section headings when collapsed */\n.collapsed .sectionTitle {\n  display: none;\n}\n\n/* Center icon when collapsed */\n.itemCollapsed {\n  justify-content: center;\n  padding-left: 0;\n  padding-right: 0;\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .sidebar {\n    border-right-width: 2px;\n  }\n\n  .section + .section {\n    border-top-width: 2px;\n  }\n\n  .contextMenu {\n    border-width: 2px;\n  }\n\n  .active {\n    outline: 2px solid var(--gnome-accent-fg-color, #ffffff);\n    outline-offset: -3px;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .itemBtn,\n  button.sectionHeader,\n  .sectionBody {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Sidebar.module.css.cjs","names":[],"sources":["../../../src/components/Sidebar/Sidebar.module.css"],"sourcesContent":["/* ─── Container ────────────────────────────────────────────────────────────── */\n\n.sidebar {\n  display: flex;\n  flex-direction: column;\n  width: var(--gnome-layout-sidebar-default-width, 240px);\n  height: 100%;\n  background-color: var(--gnome-sidebar-bg-color, #ebebeb);\n  color: var(--gnome-sidebar-fg-color, rgba(0, 0, 0, 0.8));\n  border-right: 1px solid var(--gnome-headerbar-border-color, rgba(0, 0, 0, 0.12));\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: var(--gnome-space-1, 6px);\n  gap: 0;\n  transition: width 200ms var(--gnome-easing-default, ease);\n  flex-shrink: 0;\n}\n\n/* ─── Section ───────────────────────────────────────────────────────────────── */\n\n.section {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Divider between consecutive sections */\n.section + .section {\n  margin-top: var(--gnome-space-1, 6px);\n  padding-top: var(--gnome-space-1, 6px);\n  border-top: 1px solid var(--gnome-divider-color);\n}\n\n/* ─── Section header (title row, optionally a button when collapsible) ──────── */\n\n.sectionHeader {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  width: 100%;\n  margin: 4px 0 2px;\n  padding: 2px var(--gnome-space-1, 6px);\n  border-radius: var(--gnome-radius-sm, 4px);\n  background: transparent;\n  border: none;\n  font: inherit;\n  text-align: start;\n  cursor: default;\n}\n\nbutton.sectionHeader {\n  cursor: pointer;\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\nbutton.sectionHeader:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\nbutton.sectionHeader:active {\n  background-color: var(--gnome-active-overlay);\n}\n\nbutton.sectionHeader:focus-visible {\n  outline: none;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-sidebar-bg-color, #ebebeb),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      var(--gnome-focus-ring-color, #3584e4);\n}\n\n.sectionHeaderIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  opacity: 0.7;\n}\n\n.sectionTitle {\n  flex: 1;\n  min-width: 0;\n  padding: 0;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.875rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  opacity: 0.5;\n  user-select: none;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.sectionChevron {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  margin-left: auto;\n  opacity: 0.5;\n}\n\n/* ─── Collapsible section body ──────────────────────────────────────────────── */\n\n.sectionBody {\n  display: grid;\n  grid-template-rows: 1fr;\n  transition: grid-template-rows 200ms var(--gnome-easing-default, ease);\n}\n\n.sectionBodyCollapsed {\n  grid-template-rows: 0fr;\n}\n\n.sectionBodyInner {\n  overflow: hidden;\n}\n\n/* ─── List ─────────────────────────────────────────────────────────────────── */\n\n.list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n/* ─── Item wrapper ─────────────────────────────────────────────────────────── */\n\n.item {\n  display: block;\n}\n\n/* ─── Item button ──────────────────────────────────────────────────────────── */\n\n.itemBtn {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  text-align: start;\n  cursor: pointer;\n  outline: none;\n\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  width: 100%;\n  padding: 8px var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\n\n  color: var(--gnome-sidebar-fg-color, rgba(0, 0, 0, 0.8));\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.itemBtn:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.itemBtn:active {\n  background-color: var(--gnome-active-overlay);\n}\n\n.itemBtn:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-sidebar-bg-color, #ebebeb),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      var(--gnome-focus-ring-color, #3584e4);\n}\n\n.itemBtn:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Active state ─────────────────────────────────────────────────────────── */\n\n.active {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #ffffff);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n}\n\n.active:hover {\n  filter: brightness(1.08);\n}\n\n.active:active {\n  filter: brightness(0.92);\n}\n\n/* ─── Icon ─────────────────────────────────────────────────────────────────── */\n\n.itemIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  opacity: 0.85;\n}\n\n.active .itemIcon {\n  opacity: 1;\n}\n\n/* ─── Label ────────────────────────────────────────────────────────────────── */\n\n.itemLabel {\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Suffix (trailing widget) ──────────────────────────────────────────────── */\n\n.itemSuffix {\n  flex-shrink: 0;\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n}\n\n/* ─── Context menu ──────────────────────────────────────────────────────────── */\n\n.contextMenu {\n  position: fixed;\n  z-index: 10500;\n  min-width: 160px;\n\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  border: 1px solid var(--gnome-border-subtle);\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow: var(--gnome-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.15));\n  padding: 4px;\n  overflow: hidden;\n\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n\n  animation: menu-in var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes menu-in {\n  from { opacity: 0; transform: scale(0.96); }\n  to   { opacity: 1; transform: scale(1); }\n}\n\n.contextMenuItem {\n  appearance: none;\n  border: none;\n  background: transparent;\n  width: 100%;\n  text-align: start;\n  cursor: pointer;\n  outline: none;\n\n  padding: 6px var(--gnome-space-2, 12px);\n  border-radius: calc(var(--gnome-radius-md, 8px) - 4px);\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.contextMenuItem:hover:not(:disabled) {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.contextMenuItem:active:not(:disabled) {\n  background-color: var(--gnome-active-overlay);\n}\n\n.contextMenuItem:focus-visible {\n  box-shadow: inset 0 0 0 2px var(--gnome-focus-ring-color, #3584e4);\n}\n\n.contextMenuItem:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n.contextMenuDestructive {\n  color: var(--gnome-destructive-color, #e01b24);\n}\n\n/* ─── Search wrap ───────────────────────────────────────────────────────────── */\n\n.searchWrap {\n  padding-bottom: var(--gnome-space-1, 6px);\n}\n\n/* Override SearchBar min-height to keep it compact inside the sidebar */\n.searchWrap > * {\n  min-height: unset;\n}\n\n/* ─── Variants ──────────────────────────────────────────────────────────────── */\n\n.variantBlue {\n  --gnome-sidebar-bg-color: #1a4a7a;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.95);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.1);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.18);\n  --gnome-divider-color: rgba(255, 255, 255, 0.15);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.15);\n}\n\n.variantGreen {\n  --gnome-sidebar-bg-color: #1a4a2e;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.95);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.1);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.18);\n  --gnome-divider-color: rgba(255, 255, 255, 0.15);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.15);\n}\n\n.variantRed {\n  --gnome-sidebar-bg-color: #6e1414;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.95);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.1);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.18);\n  --gnome-divider-color: rgba(255, 255, 255, 0.15);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.15);\n}\n\n.variantYellow {\n  --gnome-sidebar-bg-color: #5a4500;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.95);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.1);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.18);\n  --gnome-divider-color: rgba(255, 255, 255, 0.15);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.15);\n}\n\n.variantBlack {\n  --gnome-sidebar-bg-color: #0a0a0a;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.9);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.08);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.14);\n  --gnome-divider-color: rgba(255, 255, 255, 0.1);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.1);\n}\n\n.variantTransparent {\n  --gnome-sidebar-bg-color: transparent;\n  border-right-color: var(--gnome-divider-color);\n}\n\n.variantBlurred {\n  --gnome-sidebar-bg-color: rgba(255, 255, 255, 0.55);\n  border-right-color: rgba(255, 255, 255, 0.25);\n  backdrop-filter: blur(20px) saturate(1.8);\n  -webkit-backdrop-filter: blur(20px) saturate(1.8);\n}\n\n@media (prefers-color-scheme: dark) {\n  .variantBlurred {\n    --gnome-sidebar-bg-color: rgba(30, 30, 30, 0.6);\n    border-right-color: rgba(255, 255, 255, 0.1);\n  }\n}\n\n/* ─── Page mode (full-width boxed-list layout) ──────────────────────────────── */\n\n.pageMode {\n  width: 100%;\n  border-right: none;\n}\n\n/* ─── Drag-over highlight ───────────────────────────────────────────────────── */\n\n.dragOver {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #ffffff);\n  opacity: 0.7;\n}\n\n/* ─── Collapsed (icon-only / rail) mode ────────────────────────────────────── */\n\n.collapsed {\n  width: var(--gnome-layout-sidebar-rail-width, 56px);\n  transition: width 200ms var(--gnome-easing-default, ease);\n}\n\n/* Hide section headings when collapsed */\n.collapsed .sectionTitle {\n  display: none;\n}\n\n/* Center icon when collapsed */\n.itemCollapsed {\n  justify-content: center;\n  padding-left: 0;\n  padding-right: 0;\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .sidebar {\n    border-right-width: 2px;\n  }\n\n  .section + .section {\n    border-top-width: 2px;\n  }\n\n  .contextMenu {\n    border-width: 2px;\n  }\n\n  .active {\n    outline: 2px solid var(--gnome-accent-fg-color, #ffffff);\n    outline-offset: -3px;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .itemBtn,\n  button.sectionHeader,\n  .sectionBody {\n    transition: none;\n  }\n}\n"],"mappings":""}

package/dist/components/Sidebar/Sidebar.module.css.js

@@ -1,5 +1,5 @@
 //#region src/components/Sidebar/Sidebar.module.css
-var e = "_sidebar_537se_3", t = "_section_537se_21", n = "_sectionHeader_537se_35", r = "_sectionHeaderIcon_537se_71", i = "_sectionTitle_537se_78", a = "_sectionChevron_537se_94", o = "_sectionBody_537se_104", s = "_sectionBodyCollapsed_537se_110", c = "_sectionBodyInner_537se_114", l = "_list_537se_120", u = "_item_537se_131", d = "_itemBtn_537se_137", f = "_active_537se_184", p = "_itemIcon_537se_200", m = "_itemLabel_537se_213", h = "_itemSuffix_537se_223", g = "_contextMenu_537se_232", _ = "_contextMenuItem_537se_256", v = "_contextMenuDestructive_537se_292", y = "_searchWrap_537se_298", b = "_variantBlue_537se_309", x = "_variantGreen_537se_318", S = "_variantRed_537se_327", C = "_variantYellow_537se_336", w = "_variantBlack_537se_345", T = "_variantTransparent_537se_354", E = "_variantBlurred_537se_359", D = "_pageMode_537se_375", O = "_dragOver_537se_382", k = "_collapsed_537se_390", A = "_itemCollapsed_537se_401", j = {
+var e = "_sidebar_1sdji_3", t = "_section_1sdji_21", n = "_sectionHeader_1sdji_35", r = "_sectionHeaderIcon_1sdji_71", i = "_sectionTitle_1sdji_78", a = "_sectionChevron_1sdji_94", o = "_sectionBody_1sdji_104", s = "_sectionBodyCollapsed_1sdji_110", c = "_sectionBodyInner_1sdji_114", l = "_list_1sdji_120", u = "_item_1sdji_131", d = "_itemBtn_1sdji_137", f = "_active_1sdji_184", p = "_itemIcon_1sdji_200", m = "_itemLabel_1sdji_213", h = "_itemSuffix_1sdji_223", g = "_contextMenu_1sdji_232", _ = "_contextMenuItem_1sdji_256", v = "_contextMenuDestructive_1sdji_292", y = "_searchWrap_1sdji_298", b = "_variantBlue_1sdji_309", x = "_variantGreen_1sdji_318", S = "_variantRed_1sdji_327", C = "_variantYellow_1sdji_336", w = "_variantBlack_1sdji_345", T = "_variantTransparent_1sdji_354", E = "_variantBlurred_1sdji_359", D = "_pageMode_1sdji_375", O = "_dragOver_1sdji_382", k = "_collapsed_1sdji_390", A = "_itemCollapsed_1sdji_401", j = {
 	sidebar: e,
 	section: t,
 	sectionHeader: n,
@@ -17,7 +17,7 @@ var e = "_sidebar_537se_3", t = "_section_537se_21", n = "_sectionHeader_537se_3
 	itemLabel: m,
 	itemSuffix: h,
 	contextMenu: g,
-	"menu-in": "_menu-in_537se_1",
+	"menu-in": "_menu-in_1sdji_1",
 	contextMenuItem: _,
 	contextMenuDestructive: v,
 	searchWrap: y,

package/dist/components/Sidebar/Sidebar.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.module.css.js","names":[],"sources":["../../../src/components/Sidebar/Sidebar.module.css"],"sourcesContent":["/* ─── Container ────────────────────────────────────────────────────────────── */\n\n.sidebar {\n  display: flex;\n  flex-direction: column;\n  width: 240px;\n  height: 100%;\n  background-color: var(--gnome-sidebar-bg-color, #ebebeb);\n  color: var(--gnome-sidebar-fg-color, rgba(0, 0, 0, 0.8));\n  border-right: 1px solid var(--gnome-headerbar-border-color, rgba(0, 0, 0, 0.12));\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: var(--gnome-space-1, 6px);\n  gap: 0;\n  transition: width 200ms var(--gnome-easing-default, ease);\n  flex-shrink: 0;\n}\n\n/* ─── Section ───────────────────────────────────────────────────────────────── */\n\n.section {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Divider between consecutive sections */\n.section + .section {\n  margin-top: var(--gnome-space-1, 6px);\n  padding-top: var(--gnome-space-1, 6px);\n  border-top: 1px solid var(--gnome-divider-color);\n}\n\n/* ─── Section header (title row, optionally a button when collapsible) ──────── */\n\n.sectionHeader {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  width: 100%;\n  margin: 4px 0 2px;\n  padding: 2px var(--gnome-space-1, 6px);\n  border-radius: var(--gnome-radius-sm, 4px);\n  background: transparent;\n  border: none;\n  font: inherit;\n  text-align: start;\n  cursor: default;\n}\n\nbutton.sectionHeader {\n  cursor: pointer;\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\nbutton.sectionHeader:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\nbutton.sectionHeader:active {\n  background-color: var(--gnome-active-overlay);\n}\n\nbutton.sectionHeader:focus-visible {\n  outline: none;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-sidebar-bg-color, #ebebeb),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      var(--gnome-focus-ring-color, #3584e4);\n}\n\n.sectionHeaderIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  opacity: 0.7;\n}\n\n.sectionTitle {\n  flex: 1;\n  min-width: 0;\n  padding: 0;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.875rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  opacity: 0.5;\n  user-select: none;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.sectionChevron {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  margin-left: auto;\n  opacity: 0.5;\n}\n\n/* ─── Collapsible section body ──────────────────────────────────────────────── */\n\n.sectionBody {\n  display: grid;\n  grid-template-rows: 1fr;\n  transition: grid-template-rows 200ms var(--gnome-easing-default, ease);\n}\n\n.sectionBodyCollapsed {\n  grid-template-rows: 0fr;\n}\n\n.sectionBodyInner {\n  overflow: hidden;\n}\n\n/* ─── List ─────────────────────────────────────────────────────────────────── */\n\n.list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n/* ─── Item wrapper ─────────────────────────────────────────────────────────── */\n\n.item {\n  display: block;\n}\n\n/* ─── Item button ──────────────────────────────────────────────────────────── */\n\n.itemBtn {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  text-align: start;\n  cursor: pointer;\n  outline: none;\n\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  width: 100%;\n  padding: 8px var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\n\n  color: var(--gnome-sidebar-fg-color, rgba(0, 0, 0, 0.8));\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.itemBtn:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.itemBtn:active {\n  background-color: var(--gnome-active-overlay);\n}\n\n.itemBtn:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-sidebar-bg-color, #ebebeb),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      var(--gnome-focus-ring-color, #3584e4);\n}\n\n.itemBtn:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Active state ─────────────────────────────────────────────────────────── */\n\n.active {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #ffffff);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n}\n\n.active:hover {\n  filter: brightness(1.08);\n}\n\n.active:active {\n  filter: brightness(0.92);\n}\n\n/* ─── Icon ─────────────────────────────────────────────────────────────────── */\n\n.itemIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  opacity: 0.85;\n}\n\n.active .itemIcon {\n  opacity: 1;\n}\n\n/* ─── Label ────────────────────────────────────────────────────────────────── */\n\n.itemLabel {\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Suffix (trailing widget) ──────────────────────────────────────────────── */\n\n.itemSuffix {\n  flex-shrink: 0;\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n}\n\n/* ─── Context menu ──────────────────────────────────────────────────────────── */\n\n.contextMenu {\n  position: fixed;\n  z-index: 10500;\n  min-width: 160px;\n\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  border: 1px solid var(--gnome-border-subtle);\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow: var(--gnome-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.15));\n  padding: 4px;\n  overflow: hidden;\n\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n\n  animation: menu-in var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes menu-in {\n  from { opacity: 0; transform: scale(0.96); }\n  to   { opacity: 1; transform: scale(1); }\n}\n\n.contextMenuItem {\n  appearance: none;\n  border: none;\n  background: transparent;\n  width: 100%;\n  text-align: start;\n  cursor: pointer;\n  outline: none;\n\n  padding: 6px var(--gnome-space-2, 12px);\n  border-radius: calc(var(--gnome-radius-md, 8px) - 4px);\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.contextMenuItem:hover:not(:disabled) {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.contextMenuItem:active:not(:disabled) {\n  background-color: var(--gnome-active-overlay);\n}\n\n.contextMenuItem:focus-visible {\n  box-shadow: inset 0 0 0 2px var(--gnome-focus-ring-color, #3584e4);\n}\n\n.contextMenuItem:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n.contextMenuDestructive {\n  color: var(--gnome-destructive-color, #e01b24);\n}\n\n/* ─── Search wrap ───────────────────────────────────────────────────────────── */\n\n.searchWrap {\n  padding-bottom: var(--gnome-space-1, 6px);\n}\n\n/* Override SearchBar min-height to keep it compact inside the sidebar */\n.searchWrap > * {\n  min-height: unset;\n}\n\n/* ─── Variants ──────────────────────────────────────────────────────────────── */\n\n.variantBlue {\n  --gnome-sidebar-bg-color: #1a4a7a;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.95);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.1);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.18);\n  --gnome-divider-color: rgba(255, 255, 255, 0.15);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.15);\n}\n\n.variantGreen {\n  --gnome-sidebar-bg-color: #1a4a2e;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.95);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.1);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.18);\n  --gnome-divider-color: rgba(255, 255, 255, 0.15);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.15);\n}\n\n.variantRed {\n  --gnome-sidebar-bg-color: #6e1414;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.95);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.1);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.18);\n  --gnome-divider-color: rgba(255, 255, 255, 0.15);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.15);\n}\n\n.variantYellow {\n  --gnome-sidebar-bg-color: #5a4500;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.95);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.1);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.18);\n  --gnome-divider-color: rgba(255, 255, 255, 0.15);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.15);\n}\n\n.variantBlack {\n  --gnome-sidebar-bg-color: #0a0a0a;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.9);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.08);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.14);\n  --gnome-divider-color: rgba(255, 255, 255, 0.1);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.1);\n}\n\n.variantTransparent {\n  --gnome-sidebar-bg-color: transparent;\n  border-right-color: var(--gnome-divider-color);\n}\n\n.variantBlurred {\n  --gnome-sidebar-bg-color: rgba(255, 255, 255, 0.55);\n  border-right-color: rgba(255, 255, 255, 0.25);\n  backdrop-filter: blur(20px) saturate(1.8);\n  -webkit-backdrop-filter: blur(20px) saturate(1.8);\n}\n\n@media (prefers-color-scheme: dark) {\n  .variantBlurred {\n    --gnome-sidebar-bg-color: rgba(30, 30, 30, 0.6);\n    border-right-color: rgba(255, 255, 255, 0.1);\n  }\n}\n\n/* ─── Page mode (full-width boxed-list layout) ──────────────────────────────── */\n\n.pageMode {\n  width: 100%;\n  border-right: none;\n}\n\n/* ─── Drag-over highlight ───────────────────────────────────────────────────── */\n\n.dragOver {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #ffffff);\n  opacity: 0.7;\n}\n\n/* ─── Collapsed (icon-only / rail) mode ────────────────────────────────────── */\n\n.collapsed {\n  width: 56px;\n  transition: width 200ms var(--gnome-easing-default, ease);\n}\n\n/* Hide section headings when collapsed */\n.collapsed .sectionTitle {\n  display: none;\n}\n\n/* Center icon when collapsed */\n.itemCollapsed {\n  justify-content: center;\n  padding-left: 0;\n  padding-right: 0;\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .sidebar {\n    border-right-width: 2px;\n  }\n\n  .section + .section {\n    border-top-width: 2px;\n  }\n\n  .contextMenu {\n    border-width: 2px;\n  }\n\n  .active {\n    outline: 2px solid var(--gnome-accent-fg-color, #ffffff);\n    outline-offset: -3px;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .itemBtn,\n  button.sectionHeader,\n  .sectionBody {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Sidebar.module.css.js","names":[],"sources":["../../../src/components/Sidebar/Sidebar.module.css"],"sourcesContent":["/* ─── Container ────────────────────────────────────────────────────────────── */\n\n.sidebar {\n  display: flex;\n  flex-direction: column;\n  width: var(--gnome-layout-sidebar-default-width, 240px);\n  height: 100%;\n  background-color: var(--gnome-sidebar-bg-color, #ebebeb);\n  color: var(--gnome-sidebar-fg-color, rgba(0, 0, 0, 0.8));\n  border-right: 1px solid var(--gnome-headerbar-border-color, rgba(0, 0, 0, 0.12));\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: var(--gnome-space-1, 6px);\n  gap: 0;\n  transition: width 200ms var(--gnome-easing-default, ease);\n  flex-shrink: 0;\n}\n\n/* ─── Section ───────────────────────────────────────────────────────────────── */\n\n.section {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Divider between consecutive sections */\n.section + .section {\n  margin-top: var(--gnome-space-1, 6px);\n  padding-top: var(--gnome-space-1, 6px);\n  border-top: 1px solid var(--gnome-divider-color);\n}\n\n/* ─── Section header (title row, optionally a button when collapsible) ──────── */\n\n.sectionHeader {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  width: 100%;\n  margin: 4px 0 2px;\n  padding: 2px var(--gnome-space-1, 6px);\n  border-radius: var(--gnome-radius-sm, 4px);\n  background: transparent;\n  border: none;\n  font: inherit;\n  text-align: start;\n  cursor: default;\n}\n\nbutton.sectionHeader {\n  cursor: pointer;\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\nbutton.sectionHeader:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\nbutton.sectionHeader:active {\n  background-color: var(--gnome-active-overlay);\n}\n\nbutton.sectionHeader:focus-visible {\n  outline: none;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-sidebar-bg-color, #ebebeb),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      var(--gnome-focus-ring-color, #3584e4);\n}\n\n.sectionHeaderIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  opacity: 0.7;\n}\n\n.sectionTitle {\n  flex: 1;\n  min-width: 0;\n  padding: 0;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.875rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  opacity: 0.5;\n  user-select: none;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.sectionChevron {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  margin-left: auto;\n  opacity: 0.5;\n}\n\n/* ─── Collapsible section body ──────────────────────────────────────────────── */\n\n.sectionBody {\n  display: grid;\n  grid-template-rows: 1fr;\n  transition: grid-template-rows 200ms var(--gnome-easing-default, ease);\n}\n\n.sectionBodyCollapsed {\n  grid-template-rows: 0fr;\n}\n\n.sectionBodyInner {\n  overflow: hidden;\n}\n\n/* ─── List ─────────────────────────────────────────────────────────────────── */\n\n.list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n/* ─── Item wrapper ─────────────────────────────────────────────────────────── */\n\n.item {\n  display: block;\n}\n\n/* ─── Item button ──────────────────────────────────────────────────────────── */\n\n.itemBtn {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  text-align: start;\n  cursor: pointer;\n  outline: none;\n\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  width: 100%;\n  padding: 8px var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\n\n  color: var(--gnome-sidebar-fg-color, rgba(0, 0, 0, 0.8));\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.itemBtn:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.itemBtn:active {\n  background-color: var(--gnome-active-overlay);\n}\n\n.itemBtn:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-sidebar-bg-color, #ebebeb),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      var(--gnome-focus-ring-color, #3584e4);\n}\n\n.itemBtn:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Active state ─────────────────────────────────────────────────────────── */\n\n.active {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #ffffff);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n}\n\n.active:hover {\n  filter: brightness(1.08);\n}\n\n.active:active {\n  filter: brightness(0.92);\n}\n\n/* ─── Icon ─────────────────────────────────────────────────────────────────── */\n\n.itemIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  opacity: 0.85;\n}\n\n.active .itemIcon {\n  opacity: 1;\n}\n\n/* ─── Label ────────────────────────────────────────────────────────────────── */\n\n.itemLabel {\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Suffix (trailing widget) ──────────────────────────────────────────────── */\n\n.itemSuffix {\n  flex-shrink: 0;\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n}\n\n/* ─── Context menu ──────────────────────────────────────────────────────────── */\n\n.contextMenu {\n  position: fixed;\n  z-index: 10500;\n  min-width: 160px;\n\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  border: 1px solid var(--gnome-border-subtle);\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow: var(--gnome-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.15));\n  padding: 4px;\n  overflow: hidden;\n\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n\n  animation: menu-in var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes menu-in {\n  from { opacity: 0; transform: scale(0.96); }\n  to   { opacity: 1; transform: scale(1); }\n}\n\n.contextMenuItem {\n  appearance: none;\n  border: none;\n  background: transparent;\n  width: 100%;\n  text-align: start;\n  cursor: pointer;\n  outline: none;\n\n  padding: 6px var(--gnome-space-2, 12px);\n  border-radius: calc(var(--gnome-radius-md, 8px) - 4px);\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.contextMenuItem:hover:not(:disabled) {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.contextMenuItem:active:not(:disabled) {\n  background-color: var(--gnome-active-overlay);\n}\n\n.contextMenuItem:focus-visible {\n  box-shadow: inset 0 0 0 2px var(--gnome-focus-ring-color, #3584e4);\n}\n\n.contextMenuItem:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n.contextMenuDestructive {\n  color: var(--gnome-destructive-color, #e01b24);\n}\n\n/* ─── Search wrap ───────────────────────────────────────────────────────────── */\n\n.searchWrap {\n  padding-bottom: var(--gnome-space-1, 6px);\n}\n\n/* Override SearchBar min-height to keep it compact inside the sidebar */\n.searchWrap > * {\n  min-height: unset;\n}\n\n/* ─── Variants ──────────────────────────────────────────────────────────────── */\n\n.variantBlue {\n  --gnome-sidebar-bg-color: #1a4a7a;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.95);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.1);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.18);\n  --gnome-divider-color: rgba(255, 255, 255, 0.15);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.15);\n}\n\n.variantGreen {\n  --gnome-sidebar-bg-color: #1a4a2e;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.95);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.1);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.18);\n  --gnome-divider-color: rgba(255, 255, 255, 0.15);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.15);\n}\n\n.variantRed {\n  --gnome-sidebar-bg-color: #6e1414;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.95);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.1);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.18);\n  --gnome-divider-color: rgba(255, 255, 255, 0.15);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.15);\n}\n\n.variantYellow {\n  --gnome-sidebar-bg-color: #5a4500;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.95);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.1);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.18);\n  --gnome-divider-color: rgba(255, 255, 255, 0.15);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.15);\n}\n\n.variantBlack {\n  --gnome-sidebar-bg-color: #0a0a0a;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.9);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.08);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.14);\n  --gnome-divider-color: rgba(255, 255, 255, 0.1);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.1);\n}\n\n.variantTransparent {\n  --gnome-sidebar-bg-color: transparent;\n  border-right-color: var(--gnome-divider-color);\n}\n\n.variantBlurred {\n  --gnome-sidebar-bg-color: rgba(255, 255, 255, 0.55);\n  border-right-color: rgba(255, 255, 255, 0.25);\n  backdrop-filter: blur(20px) saturate(1.8);\n  -webkit-backdrop-filter: blur(20px) saturate(1.8);\n}\n\n@media (prefers-color-scheme: dark) {\n  .variantBlurred {\n    --gnome-sidebar-bg-color: rgba(30, 30, 30, 0.6);\n    border-right-color: rgba(255, 255, 255, 0.1);\n  }\n}\n\n/* ─── Page mode (full-width boxed-list layout) ──────────────────────────────── */\n\n.pageMode {\n  width: 100%;\n  border-right: none;\n}\n\n/* ─── Drag-over highlight ───────────────────────────────────────────────────── */\n\n.dragOver {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #ffffff);\n  opacity: 0.7;\n}\n\n/* ─── Collapsed (icon-only / rail) mode ────────────────────────────────────── */\n\n.collapsed {\n  width: var(--gnome-layout-sidebar-rail-width, 56px);\n  transition: width 200ms var(--gnome-easing-default, ease);\n}\n\n/* Hide section headings when collapsed */\n.collapsed .sectionTitle {\n  display: none;\n}\n\n/* Center icon when collapsed */\n.itemCollapsed {\n  justify-content: center;\n  padding-left: 0;\n  padding-right: 0;\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .sidebar {\n    border-right-width: 2px;\n  }\n\n  .section + .section {\n    border-top-width: 2px;\n  }\n\n  .contextMenu {\n    border-width: 2px;\n  }\n\n  .active {\n    outline: 2px solid var(--gnome-accent-fg-color, #ffffff);\n    outline-offset: -3px;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .itemBtn,\n  button.sectionHeader,\n  .sectionBody {\n    transition: none;\n  }\n}\n"],"mappings":""}

package/dist/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./components/AboutDialog/AboutDialog.cjs`),t=require(`./components/ActionRow/ActionRow.cjs`),n=require(`./components/Avatar/Avatar.cjs`),r=require(`./components/AvatarRotator/AvatarRotator.cjs`),i=require(`./components/Badge/Badge.cjs`),a=require(`./components/Banner/Banner.cjs`),o=require(`./components/Bin/Bin.cjs`),ee=require(`./components/Blockquote/Blockquote.cjs`),s=require(`./components/BottomSheet/BottomSheet.cjs`),c=require(`./components/Box/Box.cjs`),l=require(`./components/Separator/Separator.cjs`),u=require(`./components/BoxedList/BoxedList.cjs`),d=require(`./components/BreakpointBin/BreakpointBin.cjs`),f=require(`./components/Button/Button.cjs`),p=require(`./components/ButtonContent/ButtonContent.cjs`),m=require(`./components/ButtonRow/ButtonRow.cjs`),h=require(`./components/Card/Card.cjs`),g=require(`./components/Carousel/Carousel.cjs`),_=require(`./components/CheckRow/CheckRow.cjs`),v=require(`./components/Checkbox/Checkbox.cjs`),y=require(`./components/Icon/Icon.cjs`),b=require(`./components/Chip/Chip.cjs`),x=require(`./components/Clamp/Clamp.cjs`),S=require(`./components/ColorPicker/ColorPicker.cjs`),C=require(`./components/ColumnView/ColumnView.cjs`),w=require(`./components/ComboRow/ComboRow.cjs`),T=require(`./components/GnomeProvider/GnomeContext.cjs`),E=require(`./components/ContributionGraph/ContributionGraph.cjs`),D=require(`./components/CountDownTimer/CountDownTimer.cjs`),O=require(`./components/Dialog/Dialog.cjs`),k=require(`./components/Dropdown/Dropdown.cjs`),A=require(`./components/EntryRow/EntryRow.cjs`),j=require(`./components/ExpanderRow/ExpanderRow.cjs`),M=require(`./components/Footer/Footer.cjs`),N=require(`./components/Frame/Frame.cjs`),P=require(`./components/GnomeProvider/GnomeProvider.cjs`),F=require(`./components/HeaderBar/HeaderBar.cjs`),I=require(`./components/Tooltip/Tooltip.cjs`),L=require(`./components/IconButton/IconButton.cjs`),R=require(`./components/InlineViewSwitcher/InlineViewSwitcher.cjs`),z=require(`./components/InlineViewSwitcher/InlineViewSwitcherItem.cjs`),B=require(`./components/Link/Link.cjs`),V=require(`./components/LinkedGroup/LinkedGroup.cjs`),H=require(`./hooks/useBreakpoint.cjs`),U=require(`./components/NavigationSplitView/NavigationSplitView.cjs`),W=require(`./components/NavigationView/NavigationView.cjs`),G=require(`./components/OverlaySplitView/OverlaySplitView.cjs`),K=require(`./components/PasswordEntryRow/PasswordEntryRow.cjs`),q=require(`./components/PathBar/PathBar.cjs`),J=require(`./components/Popover/Popover.cjs`),Y=require(`./components/PreferencesDialog/PreferencesDialog.cjs`),te=require(`./components/PreferencesGroup/PreferencesGroup.cjs`),X=require(`./components/PreferencesPage/PreferencesPage.cjs`),Z=require(`./components/ProgressBar/ProgressBar.cjs`),Q=require(`./components/RadioButton/RadioButton.cjs`),ne=require(`./components/Spinner/Spinner.cjs`),re=require(`./components/SearchBar/SearchBar.cjs`),ie=require(`./components/ShortcutLabel/ShortcutLabel.cjs`),ae=require(`./components/ShortcutsDialog/ShortcutsDialog.cjs`),oe=require(`./components/StatusPage/StatusPage.cjs`),$=require(`./components/Sidebar/Sidebar.cjs`),se=require(`./components/Sidebar/SidebarSection.cjs`),ce=require(`./components/Sidebar/SidebarItem.cjs`),le=require(`./components/Skeleton/Skeleton.cjs`),ue=require(`./components/Slider/Slider.cjs`),de=require(`./components/SpinButton/SpinButton.cjs`),fe=require(`./components/SpinRow/SpinRow.cjs`),pe=require(`./components/SplitButton/SplitButton.cjs`),me=require(`./components/StatusBadge/StatusBadge.cjs`),he=require(`./components/Switch/Switch.cjs`),ge=require(`./components/SwitchRow/SwitchRow.cjs`),_e=require(`./components/Tabs/TabBar.cjs`),ve=require(`./components/Tabs/TabItem.cjs`),ye=require(`./components/Tabs/TabPanel.cjs`),be=require(`./components/TerminalView/TerminalView.cjs`),xe=require(`./components/Text/Text.cjs`),Se=require(`./components/TextField/TextField.cjs`),Ce=require(`./components/Timeline/Timeline.cjs`),we=require(`./components/Toast/Toast.cjs`),Te=require(`./components/Toast/Toaster.cjs`),Ee=require(`./components/ToggleGroup/ToggleGroup.cjs`),De=require(`./components/ToggleGroup/ToggleGroupItem.cjs`),Oe=require(`./components/Toolbar/Toolbar.cjs`),ke=require(`./components/Toolbar/Spacer.cjs`),Ae=require(`./components/ToolbarView/ToolbarView.cjs`),je=require(`./components/ViewSwitcher/ViewSwitcher.cjs`),Me=require(`./components/ViewSwitcher/ViewSwitcherItem.cjs`),Ne=require(`./components/ViewSwitcherBar/ViewSwitcherBar.cjs`),Pe=require(`./components/ViewSwitcherSidebar/ViewSwitcherSidebar.cjs`),Fe=require(`./components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.cjs`),Ie=require(`./components/WindowTitle/WindowTitle.cjs`),Le=require(`./components/WrapBox/WrapBox.cjs`);exports.AboutDialog=e.AboutDialog,exports.ActionRow=t.ActionRow,exports.Avatar=n.Avatar,exports.AvatarRotator=r.AvatarRotator,exports.Badge=i.Badge,exports.Banner=a.Banner,exports.Bin=o.Bin,exports.Blockquote=ee.Blockquote,exports.BottomSheet=s.BottomSheet,exports.Box=c.Box,exports.BoxedList=u.BoxedList,exports.BreakpointBin=d.BreakpointBin,exports.Button=f.Button,exports.ButtonContent=p.ButtonContent,exports.ButtonRow=m.ButtonRow,exports.Card=h.Card,exports.Carousel=g.Carousel,exports.CarouselIndicatorDots=g.CarouselIndicatorDots,exports.CarouselIndicatorLines=g.CarouselIndicatorLines,exports.CheckRow=_.CheckRow,exports.Checkbox=v.Checkbox,exports.Chip=b.Chip,exports.Clamp=x.Clamp,exports.ColorPicker=S.ColorPicker,exports.ColorSwatch=S.ColorSwatch,exports.ColumnView=C.ColumnView,exports.ComboRow=w.ComboRow,exports.ContributionGraph=E.ContributionGraph,exports.CountDownTimer=D.CountDownTimer,exports.Dialog=O.Dialog,exports.Dropdown=k.Dropdown,exports.EntryRow=A.EntryRow,exports.ExpanderRow=j.ExpanderRow,exports.Footer=M.Footer,exports.Frame=N.Frame,exports.GNOME_BREAKPOINTS=H.GNOME_BREAKPOINTS,exports.GNOME_PALETTE=S.GNOME_PALETTE,exports.GnomeProvider=P.GnomeProvider,exports.HeaderBar=F.HeaderBar,exports.Icon=y.Icon,exports.IconButton=L.IconButton,exports.InlineViewSwitcher=R.InlineViewSwitcher,exports.InlineViewSwitcherItem=z.InlineViewSwitcherItem,exports.Link=B.Link,exports.LinkedGroup=V.LinkedGroup,exports.NavigationPage=W.NavigationPage,exports.NavigationSplitView=U.NavigationSplitView,exports.NavigationView=W.NavigationView,exports.OverlaySplitView=G.OverlaySplitView,exports.PasswordEntryRow=K.PasswordEntryRow,exports.PathBar=q.PathBar,exports.Popover=J.Popover,exports.PreferencesDialog=Y.PreferencesDialog,exports.PreferencesGroup=te.PreferencesGroup,exports.PreferencesPage=X.PreferencesPage,exports.ProgressBar=Z.ProgressBar,exports.RadioButton=Q.RadioButton,exports.SearchBar=re.SearchBar,exports.Separator=l.Separator,exports.ShortcutLabel=ie.ShortcutLabel,exports.ShortcutsDialog=ae.ShortcutsDialog,exports.Sidebar=$.Sidebar,exports.SidebarCollapsedContext=$.SidebarCollapsedContext,exports.SidebarItem=ce.SidebarItem,exports.SidebarSection=se.SidebarSection,exports.Skeleton=le.Skeleton,exports.Slider=ue.Slider,exports.Spacer=ke.Spacer,exports.SpinButton=de.SpinButton,exports.SpinRow=fe.SpinRow,exports.Spinner=ne.Spinner,exports.SplitButton=pe.SplitButton,exports.StatusBadge=me.StatusBadge,exports.StatusPage=oe.StatusPage,exports.Switch=he.Switch,exports.SwitchRow=ge.SwitchRow,exports.TabBar=_e.TabBar,exports.TabItem=ve.TabItem,exports.TabPanel=ye.TabPanel,exports.TerminalView=be.TerminalView,exports.Text=xe.Text,exports.TextField=Se.TextField,exports.Timeline=Ce.Timeline,exports.Toast=we.Toast,exports.Toaster=Te.Toaster,exports.ToggleGroup=Ee.ToggleGroup,exports.ToggleGroupItem=De.ToggleGroupItem,exports.Toolbar=Oe.Toolbar,exports.ToolbarView=Ae.ToolbarView,exports.Tooltip=I.Tooltip,exports.ViewSwitcher=je.ViewSwitcher,exports.ViewSwitcherBar=Ne.ViewSwitcherBar,exports.ViewSwitcherItem=Me.ViewSwitcherItem,exports.ViewSwitcherSidebar=Pe.ViewSwitcherSidebar,exports.ViewSwitcherSidebarItem=Fe.ViewSwitcherSidebarItem,exports.WindowTitle=Ie.WindowTitle,exports.WrapBox=Le.WrapBox,exports.useBreakpoint=H.useBreakpoint,exports.useDateTimeFormatter=T.useDateTimeFormatter,exports.useDir=T.useDir,exports.useLocale=T.useLocale,exports.useNavigation=W.useNavigation,exports.useNumberFormatter=T.useNumberFormatter,exports.useSidebarCollapsed=$.useSidebarCollapsed;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./components/AboutDialog/AboutDialog.cjs`),t=require(`./components/ActionRow/ActionRow.cjs`),n=require(`./components/Avatar/Avatar.cjs`),r=require(`./components/AvatarRotator/AvatarRotator.cjs`),i=require(`./components/Badge/Badge.cjs`),a=require(`./components/Banner/Banner.cjs`),o=require(`./components/Bin/Bin.cjs`),ee=require(`./components/Blockquote/Blockquote.cjs`),s=require(`./components/BottomSheet/BottomSheet.cjs`),c=require(`./components/Box/Box.cjs`),l=require(`./components/Separator/Separator.cjs`),u=require(`./components/BoxedList/BoxedList.cjs`),d=require(`./components/BreakpointBin/BreakpointBin.cjs`),f=require(`./components/Button/Button.cjs`),p=require(`./components/ButtonContent/ButtonContent.cjs`),m=require(`./components/ButtonRow/ButtonRow.cjs`),h=require(`./components/Card/Card.cjs`),g=require(`./components/Carousel/Carousel.cjs`),_=require(`./components/CheckRow/CheckRow.cjs`),v=require(`./components/Checkbox/Checkbox.cjs`),y=require(`./components/Icon/Icon.cjs`),b=require(`./components/Chip/Chip.cjs`),x=require(`./components/Clamp/Clamp.cjs`),S=require(`./components/ColorPicker/ColorPicker.cjs`),C=require(`./components/ColumnView/ColumnView.cjs`),w=require(`./components/ComboRow/ComboRow.cjs`),T=require(`./components/GnomeProvider/GnomeContext.cjs`),E=require(`./components/ContributionGraph/ContributionGraph.cjs`),D=require(`./components/CountDownTimer/CountDownTimer.cjs`),O=require(`./components/Dialog/Dialog.cjs`),k=require(`./components/Dropdown/Dropdown.cjs`),A=require(`./components/EntryRow/EntryRow.cjs`),j=require(`./components/ExpanderRow/ExpanderRow.cjs`),M=require(`./components/Footer/Footer.cjs`),N=require(`./components/Frame/Frame.cjs`),P=require(`./components/GnomeProvider/GnomeProvider.cjs`),F=require(`./components/HeaderBar/HeaderBar.cjs`),I=require(`./components/Tooltip/Tooltip.cjs`),L=require(`./components/IconButton/IconButton.cjs`),R=require(`./components/InlineViewSwitcher/InlineViewSwitcher.cjs`),z=require(`./components/InlineViewSwitcher/InlineViewSwitcherItem.cjs`),B=require(`./components/Link/Link.cjs`),V=require(`./components/LinkedGroup/LinkedGroup.cjs`),H=require(`./hooks/useBreakpoint.cjs`),U=require(`./components/NavigationSplitView/NavigationSplitView.cjs`),W=require(`./components/NavigationView/NavigationView.cjs`),G=require(`./components/OverlaySplitView/OverlaySplitView.cjs`),K=require(`./components/PasswordEntryRow/PasswordEntryRow.cjs`),q=require(`./components/PathBar/PathBar.cjs`),J=require(`./components/Popover/Popover.cjs`),Y=require(`./components/PreferencesDialog/PreferencesDialog.cjs`),te=require(`./components/PreferencesGroup/PreferencesGroup.cjs`),X=require(`./components/PreferencesPage/PreferencesPage.cjs`),Z=require(`./components/ProgressBar/ProgressBar.cjs`),Q=require(`./components/RadioButton/RadioButton.cjs`),ne=require(`./components/Spinner/Spinner.cjs`),re=require(`./components/SearchBar/SearchBar.cjs`),ie=require(`./components/ShortcutLabel/ShortcutLabel.cjs`),ae=require(`./components/ShortcutsDialog/ShortcutsDialog.cjs`),oe=require(`./components/StatusPage/StatusPage.cjs`),$=require(`./components/Sidebar/Sidebar.cjs`),se=require(`./components/Sidebar/SidebarSection.cjs`),ce=require(`./components/Sidebar/SidebarItem.cjs`),le=require(`./components/Skeleton/Skeleton.cjs`),ue=require(`./components/Slider/Slider.cjs`),de=require(`./components/SpinButton/SpinButton.cjs`),fe=require(`./components/SpinRow/SpinRow.cjs`),pe=require(`./components/SplitButton/SplitButton.cjs`),me=require(`./components/StatusBadge/StatusBadge.cjs`),he=require(`./components/Switch/Switch.cjs`),ge=require(`./components/SwitchRow/SwitchRow.cjs`),_e=require(`./components/Tabs/TabBar.cjs`),ve=require(`./components/Tabs/TabItem.cjs`),ye=require(`./components/Tabs/TabPanel.cjs`),be=require(`./components/TerminalView/TerminalView.cjs`),xe=require(`./components/Text/Text.cjs`),Se=require(`./components/TextField/TextField.cjs`),Ce=require(`./components/Timeline/Timeline.cjs`),we=require(`./components/Toast/Toast.cjs`),Te=require(`./components/Toast/Toaster.cjs`),Ee=require(`./components/ToggleGroup/ToggleGroup.cjs`),De=require(`./components/ToggleGroup/ToggleGroupItem.cjs`),Oe=require(`./components/Toolbar/Toolbar.cjs`),ke=require(`./components/Toolbar/Spacer.cjs`),Ae=require(`./components/ToolbarView/ToolbarView.cjs`),je=require(`./components/ViewSwitcher/ViewSwitcher.cjs`),Me=require(`./components/ViewSwitcher/ViewSwitcherItem.cjs`),Ne=require(`./components/ViewSwitcherBar/ViewSwitcherBar.cjs`),Pe=require(`./components/ViewSwitcherSidebar/ViewSwitcherSidebar.cjs`),Fe=require(`./components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.cjs`),Ie=require(`./components/WindowTitle/WindowTitle.cjs`),Le=require(`./components/WrapBox/WrapBox.cjs`);exports.AboutDialog=e.AboutDialog,exports.ActionRow=t.ActionRow,exports.Avatar=n.Avatar,exports.AvatarRotator=r.AvatarRotator,exports.Badge=i.Badge,exports.Banner=a.Banner,exports.Bin=o.Bin,exports.Blockquote=ee.Blockquote,exports.BottomSheet=s.BottomSheet,exports.Box=c.Box,exports.BoxedList=u.BoxedList,exports.BreakpointBin=d.BreakpointBin,exports.Button=f.Button,exports.ButtonContent=p.ButtonContent,exports.ButtonRow=m.ButtonRow,exports.Card=h.Card,exports.Carousel=g.Carousel,exports.CarouselIndicatorDots=g.CarouselIndicatorDots,exports.CarouselIndicatorLines=g.CarouselIndicatorLines,exports.CheckRow=_.CheckRow,exports.Checkbox=v.Checkbox,exports.Chip=b.Chip,exports.Clamp=x.Clamp,exports.ColorPicker=S.ColorPicker,exports.ColorSwatch=S.ColorSwatch,exports.ColumnView=C.ColumnView,exports.ComboRow=w.ComboRow,exports.ContributionGraph=E.ContributionGraph,exports.CountDownTimer=D.CountDownTimer,exports.Dialog=O.Dialog,exports.Dropdown=k.Dropdown,exports.EntryRow=A.EntryRow,exports.ExpanderRow=j.ExpanderRow,exports.Footer=M.Footer,exports.Frame=N.Frame,exports.GNOME_BREAKPOINTS=H.GNOME_BREAKPOINTS,exports.GNOME_PALETTE=S.GNOME_PALETTE,exports.GnomeProvider=P.GnomeProvider,exports.HeaderBar=F.HeaderBar,exports.Icon=y.Icon,exports.IconButton=L.IconButton,exports.InlineViewSwitcher=R.InlineViewSwitcher,exports.InlineViewSwitcherItem=z.InlineViewSwitcherItem,exports.Link=B.Link,exports.LinkedGroup=V.LinkedGroup,exports.NavigationPage=W.NavigationPage,exports.NavigationSplitView=U.NavigationSplitView,exports.NavigationView=W.NavigationView,exports.OverlaySplitView=G.OverlaySplitView,exports.PasswordEntryRow=K.PasswordEntryRow,exports.PathBar=q.PathBar,exports.Popover=J.Popover,exports.PreferencesDialog=Y.PreferencesDialog,exports.PreferencesGroup=te.PreferencesGroup,exports.PreferencesPage=X.PreferencesPage,exports.ProgressBar=Z.ProgressBar,exports.RadioButton=Q.RadioButton,exports.SearchBar=re.SearchBar,exports.Separator=l.Separator,exports.ShortcutLabel=ie.ShortcutLabel,exports.ShortcutsDialog=ae.ShortcutsDialog,exports.Sidebar=$.Sidebar,exports.SidebarCollapsedContext=$.SidebarCollapsedContext,exports.SidebarItem=ce.SidebarItem,exports.SidebarSection=se.SidebarSection,exports.Skeleton=le.Skeleton,exports.Slider=ue.Slider,exports.Spacer=ke.Spacer,exports.SpinButton=de.SpinButton,exports.SpinRow=fe.SpinRow,exports.Spinner=ne.Spinner,exports.SplitButton=pe.SplitButton,exports.StatusBadge=me.StatusBadge,exports.StatusPage=oe.StatusPage,exports.Switch=he.Switch,exports.SwitchRow=ge.SwitchRow,exports.TabBar=_e.TabBar,exports.TabItem=ve.TabItem,exports.TabPanel=ye.TabPanel,exports.TerminalView=be.TerminalView,exports.Text=xe.Text,exports.TextField=Se.TextField,exports.Timeline=Ce.Timeline,exports.Toast=we.Toast,exports.Toaster=Te.Toaster,exports.ToggleGroup=Ee.ToggleGroup,exports.ToggleGroupItem=De.ToggleGroupItem,exports.Toolbar=Oe.Toolbar,exports.ToolbarView=Ae.ToolbarView,exports.Tooltip=I.Tooltip,exports.ViewSwitcher=je.ViewSwitcher,exports.ViewSwitcherBar=Ne.ViewSwitcherBar,exports.ViewSwitcherItem=Me.ViewSwitcherItem,exports.ViewSwitcherSidebar=Pe.ViewSwitcherSidebar,exports.ViewSwitcherSidebarItem=Fe.ViewSwitcherSidebarItem,exports.WindowTitle=Ie.WindowTitle,exports.WrapBox=Le.WrapBox,exports.useAccentColor=T.useAccentColor,exports.useBreakpoint=H.useBreakpoint,exports.useColorScheme=T.useColorScheme,exports.useDateTimeFormatter=T.useDateTimeFormatter,exports.useDir=T.useDir,exports.useLocale=T.useLocale,exports.useNavigation=W.useNavigation,exports.useNumberFormatter=T.useNumberFormatter,exports.useResolvedColorScheme=T.useResolvedColorScheme,exports.useSidebarCollapsed=$.useSidebarCollapsed;

package/dist/index.d.ts

@@ -160,5 +160,5 @@ export { StatusBadge } from './components/StatusBadge';
 export type { StatusBadgeProps, StatusBadgeVariant } from './components/StatusBadge';
 export { GnomeProvider } from './components/GnomeProvider/GnomeProvider';
 export type { GnomeProviderProps } from './components/GnomeProvider/GnomeProvider';
-export { useLocale, useDir, useNumberFormatter, useDateTimeFormatter, } from './components/GnomeProvider/GnomeContext';
-export type { GnomeDir } from './components/GnomeProvider/GnomeContext';
+export { useLocale, useDir, useNumberFormatter, useDateTimeFormatter, useColorScheme, useResolvedColorScheme, useAccentColor, } from './components/GnomeProvider/GnomeContext';
+export type { GnomeDir, GnomeColorScheme, GnomeAccentColor, GnomeNamedAccentColor, } from './components/GnomeProvider/GnomeContext';

package/dist/index.js

@@ -24,70 +24,70 @@ import { Clamp as w } from "./components/Clamp/Clamp.js";
 import { ColorPicker as T, ColorSwatch as E, GNOME_PALETTE as D } from "./components/ColorPicker/ColorPicker.js";
 import { ColumnView as O } from "./components/ColumnView/ColumnView.js";
 import { ComboRow as k } from "./components/ComboRow/ComboRow.js";
-import { useDateTimeFormatter as A, useDir as j, useLocale as M, useNumberFormatter as N } from "./components/GnomeProvider/GnomeContext.js";
-import { ContributionGraph as P } from "./components/ContributionGraph/ContributionGraph.js";
-import { CountDownTimer as F } from "./components/CountDownTimer/CountDownTimer.js";
-import { Dialog as I } from "./components/Dialog/Dialog.js";
-import { Dropdown as L } from "./components/Dropdown/Dropdown.js";
-import { EntryRow as R } from "./components/EntryRow/EntryRow.js";
-import { ExpanderRow as z } from "./components/ExpanderRow/ExpanderRow.js";
-import { Footer as B } from "./components/Footer/Footer.js";
-import { Frame as V } from "./components/Frame/Frame.js";
-import { GnomeProvider as H } from "./components/GnomeProvider/GnomeProvider.js";
-import { HeaderBar as U } from "./components/HeaderBar/HeaderBar.js";
-import { Tooltip as W } from "./components/Tooltip/Tooltip.js";
-import { IconButton as G } from "./components/IconButton/IconButton.js";
-import { InlineViewSwitcher as K } from "./components/InlineViewSwitcher/InlineViewSwitcher.js";
-import { InlineViewSwitcherItem as q } from "./components/InlineViewSwitcher/InlineViewSwitcherItem.js";
-import { Link as J } from "./components/Link/Link.js";
-import { LinkedGroup as Y } from "./components/LinkedGroup/LinkedGroup.js";
-import { GNOME_BREAKPOINTS as X, useBreakpoint as Z } from "./hooks/useBreakpoint.js";
-import { NavigationSplitView as Q } from "./components/NavigationSplitView/NavigationSplitView.js";
-import { NavigationPage as $, NavigationView as ee, useNavigation as te } from "./components/NavigationView/NavigationView.js";
-import { OverlaySplitView as ne } from "./components/OverlaySplitView/OverlaySplitView.js";
-import { PasswordEntryRow as re } from "./components/PasswordEntryRow/PasswordEntryRow.js";
-import { PathBar as ie } from "./components/PathBar/PathBar.js";
-import { Popover as ae } from "./components/Popover/Popover.js";
-import { PreferencesDialog as oe } from "./components/PreferencesDialog/PreferencesDialog.js";
-import { PreferencesGroup as se } from "./components/PreferencesGroup/PreferencesGroup.js";
-import { PreferencesPage as ce } from "./components/PreferencesPage/PreferencesPage.js";
-import { ProgressBar as le } from "./components/ProgressBar/ProgressBar.js";
-import { RadioButton as ue } from "./components/RadioButton/RadioButton.js";
-import { Spinner as de } from "./components/Spinner/Spinner.js";
-import { SearchBar as fe } from "./components/SearchBar/SearchBar.js";
-import { ShortcutLabel as pe } from "./components/ShortcutLabel/ShortcutLabel.js";
-import { ShortcutsDialog as me } from "./components/ShortcutsDialog/ShortcutsDialog.js";
-import { StatusPage as he } from "./components/StatusPage/StatusPage.js";
-import { Sidebar as ge, SidebarCollapsedContext as _e, useSidebarCollapsed as ve } from "./components/Sidebar/Sidebar.js";
-import { SidebarSection as ye } from "./components/Sidebar/SidebarSection.js";
-import { SidebarItem as be } from "./components/Sidebar/SidebarItem.js";
-import { Skeleton as xe } from "./components/Skeleton/Skeleton.js";
-import { Slider as Se } from "./components/Slider/Slider.js";
-import { SpinButton as Ce } from "./components/SpinButton/SpinButton.js";
-import { SpinRow as we } from "./components/SpinRow/SpinRow.js";
-import { SplitButton as Te } from "./components/SplitButton/SplitButton.js";
-import { StatusBadge as Ee } from "./components/StatusBadge/StatusBadge.js";
-import { Switch as De } from "./components/Switch/Switch.js";
-import { SwitchRow as Oe } from "./components/SwitchRow/SwitchRow.js";
-import { TabBar as ke } from "./components/Tabs/TabBar.js";
-import { TabItem as Ae } from "./components/Tabs/TabItem.js";
-import { TabPanel as je } from "./components/Tabs/TabPanel.js";
-import { TerminalView as Me } from "./components/TerminalView/TerminalView.js";
-import { Text as Ne } from "./components/Text/Text.js";
-import { TextField as Pe } from "./components/TextField/TextField.js";
-import { Timeline as Fe } from "./components/Timeline/Timeline.js";
-import { Toast as Ie } from "./components/Toast/Toast.js";
-import { Toaster as Le } from "./components/Toast/Toaster.js";
-import { ToggleGroup as Re } from "./components/ToggleGroup/ToggleGroup.js";
-import { ToggleGroupItem as ze } from "./components/ToggleGroup/ToggleGroupItem.js";
-import { Toolbar as Be } from "./components/Toolbar/Toolbar.js";
-import { Spacer as Ve } from "./components/Toolbar/Spacer.js";
-import { ToolbarView as He } from "./components/ToolbarView/ToolbarView.js";
-import { ViewSwitcher as Ue } from "./components/ViewSwitcher/ViewSwitcher.js";
-import { ViewSwitcherItem as We } from "./components/ViewSwitcher/ViewSwitcherItem.js";
-import { ViewSwitcherBar as Ge } from "./components/ViewSwitcherBar/ViewSwitcherBar.js";
-import { ViewSwitcherSidebar as Ke } from "./components/ViewSwitcherSidebar/ViewSwitcherSidebar.js";
-import { ViewSwitcherSidebarItem as qe } from "./components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.js";
-import { WindowTitle as Je } from "./components/WindowTitle/WindowTitle.js";
-import { WrapBox as Ye } from "./components/WrapBox/WrapBox.js";
-export { e as AboutDialog, t as ActionRow, n as Avatar, r as AvatarRotator, i as Badge, a as Banner, o as Bin, s as Blockquote, c as BottomSheet, l as Box, d as BoxedList, f as BreakpointBin, p as Button, m as ButtonContent, h as ButtonRow, g as Card, _ as Carousel, v as CarouselIndicatorDots, y as CarouselIndicatorLines, b as CheckRow, x as Checkbox, C as Chip, w as Clamp, T as ColorPicker, E as ColorSwatch, O as ColumnView, k as ComboRow, P as ContributionGraph, F as CountDownTimer, I as Dialog, L as Dropdown, R as EntryRow, z as ExpanderRow, B as Footer, V as Frame, X as GNOME_BREAKPOINTS, D as GNOME_PALETTE, H as GnomeProvider, U as HeaderBar, S as Icon, G as IconButton, K as InlineViewSwitcher, q as InlineViewSwitcherItem, J as Link, Y as LinkedGroup, $ as NavigationPage, Q as NavigationSplitView, ee as NavigationView, ne as OverlaySplitView, re as PasswordEntryRow, ie as PathBar, ae as Popover, oe as PreferencesDialog, se as PreferencesGroup, ce as PreferencesPage, le as ProgressBar, ue as RadioButton, fe as SearchBar, u as Separator, pe as ShortcutLabel, me as ShortcutsDialog, ge as Sidebar, _e as SidebarCollapsedContext, be as SidebarItem, ye as SidebarSection, xe as Skeleton, Se as Slider, Ve as Spacer, Ce as SpinButton, we as SpinRow, de as Spinner, Te as SplitButton, Ee as StatusBadge, he as StatusPage, De as Switch, Oe as SwitchRow, ke as TabBar, Ae as TabItem, je as TabPanel, Me as TerminalView, Ne as Text, Pe as TextField, Fe as Timeline, Ie as Toast, Le as Toaster, Re as ToggleGroup, ze as ToggleGroupItem, Be as Toolbar, He as ToolbarView, W as Tooltip, Ue as ViewSwitcher, Ge as ViewSwitcherBar, We as ViewSwitcherItem, Ke as ViewSwitcherSidebar, qe as ViewSwitcherSidebarItem, Je as WindowTitle, Ye as WrapBox, Z as useBreakpoint, A as useDateTimeFormatter, j as useDir, M as useLocale, te as useNavigation, N as useNumberFormatter, ve as useSidebarCollapsed };
+import { useAccentColor as A, useColorScheme as j, useDateTimeFormatter as M, useDir as N, useLocale as P, useNumberFormatter as F, useResolvedColorScheme as I } from "./components/GnomeProvider/GnomeContext.js";
+import { ContributionGraph as L } from "./components/ContributionGraph/ContributionGraph.js";
+import { CountDownTimer as R } from "./components/CountDownTimer/CountDownTimer.js";
+import { Dialog as z } from "./components/Dialog/Dialog.js";
+import { Dropdown as B } from "./components/Dropdown/Dropdown.js";
+import { EntryRow as V } from "./components/EntryRow/EntryRow.js";
+import { ExpanderRow as H } from "./components/ExpanderRow/ExpanderRow.js";
+import { Footer as U } from "./components/Footer/Footer.js";
+import { Frame as W } from "./components/Frame/Frame.js";
+import { GnomeProvider as G } from "./components/GnomeProvider/GnomeProvider.js";
+import { HeaderBar as K } from "./components/HeaderBar/HeaderBar.js";
+import { Tooltip as q } from "./components/Tooltip/Tooltip.js";
+import { IconButton as J } from "./components/IconButton/IconButton.js";
+import { InlineViewSwitcher as Y } from "./components/InlineViewSwitcher/InlineViewSwitcher.js";
+import { InlineViewSwitcherItem as X } from "./components/InlineViewSwitcher/InlineViewSwitcherItem.js";
+import { Link as Z } from "./components/Link/Link.js";
+import { LinkedGroup as Q } from "./components/LinkedGroup/LinkedGroup.js";
+import { GNOME_BREAKPOINTS as $, useBreakpoint as ee } from "./hooks/useBreakpoint.js";
+import { NavigationSplitView as te } from "./components/NavigationSplitView/NavigationSplitView.js";
+import { NavigationPage as ne, NavigationView as re, useNavigation as ie } from "./components/NavigationView/NavigationView.js";
+import { OverlaySplitView as ae } from "./components/OverlaySplitView/OverlaySplitView.js";
+import { PasswordEntryRow as oe } from "./components/PasswordEntryRow/PasswordEntryRow.js";
+import { PathBar as se } from "./components/PathBar/PathBar.js";
+import { Popover as ce } from "./components/Popover/Popover.js";
+import { PreferencesDialog as le } from "./components/PreferencesDialog/PreferencesDialog.js";
+import { PreferencesGroup as ue } from "./components/PreferencesGroup/PreferencesGroup.js";
+import { PreferencesPage as de } from "./components/PreferencesPage/PreferencesPage.js";
+import { ProgressBar as fe } from "./components/ProgressBar/ProgressBar.js";
+import { RadioButton as pe } from "./components/RadioButton/RadioButton.js";
+import { Spinner as me } from "./components/Spinner/Spinner.js";
+import { SearchBar as he } from "./components/SearchBar/SearchBar.js";
+import { ShortcutLabel as ge } from "./components/ShortcutLabel/ShortcutLabel.js";
+import { ShortcutsDialog as _e } from "./components/ShortcutsDialog/ShortcutsDialog.js";
+import { StatusPage as ve } from "./components/StatusPage/StatusPage.js";
+import { Sidebar as ye, SidebarCollapsedContext as be, useSidebarCollapsed as xe } from "./components/Sidebar/Sidebar.js";
+import { SidebarSection as Se } from "./components/Sidebar/SidebarSection.js";
+import { SidebarItem as Ce } from "./components/Sidebar/SidebarItem.js";
+import { Skeleton as we } from "./components/Skeleton/Skeleton.js";
+import { Slider as Te } from "./components/Slider/Slider.js";
+import { SpinButton as Ee } from "./components/SpinButton/SpinButton.js";
+import { SpinRow as De } from "./components/SpinRow/SpinRow.js";
+import { SplitButton as Oe } from "./components/SplitButton/SplitButton.js";
+import { StatusBadge as ke } from "./components/StatusBadge/StatusBadge.js";
+import { Switch as Ae } from "./components/Switch/Switch.js";
+import { SwitchRow as je } from "./components/SwitchRow/SwitchRow.js";
+import { TabBar as Me } from "./components/Tabs/TabBar.js";
+import { TabItem as Ne } from "./components/Tabs/TabItem.js";
+import { TabPanel as Pe } from "./components/Tabs/TabPanel.js";
+import { TerminalView as Fe } from "./components/TerminalView/TerminalView.js";
+import { Text as Ie } from "./components/Text/Text.js";
+import { TextField as Le } from "./components/TextField/TextField.js";
+import { Timeline as Re } from "./components/Timeline/Timeline.js";
+import { Toast as ze } from "./components/Toast/Toast.js";
+import { Toaster as Be } from "./components/Toast/Toaster.js";
+import { ToggleGroup as Ve } from "./components/ToggleGroup/ToggleGroup.js";
+import { ToggleGroupItem as He } from "./components/ToggleGroup/ToggleGroupItem.js";
+import { Toolbar as Ue } from "./components/Toolbar/Toolbar.js";
+import { Spacer as We } from "./components/Toolbar/Spacer.js";
+import { ToolbarView as Ge } from "./components/ToolbarView/ToolbarView.js";
+import { ViewSwitcher as Ke } from "./components/ViewSwitcher/ViewSwitcher.js";
+import { ViewSwitcherItem as qe } from "./components/ViewSwitcher/ViewSwitcherItem.js";
+import { ViewSwitcherBar as Je } from "./components/ViewSwitcherBar/ViewSwitcherBar.js";
+import { ViewSwitcherSidebar as Ye } from "./components/ViewSwitcherSidebar/ViewSwitcherSidebar.js";
+import { ViewSwitcherSidebarItem as Xe } from "./components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.js";
+import { WindowTitle as Ze } from "./components/WindowTitle/WindowTitle.js";
+import { WrapBox as Qe } from "./components/WrapBox/WrapBox.js";
+export { e as AboutDialog, t as ActionRow, n as Avatar, r as AvatarRotator, i as Badge, a as Banner, o as Bin, s as Blockquote, c as BottomSheet, l as Box, d as BoxedList, f as BreakpointBin, p as Button, m as ButtonContent, h as ButtonRow, g as Card, _ as Carousel, v as CarouselIndicatorDots, y as CarouselIndicatorLines, b as CheckRow, x as Checkbox, C as Chip, w as Clamp, T as ColorPicker, E as ColorSwatch, O as ColumnView, k as ComboRow, L as ContributionGraph, R as CountDownTimer, z as Dialog, B as Dropdown, V as EntryRow, H as ExpanderRow, U as Footer, W as Frame, $ as GNOME_BREAKPOINTS, D as GNOME_PALETTE, G as GnomeProvider, K as HeaderBar, S as Icon, J as IconButton, Y as InlineViewSwitcher, X as InlineViewSwitcherItem, Z as Link, Q as LinkedGroup, ne as NavigationPage, te as NavigationSplitView, re as NavigationView, ae as OverlaySplitView, oe as PasswordEntryRow, se as PathBar, ce as Popover, le as PreferencesDialog, ue as PreferencesGroup, de as PreferencesPage, fe as ProgressBar, pe as RadioButton, he as SearchBar, u as Separator, ge as ShortcutLabel, _e as ShortcutsDialog, ye as Sidebar, be as SidebarCollapsedContext, Ce as SidebarItem, Se as SidebarSection, we as Skeleton, Te as Slider, We as Spacer, Ee as SpinButton, De as SpinRow, me as Spinner, Oe as SplitButton, ke as StatusBadge, ve as StatusPage, Ae as Switch, je as SwitchRow, Me as TabBar, Ne as TabItem, Pe as TabPanel, Fe as TerminalView, Ie as Text, Le as TextField, Re as Timeline, ze as Toast, Be as Toaster, Ve as ToggleGroup, He as ToggleGroupItem, Ue as Toolbar, Ge as ToolbarView, q as Tooltip, Ke as ViewSwitcher, Je as ViewSwitcherBar, qe as ViewSwitcherItem, Ye as ViewSwitcherSidebar, Xe as ViewSwitcherSidebarItem, Ze as WindowTitle, Qe as WrapBox, A as useAccentColor, ee as useBreakpoint, j as useColorScheme, M as useDateTimeFormatter, N as useDir, P as useLocale, ie as useNavigation, F as useNumberFormatter, I as useResolvedColorScheme, xe as useSidebarCollapsed };