@gnome-ui/react 1.49.0 → 1.50.0

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

@@ -1,21 +1,21 @@
 var e = {
-	backdrop: "_backdrop_1g4xm_3",
-	"backdrop-in": "_backdrop-in_1g4xm_1",
-	closing: "_closing_1g4xm_19",
-	"backdrop-out": "_backdrop-out_1g4xm_1",
-	modal: "_modal_1g4xm_43",
-	entering: "_entering_1g4xm_60",
-	"modal-in": "_modal-in_1g4xm_1",
-	"modal-out": "_modal-out_1g4xm_1",
-	header: "_header_1g4xm_92",
-	closeBtn: "_closeBtn_1g4xm_103",
-	title: "_title_1g4xm_144",
-	actions: "_actions_1g4xm_156",
-	btn: "_btn_1g4xm_165",
-	"btn-default": "_btn-default_1g4xm_210",
-	"btn-suggested": "_btn-suggested_1g4xm_214",
-	"btn-destructive": "_btn-destructive_1g4xm_228",
-	body: "_body_1g4xm_236"
+	backdrop: "_backdrop_y62af_3",
+	"backdrop-in": "_backdrop-in_y62af_1",
+	closing: "_closing_y62af_15",
+	"backdrop-out": "_backdrop-out_y62af_1",
+	modal: "_modal_y62af_41",
+	entering: "_entering_y62af_55",
+	"modal-in": "_modal-in_y62af_1",
+	"modal-out": "_modal-out_y62af_1",
+	header: "_header_y62af_89",
+	closeBtn: "_closeBtn_y62af_100",
+	title: "_title_y62af_138",
+	actions: "_actions_y62af_149",
+	btn: "_btn_y62af_158",
+	"btn-default": "_btn-default_y62af_198",
+	"btn-suggested": "_btn-suggested_y62af_202",
+	"btn-destructive": "_btn-destructive_y62af_216",
+	body: "_body_y62af_222"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.module.css.js","names":[],"sources":["../../../src/components/Modal/Modal.module.css"],"sourcesContent":["/* ─── Backdrop ──────────────────────────────────────────────────────────────── */\n\n.backdrop {\n  position: fixed;\n  inset: 0;\n  z-index: 10000;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  background-color: var(--gnome-dialog-backdrop-color, rgba(0, 0, 0, 0.5));\n  backdrop-filter: blur(var(--gnome-dialog-backdrop-blur, 4px));\n  -webkit-backdrop-filter: blur(var(--gnome-dialog-backdrop-blur, 4px));\n\n  animation: backdrop-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n.backdrop.closing {\n  animation: backdrop-out var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes backdrop-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes backdrop-out {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n\n/* ─── Modal card ────────────────────────────────────────────────────────────── */\n\n.modal {\n  width: min(720px, calc(100vw - 48px));\n  max-height: 90dvh;\n  display: flex;\n  flex-direction: column;\n\n  background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #fafafa));\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  border-radius: var(--gnome-radius-xl, 16px);\n  box-shadow:\n    0 8px 40px rgba(0, 0, 0, 0.22),\n    0 0 0 1px rgba(0, 0, 0, 0.06);\n\n  overflow: hidden;\n}\n\n.modal.entering {\n  animation: modal-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n.modal.closing {\n  animation: modal-out var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes modal-in {\n  from {\n    opacity: 0;\n    transform: scale(0.94) translateY(-8px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n@keyframes modal-out {\n  from {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: scale(0.94) translateY(-8px);\n  }\n}\n\n/* ─── Header ────────────────────────────────────────────────────────────────── */\n\n.header {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 8px);\n  padding: 10px var(--gnome-space-3, 16px);\n  border-bottom: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.08));\n  flex-shrink: 0;\n}\n\n/* ─── Close button ──────────────────────────────────────────────────────────── */\n\n.closeBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  flex-shrink: 0;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  font-size: 1.25rem;\n  line-height: 1;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  cursor: pointer;\n  transition: background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.closeBtn:hover {\n  background-color: color-mix(in srgb, currentColor 10%, transparent);\n}\n\n.closeBtn:active {\n  background-color: color-mix(in srgb, currentColor 18%, transparent);\n}\n\n.closeBtn:focus {\n  outline: none;\n}\n\n.closeBtn:focus-visible {\n  outline: var(--gnome-focus-ring-width, 3px) solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: 2px;\n}\n\n/* ─── Title ─────────────────────────────────────────────────────────────────── */\n\n/* Grows to fill center space — always present to keep actions right-aligned */\n.title {\n  flex: 1 1 auto;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-title-4, 1.125rem);\n  font-weight: var(--gnome-font-weight-bold, 700);\n  line-height: var(--gnome-line-height-title, 1.3);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Actions ───────────────────────────────────────────────────────────────── */\n\n.actions {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  flex-shrink: 0;\n}\n\n/* ─── Action buttons ────────────────────────────────────────────────────────── */\n\n.btn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  padding: 6px 14px;\n  border-radius: var(--gnome-radius-sm, 6px);\n\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  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-accent-color, #3584e4);\n\n  cursor: pointer;\n  white-space: nowrap;\n\n  transition: background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.btn:hover:not(:disabled) {\n  background-color: color-mix(in srgb, currentColor 8%, transparent);\n}\n\n.btn:active:not(:disabled) {\n  background-color: color-mix(in srgb, currentColor 16%, transparent);\n}\n\n.btn:focus {\n  outline: none;\n}\n\n.btn:focus-visible {\n  outline: var(--gnome-focus-ring-width, 3px) solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: 2px;\n}\n\n.btn:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Button variants ───────────────────────────────────────────────────────── */\n\n/* stylelint-disable selector-class-pattern */\n\n.btn-default {\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.btn-suggested {\n  background-color: var(--gnome-accent-color, #3584e4);\n  color: #fff;\n  font-weight: var(--gnome-font-weight-semibold, 600);\n}\n\n.btn-suggested:hover:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-accent-color, #3584e4) 85%, #000);\n}\n\n.btn-suggested:active:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-accent-color, #3584e4) 70%, #000);\n}\n\n.btn-destructive {\n  color: var(--gnome-destructive-color, #e01b24);\n}\n\n/* stylelint-enable selector-class-pattern */\n\n/* ─── Body ──────────────────────────────────────────────────────────────────── */\n\n.body {\n  flex: 1 1 auto;\n  overflow-y: auto;\n  padding: var(--gnome-space-4, 24px);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .modal {\n    background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #242424));\n    box-shadow:\n      0 8px 40px rgba(0, 0, 0, 0.5),\n      0 0 0 1px rgba(255, 255, 255, 0.08);\n  }\n\n  .header {\n    border-bottom-color: rgba(255, 255, 255, 0.08);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .backdrop,\n  .backdrop.closing,\n  .modal.entering,\n  .modal.closing {\n    animation: none;\n  }\n\n  .btn,\n  .closeBtn {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Modal.module.css.js","names":[],"sources":["../../../src/components/Modal/Modal.module.css"],"sourcesContent":["/* ─── Backdrop ──────────────────────────────────────────────────────────────── */\n\n.backdrop {\n  position: fixed;\n  inset: 0;\n  z-index: 10000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--gnome-dialog-backdrop-color, rgb(0 0 0 / 0.5));\n  backdrop-filter: blur(var(--gnome-dialog-backdrop-blur, 4px));\n  animation: backdrop-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n.backdrop.closing {\n  animation: backdrop-out var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes backdrop-in {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes backdrop-out {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n\n/* ─── Modal card ────────────────────────────────────────────────────────────── */\n\n.modal {\n  width: min(720px, calc(100vw - 48px));\n  max-height: 90dvh;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #fafafa));\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  border-radius: var(--gnome-radius-xl, 16px);\n  box-shadow:\n    0 8px 40px rgb(0 0 0 / 0.22),\n    0 0 0 1px rgb(0 0 0 / 0.06);\n  overflow: hidden;\n}\n\n.modal.entering {\n  animation: modal-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n.modal.closing {\n  animation: modal-out var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes modal-in {\n  from {\n    opacity: 0;\n    transform: scale(0.94) translateY(-8px);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n@keyframes modal-out {\n  from {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale(0.94) translateY(-8px);\n  }\n}\n\n/* ─── Header ────────────────────────────────────────────────────────────────── */\n\n.header {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 8px);\n  padding: 10px var(--gnome-space-3, 16px);\n  border-bottom: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.08));\n  flex-shrink: 0;\n}\n\n/* ─── Close button ──────────────────────────────────────────────────────────── */\n\n.closeBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 1.25rem;\n  line-height: 1;\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  cursor: pointer;\n  transition: background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.closeBtn:hover {\n  background-color: color-mix(in srgb, currentcolor 10%, transparent);\n}\n\n.closeBtn:active {\n  background-color: color-mix(in srgb, currentcolor 18%, transparent);\n}\n\n.closeBtn:focus {\n  outline: none;\n}\n\n.closeBtn:focus-visible {\n  outline: var(--gnome-focus-ring-width, 3px) solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: 2px;\n}\n\n/* ─── Title ─────────────────────────────────────────────────────────────────── */\n\n/* Grows to fill center space — always present to keep actions right-aligned */\n.title {\n  flex: 1 1 auto;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-title-4, 1.125rem);\n  font-weight: var(--gnome-font-weight-bold, 700);\n  line-height: var(--gnome-line-height-title, 1.3);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n}\n\n/* ─── Actions ───────────────────────────────────────────────────────────────── */\n\n.actions {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  flex-shrink: 0;\n}\n\n/* ─── Action buttons ────────────────────────────────────────────────────────── */\n\n.btn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  padding: 6px 14px;\n  border-radius: var(--gnome-radius-sm, 6px);\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  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-accent-color, #3584e4);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.btn:hover:not(:disabled) {\n  background-color: color-mix(in srgb, currentcolor 8%, transparent);\n}\n\n.btn:active:not(:disabled) {\n  background-color: color-mix(in srgb, currentcolor 16%, transparent);\n}\n\n.btn:focus {\n  outline: none;\n}\n\n.btn:focus-visible {\n  outline: var(--gnome-focus-ring-width, 3px) solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: 2px;\n}\n\n.btn:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Button variants ───────────────────────────────────────────────────────── */\n\n.btn-default {\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n}\n\n.btn-suggested {\n  background-color: var(--gnome-accent-color, #3584e4);\n  color: #fff;\n  font-weight: var(--gnome-font-weight-semibold, 600);\n}\n\n.btn-suggested:hover:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-accent-color, #3584e4) 85%, #000);\n}\n\n.btn-suggested:active:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-accent-color, #3584e4) 70%, #000);\n}\n\n.btn-destructive {\n  color: var(--gnome-destructive-color, #e01b24);\n}\n\n/* ─── Body ──────────────────────────────────────────────────────────────────── */\n\n.body {\n  flex: 1 1 auto;\n  overflow-y: auto;\n  padding: var(--gnome-space-4, 24px);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .modal {\n    background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #242424));\n    box-shadow:\n      0 8px 40px rgb(0 0 0 / 0.5),\n      0 0 0 1px rgb(255 255 255 / 0.08);\n  }\n\n  .header {\n    border-bottom-color: rgb(255 255 255 / 0.08);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .backdrop,\n  .backdrop.closing,\n  .modal.entering,\n  .modal.closing {\n    animation: none;\n  }\n\n  .btn,\n  .closeBtn {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={root:`_root_16ve4_3`,expanded:`_expanded_16ve4_12`,sidebar:`_sidebar_16ve4_16`,contentPane:`_contentPane_16ve4_22`,collapsed:`_collapsed_16ve4_30`,paneVisible:`_paneVisible_16ve4_46`,paneHidden:`_paneHidden_16ve4_50`,divider:`_divider_16ve4_67`};exports.default=e;
+var e={root:`_root_1v9it_3`,expanded:`_expanded_1v9it_12`,sidebar:`_sidebar_1v9it_16`,contentPane:`_contentPane_1v9it_22`,collapsed:`_collapsed_1v9it_30`,paneVisible:`_paneVisible_1v9it_46`,paneHidden:`_paneHidden_1v9it_50`,divider:`_divider_1v9it_67`};exports.default=e;
 //# sourceMappingURL=NavigationSplitView.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationSplitView.module.css.cjs","names":[],"sources":["../../../src/components/NavigationSplitView/NavigationSplitView.module.css"],"sourcesContent":["/* ─── Root ───────────────────────────────────────────────────────────────────── */\n\n.root {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n/* ─── Wide (both panes visible) ──────────────────────────────────────────────── */\n\n.expanded {\n  flex-direction: row;\n}\n\n.expanded .sidebar {\n  width: var(--sidebar-width, var(--gnome-layout-sidebar-width, clamp(180px, 25%, 280px)));\n  flex-shrink: 0;\n  overflow-y: auto;\n}\n\n.expanded .contentPane {\n  flex: 1;\n  min-width: 0;\n  overflow-y: auto;\n}\n\n/* ─── Narrow (one pane at a time) ────────────────────────────────────────────── */\n\n.collapsed {\n  flex-direction: column;\n  position: relative;\n}\n\n.collapsed .sidebar,\n.collapsed .contentPane {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  transition: transform var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease);\n}\n\n/* Sidebar slides out to the left when content is shown */\n.collapsed .sidebar.paneVisible {\n  transform: translateX(0);\n}\n\n.collapsed .sidebar.paneHidden {\n  transform: translateX(-100%);\n  pointer-events: none;\n}\n\n/* Content slides in from the right when shown */\n.collapsed .contentPane.paneVisible {\n  transform: translateX(0);\n}\n\n.collapsed .contentPane.paneHidden {\n  transform: translateX(100%);\n  pointer-events: none;\n}\n\n/* ─── Divider ────────────────────────────────────────────────────────────────── */\n\n.divider {\n  width: 1px;\n  background-color: var(--gnome-card-shade-color, rgba(0, 0, 0, 0.1));\n  flex-shrink: 0;\n}\n\n@media (prefers-color-scheme: dark) {\n  .divider {\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n}\n\n/* ─── Reduced motion ─────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .collapsed .sidebar,\n  .collapsed .contentPane {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"NavigationSplitView.module.css.cjs","names":[],"sources":["../../../src/components/NavigationSplitView/NavigationSplitView.module.css"],"sourcesContent":["/* ─── Root ───────────────────────────────────────────────────────────────────── */\n\n.root {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n/* ─── Wide (both panes visible) ──────────────────────────────────────────────── */\n\n.expanded {\n  flex-direction: row;\n}\n\n.expanded .sidebar {\n  width: var(--sidebar-width, var(--gnome-layout-sidebar-width, clamp(180px, 25%, 280px)));\n  flex-shrink: 0;\n  overflow-y: auto;\n}\n\n.expanded .contentPane {\n  flex: 1;\n  min-width: 0;\n  overflow-y: auto;\n}\n\n/* ─── Narrow (one pane at a time) ────────────────────────────────────────────── */\n\n.collapsed {\n  flex-direction: column;\n  position: relative;\n}\n\n.collapsed .sidebar,\n.collapsed .contentPane {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  transition: transform var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease);\n}\n\n/* Sidebar slides out to the left when content is shown */\n.collapsed .sidebar.paneVisible {\n  transform: translateX(0);\n}\n\n.collapsed .sidebar.paneHidden {\n  transform: translateX(-100%);\n  pointer-events: none;\n}\n\n/* Content slides in from the right when shown */\n.collapsed .contentPane.paneVisible {\n  transform: translateX(0);\n}\n\n.collapsed .contentPane.paneHidden {\n  transform: translateX(100%);\n  pointer-events: none;\n}\n\n/* ─── Divider ────────────────────────────────────────────────────────────────── */\n\n.divider {\n  width: 1px;\n  background-color: var(--gnome-card-shade-color, rgb(0 0 0 / 0.1));\n  flex-shrink: 0;\n}\n\n@media (prefers-color-scheme: dark) {\n  .divider {\n    background-color: rgb(255 255 255 / 0.08);\n  }\n}\n\n/* ─── Reduced motion ─────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .collapsed .sidebar,\n  .collapsed .contentPane {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,12 +1,12 @@
 var e = {
-	root: "_root_16ve4_3",
-	expanded: "_expanded_16ve4_12",
-	sidebar: "_sidebar_16ve4_16",
-	contentPane: "_contentPane_16ve4_22",
-	collapsed: "_collapsed_16ve4_30",
-	paneVisible: "_paneVisible_16ve4_46",
-	paneHidden: "_paneHidden_16ve4_50",
-	divider: "_divider_16ve4_67"
+	root: "_root_1v9it_3",
+	expanded: "_expanded_1v9it_12",
+	sidebar: "_sidebar_1v9it_16",
+	contentPane: "_contentPane_1v9it_22",
+	collapsed: "_collapsed_1v9it_30",
+	paneVisible: "_paneVisible_1v9it_46",
+	paneHidden: "_paneHidden_1v9it_50",
+	divider: "_divider_1v9it_67"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationSplitView.module.css.js","names":[],"sources":["../../../src/components/NavigationSplitView/NavigationSplitView.module.css"],"sourcesContent":["/* ─── Root ───────────────────────────────────────────────────────────────────── */\n\n.root {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n/* ─── Wide (both panes visible) ──────────────────────────────────────────────── */\n\n.expanded {\n  flex-direction: row;\n}\n\n.expanded .sidebar {\n  width: var(--sidebar-width, var(--gnome-layout-sidebar-width, clamp(180px, 25%, 280px)));\n  flex-shrink: 0;\n  overflow-y: auto;\n}\n\n.expanded .contentPane {\n  flex: 1;\n  min-width: 0;\n  overflow-y: auto;\n}\n\n/* ─── Narrow (one pane at a time) ────────────────────────────────────────────── */\n\n.collapsed {\n  flex-direction: column;\n  position: relative;\n}\n\n.collapsed .sidebar,\n.collapsed .contentPane {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  transition: transform var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease);\n}\n\n/* Sidebar slides out to the left when content is shown */\n.collapsed .sidebar.paneVisible {\n  transform: translateX(0);\n}\n\n.collapsed .sidebar.paneHidden {\n  transform: translateX(-100%);\n  pointer-events: none;\n}\n\n/* Content slides in from the right when shown */\n.collapsed .contentPane.paneVisible {\n  transform: translateX(0);\n}\n\n.collapsed .contentPane.paneHidden {\n  transform: translateX(100%);\n  pointer-events: none;\n}\n\n/* ─── Divider ────────────────────────────────────────────────────────────────── */\n\n.divider {\n  width: 1px;\n  background-color: var(--gnome-card-shade-color, rgba(0, 0, 0, 0.1));\n  flex-shrink: 0;\n}\n\n@media (prefers-color-scheme: dark) {\n  .divider {\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n}\n\n/* ─── Reduced motion ─────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .collapsed .sidebar,\n  .collapsed .contentPane {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"NavigationSplitView.module.css.js","names":[],"sources":["../../../src/components/NavigationSplitView/NavigationSplitView.module.css"],"sourcesContent":["/* ─── Root ───────────────────────────────────────────────────────────────────── */\n\n.root {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n/* ─── Wide (both panes visible) ──────────────────────────────────────────────── */\n\n.expanded {\n  flex-direction: row;\n}\n\n.expanded .sidebar {\n  width: var(--sidebar-width, var(--gnome-layout-sidebar-width, clamp(180px, 25%, 280px)));\n  flex-shrink: 0;\n  overflow-y: auto;\n}\n\n.expanded .contentPane {\n  flex: 1;\n  min-width: 0;\n  overflow-y: auto;\n}\n\n/* ─── Narrow (one pane at a time) ────────────────────────────────────────────── */\n\n.collapsed {\n  flex-direction: column;\n  position: relative;\n}\n\n.collapsed .sidebar,\n.collapsed .contentPane {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  transition: transform var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease);\n}\n\n/* Sidebar slides out to the left when content is shown */\n.collapsed .sidebar.paneVisible {\n  transform: translateX(0);\n}\n\n.collapsed .sidebar.paneHidden {\n  transform: translateX(-100%);\n  pointer-events: none;\n}\n\n/* Content slides in from the right when shown */\n.collapsed .contentPane.paneVisible {\n  transform: translateX(0);\n}\n\n.collapsed .contentPane.paneHidden {\n  transform: translateX(100%);\n  pointer-events: none;\n}\n\n/* ─── Divider ────────────────────────────────────────────────────────────────── */\n\n.divider {\n  width: 1px;\n  background-color: var(--gnome-card-shade-color, rgb(0 0 0 / 0.1));\n  flex-shrink: 0;\n}\n\n@media (prefers-color-scheme: dark) {\n  .divider {\n    background-color: rgb(255 255 255 / 0.08);\n  }\n}\n\n/* ─── Reduced motion ─────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .collapsed .sidebar,\n  .collapsed .contentPane {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={view:`_view_18zs8_3`,page:`_page_18zs8_12`,pageHeader:`_pageHeader_18zs8_23`,pageTitle:`_pageTitle_18zs8_34`,pageContent:`_pageContent_18zs8_43`,enterForward:`_enterForward_18zs8_52`,"slide-in-right":`_slide-in-right_18zs8_1`,enterBack:`_enterBack_18zs8_57`,"slide-in-left":`_slide-in-left_18zs8_1`};exports.default=e;
+var e={view:`_view_jscgh_3`,page:`_page_jscgh_12`,pageHeader:`_pageHeader_jscgh_23`,pageTitle:`_pageTitle_jscgh_34`,pageContent:`_pageContent_jscgh_43`,enterForward:`_enterForward_jscgh_51`,"slide-in-right":`_slide-in-right_jscgh_1`,enterBack:`_enterBack_jscgh_56`,"slide-in-left":`_slide-in-left_jscgh_1`};exports.default=e;
 //# sourceMappingURL=NavigationView.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationView.module.css.cjs","names":[],"sources":["../../../src/components/NavigationView/NavigationView.module.css"],"sourcesContent":["/* ─── View container ────────────────────────────────────────────────────────── */\n\n.view {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n}\n\n/* ─── Page ──────────────────────────────────────────────────────────────────── */\n\n.page {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  background-color: var(--gnome-window-bg-color, #fafafa);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Page header (title bar) ────────────────────────────────────────────────── */\n\n.pageHeader {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 47px;\n  padding: 0 var(--gnome-space-4, 24px);\n  border-bottom: 1px solid var(--gnome-headerbar-border-color, rgba(0, 0, 0, 0.12));\n  background-color: var(--gnome-headerbar-bg-color, #ebebeb);\n  flex-shrink: 0;\n}\n\n.pageTitle {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  color: var(--gnome-headerbar-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Page content ──────────────────────────────────────────────────────────── */\n\n.pageContent {\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: var(--gnome-space-3, 16px);\n}\n\n/* ─── Enter animations ──────────────────────────────────────────────────────── */\n\n.enterForward {\n  animation: slide-in-right var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease)\n    both;\n}\n\n.enterBack {\n  animation: slide-in-left var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease)\n    both;\n}\n\n@keyframes slide-in-right {\n  from {\n    transform: translateX(40px);\n    opacity: 0;\n  }\n  to {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n\n@keyframes slide-in-left {\n  from {\n    transform: translateX(-40px);\n    opacity: 0;\n  }\n  to {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .enterForward,\n  .enterBack {\n    animation: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"NavigationView.module.css.cjs","names":[],"sources":["../../../src/components/NavigationView/NavigationView.module.css"],"sourcesContent":["/* ─── View container ────────────────────────────────────────────────────────── */\n\n.view {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n}\n\n/* ─── Page ──────────────────────────────────────────────────────────────────── */\n\n.page {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  background-color: var(--gnome-window-bg-color, #fafafa);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n}\n\n/* ─── Page header (title bar) ────────────────────────────────────────────────── */\n\n.pageHeader {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 47px;\n  padding: 0 var(--gnome-space-4, 24px);\n  border-bottom: 1px solid var(--gnome-headerbar-border-color, rgb(0 0 0 / 0.12));\n  background-color: var(--gnome-headerbar-bg-color, #ebebeb);\n  flex-shrink: 0;\n}\n\n.pageTitle {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  color: var(--gnome-headerbar-fg-color, rgb(0 0 0 / 0.8));\n}\n\n/* ─── Page content ──────────────────────────────────────────────────────────── */\n\n.pageContent {\n  flex: 1;\n  overflow: hidden auto;\n  padding: var(--gnome-space-3, 16px);\n}\n\n/* ─── Enter animations ──────────────────────────────────────────────────────── */\n\n.enterForward {\n  animation: slide-in-right var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease)\n    both;\n}\n\n.enterBack {\n  animation: slide-in-left var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease)\n    both;\n}\n\n@keyframes slide-in-right {\n  from {\n    transform: translateX(40px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n\n@keyframes slide-in-left {\n  from {\n    transform: translateX(-40px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .enterForward,\n  .enterBack {\n    animation: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,13 +1,13 @@
 var e = {
-	view: "_view_18zs8_3",
-	page: "_page_18zs8_12",
-	pageHeader: "_pageHeader_18zs8_23",
-	pageTitle: "_pageTitle_18zs8_34",
-	pageContent: "_pageContent_18zs8_43",
-	enterForward: "_enterForward_18zs8_52",
-	"slide-in-right": "_slide-in-right_18zs8_1",
-	enterBack: "_enterBack_18zs8_57",
-	"slide-in-left": "_slide-in-left_18zs8_1"
+	view: "_view_jscgh_3",
+	page: "_page_jscgh_12",
+	pageHeader: "_pageHeader_jscgh_23",
+	pageTitle: "_pageTitle_jscgh_34",
+	pageContent: "_pageContent_jscgh_43",
+	enterForward: "_enterForward_jscgh_51",
+	"slide-in-right": "_slide-in-right_jscgh_1",
+	enterBack: "_enterBack_jscgh_56",
+	"slide-in-left": "_slide-in-left_jscgh_1"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationView.module.css.js","names":[],"sources":["../../../src/components/NavigationView/NavigationView.module.css"],"sourcesContent":["/* ─── View container ────────────────────────────────────────────────────────── */\n\n.view {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n}\n\n/* ─── Page ──────────────────────────────────────────────────────────────────── */\n\n.page {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  background-color: var(--gnome-window-bg-color, #fafafa);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Page header (title bar) ────────────────────────────────────────────────── */\n\n.pageHeader {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 47px;\n  padding: 0 var(--gnome-space-4, 24px);\n  border-bottom: 1px solid var(--gnome-headerbar-border-color, rgba(0, 0, 0, 0.12));\n  background-color: var(--gnome-headerbar-bg-color, #ebebeb);\n  flex-shrink: 0;\n}\n\n.pageTitle {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  color: var(--gnome-headerbar-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Page content ──────────────────────────────────────────────────────────── */\n\n.pageContent {\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: var(--gnome-space-3, 16px);\n}\n\n/* ─── Enter animations ──────────────────────────────────────────────────────── */\n\n.enterForward {\n  animation: slide-in-right var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease)\n    both;\n}\n\n.enterBack {\n  animation: slide-in-left var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease)\n    both;\n}\n\n@keyframes slide-in-right {\n  from {\n    transform: translateX(40px);\n    opacity: 0;\n  }\n  to {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n\n@keyframes slide-in-left {\n  from {\n    transform: translateX(-40px);\n    opacity: 0;\n  }\n  to {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .enterForward,\n  .enterBack {\n    animation: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"NavigationView.module.css.js","names":[],"sources":["../../../src/components/NavigationView/NavigationView.module.css"],"sourcesContent":["/* ─── View container ────────────────────────────────────────────────────────── */\n\n.view {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n}\n\n/* ─── Page ──────────────────────────────────────────────────────────────────── */\n\n.page {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  background-color: var(--gnome-window-bg-color, #fafafa);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n}\n\n/* ─── Page header (title bar) ────────────────────────────────────────────────── */\n\n.pageHeader {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 47px;\n  padding: 0 var(--gnome-space-4, 24px);\n  border-bottom: 1px solid var(--gnome-headerbar-border-color, rgb(0 0 0 / 0.12));\n  background-color: var(--gnome-headerbar-bg-color, #ebebeb);\n  flex-shrink: 0;\n}\n\n.pageTitle {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  color: var(--gnome-headerbar-fg-color, rgb(0 0 0 / 0.8));\n}\n\n/* ─── Page content ──────────────────────────────────────────────────────────── */\n\n.pageContent {\n  flex: 1;\n  overflow: hidden auto;\n  padding: var(--gnome-space-3, 16px);\n}\n\n/* ─── Enter animations ──────────────────────────────────────────────────────── */\n\n.enterForward {\n  animation: slide-in-right var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease)\n    both;\n}\n\n.enterBack {\n  animation: slide-in-left var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease)\n    both;\n}\n\n@keyframes slide-in-right {\n  from {\n    transform: translateX(40px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n\n@keyframes slide-in-left {\n  from {\n    transform: translateX(-40px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .enterForward,\n  .enterBack {\n    animation: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={root:`_root_11ym4_3`,wide:`_wide_11ym4_13`,end:`_end_11ym4_17`,sidebar:`_sidebar_11ym4_21`,collapsed:`_collapsed_11ym4_28`,content:`_content_11ym4_32`,narrow:`_narrow_11ym4_40`,start:`_start_11ym4_60`,sidebarOpen:`_sidebarOpen_11ym4_64`,sidebarClosed:`_sidebarClosed_11ym4_67`,backdrop:`_backdrop_11ym4_85`,backdropVisible:`_backdropVisible_11ym4_96`};exports.default=e;
+var e={root:`_root_lsn7d_3`,wide:`_wide_lsn7d_13`,end:`_end_lsn7d_17`,sidebar:`_sidebar_lsn7d_21`,collapsed:`_collapsed_lsn7d_28`,content:`_content_lsn7d_32`,narrow:`_narrow_lsn7d_40`,start:`_start_lsn7d_58`,sidebarOpen:`_sidebarOpen_lsn7d_62`,sidebarClosed:`_sidebarClosed_lsn7d_66`,backdrop:`_backdrop_lsn7d_85`,backdropVisible:`_backdropVisible_lsn7d_95`};exports.default=e;
 //# sourceMappingURL=OverlaySplitView.module.css.cjs.map

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

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

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

@@ -1,16 +1,16 @@
 var e = {
-	root: "_root_11ym4_3",
-	wide: "_wide_11ym4_13",
-	end: "_end_11ym4_17",
-	sidebar: "_sidebar_11ym4_21",
-	collapsed: "_collapsed_11ym4_28",
-	content: "_content_11ym4_32",
-	narrow: "_narrow_11ym4_40",
-	start: "_start_11ym4_60",
-	sidebarOpen: "_sidebarOpen_11ym4_64",
-	sidebarClosed: "_sidebarClosed_11ym4_67",
-	backdrop: "_backdrop_11ym4_85",
-	backdropVisible: "_backdropVisible_11ym4_96"
+	root: "_root_lsn7d_3",
+	wide: "_wide_lsn7d_13",
+	end: "_end_lsn7d_17",
+	sidebar: "_sidebar_lsn7d_21",
+	collapsed: "_collapsed_lsn7d_28",
+	content: "_content_lsn7d_32",
+	narrow: "_narrow_lsn7d_40",
+	start: "_start_lsn7d_58",
+	sidebarOpen: "_sidebarOpen_lsn7d_62",
+	sidebarClosed: "_sidebarClosed_lsn7d_66",
+	backdrop: "_backdrop_lsn7d_85",
+	backdropVisible: "_backdropVisible_lsn7d_95"
 };
 //#endregion
 export { e as default };

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

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

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

@@ -1,2 +1,2 @@
-var e={revealButton:`_revealButton_1s4rs_3`};exports.default=e;
+var e={revealButton:`_revealButton_3mpz9_3`};exports.default=e;
 //# sourceMappingURL=PasswordEntryRow.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"PasswordEntryRow.module.css.cjs","names":[],"sources":["../../../src/components/PasswordEntryRow/PasswordEntryRow.module.css"],"sourcesContent":["/* ─── Reveal button ─────────────────────────────────────────────────────────── */\n\n.revealButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  border: none;\n  border-radius: var(--gnome-radius-small, 6px);\n  background: transparent;\n  cursor: pointer;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  flex-shrink: 0;\n\n  transition:\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default),\n    background var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.revealButton:hover {\n  opacity: 1;\n  background: var(--gnome-button-bg-color, rgba(0, 0, 0, 0.07));\n}\n\n.revealButton:active {\n  background: var(--gnome-button-active-bg-color, rgba(0, 0, 0, 0.14));\n}\n\n.revealButton:focus-visible {\n  outline: none;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n  opacity: 1;\n}\n\n.revealButton:disabled {\n  pointer-events: none;\n  opacity: var(--gnome-opacity-disabled, 0.5);\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .revealButton {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"PasswordEntryRow.module.css.cjs","names":[],"sources":["../../../src/components/PasswordEntryRow/PasswordEntryRow.module.css"],"sourcesContent":["/* ─── Reveal button ─────────────────────────────────────────────────────────── */\n\n.revealButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  border: none;\n  border-radius: var(--gnome-radius-small, 6px);\n  background: transparent;\n  cursor: pointer;\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  flex-shrink: 0;\n  transition:\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default),\n    background var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.revealButton:hover {\n  opacity: 1;\n  background: var(--gnome-button-bg-color, rgb(0 0 0 / 0.07));\n}\n\n.revealButton:active {\n  background: var(--gnome-button-active-bg-color, rgb(0 0 0 / 0.14));\n}\n\n.revealButton:focus-visible {\n  outline: none;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n  opacity: 1;\n}\n\n.revealButton:disabled {\n  pointer-events: none;\n  opacity: var(--gnome-opacity-disabled, 0.5);\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .revealButton {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,4 +1,4 @@
-var e = { revealButton: "_revealButton_1s4rs_3" };
+var e = { revealButton: "_revealButton_3mpz9_3" };
 //#endregion
 export { e as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"PasswordEntryRow.module.css.js","names":[],"sources":["../../../src/components/PasswordEntryRow/PasswordEntryRow.module.css"],"sourcesContent":["/* ─── Reveal button ─────────────────────────────────────────────────────────── */\n\n.revealButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  border: none;\n  border-radius: var(--gnome-radius-small, 6px);\n  background: transparent;\n  cursor: pointer;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  flex-shrink: 0;\n\n  transition:\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default),\n    background var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.revealButton:hover {\n  opacity: 1;\n  background: var(--gnome-button-bg-color, rgba(0, 0, 0, 0.07));\n}\n\n.revealButton:active {\n  background: var(--gnome-button-active-bg-color, rgba(0, 0, 0, 0.14));\n}\n\n.revealButton:focus-visible {\n  outline: none;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n  opacity: 1;\n}\n\n.revealButton:disabled {\n  pointer-events: none;\n  opacity: var(--gnome-opacity-disabled, 0.5);\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .revealButton {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"PasswordEntryRow.module.css.js","names":[],"sources":["../../../src/components/PasswordEntryRow/PasswordEntryRow.module.css"],"sourcesContent":["/* ─── Reveal button ─────────────────────────────────────────────────────────── */\n\n.revealButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  border: none;\n  border-radius: var(--gnome-radius-small, 6px);\n  background: transparent;\n  cursor: pointer;\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  flex-shrink: 0;\n  transition:\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default),\n    background var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.revealButton:hover {\n  opacity: 1;\n  background: var(--gnome-button-bg-color, rgb(0 0 0 / 0.07));\n}\n\n.revealButton:active {\n  background: var(--gnome-button-active-bg-color, rgb(0 0 0 / 0.14));\n}\n\n.revealButton:focus-visible {\n  outline: none;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n  opacity: 1;\n}\n\n.revealButton:disabled {\n  pointer-events: none;\n  opacity: var(--gnome-opacity-disabled, 0.5);\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .revealButton {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={pathBar:`_pathBar_12z8k_3`,list:`_list_12z8k_12`,item:`_item_12z8k_25`,separator:`_separator_12z8k_33`,segment:`_segment_12z8k_44`,current:`_current_12z8k_81`,icon:`_icon_12z8k_98`};exports.default=e;
+var e={pathBar:`_pathBar_1k663_3`,list:`_list_1k663_12`,item:`_item_1k663_25`,separator:`_separator_1k663_33`,segment:`_segment_1k663_44`,current:`_current_1k663_81`,icon:`_icon_1k663_98`};exports.default=e;
 //# sourceMappingURL=PathBar.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"PathBar.module.css.cjs","names":[],"sources":["../../../src/components/PathBar/PathBar.module.css"],"sourcesContent":["/* ─── Root ────────────────────────────────────────────────────────────────── */\n\n.pathBar {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  font-family: var(--gnome-font-family, sans-serif);\n}\n\n/* ─── List ────────────────────────────────────────────────────────────────── */\n\n.list {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 0;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  min-width: 0;\n}\n\n/* ─── Item ────────────────────────────────────────────────────────────────── */\n\n.item {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n}\n\n/* ─── Separator ───────────────────────────────────────────────────────────── */\n\n.separator {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.35));\n  opacity: 0.5;\n  margin: 0 1px;\n}\n\n/* ─── Ancestor segment (button) ───────────────────────────────────────────── */\n\n.segment {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 2px 6px;\n  border-radius: var(--gnome-radius-sm, 6px);\n  border: none;\n  background: transparent;\n  font-family: inherit;\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  cursor: pointer;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 160px;\n  transition: background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.segment:hover {\n  background-color: var(--gnome-hover-overlay, rgba(0, 0, 0, 0.06));\n}\n\n.segment:active {\n  background-color: var(--gnome-active-overlay, rgba(0, 0, 0, 0.12));\n}\n\n.segment:focus-visible {\n  outline: none;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\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/* ─── Current segment (non-interactive) ──────────────────────────────────── */\n\n.current {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 2px 6px;\n  font-family: inherit;\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 200px;\n}\n\n/* ─── Icon ────────────────────────────────────────────────────────────────── */\n\n.icon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n/* ─── Reduced motion ──────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .segment {\n    transition: none;\n  }\n}\n\n/* ─── Dark mode ───────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .segment:hover {\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .segment:active {\n    background-color: rgba(255, 255, 255, 0.14);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"PathBar.module.css.cjs","names":[],"sources":["../../../src/components/PathBar/PathBar.module.css"],"sourcesContent":["/* ─── Root ────────────────────────────────────────────────────────────────── */\n\n.pathBar {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  font-family: var(--gnome-font-family, sans-serif);\n}\n\n/* ─── List ────────────────────────────────────────────────────────────────── */\n\n.list {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 0;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  min-width: 0;\n}\n\n/* ─── Item ────────────────────────────────────────────────────────────────── */\n\n.item {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n}\n\n/* ─── Separator ───────────────────────────────────────────────────────────── */\n\n.separator {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.35));\n  opacity: 0.5;\n  margin: 0 1px;\n}\n\n/* ─── Ancestor segment (button) ───────────────────────────────────────────── */\n\n.segment {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 2px 6px;\n  border-radius: var(--gnome-radius-sm, 6px);\n  border: none;\n  background: transparent;\n  font-family: inherit;\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  cursor: pointer;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 160px;\n  transition: background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.segment:hover {\n  background-color: var(--gnome-hover-overlay, rgb(0 0 0 / 0.06));\n}\n\n.segment:active {\n  background-color: var(--gnome-active-overlay, rgb(0 0 0 / 0.12));\n}\n\n.segment:focus-visible {\n  outline: none;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\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/* ─── Current segment (non-interactive) ──────────────────────────────────── */\n\n.current {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 2px 6px;\n  font-family: inherit;\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 200px;\n}\n\n/* ─── Icon ────────────────────────────────────────────────────────────────── */\n\n.icon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n/* ─── Reduced motion ──────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .segment {\n    transition: none;\n  }\n}\n\n/* ─── Dark mode ───────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .segment:hover {\n    background-color: rgb(255 255 255 / 0.08);\n  }\n\n  .segment:active {\n    background-color: rgb(255 255 255 / 0.14);\n  }\n}\n"],"mappings":""}

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

@@ -1,11 +1,11 @@
 var e = {
-	pathBar: "_pathBar_12z8k_3",
-	list: "_list_12z8k_12",
-	item: "_item_12z8k_25",
-	separator: "_separator_12z8k_33",
-	segment: "_segment_12z8k_44",
-	current: "_current_12z8k_81",
-	icon: "_icon_12z8k_98"
+	pathBar: "_pathBar_1k663_3",
+	list: "_list_1k663_12",
+	item: "_item_1k663_25",
+	separator: "_separator_1k663_33",
+	segment: "_segment_1k663_44",
+	current: "_current_1k663_81",
+	icon: "_icon_1k663_98"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"PathBar.module.css.js","names":[],"sources":["../../../src/components/PathBar/PathBar.module.css"],"sourcesContent":["/* ─── Root ────────────────────────────────────────────────────────────────── */\n\n.pathBar {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  font-family: var(--gnome-font-family, sans-serif);\n}\n\n/* ─── List ────────────────────────────────────────────────────────────────── */\n\n.list {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 0;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  min-width: 0;\n}\n\n/* ─── Item ────────────────────────────────────────────────────────────────── */\n\n.item {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n}\n\n/* ─── Separator ───────────────────────────────────────────────────────────── */\n\n.separator {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.35));\n  opacity: 0.5;\n  margin: 0 1px;\n}\n\n/* ─── Ancestor segment (button) ───────────────────────────────────────────── */\n\n.segment {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 2px 6px;\n  border-radius: var(--gnome-radius-sm, 6px);\n  border: none;\n  background: transparent;\n  font-family: inherit;\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  cursor: pointer;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 160px;\n  transition: background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.segment:hover {\n  background-color: var(--gnome-hover-overlay, rgba(0, 0, 0, 0.06));\n}\n\n.segment:active {\n  background-color: var(--gnome-active-overlay, rgba(0, 0, 0, 0.12));\n}\n\n.segment:focus-visible {\n  outline: none;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\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/* ─── Current segment (non-interactive) ──────────────────────────────────── */\n\n.current {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 2px 6px;\n  font-family: inherit;\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 200px;\n}\n\n/* ─── Icon ────────────────────────────────────────────────────────────────── */\n\n.icon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n/* ─── Reduced motion ──────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .segment {\n    transition: none;\n  }\n}\n\n/* ─── Dark mode ───────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .segment:hover {\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .segment:active {\n    background-color: rgba(255, 255, 255, 0.14);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"PathBar.module.css.js","names":[],"sources":["../../../src/components/PathBar/PathBar.module.css"],"sourcesContent":["/* ─── Root ────────────────────────────────────────────────────────────────── */\n\n.pathBar {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  font-family: var(--gnome-font-family, sans-serif);\n}\n\n/* ─── List ────────────────────────────────────────────────────────────────── */\n\n.list {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 0;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  min-width: 0;\n}\n\n/* ─── Item ────────────────────────────────────────────────────────────────── */\n\n.item {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n}\n\n/* ─── Separator ───────────────────────────────────────────────────────────── */\n\n.separator {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.35));\n  opacity: 0.5;\n  margin: 0 1px;\n}\n\n/* ─── Ancestor segment (button) ───────────────────────────────────────────── */\n\n.segment {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 2px 6px;\n  border-radius: var(--gnome-radius-sm, 6px);\n  border: none;\n  background: transparent;\n  font-family: inherit;\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  cursor: pointer;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 160px;\n  transition: background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.segment:hover {\n  background-color: var(--gnome-hover-overlay, rgb(0 0 0 / 0.06));\n}\n\n.segment:active {\n  background-color: var(--gnome-active-overlay, rgb(0 0 0 / 0.12));\n}\n\n.segment:focus-visible {\n  outline: none;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\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/* ─── Current segment (non-interactive) ──────────────────────────────────── */\n\n.current {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 2px 6px;\n  font-family: inherit;\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 200px;\n}\n\n/* ─── Icon ────────────────────────────────────────────────────────────────── */\n\n.icon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n/* ─── Reduced motion ──────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .segment {\n    transition: none;\n  }\n}\n\n/* ─── Dark mode ───────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .segment:hover {\n    background-color: rgb(255 255 255 / 0.08);\n  }\n\n  .segment:active {\n    background-color: rgb(255 255 255 / 0.14);\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={panel:`_panel_46zzm_3`,visible:`_visible_46zzm_36`,arrow:`_arrow_46zzm_44`,bottom:`_bottom_46zzm_59`,top:`_top_46zzm_67`,left:`_left_46zzm_75`,right:`_right_46zzm_83`};exports.default=e;
+var e={panel:`_panel_14rvm_3`,visible:`_visible_14rvm_30`,arrow:`_arrow_14rvm_38`,bottom:`_bottom_14rvm_52`,top:`_top_14rvm_60`,left:`_left_14rvm_68`,right:`_right_14rvm_76`};exports.default=e;
 //# sourceMappingURL=Popover.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.module.css.cjs","names":[],"sources":["../../../src/components/Popover/Popover.module.css"],"sourcesContent":["/* ─── Panel ──────────────────────────────────────────────────────────────────── */\n\n.panel {\n  position: fixed;\n  z-index: 10200; /* above Toaster (9999), below Dialog (10000) */\n\n  min-width: 180px;\n  max-width: 320px;\n\n  background-color: var(--gnome-popover-bg-color, var(--gnome-card-bg-color, #ffffff));\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  border: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.1));\n  border-radius: var(--gnome-radius-lg, 12px);\n  box-shadow:\n    0 4px 20px rgba(0, 0, 0, 0.14),\n    0 1px 4px rgba(0, 0, 0, 0.08);\n\n  padding: var(--gnome-space-2, 12px);\n\n  font-family: var(--gnome-font-family);\n\n  /* Hidden before position is known */\n  opacity: 0;\n  transform: scale(0.95);\n  transition:\n    opacity var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease),\n    transform var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n\n  /* Don't intercept events while invisible */\n  pointer-events: none;\n\n  outline: none;\n}\n\n.visible {\n  opacity: 1;\n  transform: scale(1);\n  pointer-events: auto;\n}\n\n/* ─── Arrow ──────────────────────────────────────────────────────────────────── */\n\n.arrow {\n  position: absolute;\n  width: 12px;\n  height: 12px;\n\n  background-color: var(--gnome-popover-bg-color, var(--gnome-card-bg-color, #ffffff));\n  border: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.1));\n\n  /* Arrow points toward the trigger */\n  transform: rotate(45deg);\n  pointer-events: none;\n  z-index: -1;\n}\n\n/* Position arrow on each side */\n.bottom .arrow {\n  top: -6px;\n  left: 50%;\n  margin-left: -6px;\n  border-right-color: transparent;\n  border-bottom-color: transparent;\n}\n\n.top .arrow {\n  bottom: -6px;\n  left: 50%;\n  margin-left: -6px;\n  border-left-color: transparent;\n  border-top-color: transparent;\n}\n\n.left .arrow {\n  right: -6px;\n  top: 50%;\n  margin-top: -6px;\n  border-left-color: transparent;\n  border-bottom-color: transparent;\n}\n\n.right .arrow {\n  left: -6px;\n  top: 50%;\n  margin-top: -6px;\n  border-right-color: transparent;\n  border-top-color: transparent;\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .panel {\n    background-color: var(--gnome-popover-bg-color, var(--gnome-card-bg-color, #383838));\n    border-color: rgba(255, 255, 255, 0.1);\n    box-shadow:\n      0 4px 24px rgba(0, 0, 0, 0.4),\n      0 1px 4px rgba(0, 0, 0, 0.3);\n  }\n\n  .arrow {\n    background-color: var(--gnome-popover-bg-color, var(--gnome-card-bg-color, #383838));\n    border-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .bottom .arrow {\n    border-right-color: transparent;\n    border-bottom-color: transparent;\n  }\n  .top .arrow {\n    border-left-color: transparent;\n    border-top-color: transparent;\n  }\n  .left .arrow {\n    border-left-color: transparent;\n    border-bottom-color: transparent;\n  }\n  .right .arrow {\n    border-right-color: transparent;\n    border-top-color: transparent;\n  }\n}\n\n/* ─── Reduced motion ─────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .panel {\n    transition: opacity var(--gnome-duration-fast, 100ms) linear;\n    transform: none;\n  }\n\n  .visible {\n    transform: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Popover.module.css.cjs","names":[],"sources":["../../../src/components/Popover/Popover.module.css"],"sourcesContent":["/* ─── Panel ──────────────────────────────────────────────────────────────────── */\n\n.panel {\n  position: fixed;\n  z-index: 10200; /* above Toaster (9999), below Dialog (10000) */\n  min-width: 180px;\n  max-width: 320px;\n  background-color: var(--gnome-popover-bg-color, var(--gnome-card-bg-color, #fff));\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  border: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.1));\n  border-radius: var(--gnome-radius-lg, 12px);\n  box-shadow:\n    0 4px 20px rgb(0 0 0 / 0.14),\n    0 1px 4px rgb(0 0 0 / 0.08);\n  padding: var(--gnome-space-2, 12px);\n  font-family: var(--gnome-font-family);\n\n  /* Hidden before position is known */\n  opacity: 0;\n  transform: scale(0.95);\n  transition:\n    opacity var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease),\n    transform var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n\n  /* Don't intercept events while invisible */\n  pointer-events: none;\n  outline: none;\n}\n\n.visible {\n  opacity: 1;\n  transform: scale(1);\n  pointer-events: auto;\n}\n\n/* ─── Arrow ──────────────────────────────────────────────────────────────────── */\n\n.arrow {\n  position: absolute;\n  width: 12px;\n  height: 12px;\n  background-color: var(--gnome-popover-bg-color, var(--gnome-card-bg-color, #fff));\n  border: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.1));\n\n  /* Arrow points toward the trigger */\n  transform: rotate(45deg);\n  pointer-events: none;\n  z-index: -1;\n}\n\n/* Position arrow on each side */\n.bottom .arrow {\n  top: -6px;\n  left: 50%;\n  margin-left: -6px;\n  border-right-color: transparent;\n  border-bottom-color: transparent;\n}\n\n.top .arrow {\n  bottom: -6px;\n  left: 50%;\n  margin-left: -6px;\n  border-left-color: transparent;\n  border-top-color: transparent;\n}\n\n.left .arrow {\n  right: -6px;\n  top: 50%;\n  margin-top: -6px;\n  border-left-color: transparent;\n  border-bottom-color: transparent;\n}\n\n.right .arrow {\n  left: -6px;\n  top: 50%;\n  margin-top: -6px;\n  border-right-color: transparent;\n  border-top-color: transparent;\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .panel {\n    background-color: var(--gnome-popover-bg-color, var(--gnome-card-bg-color, #383838));\n    border-color: rgb(255 255 255 / 0.1);\n    box-shadow:\n      0 4px 24px rgb(0 0 0 / 0.4),\n      0 1px 4px rgb(0 0 0 / 0.3);\n  }\n\n  .arrow {\n    background-color: var(--gnome-popover-bg-color, var(--gnome-card-bg-color, #383838));\n    border-color: rgb(255 255 255 / 0.1);\n  }\n\n  .bottom .arrow {\n    border-right-color: transparent;\n    border-bottom-color: transparent;\n  }\n\n  .top .arrow {\n    border-left-color: transparent;\n    border-top-color: transparent;\n  }\n\n  .left .arrow {\n    border-left-color: transparent;\n    border-bottom-color: transparent;\n  }\n\n  .right .arrow {\n    border-right-color: transparent;\n    border-top-color: transparent;\n  }\n}\n\n/* ─── Reduced motion ─────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .panel {\n    transition: opacity var(--gnome-duration-fast, 100ms) linear;\n    transform: none;\n  }\n\n  .visible {\n    transform: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,11 +1,11 @@
 var e = {
-	panel: "_panel_46zzm_3",
-	visible: "_visible_46zzm_36",
-	arrow: "_arrow_46zzm_44",
-	bottom: "_bottom_46zzm_59",
-	top: "_top_46zzm_67",
-	left: "_left_46zzm_75",
-	right: "_right_46zzm_83"
+	panel: "_panel_14rvm_3",
+	visible: "_visible_14rvm_30",
+	arrow: "_arrow_14rvm_38",
+	bottom: "_bottom_14rvm_52",
+	top: "_top_14rvm_60",
+	left: "_left_14rvm_68",
+	right: "_right_14rvm_76"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.module.css.js","names":[],"sources":["../../../src/components/Popover/Popover.module.css"],"sourcesContent":["/* ─── Panel ──────────────────────────────────────────────────────────────────── */\n\n.panel {\n  position: fixed;\n  z-index: 10200; /* above Toaster (9999), below Dialog (10000) */\n\n  min-width: 180px;\n  max-width: 320px;\n\n  background-color: var(--gnome-popover-bg-color, var(--gnome-card-bg-color, #ffffff));\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  border: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.1));\n  border-radius: var(--gnome-radius-lg, 12px);\n  box-shadow:\n    0 4px 20px rgba(0, 0, 0, 0.14),\n    0 1px 4px rgba(0, 0, 0, 0.08);\n\n  padding: var(--gnome-space-2, 12px);\n\n  font-family: var(--gnome-font-family);\n\n  /* Hidden before position is known */\n  opacity: 0;\n  transform: scale(0.95);\n  transition:\n    opacity var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease),\n    transform var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n\n  /* Don't intercept events while invisible */\n  pointer-events: none;\n\n  outline: none;\n}\n\n.visible {\n  opacity: 1;\n  transform: scale(1);\n  pointer-events: auto;\n}\n\n/* ─── Arrow ──────────────────────────────────────────────────────────────────── */\n\n.arrow {\n  position: absolute;\n  width: 12px;\n  height: 12px;\n\n  background-color: var(--gnome-popover-bg-color, var(--gnome-card-bg-color, #ffffff));\n  border: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.1));\n\n  /* Arrow points toward the trigger */\n  transform: rotate(45deg);\n  pointer-events: none;\n  z-index: -1;\n}\n\n/* Position arrow on each side */\n.bottom .arrow {\n  top: -6px;\n  left: 50%;\n  margin-left: -6px;\n  border-right-color: transparent;\n  border-bottom-color: transparent;\n}\n\n.top .arrow {\n  bottom: -6px;\n  left: 50%;\n  margin-left: -6px;\n  border-left-color: transparent;\n  border-top-color: transparent;\n}\n\n.left .arrow {\n  right: -6px;\n  top: 50%;\n  margin-top: -6px;\n  border-left-color: transparent;\n  border-bottom-color: transparent;\n}\n\n.right .arrow {\n  left: -6px;\n  top: 50%;\n  margin-top: -6px;\n  border-right-color: transparent;\n  border-top-color: transparent;\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .panel {\n    background-color: var(--gnome-popover-bg-color, var(--gnome-card-bg-color, #383838));\n    border-color: rgba(255, 255, 255, 0.1);\n    box-shadow:\n      0 4px 24px rgba(0, 0, 0, 0.4),\n      0 1px 4px rgba(0, 0, 0, 0.3);\n  }\n\n  .arrow {\n    background-color: var(--gnome-popover-bg-color, var(--gnome-card-bg-color, #383838));\n    border-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .bottom .arrow {\n    border-right-color: transparent;\n    border-bottom-color: transparent;\n  }\n  .top .arrow {\n    border-left-color: transparent;\n    border-top-color: transparent;\n  }\n  .left .arrow {\n    border-left-color: transparent;\n    border-bottom-color: transparent;\n  }\n  .right .arrow {\n    border-right-color: transparent;\n    border-top-color: transparent;\n  }\n}\n\n/* ─── Reduced motion ─────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .panel {\n    transition: opacity var(--gnome-duration-fast, 100ms) linear;\n    transform: none;\n  }\n\n  .visible {\n    transform: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Popover.module.css.js","names":[],"sources":["../../../src/components/Popover/Popover.module.css"],"sourcesContent":["/* ─── Panel ──────────────────────────────────────────────────────────────────── */\n\n.panel {\n  position: fixed;\n  z-index: 10200; /* above Toaster (9999), below Dialog (10000) */\n  min-width: 180px;\n  max-width: 320px;\n  background-color: var(--gnome-popover-bg-color, var(--gnome-card-bg-color, #fff));\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  border: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.1));\n  border-radius: var(--gnome-radius-lg, 12px);\n  box-shadow:\n    0 4px 20px rgb(0 0 0 / 0.14),\n    0 1px 4px rgb(0 0 0 / 0.08);\n  padding: var(--gnome-space-2, 12px);\n  font-family: var(--gnome-font-family);\n\n  /* Hidden before position is known */\n  opacity: 0;\n  transform: scale(0.95);\n  transition:\n    opacity var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease),\n    transform var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n\n  /* Don't intercept events while invisible */\n  pointer-events: none;\n  outline: none;\n}\n\n.visible {\n  opacity: 1;\n  transform: scale(1);\n  pointer-events: auto;\n}\n\n/* ─── Arrow ──────────────────────────────────────────────────────────────────── */\n\n.arrow {\n  position: absolute;\n  width: 12px;\n  height: 12px;\n  background-color: var(--gnome-popover-bg-color, var(--gnome-card-bg-color, #fff));\n  border: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.1));\n\n  /* Arrow points toward the trigger */\n  transform: rotate(45deg);\n  pointer-events: none;\n  z-index: -1;\n}\n\n/* Position arrow on each side */\n.bottom .arrow {\n  top: -6px;\n  left: 50%;\n  margin-left: -6px;\n  border-right-color: transparent;\n  border-bottom-color: transparent;\n}\n\n.top .arrow {\n  bottom: -6px;\n  left: 50%;\n  margin-left: -6px;\n  border-left-color: transparent;\n  border-top-color: transparent;\n}\n\n.left .arrow {\n  right: -6px;\n  top: 50%;\n  margin-top: -6px;\n  border-left-color: transparent;\n  border-bottom-color: transparent;\n}\n\n.right .arrow {\n  left: -6px;\n  top: 50%;\n  margin-top: -6px;\n  border-right-color: transparent;\n  border-top-color: transparent;\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .panel {\n    background-color: var(--gnome-popover-bg-color, var(--gnome-card-bg-color, #383838));\n    border-color: rgb(255 255 255 / 0.1);\n    box-shadow:\n      0 4px 24px rgb(0 0 0 / 0.4),\n      0 1px 4px rgb(0 0 0 / 0.3);\n  }\n\n  .arrow {\n    background-color: var(--gnome-popover-bg-color, var(--gnome-card-bg-color, #383838));\n    border-color: rgb(255 255 255 / 0.1);\n  }\n\n  .bottom .arrow {\n    border-right-color: transparent;\n    border-bottom-color: transparent;\n  }\n\n  .top .arrow {\n    border-left-color: transparent;\n    border-top-color: transparent;\n  }\n\n  .left .arrow {\n    border-left-color: transparent;\n    border-bottom-color: transparent;\n  }\n\n  .right .arrow {\n    border-right-color: transparent;\n    border-top-color: transparent;\n  }\n}\n\n/* ─── Reduced motion ─────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .panel {\n    transition: opacity var(--gnome-duration-fast, 100ms) linear;\n    transform: none;\n  }\n\n  .visible {\n    transform: none;\n  }\n}\n"],"mappings":""}

package/dist/components/PreferencesDialog/PreferencesDialog.cjs

@@ -1,2 +1,2 @@
-const e=require("./PreferencesDialog.module.css.cjs");let t=require("react"),n=require("react-dom"),r=require("react/jsx-runtime");var i=`button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])`;function a(e,t){if(e.key!==`Tab`)return;let n=Array.from(t.current?.querySelectorAll(i)??[]);if(!n.length)return;let r=n[0],a=n[n.length-1];e.shiftKey?document.activeElement===r&&(e.preventDefault(),a.focus()):document.activeElement===a&&(e.preventDefault(),r.focus())}var o=({open:o,onClose:s,children:c,searchable:l=!0,className:u,...d})=>{let f=(0,t.useRef)(null),p=(0,t.useRef)(null),m=(0,t.useId)(),h=t.Children.toArray(c).filter(e=>(0,t.isValidElement)(e)),[g,_]=(0,t.useState)(0),[v,y]=(0,t.useState)(``);(0,t.useEffect)(()=>{if(o){_(0),y(``);let e=requestAnimationFrame(()=>{l&&p.current?p.current.focus():(f.current?.querySelector(i))?.focus()});return()=>cancelAnimationFrame(e)}},[o,l]);let b=(0,t.useCallback)(e=>{if(e.key===`Escape`){e.stopPropagation(),s();return}a(e,f)},[s]),x=h.length>1,S=h[g]??h[0],C=v.trim().toLowerCase();return o?(0,n.createPortal)((0,r.jsx)(`div`,{className:e.default.backdrop,onClick:e=>{e.target===e.currentTarget&&s()},role:`presentation`,children:(0,r.jsxs)(`div`,{ref:f,role:`dialog`,"aria-modal":`true`,"aria-labelledby":m,className:[e.default.dialog,x?e.default.dialogMulti:null,u].filter(Boolean).join(` `),onKeyDown:b,...d,children:[(0,r.jsxs)(`div`,{className:e.default.header,children:[(0,r.jsx)(`button`,{type:`button`,className:e.default.closeBtn,onClick:s,"aria-label":`Close preferences`,children:`✕`}),(0,r.jsx)(`span`,{id:m,className:e.default.title,children:`Preferences`}),l&&(0,r.jsx)(`div`,{className:e.default.searchWrap,children:(0,r.jsx)(`input`,{ref:p,type:`search`,placeholder:`Search…`,value:v,onChange:e=>y(e.target.value),className:e.default.searchInput,"aria-label":`Search preferences`})})]}),(0,r.jsxs)(`div`,{className:e.default.body,children:[x&&(0,r.jsx)(`nav`,{className:e.default.sidebar,"aria-label":`Preferences pages`,children:(0,r.jsx)(`ul`,{className:e.default.navList,children:h.map((t,n)=>(0,r.jsx)(`li`,{role:`presentation`,children:(0,r.jsxs)(`button`,{role:`tab`,type:`button`,"aria-selected":n===g,className:[e.default.navItem,n===g?e.default.navItemActive:null].filter(Boolean).join(` `),onClick:()=>_(n),children:[t.props.iconName&&(0,r.jsx)(`span`,{className:[e.default.navIcon,`icon`,t.props.iconName].join(` `),"aria-hidden":`true`}),(0,r.jsx)(`span`,{className:e.default.navLabel,children:t.props.title})]})},n))})}),(0,r.jsx)(`div`,{className:e.default.pageWrap,children:S&&(0,t.cloneElement)(S,{"data-search-query":C||void 0})})]})]})}),document.body):null};exports.PreferencesDialog=o;
+const e=require("./PreferencesDialog.module.css.cjs");let t=require("react"),n=require("react-dom"),r=require("react/jsx-runtime");var i=`button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])`;function a(e,t){if(e.key!==`Tab`)return;let n=Array.from(t.current?.querySelectorAll(i)??[]);if(!n.length)return;let[r]=n,a=n[n.length-1];e.shiftKey?document.activeElement===r&&(e.preventDefault(),a.focus()):document.activeElement===a&&(e.preventDefault(),r.focus())}var o=({open:o,onClose:s,children:c,searchable:l=!0,className:u,...d})=>{let f=(0,t.useRef)(null),p=(0,t.useRef)(null),m=(0,t.useId)(),h=t.Children.toArray(c).filter(e=>(0,t.isValidElement)(e)),[g,_]=(0,t.useState)(0),[v,y]=(0,t.useState)(``);(0,t.useEffect)(()=>{if(o){_(0),y(``);let e=requestAnimationFrame(()=>{l&&p.current?p.current.focus():(f.current?.querySelector(i))?.focus()});return()=>cancelAnimationFrame(e)}},[o,l]);let b=(0,t.useCallback)(e=>{if(e.key===`Escape`){e.stopPropagation(),s();return}a(e,f)},[s]),x=h.length>1,S=h[g]??h[0],C=v.trim().toLowerCase();return o?(0,n.createPortal)((0,r.jsx)(`div`,{className:e.default.backdrop,onClick:e=>{e.target===e.currentTarget&&s()},role:`presentation`,children:(0,r.jsxs)(`div`,{ref:f,role:`dialog`,"aria-modal":`true`,"aria-labelledby":m,className:[e.default.dialog,x?e.default.dialogMulti:null,u].filter(Boolean).join(` `),onKeyDown:b,...d,children:[(0,r.jsxs)(`div`,{className:e.default.header,children:[(0,r.jsx)(`button`,{type:`button`,className:e.default.closeBtn,onClick:s,"aria-label":`Close preferences`,children:`✕`}),(0,r.jsx)(`span`,{id:m,className:e.default.title,children:`Preferences`}),l&&(0,r.jsx)(`div`,{className:e.default.searchWrap,children:(0,r.jsx)(`input`,{ref:p,type:`search`,placeholder:`Search…`,value:v,onChange:e=>y(e.target.value),className:e.default.searchInput,"aria-label":`Search preferences`})})]}),(0,r.jsxs)(`div`,{className:e.default.body,children:[x&&(0,r.jsx)(`nav`,{className:e.default.sidebar,"aria-label":`Preferences pages`,children:(0,r.jsx)(`ul`,{className:e.default.navList,children:h.map((t,n)=>(0,r.jsx)(`li`,{role:`presentation`,children:(0,r.jsxs)(`button`,{role:`tab`,type:`button`,"aria-selected":n===g,className:[e.default.navItem,n===g?e.default.navItemActive:null].filter(Boolean).join(` `),onClick:()=>_(n),children:[t.props.iconName&&(0,r.jsx)(`span`,{className:[e.default.navIcon,`icon`,t.props.iconName].join(` `),"aria-hidden":`true`}),(0,r.jsx)(`span`,{className:e.default.navLabel,children:t.props.title})]})},n))})}),(0,r.jsx)(`div`,{className:e.default.pageWrap,children:S&&(0,t.cloneElement)(S,{"data-search-query":C||void 0})})]})]})}),document.body):null};exports.PreferencesDialog=o;
 //# sourceMappingURL=PreferencesDialog.cjs.map

package/dist/components/PreferencesDialog/PreferencesDialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PreferencesDialog.cjs","names":[],"sources":["../../../src/components/PreferencesDialog/PreferencesDialog.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  type HTMLAttributes,\n  isValidElement,\n  type KeyboardEvent,\n  type ReactElement,\n  type ReactNode,\n  type RefObject,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\n\nimport { createPortal } from 'react-dom';\n\nimport type { PreferencesPageProps } from '../PreferencesPage/PreferencesPage';\n\nimport styles from './PreferencesDialog.module.css';\n\n// ─── Focus trap ───────────────────────────────────────────────────────────────\n\nconst FOCUSABLE =\n  'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\nfunction trapFocus(e: KeyboardEvent<HTMLDivElement>, ref: RefObject<HTMLDivElement | null>) {\n  if (e.key !== 'Tab') {\n    return;\n  }\n\n  const focusable = Array.from(ref.current?.querySelectorAll<HTMLElement>(FOCUSABLE) ?? []);\n\n  if (!focusable.length) {\n    return;\n  }\n\n  const first = focusable[0];\n  const last = focusable[focusable.length - 1];\n\n  if (e.shiftKey) {\n    if (document.activeElement === first) {\n      e.preventDefault();\n      last.focus();\n    }\n  } else {\n    if (document.activeElement === last) {\n      e.preventDefault();\n      first.focus();\n    }\n  }\n}\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport interface PreferencesDialogProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Whether the dialog is open. */\n  open: boolean;\n  /** Called when the user requests to close the dialog. */\n  onClose: () => void;\n  /**\n   * `PreferencesPage` children. Each page appears as a sidebar entry.\n   * When only one page is provided the sidebar is hidden.\n   */\n  children?: ReactNode;\n  /**\n   * Whether to show a search bar in the header.\n   * When `true` the user can filter group/row content by typing.\n   * Defaults to `true`.\n   */\n  searchable?: boolean;\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\n/**\n * Multi-page settings dialog using `PreferencesPage` tabs.\n *\n * Renders a wide modal with an optional sidebar listing pages. Each\n * `PreferencesPage` child becomes a navigation entry. Supports built-in\n * search when `searchable` is `true` (the default).\n *\n * Mirrors `AdwPreferencesDialog`.\n *\n * @example\n * ```tsx\n * <PreferencesDialog open={open} onClose={() => setOpen(false)}>\n *   <PreferencesPage title=\"General\" iconName=\"preferences-system-symbolic\">\n *     <PreferencesGroup title=\"Appearance\">\n *       <BoxedList>\n *         <SwitchRow title=\"Dark mode\" />\n *       </BoxedList>\n *     </PreferencesGroup>\n *   </PreferencesPage>\n * </PreferencesDialog>\n * ```\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.PreferencesDialog.html\n */\nexport const PreferencesDialog = ({\n  open,\n  onClose,\n  children,\n  searchable = true,\n  className,\n  ...props\n}: PreferencesDialogProps) => {\n  const dialogRef = useRef<HTMLDivElement>(null);\n  const searchRef = useRef<HTMLInputElement>(null);\n  const titleId = useId();\n\n  const pages = Children.toArray(children).filter((c): c is ReactElement<PreferencesPageProps> =>\n    isValidElement(c),\n  ) as ReactElement<PreferencesPageProps>[];\n\n  const [activeIndex, setActiveIndex] = useState(0);\n  const [searchQuery, setSearchQuery] = useState('');\n\n  // Reset state when dialog opens\n  useEffect(() => {\n    if (open) {\n      setActiveIndex(0);\n      setSearchQuery('');\n      // Focus search or first focusable after open animation\n      const id = requestAnimationFrame(() => {\n        if (searchable && searchRef.current) {\n          searchRef.current.focus();\n        } else {\n          const first = dialogRef.current?.querySelector<HTMLElement>(FOCUSABLE);\n\n          first?.focus();\n        }\n      });\n\n      return () => cancelAnimationFrame(id);\n    }\n  }, [open, searchable]);\n\n  // Close on Escape\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLDivElement>) => {\n      if (e.key === 'Escape') {\n        e.stopPropagation();\n        onClose();\n\n        return;\n      }\n\n      trapFocus(e, dialogRef);\n    },\n    [onClose],\n  );\n\n  const multiPage = pages.length > 1;\n  const activePage = pages[activeIndex] ?? pages[0];\n\n  // Filter content by search query\n  const query = searchQuery.trim().toLowerCase();\n\n  if (!open) {\n    return null;\n  }\n\n  return createPortal(\n    <div\n      className={styles.backdrop}\n      onClick={(e) => {\n        if (e.target === e.currentTarget) {\n          onClose();\n        }\n      }}\n      role=\"presentation\"\n    >\n      <div\n        ref={dialogRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={titleId}\n        className={[styles.dialog, multiPage ? styles.dialogMulti : null, className]\n          .filter(Boolean)\n          .join(' ')}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        {/* ── Header ─────────────────────────────────────────────────────── */}\n        <div className={styles.header}>\n          <button\n            type=\"button\"\n            className={styles.closeBtn}\n            onClick={onClose}\n            aria-label=\"Close preferences\"\n          >\n            ✕\n          </button>\n          <span id={titleId} className={styles.title}>\n            Preferences\n          </span>\n          {searchable && (\n            <div className={styles.searchWrap}>\n              <input\n                ref={searchRef}\n                type=\"search\"\n                placeholder=\"Search…\"\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                className={styles.searchInput}\n                aria-label=\"Search preferences\"\n              />\n            </div>\n          )}\n        </div>\n\n        {/* ── Body ───────────────────────────────────────────────────────── */}\n        <div className={styles.body}>\n          {/* Sidebar — only shown when there are multiple pages */}\n          {multiPage && (\n            <nav className={styles.sidebar} aria-label=\"Preferences pages\">\n              <ul className={styles.navList}>\n                {pages.map((page, i) => (\n                  <li key={i} role=\"presentation\">\n                    <button\n                      role=\"tab\"\n                      type=\"button\"\n                      aria-selected={i === activeIndex}\n                      className={[styles.navItem, i === activeIndex ? styles.navItemActive : null]\n                        .filter(Boolean)\n                        .join(' ')}\n                      onClick={() => setActiveIndex(i)}\n                    >\n                      {page.props.iconName && (\n                        <span\n                          className={[styles.navIcon, 'icon', page.props.iconName].join(' ')}\n                          aria-hidden=\"true\"\n                        />\n                      )}\n                      <span className={styles.navLabel}>{page.props.title}</span>\n                    </button>\n                  </li>\n                ))}\n              </ul>\n            </nav>\n          )}\n\n          {/* Page content */}\n          <div className={styles.pageWrap}>\n            {activePage &&\n              cloneElement(activePage, {\n                'data-search-query': query || undefined,\n              } as Partial<PreferencesPageProps>)}\n          </div>\n        </div>\n      </div>\n    </div>,\n    document.body,\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"PreferencesDialog.cjs","names":[],"sources":["../../../src/components/PreferencesDialog/PreferencesDialog.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  type HTMLAttributes,\n  isValidElement,\n  type KeyboardEvent,\n  type ReactElement,\n  type ReactNode,\n  type RefObject,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\n\nimport { createPortal } from 'react-dom';\n\nimport type { PreferencesPageProps } from '../PreferencesPage/PreferencesPage';\n\nimport styles from './PreferencesDialog.module.css';\n\n// ─── Focus trap ───────────────────────────────────────────────────────────────\n\nconst FOCUSABLE =\n  'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\nfunction trapFocus(e: KeyboardEvent<HTMLDivElement>, ref: RefObject<HTMLDivElement | null>) {\n  if (e.key !== 'Tab') {\n    return;\n  }\n\n  const focusable = Array.from(ref.current?.querySelectorAll<HTMLElement>(FOCUSABLE) ?? []);\n\n  if (!focusable.length) {\n    return;\n  }\n\n  const [first] = focusable;\n  const last = focusable[focusable.length - 1];\n\n  if (e.shiftKey) {\n    if (document.activeElement === first) {\n      e.preventDefault();\n      last.focus();\n    }\n  } else {\n    if (document.activeElement === last) {\n      e.preventDefault();\n      first.focus();\n    }\n  }\n}\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport interface PreferencesDialogProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Whether the dialog is open. */\n  open: boolean;\n  /** Called when the user requests to close the dialog. */\n  onClose: () => void;\n  /**\n   * `PreferencesPage` children. Each page appears as a sidebar entry.\n   * When only one page is provided the sidebar is hidden.\n   */\n  children?: ReactNode;\n  /**\n   * Whether to show a search bar in the header.\n   * When `true` the user can filter group/row content by typing.\n   * Defaults to `true`.\n   */\n  searchable?: boolean;\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\n/**\n * Multi-page settings dialog using `PreferencesPage` tabs.\n *\n * Renders a wide modal with an optional sidebar listing pages. Each\n * `PreferencesPage` child becomes a navigation entry. Supports built-in\n * search when `searchable` is `true` (the default).\n *\n * Mirrors `AdwPreferencesDialog`.\n *\n * @example\n * ```tsx\n * <PreferencesDialog open={open} onClose={() => setOpen(false)}>\n *   <PreferencesPage title=\"General\" iconName=\"preferences-system-symbolic\">\n *     <PreferencesGroup title=\"Appearance\">\n *       <BoxedList>\n *         <SwitchRow title=\"Dark mode\" />\n *       </BoxedList>\n *     </PreferencesGroup>\n *   </PreferencesPage>\n * </PreferencesDialog>\n * ```\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.PreferencesDialog.html\n */\nexport const PreferencesDialog = ({\n  open,\n  onClose,\n  children,\n  searchable = true,\n  className,\n  ...props\n}: PreferencesDialogProps) => {\n  const dialogRef = useRef<HTMLDivElement>(null);\n  const searchRef = useRef<HTMLInputElement>(null);\n  const titleId = useId();\n\n  const pages = Children.toArray(children).filter((c): c is ReactElement<PreferencesPageProps> =>\n    isValidElement(c),\n  ) as ReactElement<PreferencesPageProps>[];\n\n  const [activeIndex, setActiveIndex] = useState(0);\n  const [searchQuery, setSearchQuery] = useState('');\n\n  // Reset state when dialog opens\n  useEffect(() => {\n    if (open) {\n      setActiveIndex(0);\n      setSearchQuery('');\n      // Focus search or first focusable after open animation\n      const id = requestAnimationFrame(() => {\n        if (searchable && searchRef.current) {\n          searchRef.current.focus();\n        } else {\n          const first = dialogRef.current?.querySelector<HTMLElement>(FOCUSABLE);\n\n          first?.focus();\n        }\n      });\n\n      return () => cancelAnimationFrame(id);\n    }\n  }, [open, searchable]);\n\n  // Close on Escape\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLDivElement>) => {\n      if (e.key === 'Escape') {\n        e.stopPropagation();\n        onClose();\n\n        return;\n      }\n\n      trapFocus(e, dialogRef);\n    },\n    [onClose],\n  );\n\n  const multiPage = pages.length > 1;\n  const activePage = pages[activeIndex] ?? pages[0];\n\n  // Filter content by search query\n  const query = searchQuery.trim().toLowerCase();\n\n  if (!open) {\n    return null;\n  }\n\n  return createPortal(\n    <div\n      className={styles.backdrop}\n      onClick={(e) => {\n        if (e.target === e.currentTarget) {\n          onClose();\n        }\n      }}\n      role=\"presentation\"\n    >\n      <div\n        ref={dialogRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={titleId}\n        className={[styles.dialog, multiPage ? styles.dialogMulti : null, className]\n          .filter(Boolean)\n          .join(' ')}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        {/* ── Header ─────────────────────────────────────────────────────── */}\n        <div className={styles.header}>\n          <button\n            type=\"button\"\n            className={styles.closeBtn}\n            onClick={onClose}\n            aria-label=\"Close preferences\"\n          >\n            ✕\n          </button>\n          <span id={titleId} className={styles.title}>\n            Preferences\n          </span>\n          {searchable && (\n            <div className={styles.searchWrap}>\n              <input\n                ref={searchRef}\n                type=\"search\"\n                placeholder=\"Search…\"\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                className={styles.searchInput}\n                aria-label=\"Search preferences\"\n              />\n            </div>\n          )}\n        </div>\n\n        {/* ── Body ───────────────────────────────────────────────────────── */}\n        <div className={styles.body}>\n          {/* Sidebar — only shown when there are multiple pages */}\n          {multiPage && (\n            <nav className={styles.sidebar} aria-label=\"Preferences pages\">\n              <ul className={styles.navList}>\n                {pages.map((page, i) => (\n                  <li key={i} role=\"presentation\">\n                    <button\n                      role=\"tab\"\n                      type=\"button\"\n                      aria-selected={i === activeIndex}\n                      className={[styles.navItem, i === activeIndex ? styles.navItemActive : null]\n                        .filter(Boolean)\n                        .join(' ')}\n                      onClick={() => setActiveIndex(i)}\n                    >\n                      {page.props.iconName && (\n                        <span\n                          className={[styles.navIcon, 'icon', page.props.iconName].join(' ')}\n                          aria-hidden=\"true\"\n                        />\n                      )}\n                      <span className={styles.navLabel}>{page.props.title}</span>\n                    </button>\n                  </li>\n                ))}\n              </ul>\n            </nav>\n          )}\n\n          {/* Page content */}\n          <div className={styles.pageWrap}>\n            {activePage &&\n              cloneElement(activePage, {\n                'data-search-query': query || undefined,\n              } as Partial<PreferencesPageProps>)}\n          </div>\n        </div>\n      </div>\n    </div>,\n    document.body,\n  );\n};\n"],"mappings":"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"}

package/dist/components/PreferencesDialog/PreferencesDialog.js

@@ -8,7 +8,7 @@ function p(e, t) {
 	if (e.key !== "Tab") return;
 	let n = Array.from(t.current?.querySelectorAll(f) ?? []);
 	if (!n.length) return;
-	let r = n[0], i = n[n.length - 1];
+	let [r] = n, i = n[n.length - 1];
 	e.shiftKey ? document.activeElement === r && (e.preventDefault(), i.focus()) : document.activeElement === i && (e.preventDefault(), r.focus());
 }
 var m = ({ open: m, onClose: h, children: g, searchable: _ = !0, className: v, ...y }) => {