@gnome-ui/react 1.45.0 → 1.45.2

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

@@ -1 +1 @@
-{"version":3,"file":"ViewSwitcherSidebar.module.css.cjs","names":[],"sources":["../../../src/components/ViewSwitcherSidebar/ViewSwitcherSidebar.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: hidden;\n  transition: width var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease);\n}\n\n.sidebarCollapsed {\n  width: 56px;\n}\n\n.sidebarCollapsed .itemBtn {\n  justify-content: center;\n  padding: 9px;\n}\n\n/* ─── Header / Footer slots ─────────────────────────────────────────────────── */\n\n.header {\n  flex-shrink: 0;\n  border-bottom: 1px solid var(--gnome-headerbar-border-color, rgba(0, 0, 0, 0.12));\n}\n\n.footer {\n  flex-shrink: 0;\n  border-top: 1px solid var(--gnome-headerbar-border-color, rgba(0, 0, 0, 0.12));\n}\n\n.noHeaderSeparator .header {\n  border-bottom-color: transparent;\n}\n\n.noFooterSeparator .footer {\n  border-top-color: transparent;\n}\n\n/* ─── List ──────────────────────────────────────────────────────────────────── */\n\n.list {\n  list-style: none;\n  margin: 0;\n  padding: var(--gnome-space-1, 6px);\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\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: 9px var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\n  min-height: 42px;\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:not(:disabled):not(.active) {\n  background-color: color-mix(\n    in srgb,\n    var(--gnome-sidebar-bg-color, #ebebeb) 88%,\n    black 12%\n  );\n}\n\n.itemBtn:active:not(:disabled):not(.active) {\n  background-color: color-mix(\n    in srgb,\n    var(--gnome-sidebar-bg-color, #ebebeb) 78%,\n    black 22%\n  );\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, 2px))\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 ────────────────────────────────────────────────────────────────── */\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:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 92%, black 8%);\n}\n\n.active:active:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 84%, black 16%);\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 / count ────────────────────────────────────────────────────────── */\n\n.itemSuffix {\n  flex-shrink: 0;\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n}\n\n.count {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 20px;\n  height: 20px;\n  padding: 0 6px;\n  border-radius: var(--gnome-radius-pill);\n\n  font-size: var(--gnome-font-size-caption, 0.875rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  line-height: 1;\n\n  /* Inactive: dim pill */\n  background-color: rgba(0, 0, 0, 0.12);\n  color: var(--gnome-sidebar-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.active .count {\n  /* Active: white pill on accent */\n  background-color: rgba(255, 255, 255, 0.25);\n  color: var(--gnome-accent-fg-color, #ffffff);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .sidebar {\n    border-right-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .header,\n  .footer {\n    border-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .itemBtn:hover:not(:disabled):not(.active) {\n    background-color: color-mix(\n      in srgb,\n      var(--gnome-sidebar-bg-color, #303030) 85%,\n      white 15%\n    );\n  }\n\n  .itemBtn:active:not(:disabled):not(.active) {\n    background-color: color-mix(\n      in srgb,\n      var(--gnome-sidebar-bg-color, #303030) 75%,\n      white 25%\n    );\n  }\n\n  .count {\n    background-color: rgba(255, 255, 255, 0.12);\n    color: var(--gnome-sidebar-fg-color, rgba(255, 255, 255, 0.87));\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .itemBtn {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"ViewSwitcherSidebar.module.css.cjs","names":[],"sources":["../../../src/components/ViewSwitcherSidebar/ViewSwitcherSidebar.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: hidden;\n  transition: width var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease);\n}\n\n.sidebarCollapsed {\n  width: 56px;\n}\n\n.sidebarCollapsed .itemBtn {\n  justify-content: center;\n  padding: 9px;\n}\n\n/* ─── Header / Footer slots ─────────────────────────────────────────────────── */\n\n.header {\n  flex-shrink: 0;\n  border-bottom: 1px solid var(--gnome-headerbar-border-color, rgba(0, 0, 0, 0.12));\n}\n\n.footer {\n  flex-shrink: 0;\n  border-top: 1px solid var(--gnome-headerbar-border-color, rgba(0, 0, 0, 0.12));\n}\n\n.noHeaderSeparator .header {\n  border-bottom-color: transparent;\n}\n\n.noFooterSeparator .footer {\n  border-top-color: transparent;\n}\n\n/* ─── List ──────────────────────────────────────────────────────────────────── */\n\n.list {\n  list-style: none;\n  margin: 0;\n  padding: var(--gnome-space-1, 6px);\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\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: 9px var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\n  min-height: 42px;\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:not(:disabled):not(.active) {\n  background-color: color-mix(in srgb, var(--gnome-sidebar-bg-color, #ebebeb) 88%, black 12%);\n}\n\n.itemBtn:active:not(:disabled):not(.active) {\n  background-color: color-mix(in srgb, var(--gnome-sidebar-bg-color, #ebebeb) 78%, black 22%);\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, 2px))\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 ────────────────────────────────────────────────────────────────── */\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:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 92%, black 8%);\n}\n\n.active:active:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 84%, black 16%);\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 / count ────────────────────────────────────────────────────────── */\n\n.itemSuffix {\n  flex-shrink: 0;\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n}\n\n.count {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 20px;\n  height: 20px;\n  padding: 0 6px;\n  border-radius: var(--gnome-radius-pill);\n\n  font-size: var(--gnome-font-size-caption, 0.875rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  line-height: 1;\n\n  /* Inactive: dim pill */\n  background-color: rgba(0, 0, 0, 0.12);\n  color: var(--gnome-sidebar-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.active .count {\n  /* Active: white pill on accent */\n  background-color: rgba(255, 255, 255, 0.25);\n  color: var(--gnome-accent-fg-color, #ffffff);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .sidebar {\n    border-right-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .header,\n  .footer {\n    border-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .itemBtn:hover:not(:disabled):not(.active) {\n    background-color: color-mix(in srgb, var(--gnome-sidebar-bg-color, #303030) 85%, white 15%);\n  }\n\n  .itemBtn:active:not(:disabled):not(.active) {\n    background-color: color-mix(in srgb, var(--gnome-sidebar-bg-color, #303030) 75%, white 25%);\n  }\n\n  .count {\n    background-color: rgba(255, 255, 255, 0.12);\n    color: var(--gnome-sidebar-fg-color, rgba(255, 255, 255, 0.87));\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .itemBtn {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,18 +1,18 @@
 var e = {
-	sidebar: "_sidebar_1q4xz_3",
-	sidebarCollapsed: "_sidebarCollapsed_1q4xz_15",
-	itemBtn: "_itemBtn_1q4xz_19",
-	header: "_header_1q4xz_26",
-	footer: "_footer_1q4xz_31",
-	noHeaderSeparator: "_noHeaderSeparator_1q4xz_36",
-	noFooterSeparator: "_noFooterSeparator_1q4xz_40",
-	list: "_list_1q4xz_46",
-	item: "_item_1q4xz_19",
-	active: "_active_1q4xz_92",
-	itemIcon: "_itemIcon_1q4xz_138",
-	itemLabel: "_itemLabel_1q4xz_151",
-	itemSuffix: "_itemSuffix_1q4xz_161",
-	count: "_count_1q4xz_168"
+	sidebar: "_sidebar_1pj3d_3",
+	sidebarCollapsed: "_sidebarCollapsed_1pj3d_15",
+	itemBtn: "_itemBtn_1pj3d_19",
+	header: "_header_1pj3d_26",
+	footer: "_footer_1pj3d_31",
+	noHeaderSeparator: "_noHeaderSeparator_1pj3d_36",
+	noFooterSeparator: "_noFooterSeparator_1pj3d_40",
+	list: "_list_1pj3d_46",
+	item: "_item_1pj3d_19",
+	active: "_active_1pj3d_92",
+	itemIcon: "_itemIcon_1pj3d_130",
+	itemLabel: "_itemLabel_1pj3d_143",
+	itemSuffix: "_itemSuffix_1pj3d_153",
+	count: "_count_1pj3d_160"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"ViewSwitcherSidebar.module.css.js","names":[],"sources":["../../../src/components/ViewSwitcherSidebar/ViewSwitcherSidebar.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: hidden;\n  transition: width var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease);\n}\n\n.sidebarCollapsed {\n  width: 56px;\n}\n\n.sidebarCollapsed .itemBtn {\n  justify-content: center;\n  padding: 9px;\n}\n\n/* ─── Header / Footer slots ─────────────────────────────────────────────────── */\n\n.header {\n  flex-shrink: 0;\n  border-bottom: 1px solid var(--gnome-headerbar-border-color, rgba(0, 0, 0, 0.12));\n}\n\n.footer {\n  flex-shrink: 0;\n  border-top: 1px solid var(--gnome-headerbar-border-color, rgba(0, 0, 0, 0.12));\n}\n\n.noHeaderSeparator .header {\n  border-bottom-color: transparent;\n}\n\n.noFooterSeparator .footer {\n  border-top-color: transparent;\n}\n\n/* ─── List ──────────────────────────────────────────────────────────────────── */\n\n.list {\n  list-style: none;\n  margin: 0;\n  padding: var(--gnome-space-1, 6px);\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\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: 9px var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\n  min-height: 42px;\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:not(:disabled):not(.active) {\n  background-color: color-mix(\n    in srgb,\n    var(--gnome-sidebar-bg-color, #ebebeb) 88%,\n    black 12%\n  );\n}\n\n.itemBtn:active:not(:disabled):not(.active) {\n  background-color: color-mix(\n    in srgb,\n    var(--gnome-sidebar-bg-color, #ebebeb) 78%,\n    black 22%\n  );\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, 2px))\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 ────────────────────────────────────────────────────────────────── */\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:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 92%, black 8%);\n}\n\n.active:active:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 84%, black 16%);\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 / count ────────────────────────────────────────────────────────── */\n\n.itemSuffix {\n  flex-shrink: 0;\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n}\n\n.count {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 20px;\n  height: 20px;\n  padding: 0 6px;\n  border-radius: var(--gnome-radius-pill);\n\n  font-size: var(--gnome-font-size-caption, 0.875rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  line-height: 1;\n\n  /* Inactive: dim pill */\n  background-color: rgba(0, 0, 0, 0.12);\n  color: var(--gnome-sidebar-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.active .count {\n  /* Active: white pill on accent */\n  background-color: rgba(255, 255, 255, 0.25);\n  color: var(--gnome-accent-fg-color, #ffffff);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .sidebar {\n    border-right-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .header,\n  .footer {\n    border-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .itemBtn:hover:not(:disabled):not(.active) {\n    background-color: color-mix(\n      in srgb,\n      var(--gnome-sidebar-bg-color, #303030) 85%,\n      white 15%\n    );\n  }\n\n  .itemBtn:active:not(:disabled):not(.active) {\n    background-color: color-mix(\n      in srgb,\n      var(--gnome-sidebar-bg-color, #303030) 75%,\n      white 25%\n    );\n  }\n\n  .count {\n    background-color: rgba(255, 255, 255, 0.12);\n    color: var(--gnome-sidebar-fg-color, rgba(255, 255, 255, 0.87));\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .itemBtn {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"ViewSwitcherSidebar.module.css.js","names":[],"sources":["../../../src/components/ViewSwitcherSidebar/ViewSwitcherSidebar.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: hidden;\n  transition: width var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease);\n}\n\n.sidebarCollapsed {\n  width: 56px;\n}\n\n.sidebarCollapsed .itemBtn {\n  justify-content: center;\n  padding: 9px;\n}\n\n/* ─── Header / Footer slots ─────────────────────────────────────────────────── */\n\n.header {\n  flex-shrink: 0;\n  border-bottom: 1px solid var(--gnome-headerbar-border-color, rgba(0, 0, 0, 0.12));\n}\n\n.footer {\n  flex-shrink: 0;\n  border-top: 1px solid var(--gnome-headerbar-border-color, rgba(0, 0, 0, 0.12));\n}\n\n.noHeaderSeparator .header {\n  border-bottom-color: transparent;\n}\n\n.noFooterSeparator .footer {\n  border-top-color: transparent;\n}\n\n/* ─── List ──────────────────────────────────────────────────────────────────── */\n\n.list {\n  list-style: none;\n  margin: 0;\n  padding: var(--gnome-space-1, 6px);\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\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: 9px var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\n  min-height: 42px;\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:not(:disabled):not(.active) {\n  background-color: color-mix(in srgb, var(--gnome-sidebar-bg-color, #ebebeb) 88%, black 12%);\n}\n\n.itemBtn:active:not(:disabled):not(.active) {\n  background-color: color-mix(in srgb, var(--gnome-sidebar-bg-color, #ebebeb) 78%, black 22%);\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, 2px))\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 ────────────────────────────────────────────────────────────────── */\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:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 92%, black 8%);\n}\n\n.active:active:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 84%, black 16%);\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 / count ────────────────────────────────────────────────────────── */\n\n.itemSuffix {\n  flex-shrink: 0;\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n}\n\n.count {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 20px;\n  height: 20px;\n  padding: 0 6px;\n  border-radius: var(--gnome-radius-pill);\n\n  font-size: var(--gnome-font-size-caption, 0.875rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  line-height: 1;\n\n  /* Inactive: dim pill */\n  background-color: rgba(0, 0, 0, 0.12);\n  color: var(--gnome-sidebar-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.active .count {\n  /* Active: white pill on accent */\n  background-color: rgba(255, 255, 255, 0.25);\n  color: var(--gnome-accent-fg-color, #ffffff);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .sidebar {\n    border-right-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .header,\n  .footer {\n    border-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .itemBtn:hover:not(:disabled):not(.active) {\n    background-color: color-mix(in srgb, var(--gnome-sidebar-bg-color, #303030) 85%, white 15%);\n  }\n\n  .itemBtn:active:not(:disabled):not(.active) {\n    background-color: color-mix(in srgb, var(--gnome-sidebar-bg-color, #303030) 75%, white 25%);\n  }\n\n  .count {\n    background-color: rgba(255, 255, 255, 0.12);\n    color: var(--gnome-sidebar-fg-color, rgba(255, 255, 255, 0.87));\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .itemBtn {\n    transition: none;\n  }\n}\n"],"mappings":""}

package/dist/components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.cjs

@@ -1,2 +1,2 @@
-const e=require(`../Icon/Icon.cjs`),t=require(`./ViewSwitcherSidebar.module.css.cjs`),n=require(`./ViewSwitcherSidebar.cjs`);let r=require(`react/jsx-runtime`);function i({name:i,label:a,icon:o,count:s,suffix:c,disabled:l,className:u,...d}){let{value:f,onValueChange:p,collapsed:m}=n.useViewSwitcherSidebar(),h=f===i,g=c??s??null;return(0,r.jsx)(`li`,{className:t.default.item,children:(0,r.jsxs)(`button`,{type:`button`,role:`radio`,"aria-checked":h,tabIndex:h?0:-1,disabled:l,onClick:()=>p(i),className:[t.default.itemBtn,h?t.default.active:null,u].filter(Boolean).join(` `),...d,children:[o&&(0,r.jsx)(`span`,{className:t.default.itemIcon,children:(0,r.jsx)(e.Icon,{icon:o,size:`md`,"aria-hidden":!0})}),!m&&(0,r.jsx)(`span`,{className:t.default.itemLabel,children:a}),!m&&g!=null&&(0,r.jsx)(`span`,{className:t.default.itemSuffix,children:typeof g==`number`?(0,r.jsx)(`span`,{className:t.default.count,children:g>99?`99+`:g}):g})]})})}exports.ViewSwitcherSidebarItem=i;
+const e=require("../Icon/Icon.cjs"),t=require("./ViewSwitcherSidebar.module.css.cjs"),n=require("./ViewSwitcherSidebar.cjs");let r=require("react/jsx-runtime");var i=({name:i,label:a,icon:o,count:s,suffix:c,disabled:l,className:u,...d})=>{let{value:f,onValueChange:p,collapsed:m}=n.useViewSwitcherSidebar(),h=f===i,g=c??s??null;return(0,r.jsx)(`li`,{className:t.default.item,children:(0,r.jsxs)(`button`,{type:`button`,role:`radio`,"aria-checked":h,tabIndex:h?0:-1,disabled:l,onClick:()=>p(i),className:[t.default.itemBtn,h?t.default.active:null,u].filter(Boolean).join(` `),...d,children:[o&&(0,r.jsx)(`span`,{className:t.default.itemIcon,children:(0,r.jsx)(e.Icon,{icon:o,size:`md`,"aria-hidden":!0})}),!m&&(0,r.jsx)(`span`,{className:t.default.itemLabel,children:a}),!m&&g!=null&&(0,r.jsx)(`span`,{className:t.default.itemSuffix,children:typeof g==`number`?(0,r.jsx)(`span`,{className:t.default.count,children:g>99?`99+`:g}):g})]})})};exports.ViewSwitcherSidebarItem=i;
 //# sourceMappingURL=ViewSwitcherSidebarItem.cjs.map

package/dist/components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ViewSwitcherSidebarItem.cjs","names":[],"sources":["../../../src/components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport type { IconDefinition } from \"@gnome-ui/icons\";\nimport { Icon } from \"../Icon\";\nimport { useViewSwitcherSidebar } from \"./ViewSwitcherSidebar\";\nimport styles from \"./ViewSwitcherSidebar.module.css\";\n\nexport interface ViewSwitcherSidebarItemProps\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** String identifier — matched against the group's `value`. */\n  name: string;\n  /** View label. */\n  label: string;\n  /** Icon from `@gnome-ui/icons`. */\n  icon?: IconDefinition;\n  /**\n   * Optional trailing count (unread messages, items…).\n   * Rendered as a small badge at the trailing edge.\n   */\n  count?: number;\n  /**\n   * Optional trailing widget. Takes precedence over `count`.\n   * Use for custom badges, buttons, or status indicators.\n   */\n  suffix?: ReactNode;\n}\n\n/**\n * Individual view item inside a `ViewSwitcherSidebar`.\n *\n * Renders as `role=\"radio\"`. Only the active item is in the natural Tab order;\n * all others use `tabIndex={-1}` and are reached via arrow-key navigation.\n */\nexport function ViewSwitcherSidebarItem({\n  name,\n  label,\n  icon,\n  count,\n  suffix,\n  disabled,\n  className,\n  ...props\n}: ViewSwitcherSidebarItemProps) {\n  const { value, onValueChange, collapsed } = useViewSwitcherSidebar();\n  const active = value === name;\n  const trailing = suffix ?? (count != null ? count : null);\n\n  return (\n    <li className={styles.item}>\n      <button\n        type=\"button\"\n        role=\"radio\"\n        aria-checked={active}\n        tabIndex={active ? 0 : -1}\n        disabled={disabled}\n        onClick={() => onValueChange(name)}\n        className={[\n          styles.itemBtn,\n          active ? styles.active : null,\n          className,\n        ]\n          .filter(Boolean)\n          .join(\" \")}\n        {...props}\n      >\n        {icon && (\n          <span className={styles.itemIcon}>\n            <Icon icon={icon} size=\"md\" aria-hidden />\n          </span>\n        )}\n        {!collapsed && <span className={styles.itemLabel}>{label}</span>}\n        {!collapsed && trailing != null && (\n          <span className={styles.itemSuffix}>\n            {typeof trailing === \"number\" ? (\n              <span className={styles.count}>{trailing > 99 ? \"99+\" : trailing}</span>\n            ) : (\n              trailing\n            )}\n          </span>\n        )}\n      </button>\n    </li>\n  );\n}\n"],"mappings":"gKAgCA,SAAgB,EAAwB,CACtC,OACA,QACA,OACA,QACA,SACA,WACA,YACA,GAAG,GAC4B,CAC/B,GAAM,CAAE,QAAO,gBAAe,aAAc,EAAA,wBAAwB,CAC9D,EAAS,IAAU,EACnB,EAAW,GAAW,GAAwB,KAEpD,OACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAW,EAAA,QAAO,eACpB,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,KAAK,QACL,eAAc,EACd,SAAU,EAAS,EAAI,GACb,WACV,YAAe,EAAc,EAAK,CAClC,UAAW,CACT,EAAA,QAAO,QACP,EAAS,EAAA,QAAO,OAAS,KACzB,EACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,GAAI,WAdN,CAgBG,IACC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,mBACtB,EAAA,EAAA,KAAC,EAAA,KAAD,CAAY,OAAM,KAAK,KAAK,cAAA,GAAc,CAAA,CACrC,CAAA,CAER,CAAC,IAAa,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,mBAAY,EAAa,CAAA,CAC/D,CAAC,GAAa,GAAY,OACzB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,oBACrB,OAAO,GAAa,UACnB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,EAAW,GAAK,MAAQ,EAAgB,CAAA,CAExE,EAEG,CAAA,CAEF,GACN,CAAA"}
+{"version":3,"file":"ViewSwitcherSidebarItem.cjs","names":[],"sources":["../../../src/components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.tsx"],"sourcesContent":["import type { IconDefinition } from '@gnome-ui/icons';\nimport type { ButtonHTMLAttributes, ReactNode } from 'react';\n\nimport { Icon } from '../Icon';\n\nimport { useViewSwitcherSidebar } from './ViewSwitcherSidebar';\nimport styles from './ViewSwitcherSidebar.module.css';\n\nexport interface ViewSwitcherSidebarItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** String identifier — matched against the group's `value`. */\n  name: string;\n  /** View label. */\n  label: string;\n  /** Icon from `@gnome-ui/icons`. */\n  icon?: IconDefinition;\n  /**\n   * Optional trailing count (unread messages, items…).\n   * Rendered as a small badge at the trailing edge.\n   */\n  count?: number;\n  /**\n   * Optional trailing widget. Takes precedence over `count`.\n   * Use for custom badges, buttons, or status indicators.\n   */\n  suffix?: ReactNode;\n}\n\n/**\n * Individual view item inside a `ViewSwitcherSidebar`.\n *\n * Renders as `role=\"radio\"`. Only the active item is in the natural Tab order;\n * all others use `tabIndex={-1}` and are reached via arrow-key navigation.\n */\nexport const ViewSwitcherSidebarItem = ({\n  name,\n  label,\n  icon,\n  count,\n  suffix,\n  disabled,\n  className,\n  ...props\n}: ViewSwitcherSidebarItemProps) => {\n  const { value, onValueChange, collapsed } = useViewSwitcherSidebar();\n  const active = value === name;\n  const trailing = suffix ?? (count !== null && count !== undefined ? count : null);\n\n  return (\n    <li className={styles.item}>\n      <button\n        type=\"button\"\n        role=\"radio\"\n        aria-checked={active}\n        tabIndex={active ? 0 : -1}\n        disabled={disabled}\n        onClick={() => onValueChange(name)}\n        className={[styles.itemBtn, active ? styles.active : null, className]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        {icon && (\n          <span className={styles.itemIcon}>\n            <Icon icon={icon} size=\"md\" aria-hidden />\n          </span>\n        )}\n        {!collapsed && <span className={styles.itemLabel}>{label}</span>}\n        {!collapsed && trailing !== null && trailing !== undefined && (\n          <span className={styles.itemSuffix}>\n            {typeof trailing === 'number' ? (\n              <span className={styles.count}>{trailing > 99 ? '99+' : trailing}</span>\n            ) : (\n              trailing\n            )}\n          </span>\n        )}\n      </button>\n    </li>\n  );\n};\n"],"mappings":"gKAiCA,IAAa,GAA2B,CACtC,OACA,QACA,OACA,QACA,SACA,WACA,YACA,GAAG,KAC+B,CAClC,GAAM,CAAE,QAAO,gBAAe,aAAc,EAAA,uBAAuB,EAC7D,EAAS,IAAU,EACnB,EAAW,GAAW,GAAgD,KAE5E,OACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAW,EAAA,QAAO,eACpB,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,KAAK,QACL,eAAc,EACd,SAAU,EAAS,EAAI,GACb,WACV,YAAe,EAAc,CAAI,EACjC,UAAW,CAAC,EAAA,QAAO,QAAS,EAAS,EAAA,QAAO,OAAS,KAAM,CAAS,EACjE,OAAO,OAAO,EACd,KAAK,GAAG,EACX,GAAI,WAVN,CAYG,IACC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,mBACtB,EAAA,EAAA,KAAC,EAAA,KAAD,CAAY,OAAM,KAAK,KAAK,cAAA,EAAa,CAAA,CACrC,CAAA,EAEP,CAAC,IAAa,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,mBAAY,CAAY,CAAA,EAC9D,CAAC,GAAa,GAAa,OAC1B,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,oBACrB,OAAO,GAAa,UACnB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,EAAW,GAAK,MAAQ,CAAe,CAAA,EAEvE,CAEE,CAAA,CAEF,GACN,CAAA,CAER"}

package/dist/components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.d.ts

@@ -1,5 +1,5 @@
-import { ButtonHTMLAttributes, ReactNode } from 'react';
 import { IconDefinition } from '@gnome-ui/icons';
+import { ButtonHTMLAttributes, ReactNode } from 'react';
 export interface ViewSwitcherSidebarItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /** String identifier — matched against the group's `value`. */
     name: string;
@@ -24,4 +24,4 @@ export interface ViewSwitcherSidebarItemProps extends ButtonHTMLAttributes<HTMLB
  * Renders as `role="radio"`. Only the active item is in the natural Tab order;
  * all others use `tabIndex={-1}` and are reached via arrow-key navigation.
  */
-export declare function ViewSwitcherSidebarItem({ name, label, icon, count, suffix, disabled, className, ...props }: ViewSwitcherSidebarItemProps): import("react/jsx-runtime").JSX.Element;
+export declare const ViewSwitcherSidebarItem: ({ name, label, icon, count, suffix, disabled, className, ...props }: ViewSwitcherSidebarItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.js

@@ -3,7 +3,7 @@ import t from "./ViewSwitcherSidebar.module.css.js";
 import { useViewSwitcherSidebar as n } from "./ViewSwitcherSidebar.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.tsx
-function a({ name: a, label: o, icon: s, count: c, suffix: l, disabled: u, className: d, ...f }) {
+var a = ({ name: a, label: o, icon: s, count: c, suffix: l, disabled: u, className: d, ...f }) => {
 	let { value: p, onValueChange: m, collapsed: h } = n(), g = p === a, _ = l ?? c ?? null;
 	return /* @__PURE__ */ r("li", {
 		className: t.item,
@@ -43,7 +43,7 @@ function a({ name: a, label: o, icon: s, count: c, suffix: l, disabled: u, class
 			]
 		})
 	});
-}
+};
 //#endregion
 export { a as ViewSwitcherSidebarItem };
 

package/dist/components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewSwitcherSidebarItem.js","names":[],"sources":["../../../src/components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport type { IconDefinition } from \"@gnome-ui/icons\";\nimport { Icon } from \"../Icon\";\nimport { useViewSwitcherSidebar } from \"./ViewSwitcherSidebar\";\nimport styles from \"./ViewSwitcherSidebar.module.css\";\n\nexport interface ViewSwitcherSidebarItemProps\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** String identifier — matched against the group's `value`. */\n  name: string;\n  /** View label. */\n  label: string;\n  /** Icon from `@gnome-ui/icons`. */\n  icon?: IconDefinition;\n  /**\n   * Optional trailing count (unread messages, items…).\n   * Rendered as a small badge at the trailing edge.\n   */\n  count?: number;\n  /**\n   * Optional trailing widget. Takes precedence over `count`.\n   * Use for custom badges, buttons, or status indicators.\n   */\n  suffix?: ReactNode;\n}\n\n/**\n * Individual view item inside a `ViewSwitcherSidebar`.\n *\n * Renders as `role=\"radio\"`. Only the active item is in the natural Tab order;\n * all others use `tabIndex={-1}` and are reached via arrow-key navigation.\n */\nexport function ViewSwitcherSidebarItem({\n  name,\n  label,\n  icon,\n  count,\n  suffix,\n  disabled,\n  className,\n  ...props\n}: ViewSwitcherSidebarItemProps) {\n  const { value, onValueChange, collapsed } = useViewSwitcherSidebar();\n  const active = value === name;\n  const trailing = suffix ?? (count != null ? count : null);\n\n  return (\n    <li className={styles.item}>\n      <button\n        type=\"button\"\n        role=\"radio\"\n        aria-checked={active}\n        tabIndex={active ? 0 : -1}\n        disabled={disabled}\n        onClick={() => onValueChange(name)}\n        className={[\n          styles.itemBtn,\n          active ? styles.active : null,\n          className,\n        ]\n          .filter(Boolean)\n          .join(\" \")}\n        {...props}\n      >\n        {icon && (\n          <span className={styles.itemIcon}>\n            <Icon icon={icon} size=\"md\" aria-hidden />\n          </span>\n        )}\n        {!collapsed && <span className={styles.itemLabel}>{label}</span>}\n        {!collapsed && trailing != null && (\n          <span className={styles.itemSuffix}>\n            {typeof trailing === \"number\" ? (\n              <span className={styles.count}>{trailing > 99 ? \"99+\" : trailing}</span>\n            ) : (\n              trailing\n            )}\n          </span>\n        )}\n      </button>\n    </li>\n  );\n}\n"],"mappings":";;;;;AAgCA,SAAgB,EAAwB,EACtC,SACA,UACA,SACA,UACA,WACA,aACA,cACA,GAAG,KAC4B;CAC/B,IAAM,EAAE,UAAO,kBAAe,iBAAc,GAAwB,EAC9D,IAAS,MAAU,GACnB,IAAW,KAAW,KAAwB;AAEpD,QACE,kBAAC,MAAD;EAAI,WAAW,EAAO;YACpB,kBAAC,UAAD;GACE,MAAK;GACL,MAAK;GACL,gBAAc;GACd,UAAU,IAAS,IAAI;GACb;GACV,eAAe,EAAc,EAAK;GAClC,WAAW;IACT,EAAO;IACP,IAAS,EAAO,SAAS;IACzB;IACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;GACZ,GAAI;aAdN;IAgBG,KACC,kBAAC,QAAD;KAAM,WAAW,EAAO;eACtB,kBAAC,GAAD;MAAY;MAAM,MAAK;MAAK,eAAA;MAAc,CAAA;KACrC,CAAA;IAER,CAAC,KAAa,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAY;KAAa,CAAA;IAC/D,CAAC,KAAa,KAAY,QACzB,kBAAC,QAAD;KAAM,WAAW,EAAO;eACrB,OAAO,KAAa,WACnB,kBAAC,QAAD;MAAM,WAAW,EAAO;gBAAQ,IAAW,KAAK,QAAQ;MAAgB,CAAA,GAExE;KAEG,CAAA;IAEF;;EACN,CAAA"}
+{"version":3,"file":"ViewSwitcherSidebarItem.js","names":[],"sources":["../../../src/components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.tsx"],"sourcesContent":["import type { IconDefinition } from '@gnome-ui/icons';\nimport type { ButtonHTMLAttributes, ReactNode } from 'react';\n\nimport { Icon } from '../Icon';\n\nimport { useViewSwitcherSidebar } from './ViewSwitcherSidebar';\nimport styles from './ViewSwitcherSidebar.module.css';\n\nexport interface ViewSwitcherSidebarItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** String identifier — matched against the group's `value`. */\n  name: string;\n  /** View label. */\n  label: string;\n  /** Icon from `@gnome-ui/icons`. */\n  icon?: IconDefinition;\n  /**\n   * Optional trailing count (unread messages, items…).\n   * Rendered as a small badge at the trailing edge.\n   */\n  count?: number;\n  /**\n   * Optional trailing widget. Takes precedence over `count`.\n   * Use for custom badges, buttons, or status indicators.\n   */\n  suffix?: ReactNode;\n}\n\n/**\n * Individual view item inside a `ViewSwitcherSidebar`.\n *\n * Renders as `role=\"radio\"`. Only the active item is in the natural Tab order;\n * all others use `tabIndex={-1}` and are reached via arrow-key navigation.\n */\nexport const ViewSwitcherSidebarItem = ({\n  name,\n  label,\n  icon,\n  count,\n  suffix,\n  disabled,\n  className,\n  ...props\n}: ViewSwitcherSidebarItemProps) => {\n  const { value, onValueChange, collapsed } = useViewSwitcherSidebar();\n  const active = value === name;\n  const trailing = suffix ?? (count !== null && count !== undefined ? count : null);\n\n  return (\n    <li className={styles.item}>\n      <button\n        type=\"button\"\n        role=\"radio\"\n        aria-checked={active}\n        tabIndex={active ? 0 : -1}\n        disabled={disabled}\n        onClick={() => onValueChange(name)}\n        className={[styles.itemBtn, active ? styles.active : null, className]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        {icon && (\n          <span className={styles.itemIcon}>\n            <Icon icon={icon} size=\"md\" aria-hidden />\n          </span>\n        )}\n        {!collapsed && <span className={styles.itemLabel}>{label}</span>}\n        {!collapsed && trailing !== null && trailing !== undefined && (\n          <span className={styles.itemSuffix}>\n            {typeof trailing === 'number' ? (\n              <span className={styles.count}>{trailing > 99 ? '99+' : trailing}</span>\n            ) : (\n              trailing\n            )}\n          </span>\n        )}\n      </button>\n    </li>\n  );\n};\n"],"mappings":";;;;;AAiCA,IAAa,KAA2B,EACtC,SACA,UACA,SACA,UACA,WACA,aACA,cACA,GAAG,QAC+B;CAClC,IAAM,EAAE,UAAO,kBAAe,iBAAc,EAAuB,GAC7D,IAAS,MAAU,GACnB,IAAW,KAAW,KAAgD;CAE5E,OACE,kBAAC,MAAD;EAAI,WAAW,EAAO;YACpB,kBAAC,UAAD;GACE,MAAK;GACL,MAAK;GACL,gBAAc;GACd,UAAU,IAAS,IAAI;GACb;GACV,eAAe,EAAc,CAAI;GACjC,WAAW;IAAC,EAAO;IAAS,IAAS,EAAO,SAAS;IAAM;GAAS,EACjE,OAAO,OAAO,EACd,KAAK,GAAG;GACX,GAAI;aAVN;IAYG,KACC,kBAAC,QAAD;KAAM,WAAW,EAAO;eACtB,kBAAC,GAAD;MAAY;MAAM,MAAK;MAAK,eAAA;KAAa,CAAA;IACrC,CAAA;IAEP,CAAC,KAAa,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAY;IAAY,CAAA;IAC9D,CAAC,KAAa,KAAa,QAC1B,kBAAC,QAAD;KAAM,WAAW,EAAO;eACrB,OAAO,KAAa,WACnB,kBAAC,QAAD;MAAM,WAAW,EAAO;gBAAQ,IAAW,KAAK,QAAQ;KAAe,CAAA,IAEvE;IAEE,CAAA;GAEF;;CACN,CAAA;AAER"}

package/dist/components/ViewSwitcherSidebar/index.d.ts

@@ -1,4 +1,4 @@
-export { ViewSwitcherSidebar } from './ViewSwitcherSidebar';
 export type { ViewSwitcherSidebarProps } from './ViewSwitcherSidebar';
-export { ViewSwitcherSidebarItem } from './ViewSwitcherSidebarItem';
+export { ViewSwitcherSidebar } from './ViewSwitcherSidebar';
 export type { ViewSwitcherSidebarItemProps } from './ViewSwitcherSidebarItem';
+export { ViewSwitcherSidebarItem } from './ViewSwitcherSidebarItem';

package/dist/components/ViewSwitcherSidebar.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./ViewSwitcherSidebar/ViewSwitcherSidebar.cjs`),t=require(`./ViewSwitcherSidebar/ViewSwitcherSidebarItem.cjs`);exports.ViewSwitcherSidebar=e.ViewSwitcherSidebar,exports.ViewSwitcherSidebarItem=t.ViewSwitcherSidebarItem;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./ViewSwitcherSidebar/ViewSwitcherSidebar.cjs"),t=require("./ViewSwitcherSidebar/ViewSwitcherSidebarItem.cjs");exports.ViewSwitcherSidebar=e.ViewSwitcherSidebar,exports.ViewSwitcherSidebarItem=t.ViewSwitcherSidebarItem;

package/dist/components/WindowTitle/WindowTitle.cjs

@@ -1,2 +1,2 @@
-const e=require(`./WindowTitle.module.css.cjs`);let t=require(`react/jsx-runtime`);function n({title:n,subtitle:r,className:i,...a}){return(0,t.jsxs)(`div`,{className:[e.default.windowTitle,i].filter(Boolean).join(` `),...a,children:[(0,t.jsx)(`span`,{className:e.default.title,children:n}),r&&(0,t.jsx)(`span`,{className:e.default.subtitle,children:r})]})}exports.WindowTitle=n;
+const e=require("./WindowTitle.module.css.cjs");let t=require("react/jsx-runtime");var n=({title:n,subtitle:r,className:i,...a})=>(0,t.jsxs)(`div`,{className:[e.default.windowTitle,i].filter(Boolean).join(` `),...a,children:[(0,t.jsx)(`span`,{className:e.default.title,children:n}),r&&(0,t.jsx)(`span`,{className:e.default.subtitle,children:r})]});exports.WindowTitle=n;
 //# sourceMappingURL=WindowTitle.cjs.map

package/dist/components/WindowTitle/WindowTitle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"WindowTitle.cjs","names":[],"sources":["../../../src/components/WindowTitle/WindowTitle.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport styles from \"./WindowTitle.module.css\";\n\nexport interface WindowTitleProps extends HTMLAttributes<HTMLDivElement> {\n  /** Primary title — rendered in bold. */\n  title: string;\n  /** Secondary subtitle — rendered smaller and dimmed below the title. */\n  subtitle?: string;\n}\n\n/**\n * Two-line title + subtitle widget for use inside a `HeaderBar`.\n *\n * Pass as the `title` prop of `HeaderBar` to get a centred two-line header\n * that shows an app name and current document/view name.\n *\n * Mirrors `AdwWindowTitle`.\n *\n * @example\n * ```tsx\n * <HeaderBar title={<WindowTitle title=\"Files\" subtitle=\"/home/user/Documents\" />} />\n * ```\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.WindowTitle.html\n */\nexport function WindowTitle({ title, subtitle, className, ...props }: WindowTitleProps) {\n  return (\n    <div\n      className={[styles.windowTitle, className].filter(Boolean).join(\" \")}\n      {...props}\n    >\n      <span className={styles.title}>{title}</span>\n      {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n    </div>\n  );\n}\n"],"mappings":"mFAyBA,SAAgB,EAAY,CAAE,QAAO,WAAU,YAAW,GAAG,GAA2B,CACtF,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,CAAC,EAAA,QAAO,YAAa,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CACpE,GAAI,WAFN,EAIE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,EAAa,CAAA,CAC5C,IAAY,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,kBAAW,EAAgB,CAAA,CAC5D"}
+{"version":3,"file":"WindowTitle.cjs","names":[],"sources":["../../../src/components/WindowTitle/WindowTitle.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport styles from './WindowTitle.module.css';\n\nexport interface WindowTitleProps extends HTMLAttributes<HTMLDivElement> {\n  /** Primary title — rendered in bold. */\n  title: string;\n  /** Secondary subtitle — rendered smaller and dimmed below the title. */\n  subtitle?: string;\n}\n\n/**\n * Two-line title + subtitle widget for use inside a `HeaderBar`.\n *\n * Pass as the `title` prop of `HeaderBar` to get a centred two-line header\n * that shows an app name and current document/view name.\n *\n * Mirrors `AdwWindowTitle`.\n *\n * @example\n * ```tsx\n * <HeaderBar title={<WindowTitle title=\"Files\" subtitle=\"/home/user/Documents\" />} />\n * ```\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.WindowTitle.html\n */\nexport const WindowTitle = ({ title, subtitle, className, ...props }: WindowTitleProps) => {\n  return (\n    <div className={[styles.windowTitle, className].filter(Boolean).join(' ')} {...props}>\n      <span className={styles.title}>{title}</span>\n      {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n    </div>\n  );\n};\n"],"mappings":"mFA0BA,IAAa,GAAe,CAAE,QAAO,WAAU,YAAW,GAAG,MAEzD,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,CAAC,EAAA,QAAO,YAAa,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAAG,GAAI,WAA/E,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAY,CAAA,EAC3C,IAAY,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,kBAAW,CAAe,CAAA,CAC5D"}

package/dist/components/WindowTitle/WindowTitle.d.ts

@@ -20,4 +20,4 @@ export interface WindowTitleProps extends HTMLAttributes<HTMLDivElement> {
  *
  * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.WindowTitle.html
  */
-export declare function WindowTitle({ title, subtitle, className, ...props }: WindowTitleProps): import("react/jsx-runtime").JSX.Element;
+export declare const WindowTitle: ({ title, subtitle, className, ...props }: WindowTitleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/WindowTitle/WindowTitle.js

@@ -1,19 +1,17 @@
 import e from "./WindowTitle.module.css.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/WindowTitle/WindowTitle.tsx
-function r({ title: r, subtitle: i, className: a, ...o }) {
-	return /* @__PURE__ */ n("div", {
-		className: [e.windowTitle, a].filter(Boolean).join(" "),
-		...o,
-		children: [/* @__PURE__ */ t("span", {
-			className: e.title,
-			children: r
-		}), i && /* @__PURE__ */ t("span", {
-			className: e.subtitle,
-			children: i
-		})]
-	});
-}
+var r = ({ title: r, subtitle: i, className: a, ...o }) => /* @__PURE__ */ n("div", {
+	className: [e.windowTitle, a].filter(Boolean).join(" "),
+	...o,
+	children: [/* @__PURE__ */ t("span", {
+		className: e.title,
+		children: r
+	}), i && /* @__PURE__ */ t("span", {
+		className: e.subtitle,
+		children: i
+	})]
+});
 //#endregion
 export { r as WindowTitle };
 

package/dist/components/WindowTitle/WindowTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"WindowTitle.js","names":[],"sources":["../../../src/components/WindowTitle/WindowTitle.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport styles from \"./WindowTitle.module.css\";\n\nexport interface WindowTitleProps extends HTMLAttributes<HTMLDivElement> {\n  /** Primary title — rendered in bold. */\n  title: string;\n  /** Secondary subtitle — rendered smaller and dimmed below the title. */\n  subtitle?: string;\n}\n\n/**\n * Two-line title + subtitle widget for use inside a `HeaderBar`.\n *\n * Pass as the `title` prop of `HeaderBar` to get a centred two-line header\n * that shows an app name and current document/view name.\n *\n * Mirrors `AdwWindowTitle`.\n *\n * @example\n * ```tsx\n * <HeaderBar title={<WindowTitle title=\"Files\" subtitle=\"/home/user/Documents\" />} />\n * ```\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.WindowTitle.html\n */\nexport function WindowTitle({ title, subtitle, className, ...props }: WindowTitleProps) {\n  return (\n    <div\n      className={[styles.windowTitle, className].filter(Boolean).join(\" \")}\n      {...props}\n    >\n      <span className={styles.title}>{title}</span>\n      {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n    </div>\n  );\n}\n"],"mappings":";;;AAyBA,SAAgB,EAAY,EAAE,UAAO,aAAU,cAAW,GAAG,KAA2B;AACtF,QACE,kBAAC,OAAD;EACE,WAAW,CAAC,EAAO,aAAa,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EACpE,GAAI;YAFN,CAIE,kBAAC,QAAD;GAAM,WAAW,EAAO;aAAQ;GAAa,CAAA,EAC5C,KAAY,kBAAC,QAAD;GAAM,WAAW,EAAO;aAAW;GAAgB,CAAA,CAC5D"}
+{"version":3,"file":"WindowTitle.js","names":[],"sources":["../../../src/components/WindowTitle/WindowTitle.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport styles from './WindowTitle.module.css';\n\nexport interface WindowTitleProps extends HTMLAttributes<HTMLDivElement> {\n  /** Primary title — rendered in bold. */\n  title: string;\n  /** Secondary subtitle — rendered smaller and dimmed below the title. */\n  subtitle?: string;\n}\n\n/**\n * Two-line title + subtitle widget for use inside a `HeaderBar`.\n *\n * Pass as the `title` prop of `HeaderBar` to get a centred two-line header\n * that shows an app name and current document/view name.\n *\n * Mirrors `AdwWindowTitle`.\n *\n * @example\n * ```tsx\n * <HeaderBar title={<WindowTitle title=\"Files\" subtitle=\"/home/user/Documents\" />} />\n * ```\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.WindowTitle.html\n */\nexport const WindowTitle = ({ title, subtitle, className, ...props }: WindowTitleProps) => {\n  return (\n    <div className={[styles.windowTitle, className].filter(Boolean).join(' ')} {...props}>\n      <span className={styles.title}>{title}</span>\n      {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n    </div>\n  );\n};\n"],"mappings":";;;AA0BA,IAAa,KAAe,EAAE,UAAO,aAAU,cAAW,GAAG,QAEzD,kBAAC,OAAD;CAAK,WAAW,CAAC,EAAO,aAAa,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;CAAG,GAAI;WAA/E,CACE,kBAAC,QAAD;EAAM,WAAW,EAAO;YAAQ;CAAY,CAAA,GAC3C,KAAY,kBAAC,QAAD;EAAM,WAAW,EAAO;YAAW;CAAe,CAAA,CAC5D"}

package/dist/components/WindowTitle/index.d.ts

@@ -1,2 +1,2 @@
-export { WindowTitle } from './WindowTitle';
 export type { WindowTitleProps } from './WindowTitle';
+export { WindowTitle } from './WindowTitle';

package/dist/components/WindowTitle.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./WindowTitle/WindowTitle.cjs`);exports.WindowTitle=e.WindowTitle;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./WindowTitle/WindowTitle.cjs");exports.WindowTitle=e.WindowTitle;

package/dist/components/WrapBox/WrapBox.cjs

@@ -1,2 +1,2 @@
-const e=require(`./WrapBox.module.css.cjs`);let t=require(`react/jsx-runtime`);function n({childSpacing:n=6,lineSpacing:r,justify:i=`start`,align:a=`center`,wrapReverse:o=!1,children:s,className:c,style:l,...u}){let d=typeof n==`number`?`${n}px`:n,f=r==null?d:typeof r==`number`?`${r}px`:r,p={"--wrapbox-gap":d,"--wrapbox-row-gap":f,"--wrapbox-justify":i,"--wrapbox-align":a,...l};return(0,t.jsx)(`div`,{className:[e.default.wrapBox,o?e.default.reverse:null,c].filter(Boolean).join(` `),style:p,...u,children:s})}exports.WrapBox=n;
+const e=require("./WrapBox.module.css.cjs");let t=require("react/jsx-runtime");var n=({childSpacing:n=6,lineSpacing:r,justify:i=`start`,align:a=`center`,wrapReverse:o=!1,children:s,className:c,style:l,...u})=>{let d=typeof n==`number`?`${n}px`:n,f={"--wrapbox-gap":d,"--wrapbox-row-gap":r==null?d:typeof r==`number`?`${r}px`:r,"--wrapbox-justify":i,"--wrapbox-align":a,...l};return(0,t.jsx)(`div`,{className:[e.default.wrapBox,o?e.default.reverse:null,c].filter(Boolean).join(` `),style:f,...u,children:s})};exports.WrapBox=n;
 //# sourceMappingURL=WrapBox.cjs.map

package/dist/components/WrapBox/WrapBox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"WrapBox.cjs","names":[],"sources":["../../../src/components/WrapBox/WrapBox.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./WrapBox.module.css\";\n\nexport type WrapBoxJustify = \"start\" | \"center\" | \"end\" | \"space-between\" | \"space-around\" | \"space-evenly\";\nexport type WrapBoxAlign = \"start\" | \"center\" | \"end\" | \"stretch\";\n\nexport interface WrapBoxProps extends HTMLAttributes<HTMLDivElement> {\n  /** Gap between children on the same line. Default: `6`. */\n  childSpacing?: number | string;\n  /** Gap between lines. Defaults to `childSpacing`. */\n  lineSpacing?: number | string;\n  /** Horizontal distribution of children within each line. Default: `\"start\"`. */\n  justify?: WrapBoxJustify;\n  /** Cross-axis alignment of children within each line. Default: `\"center\"`. */\n  align?: WrapBoxAlign;\n  /** When true children wrap in the reverse direction (bottom to top). */\n  wrapReverse?: boolean;\n  children?: ReactNode;\n}\n\n/**\n * Flexible wrapping layout container.\n *\n * Children flow horizontally and wrap to new lines when they don't fit,\n * like words in a paragraph — without locking them into a grid.\n *\n * Mirrors `AdwWrapBox` (libadwaita 1.7 / GNOME 48).\n *\n * Pair with `Chip` for tag lists and filter rows.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.WrapBox.html\n */\nexport function WrapBox({\n  childSpacing = 6,\n  lineSpacing,\n  justify = \"start\",\n  align = \"center\",\n  wrapReverse = false,\n  children,\n  className,\n  style,\n  ...props\n}: WrapBoxProps) {\n  const gap = typeof childSpacing === \"number\" ? `${childSpacing}px` : childSpacing;\n  const rowGap = lineSpacing != null\n    ? (typeof lineSpacing === \"number\" ? `${lineSpacing}px` : lineSpacing)\n    : gap;\n\n  const cssVars: CSSProperties = {\n    \"--wrapbox-gap\": gap,\n    \"--wrapbox-row-gap\": rowGap,\n    \"--wrapbox-justify\": justify,\n    \"--wrapbox-align\": align,\n    ...style,\n  } as CSSProperties;\n\n  return (\n    <div\n      className={[\n        styles.wrapBox,\n        wrapReverse ? styles.reverse : null,\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      style={cssVars}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":"+EAgCA,SAAgB,EAAQ,CACtB,eAAe,EACf,cACA,UAAU,QACV,QAAQ,SACR,cAAc,GACd,WACA,YACA,QACA,GAAG,GACY,CACf,IAAM,EAAM,OAAO,GAAiB,SAAW,GAAG,EAAa,IAAM,EAC/D,EAAS,GAAe,KAE1B,EADC,OAAO,GAAgB,SAAW,GAAG,EAAY,IAAM,EAGtD,EAAyB,CAC7B,gBAAiB,EACjB,oBAAqB,EACrB,oBAAqB,EACrB,kBAAmB,EACnB,GAAG,EACJ,CAED,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,CACT,EAAA,QAAO,QACP,EAAc,EAAA,QAAO,QAAU,KAC/B,EACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,MAAO,EACP,GAAI,EAEH,WACG,CAAA"}
+{"version":3,"file":"WrapBox.cjs","names":[],"sources":["../../../src/components/WrapBox/WrapBox.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './WrapBox.module.css';\n\nexport type WrapBoxJustify =\n  | 'start'\n  | 'center'\n  | 'end'\n  | 'space-between'\n  | 'space-around'\n  | 'space-evenly';\nexport type WrapBoxAlign = 'start' | 'center' | 'end' | 'stretch';\n\nexport interface WrapBoxProps extends HTMLAttributes<HTMLDivElement> {\n  /** Gap between children on the same line. Default: `6`. */\n  childSpacing?: number | string;\n  /** Gap between lines. Defaults to `childSpacing`. */\n  lineSpacing?: number | string;\n  /** Horizontal distribution of children within each line. Default: `\"start\"`. */\n  justify?: WrapBoxJustify;\n  /** Cross-axis alignment of children within each line. Default: `\"center\"`. */\n  align?: WrapBoxAlign;\n  /** When true children wrap in the reverse direction (bottom to top). */\n  wrapReverse?: boolean;\n  children?: ReactNode;\n}\n\n/**\n * Flexible wrapping layout container.\n *\n * Children flow horizontally and wrap to new lines when they don't fit,\n * like words in a paragraph — without locking them into a grid.\n *\n * Mirrors `AdwWrapBox` (libadwaita 1.7 / GNOME 48).\n *\n * Pair with `Chip` for tag lists and filter rows.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.WrapBox.html\n */\nexport const WrapBox = ({\n  childSpacing = 6,\n  lineSpacing,\n  justify = 'start',\n  align = 'center',\n  wrapReverse = false,\n  children,\n  className,\n  style,\n  ...props\n}: WrapBoxProps) => {\n  const gap = typeof childSpacing === 'number' ? `${childSpacing}px` : childSpacing;\n  const rowGap =\n    lineSpacing !== null && lineSpacing !== undefined\n      ? typeof lineSpacing === 'number'\n        ? `${lineSpacing}px`\n        : lineSpacing\n      : gap;\n\n  const cssVars: CSSProperties = {\n    '--wrapbox-gap': gap,\n    '--wrapbox-row-gap': rowGap,\n    '--wrapbox-justify': justify,\n    '--wrapbox-align': align,\n    ...style,\n  } as CSSProperties;\n\n  return (\n    <div\n      className={[styles.wrapBox, wrapReverse ? styles.reverse : null, className]\n        .filter(Boolean)\n        .join(' ')}\n      style={cssVars}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":"+EAuCA,IAAa,GAAW,CACtB,eAAe,EACf,cACA,UAAU,QACV,QAAQ,SACR,cAAc,GACd,WACA,YACA,QACA,GAAG,KACe,CAClB,IAAM,EAAM,OAAO,GAAiB,SAAW,GAAG,EAAa,IAAM,EAQ/D,EAAyB,CAC7B,gBAAiB,EACjB,oBARA,GAAgB,KAIZ,EAHA,OAAO,GAAgB,SACrB,GAAG,EAAY,IACf,EAMN,oBAAqB,EACrB,kBAAmB,EACnB,GAAG,CACL,EAEA,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,CAAC,EAAA,QAAO,QAAS,EAAc,EAAA,QAAO,QAAU,KAAM,CAAS,EACvE,OAAO,OAAO,EACd,KAAK,GAAG,EACX,MAAO,EACP,GAAI,EAEH,UACE,CAAA,CAET"}

package/dist/components/WrapBox/WrapBox.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes, ReactNode } from 'react';
-export type WrapBoxJustify = "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly";
-export type WrapBoxAlign = "start" | "center" | "end" | "stretch";
+export type WrapBoxJustify = 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
+export type WrapBoxAlign = 'start' | 'center' | 'end' | 'stretch';
 export interface WrapBoxProps extends HTMLAttributes<HTMLDivElement> {
     /** Gap between children on the same line. Default: `6`. */
     childSpacing?: number | string;
@@ -26,4 +26,4 @@ export interface WrapBoxProps extends HTMLAttributes<HTMLDivElement> {
  *
  * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.WrapBox.html
  */
-export declare function WrapBox({ childSpacing, lineSpacing, justify, align, wrapReverse, children, className, style, ...props }: WrapBoxProps): import("react/jsx-runtime").JSX.Element;
+export declare const WrapBox: ({ childSpacing, lineSpacing, justify, align, wrapReverse, children, className, style, ...props }: WrapBoxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/WrapBox/WrapBox.js

@@ -1,10 +1,10 @@
 import e from "./WrapBox.module.css.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/WrapBox/WrapBox.tsx
-function n({ childSpacing: n = 6, lineSpacing: r, justify: i = "start", align: a = "center", wrapReverse: o = !1, children: s, className: c, style: l, ...u }) {
-	let d = typeof n == "number" ? `${n}px` : n, f = r == null ? d : typeof r == "number" ? `${r}px` : r, p = {
+var n = ({ childSpacing: n = 6, lineSpacing: r, justify: i = "start", align: a = "center", wrapReverse: o = !1, children: s, className: c, style: l, ...u }) => {
+	let d = typeof n == "number" ? `${n}px` : n, f = {
 		"--wrapbox-gap": d,
-		"--wrapbox-row-gap": f,
+		"--wrapbox-row-gap": r == null ? d : typeof r == "number" ? `${r}px` : r,
 		"--wrapbox-justify": i,
 		"--wrapbox-align": a,
 		...l
@@ -15,11 +15,11 @@ function n({ childSpacing: n = 6, lineSpacing: r, justify: i = "start", align: a
 			o ? e.reverse : null,
 			c
 		].filter(Boolean).join(" "),
-		style: p,
+		style: f,
 		...u,
 		children: s
 	});
-}
+};
 //#endregion
 export { n as WrapBox };
 

package/dist/components/WrapBox/WrapBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"WrapBox.js","names":[],"sources":["../../../src/components/WrapBox/WrapBox.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./WrapBox.module.css\";\n\nexport type WrapBoxJustify = \"start\" | \"center\" | \"end\" | \"space-between\" | \"space-around\" | \"space-evenly\";\nexport type WrapBoxAlign = \"start\" | \"center\" | \"end\" | \"stretch\";\n\nexport interface WrapBoxProps extends HTMLAttributes<HTMLDivElement> {\n  /** Gap between children on the same line. Default: `6`. */\n  childSpacing?: number | string;\n  /** Gap between lines. Defaults to `childSpacing`. */\n  lineSpacing?: number | string;\n  /** Horizontal distribution of children within each line. Default: `\"start\"`. */\n  justify?: WrapBoxJustify;\n  /** Cross-axis alignment of children within each line. Default: `\"center\"`. */\n  align?: WrapBoxAlign;\n  /** When true children wrap in the reverse direction (bottom to top). */\n  wrapReverse?: boolean;\n  children?: ReactNode;\n}\n\n/**\n * Flexible wrapping layout container.\n *\n * Children flow horizontally and wrap to new lines when they don't fit,\n * like words in a paragraph — without locking them into a grid.\n *\n * Mirrors `AdwWrapBox` (libadwaita 1.7 / GNOME 48).\n *\n * Pair with `Chip` for tag lists and filter rows.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.WrapBox.html\n */\nexport function WrapBox({\n  childSpacing = 6,\n  lineSpacing,\n  justify = \"start\",\n  align = \"center\",\n  wrapReverse = false,\n  children,\n  className,\n  style,\n  ...props\n}: WrapBoxProps) {\n  const gap = typeof childSpacing === \"number\" ? `${childSpacing}px` : childSpacing;\n  const rowGap = lineSpacing != null\n    ? (typeof lineSpacing === \"number\" ? `${lineSpacing}px` : lineSpacing)\n    : gap;\n\n  const cssVars: CSSProperties = {\n    \"--wrapbox-gap\": gap,\n    \"--wrapbox-row-gap\": rowGap,\n    \"--wrapbox-justify\": justify,\n    \"--wrapbox-align\": align,\n    ...style,\n  } as CSSProperties;\n\n  return (\n    <div\n      className={[\n        styles.wrapBox,\n        wrapReverse ? styles.reverse : null,\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      style={cssVars}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;AAgCA,SAAgB,EAAQ,EACtB,kBAAe,GACf,gBACA,aAAU,SACV,WAAQ,UACR,iBAAc,IACd,aACA,cACA,UACA,GAAG,KACY;CACf,IAAM,IAAM,OAAO,KAAiB,WAAW,GAAG,EAAa,MAAM,GAC/D,IAAS,KAAe,OAE1B,IADC,OAAO,KAAgB,WAAW,GAAG,EAAY,MAAM,GAGtD,IAAyB;EAC7B,iBAAiB;EACjB,qBAAqB;EACrB,qBAAqB;EACrB,mBAAmB;EACnB,GAAG;EACJ;AAED,QACE,kBAAC,OAAD;EACE,WAAW;GACT,EAAO;GACP,IAAc,EAAO,UAAU;GAC/B;GACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,OAAO;EACP,GAAI;EAEH;EACG,CAAA"}
+{"version":3,"file":"WrapBox.js","names":[],"sources":["../../../src/components/WrapBox/WrapBox.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './WrapBox.module.css';\n\nexport type WrapBoxJustify =\n  | 'start'\n  | 'center'\n  | 'end'\n  | 'space-between'\n  | 'space-around'\n  | 'space-evenly';\nexport type WrapBoxAlign = 'start' | 'center' | 'end' | 'stretch';\n\nexport interface WrapBoxProps extends HTMLAttributes<HTMLDivElement> {\n  /** Gap between children on the same line. Default: `6`. */\n  childSpacing?: number | string;\n  /** Gap between lines. Defaults to `childSpacing`. */\n  lineSpacing?: number | string;\n  /** Horizontal distribution of children within each line. Default: `\"start\"`. */\n  justify?: WrapBoxJustify;\n  /** Cross-axis alignment of children within each line. Default: `\"center\"`. */\n  align?: WrapBoxAlign;\n  /** When true children wrap in the reverse direction (bottom to top). */\n  wrapReverse?: boolean;\n  children?: ReactNode;\n}\n\n/**\n * Flexible wrapping layout container.\n *\n * Children flow horizontally and wrap to new lines when they don't fit,\n * like words in a paragraph — without locking them into a grid.\n *\n * Mirrors `AdwWrapBox` (libadwaita 1.7 / GNOME 48).\n *\n * Pair with `Chip` for tag lists and filter rows.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.WrapBox.html\n */\nexport const WrapBox = ({\n  childSpacing = 6,\n  lineSpacing,\n  justify = 'start',\n  align = 'center',\n  wrapReverse = false,\n  children,\n  className,\n  style,\n  ...props\n}: WrapBoxProps) => {\n  const gap = typeof childSpacing === 'number' ? `${childSpacing}px` : childSpacing;\n  const rowGap =\n    lineSpacing !== null && lineSpacing !== undefined\n      ? typeof lineSpacing === 'number'\n        ? `${lineSpacing}px`\n        : lineSpacing\n      : gap;\n\n  const cssVars: CSSProperties = {\n    '--wrapbox-gap': gap,\n    '--wrapbox-row-gap': rowGap,\n    '--wrapbox-justify': justify,\n    '--wrapbox-align': align,\n    ...style,\n  } as CSSProperties;\n\n  return (\n    <div\n      className={[styles.wrapBox, wrapReverse ? styles.reverse : null, className]\n        .filter(Boolean)\n        .join(' ')}\n      style={cssVars}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;AAuCA,IAAa,KAAW,EACtB,kBAAe,GACf,gBACA,aAAU,SACV,WAAQ,UACR,iBAAc,IACd,aACA,cACA,UACA,GAAG,QACe;CAClB,IAAM,IAAM,OAAO,KAAiB,WAAW,GAAG,EAAa,MAAM,GAQ/D,IAAyB;EAC7B,iBAAiB;EACjB,qBARA,KAAgB,OAIZ,IAHA,OAAO,KAAgB,WACrB,GAAG,EAAY,MACf;EAMN,qBAAqB;EACrB,mBAAmB;EACnB,GAAG;CACL;CAEA,OACE,kBAAC,OAAD;EACE,WAAW;GAAC,EAAO;GAAS,IAAc,EAAO,UAAU;GAAM;EAAS,EACvE,OAAO,OAAO,EACd,KAAK,GAAG;EACX,OAAO;EACP,GAAI;EAEH;CACE,CAAA;AAET"}

package/dist/components/WrapBox/index.d.ts

@@ -1,2 +1,2 @@
+export type { WrapBoxAlign, WrapBoxJustify, WrapBoxProps } from './WrapBox';
 export { WrapBox } from './WrapBox';
-export type { WrapBoxProps, WrapBoxJustify, WrapBoxAlign } from './WrapBox';

package/dist/components/WrapBox.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./WrapBox/WrapBox.cjs`);exports.WrapBox=e.WrapBox;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./WrapBox/WrapBox.cjs");exports.WrapBox=e.WrapBox;

package/dist/hooks/index.d.ts

@@ -1,4 +1,4 @@
-export { useBreakpoint, GNOME_BREAKPOINTS } from './useBreakpoint';
-export type { BreakpointState, GnomeBreakpointName } from './useBreakpoint';
-export { useLocale, useDir, useNumberFormatter, useDateTimeFormatter, } from '../components/GnomeProvider/GnomeContext';
 export type { GnomeDir } from '../components/GnomeProvider/GnomeContext';
+export { useDateTimeFormatter, useDir, useLocale, useNumberFormatter, } from '../components/GnomeProvider/GnomeContext';
+export type { BreakpointState, GnomeBreakpointName } from './useBreakpoint';
+export { GNOME_BREAKPOINTS, useBreakpoint } from './useBreakpoint';

package/dist/hooks/useBreakpoint.cjs

@@ -1,2 +1,2 @@
-let e=require(`react`);var t={narrow:400,medium:550,wide:860};function n(){let n=()=>{let e=typeof window<`u`?window.innerWidth:1280;return{isNarrow:e<=t.narrow,isMedium:e<=t.medium,isWide:e<=t.wide,width:e}},[r,i]=(0,e.useState)(n);return(0,e.useEffect)(()=>{let e=()=>i(n());return window.addEventListener(`resize`,e,{passive:!0}),()=>window.removeEventListener(`resize`,e)},[]),r}exports.GNOME_BREAKPOINTS=t,exports.useBreakpoint=n;
+let e=require("react");var t={narrow:400,medium:550,wide:860};function n(){let n=(0,e.useCallback)(()=>{let e=typeof window<`u`?window.innerWidth:1280;return{isNarrow:e<=t.narrow,isMedium:e<=t.medium,isWide:e<=t.wide,width:e}},[]),[r,i]=(0,e.useState)(n);return(0,e.useEffect)(()=>{let e=()=>i(n());return window.addEventListener(`resize`,e,{passive:!0}),()=>window.removeEventListener(`resize`,e)},[n]),r}exports.GNOME_BREAKPOINTS=t,exports.useBreakpoint=n;
 //# sourceMappingURL=useBreakpoint.cjs.map

package/dist/hooks/useBreakpoint.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoint.cjs","names":[],"sources":["../../src/hooks/useBreakpoint.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\n/**\n * GNOME / libadwaita canonical breakpoints (in CSS px, assuming 1 sp = 1 px at 1× density).\n *\n * | Name       | Max width | Pattern triggered |\n * |------------|-----------|-------------------|\n * | `narrow`   | ≤ 400 px  | Collapse split views; sidebar becomes overlay |\n * | `medium`   | ≤ 550 px  | Move ViewSwitcher to a bottom bar |\n * | `wide`     | ≤ 860 px  | Collapse outer pane in nested split views |\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.Breakpoint.html\n */\nexport const GNOME_BREAKPOINTS = {\n  /** ≤ 400 px — split views collapse to single pane */\n  narrow: 400,\n  /** ≤ 550 px — ViewSwitcher moves to bottom bar */\n  medium: 550,\n  /** ≤ 860 px — outer pane of nested split views collapses */\n  wide: 860,\n} as const;\n\nexport type GnomeBreakpointName = keyof typeof GNOME_BREAKPOINTS;\n\nexport interface BreakpointState {\n  /** Width ≤ 400 px — split views are collapsed. */\n  isNarrow: boolean;\n  /** Width ≤ 550 px — medium or narrower. */\n  isMedium: boolean;\n  /** Width ≤ 860 px — wide or narrower. */\n  isWide: boolean;\n  /** Current viewport width in px. */\n  width: number;\n}\n\n/**\n * Tracks the viewport width against GNOME / libadwaita breakpoints.\n *\n * Returns a reactive state object that updates on every window resize.\n * Uses a passive `resize` event listener and cleans up automatically.\n *\n * @example\n * const { isNarrow, isMedium } = useBreakpoint();\n * // isNarrow → true when viewport ≤ 400 px (split views should collapse)\n * // isMedium → true when viewport ≤ 550 px (use ViewSwitcherBar instead)\n */\nexport function useBreakpoint(): BreakpointState {\n  const getState = (): BreakpointState => {\n    const width = typeof window !== \"undefined\" ? window.innerWidth : 1280;\n    return {\n      isNarrow: width <= GNOME_BREAKPOINTS.narrow,\n      isMedium: width <= GNOME_BREAKPOINTS.medium,\n      isWide:   width <= GNOME_BREAKPOINTS.wide,\n      width,\n    };\n  };\n\n  const [state, setState] = useState<BreakpointState>(getState);\n\n  useEffect(() => {\n    const handler = () => setState(getState());\n    window.addEventListener(\"resize\", handler, { passive: true });\n    return () => window.removeEventListener(\"resize\", handler);\n  }, []);\n\n  return state;\n}\n"],"mappings":"uBAaA,IAAa,EAAoB,CAE/B,OAAQ,IAER,OAAQ,IAER,KAAM,IACP,CA0BD,SAAgB,GAAiC,CAC/C,IAAM,MAAkC,CACtC,IAAM,EAAQ,OAAO,OAAW,IAAc,OAAO,WAAa,KAClE,MAAO,CACL,SAAU,GAAS,EAAkB,OACrC,SAAU,GAAS,EAAkB,OACrC,OAAU,GAAS,EAAkB,KACrC,QACD,EAGG,CAAC,EAAO,IAAA,EAAA,EAAA,UAAsC,EAAS,CAQ7D,OANA,EAAA,EAAA,eAAgB,CACd,IAAM,MAAgB,EAAS,GAAU,CAAC,CAE1C,OADA,OAAO,iBAAiB,SAAU,EAAS,CAAE,QAAS,GAAM,CAAC,KAChD,OAAO,oBAAoB,SAAU,EAAQ,EACzD,EAAE,CAAC,CAEC"}
+{"version":3,"file":"useBreakpoint.cjs","names":[],"sources":["../../src/hooks/useBreakpoint.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\n/**\n * GNOME / libadwaita canonical breakpoints (in CSS px, assuming 1 sp = 1 px at 1× density).\n *\n * | Name       | Max width | Pattern triggered |\n * |------------|-----------|-------------------|\n * | `narrow`   | ≤ 400 px  | Collapse split views; sidebar becomes overlay |\n * | `medium`   | ≤ 550 px  | Move ViewSwitcher to a bottom bar |\n * | `wide`     | ≤ 860 px  | Collapse outer pane in nested split views |\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.Breakpoint.html\n */\nexport const GNOME_BREAKPOINTS = {\n  /** ≤ 400 px — split views collapse to single pane */\n  narrow: 400,\n  /** ≤ 550 px — ViewSwitcher moves to bottom bar */\n  medium: 550,\n  /** ≤ 860 px — outer pane of nested split views collapses */\n  wide: 860,\n} as const;\n\nexport type GnomeBreakpointName = keyof typeof GNOME_BREAKPOINTS;\n\nexport interface BreakpointState {\n  /** Width ≤ 400 px — split views are collapsed. */\n  isNarrow: boolean;\n  /** Width ≤ 550 px — medium or narrower. */\n  isMedium: boolean;\n  /** Width ≤ 860 px — wide or narrower. */\n  isWide: boolean;\n  /** Current viewport width in px. */\n  width: number;\n}\n\n/**\n * Tracks the viewport width against GNOME / libadwaita breakpoints.\n *\n * Returns a reactive state object that updates on every window resize.\n * Uses a passive `resize` event listener and cleans up automatically.\n *\n * @example\n * const { isNarrow, isMedium } = useBreakpoint();\n * // isNarrow → true when viewport ≤ 400 px (split views should collapse)\n * // isMedium → true when viewport ≤ 550 px (use ViewSwitcherBar instead)\n */\nexport function useBreakpoint(): BreakpointState {\n  const getState = useCallback((): BreakpointState => {\n    const width = typeof window !== 'undefined' ? window.innerWidth : 1280;\n\n    return {\n      isNarrow: width <= GNOME_BREAKPOINTS.narrow,\n      isMedium: width <= GNOME_BREAKPOINTS.medium,\n      isWide: width <= GNOME_BREAKPOINTS.wide,\n      width,\n    };\n  }, []);\n\n  const [state, setState] = useState<BreakpointState>(getState);\n\n  useEffect(() => {\n    const handler = () => setState(getState());\n\n    window.addEventListener('resize', handler, { passive: true });\n\n    return () => window.removeEventListener('resize', handler);\n  }, [getState]);\n\n  return state;\n}\n"],"mappings":"uBAaA,IAAa,EAAoB,CAE/B,OAAQ,IAER,OAAQ,IAER,KAAM,GACR,EA0BA,SAAgB,GAAiC,CAC/C,IAAM,GAAA,EAAA,EAAA,iBAA8C,CAClD,IAAM,EAAQ,OAAO,OAAW,IAAc,OAAO,WAAa,KAElE,MAAO,CACL,SAAU,GAAS,EAAkB,OACrC,SAAU,GAAS,EAAkB,OACrC,OAAQ,GAAS,EAAkB,KACnC,OACF,CACF,EAAG,CAAC,CAAC,EAEC,CAAC,EAAO,IAAA,EAAA,EAAA,UAAsC,CAAQ,EAU5D,OARA,EAAA,EAAA,eAAgB,CACd,IAAM,MAAgB,EAAS,EAAS,CAAC,EAIzC,OAFA,OAAO,iBAAiB,SAAU,EAAS,CAAE,QAAS,EAAK,CAAC,MAE/C,OAAO,oBAAoB,SAAU,CAAO,CAC3D,EAAG,CAAC,CAAQ,CAAC,EAEN,CACT"}

package/dist/hooks/useBreakpoint.js

@@ -1,26 +1,26 @@
-import { useEffect as e, useState as t } from "react";
+import { useCallback as e, useEffect as t, useState as n } from "react";
 //#region src/hooks/useBreakpoint.ts
-var n = {
+var r = {
 	narrow: 400,
 	medium: 550,
 	wide: 860
 };
-function r() {
-	let r = () => {
+function i() {
+	let i = e(() => {
 		let e = typeof window < "u" ? window.innerWidth : 1280;
 		return {
-			isNarrow: e <= n.narrow,
-			isMedium: e <= n.medium,
-			isWide: e <= n.wide,
+			isNarrow: e <= r.narrow,
+			isMedium: e <= r.medium,
+			isWide: e <= r.wide,
 			width: e
 		};
-	}, [i, a] = t(r);
-	return e(() => {
-		let e = () => a(r());
+	}, []), [a, o] = n(i);
+	return t(() => {
+		let e = () => o(i());
 		return window.addEventListener("resize", e, { passive: !0 }), () => window.removeEventListener("resize", e);
-	}, []), i;
+	}, [i]), a;
 }
 //#endregion
-export { n as GNOME_BREAKPOINTS, r as useBreakpoint };
+export { r as GNOME_BREAKPOINTS, i as useBreakpoint };
 
 //# sourceMappingURL=useBreakpoint.js.map

package/dist/hooks/useBreakpoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoint.js","names":[],"sources":["../../src/hooks/useBreakpoint.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\n/**\n * GNOME / libadwaita canonical breakpoints (in CSS px, assuming 1 sp = 1 px at 1× density).\n *\n * | Name       | Max width | Pattern triggered |\n * |------------|-----------|-------------------|\n * | `narrow`   | ≤ 400 px  | Collapse split views; sidebar becomes overlay |\n * | `medium`   | ≤ 550 px  | Move ViewSwitcher to a bottom bar |\n * | `wide`     | ≤ 860 px  | Collapse outer pane in nested split views |\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.Breakpoint.html\n */\nexport const GNOME_BREAKPOINTS = {\n  /** ≤ 400 px — split views collapse to single pane */\n  narrow: 400,\n  /** ≤ 550 px — ViewSwitcher moves to bottom bar */\n  medium: 550,\n  /** ≤ 860 px — outer pane of nested split views collapses */\n  wide: 860,\n} as const;\n\nexport type GnomeBreakpointName = keyof typeof GNOME_BREAKPOINTS;\n\nexport interface BreakpointState {\n  /** Width ≤ 400 px — split views are collapsed. */\n  isNarrow: boolean;\n  /** Width ≤ 550 px — medium or narrower. */\n  isMedium: boolean;\n  /** Width ≤ 860 px — wide or narrower. */\n  isWide: boolean;\n  /** Current viewport width in px. */\n  width: number;\n}\n\n/**\n * Tracks the viewport width against GNOME / libadwaita breakpoints.\n *\n * Returns a reactive state object that updates on every window resize.\n * Uses a passive `resize` event listener and cleans up automatically.\n *\n * @example\n * const { isNarrow, isMedium } = useBreakpoint();\n * // isNarrow → true when viewport ≤ 400 px (split views should collapse)\n * // isMedium → true when viewport ≤ 550 px (use ViewSwitcherBar instead)\n */\nexport function useBreakpoint(): BreakpointState {\n  const getState = (): BreakpointState => {\n    const width = typeof window !== \"undefined\" ? window.innerWidth : 1280;\n    return {\n      isNarrow: width <= GNOME_BREAKPOINTS.narrow,\n      isMedium: width <= GNOME_BREAKPOINTS.medium,\n      isWide:   width <= GNOME_BREAKPOINTS.wide,\n      width,\n    };\n  };\n\n  const [state, setState] = useState<BreakpointState>(getState);\n\n  useEffect(() => {\n    const handler = () => setState(getState());\n    window.addEventListener(\"resize\", handler, { passive: true });\n    return () => window.removeEventListener(\"resize\", handler);\n  }, []);\n\n  return state;\n}\n"],"mappings":";;AAaA,IAAa,IAAoB;CAE/B,QAAQ;CAER,QAAQ;CAER,MAAM;CACP;AA0BD,SAAgB,IAAiC;CAC/C,IAAM,UAAkC;EACtC,IAAM,IAAQ,OAAO,SAAW,MAAc,OAAO,aAAa;AAClE,SAAO;GACL,UAAU,KAAS,EAAkB;GACrC,UAAU,KAAS,EAAkB;GACrC,QAAU,KAAS,EAAkB;GACrC;GACD;IAGG,CAAC,GAAO,KAAY,EAA0B,EAAS;AAQ7D,QANA,QAAgB;EACd,IAAM,UAAgB,EAAS,GAAU,CAAC;AAE1C,SADA,OAAO,iBAAiB,UAAU,GAAS,EAAE,SAAS,IAAM,CAAC,QAChD,OAAO,oBAAoB,UAAU,EAAQ;IACzD,EAAE,CAAC,EAEC"}
+{"version":3,"file":"useBreakpoint.js","names":[],"sources":["../../src/hooks/useBreakpoint.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\n/**\n * GNOME / libadwaita canonical breakpoints (in CSS px, assuming 1 sp = 1 px at 1× density).\n *\n * | Name       | Max width | Pattern triggered |\n * |------------|-----------|-------------------|\n * | `narrow`   | ≤ 400 px  | Collapse split views; sidebar becomes overlay |\n * | `medium`   | ≤ 550 px  | Move ViewSwitcher to a bottom bar |\n * | `wide`     | ≤ 860 px  | Collapse outer pane in nested split views |\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.Breakpoint.html\n */\nexport const GNOME_BREAKPOINTS = {\n  /** ≤ 400 px — split views collapse to single pane */\n  narrow: 400,\n  /** ≤ 550 px — ViewSwitcher moves to bottom bar */\n  medium: 550,\n  /** ≤ 860 px — outer pane of nested split views collapses */\n  wide: 860,\n} as const;\n\nexport type GnomeBreakpointName = keyof typeof GNOME_BREAKPOINTS;\n\nexport interface BreakpointState {\n  /** Width ≤ 400 px — split views are collapsed. */\n  isNarrow: boolean;\n  /** Width ≤ 550 px — medium or narrower. */\n  isMedium: boolean;\n  /** Width ≤ 860 px — wide or narrower. */\n  isWide: boolean;\n  /** Current viewport width in px. */\n  width: number;\n}\n\n/**\n * Tracks the viewport width against GNOME / libadwaita breakpoints.\n *\n * Returns a reactive state object that updates on every window resize.\n * Uses a passive `resize` event listener and cleans up automatically.\n *\n * @example\n * const { isNarrow, isMedium } = useBreakpoint();\n * // isNarrow → true when viewport ≤ 400 px (split views should collapse)\n * // isMedium → true when viewport ≤ 550 px (use ViewSwitcherBar instead)\n */\nexport function useBreakpoint(): BreakpointState {\n  const getState = useCallback((): BreakpointState => {\n    const width = typeof window !== 'undefined' ? window.innerWidth : 1280;\n\n    return {\n      isNarrow: width <= GNOME_BREAKPOINTS.narrow,\n      isMedium: width <= GNOME_BREAKPOINTS.medium,\n      isWide: width <= GNOME_BREAKPOINTS.wide,\n      width,\n    };\n  }, []);\n\n  const [state, setState] = useState<BreakpointState>(getState);\n\n  useEffect(() => {\n    const handler = () => setState(getState());\n\n    window.addEventListener('resize', handler, { passive: true });\n\n    return () => window.removeEventListener('resize', handler);\n  }, [getState]);\n\n  return state;\n}\n"],"mappings":";;AAaA,IAAa,IAAoB;CAE/B,QAAQ;CAER,QAAQ;CAER,MAAM;AACR;AA0BA,SAAgB,IAAiC;CAC/C,IAAM,IAAW,QAAmC;EAClD,IAAM,IAAQ,OAAO,SAAW,MAAc,OAAO,aAAa;EAElE,OAAO;GACL,UAAU,KAAS,EAAkB;GACrC,UAAU,KAAS,EAAkB;GACrC,QAAQ,KAAS,EAAkB;GACnC;EACF;CACF,GAAG,CAAC,CAAC,GAEC,CAAC,GAAO,KAAY,EAA0B,CAAQ;CAU5D,OARA,QAAgB;EACd,IAAM,UAAgB,EAAS,EAAS,CAAC;EAIzC,OAFA,OAAO,iBAAiB,UAAU,GAAS,EAAE,SAAS,GAAK,CAAC,SAE/C,OAAO,oBAAoB,UAAU,CAAO;CAC3D,GAAG,CAAC,CAAQ,CAAC,GAEN;AACT"}

package/dist/hooks.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./components/GnomeProvider/GnomeContext.cjs`),t=require(`./hooks/useBreakpoint.cjs`);exports.GNOME_BREAKPOINTS=t.GNOME_BREAKPOINTS,exports.useBreakpoint=t.useBreakpoint,exports.useDateTimeFormatter=e.useDateTimeFormatter,exports.useDir=e.useDir,exports.useLocale=e.useLocale,exports.useNumberFormatter=e.useNumberFormatter;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./components/GnomeProvider/GnomeContext.cjs"),t=require("./hooks/useBreakpoint.cjs");exports.GNOME_BREAKPOINTS=t.GNOME_BREAKPOINTS,exports.useBreakpoint=t.useBreakpoint,exports.useDateTimeFormatter=e.useDateTimeFormatter,exports.useDir=e.useDir,exports.useLocale=e.useLocale,exports.useNumberFormatter=e.useNumberFormatter;

package/dist/index.cjs

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