@gnome-ui/react 1.44.0 → 1.45.1

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

@@ -1 +1 @@
-{"version":3,"file":"SplitButton.module.css.cjs","names":[],"sources":["../../../src/components/SplitButton/SplitButton.module.css"],"sourcesContent":["/* ─── Container ─────────────────────────────────────────────────────────────── */\n\n.container {\n  display: inline-flex;\n  align-items: stretch;\n  border-radius: var(--gnome-radius-md);\n  border: 1px solid transparent;\n  overflow: visible;\n  position: relative;\n}\n\n/* ─── Shared button base ────────────────────────────────────────────────────── */\n\n.primary,\n.toggle {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  outline: none;\n  font: inherit;\n  cursor: pointer;\n  user-select: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: 1;\n  white-space: nowrap;\n\n  min-height: 34px;\n\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.primary:focus-visible,\n.toggle:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset) var(--gnome-window-bg-color),\n    0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width)) var(--gnome-focus-ring-color);\n  position: relative;\n  z-index: 1;\n}\n\n.primary:disabled,\n.toggle:disabled {\n  opacity: var(--gnome-opacity-disabled);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Primary half ──────────────────────────────────────────────────────────── */\n\n.primary {\n  border-radius: var(--gnome-radius-md) 0 0 var(--gnome-radius-md);\n  padding: var(--gnome-space-1) var(--gnome-space-2);\n  background: transparent;\n}\n\n/* ─── Separator ─────────────────────────────────────────────────────────────── */\n\n.separator {\n  display: block;\n  width: 1px;\n  align-self: stretch;\n  flex-shrink: 0;\n}\n\n/* ─── Toggle (arrow) half ───────────────────────────────────────────────────── */\n\n.toggle {\n  border-radius: 0 var(--gnome-radius-md) var(--gnome-radius-md) 0;\n  padding: var(--gnome-space-1) 8px;\n  background: transparent;\n}\n\n.chevron {\n  display: block;\n  flex-shrink: 0;\n}\n\n/* ─── Variant: default ──────────────────────────────────────────────────────── */\n\n.default {\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  border-color: var(--gnome-light-3, #deddda);\n  box-shadow: var(--gnome-shadow-sm);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.default .primary:hover:not(:disabled),\n.default .toggle:hover:not(:disabled) {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.default .primary:active:not(:disabled),\n.default .toggle:active:not(:disabled) {\n  background-color: var(--gnome-active-overlay);\n}\n\n.default .separator {\n  background-color: var(--gnome-light-3, #deddda);\n}\n\n@media (prefers-color-scheme: dark) {\n  .default {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgba(255, 255, 255, 0.12);\n    box-shadow: none;\n  }\n\n  .default .separator {\n    background-color: rgba(255, 255, 255, 0.12);\n  }\n}\n\n/* ─── Variant: suggested ────────────────────────────────────────────────────── */\n\n.suggested {\n  background-color: var(--gnome-accent-bg-color);\n  border-color: transparent;\n  color: var(--gnome-accent-fg-color);\n}\n\n.suggested .primary:hover:not(:disabled),\n.suggested .toggle:hover:not(:disabled) {\n  filter: brightness(1.08);\n}\n\n.suggested .primary:active:not(:disabled),\n.suggested .toggle:active:not(:disabled) {\n  filter: brightness(0.92);\n}\n\n.suggested .separator {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n/* ─── Variant: destructive ──────────────────────────────────────────────────── */\n\n.destructive {\n  background-color: var(--gnome-destructive-bg-color);\n  border-color: transparent;\n  color: var(--gnome-destructive-fg-color);\n}\n\n.destructive .primary:hover:not(:disabled),\n.destructive .toggle:hover:not(:disabled) {\n  filter: brightness(1.08);\n}\n\n.destructive .primary:active:not(:disabled),\n.destructive .toggle:active:not(:disabled) {\n  filter: brightness(0.92);\n}\n\n.destructive .separator {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n/* ─── Dropdown panel ────────────────────────────────────────────────────────── */\n\n.dropdown {\n  position: fixed;\n  z-index: var(--gnome-z-popover, 1000);\n  min-width: 160px;\n\n  background-color: var(--gnome-popover-bg-color, #ffffff);\n  border: 1px solid var(--gnome-popover-border-color, rgba(0, 0, 0, 0.12));\n  border-radius: var(--gnome-radius-md);\n  box-shadow: var(--gnome-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.18));\n  padding: var(--gnome-space-1, 6px);\n\n  opacity: 0;\n  transform: translateY(-4px);\n  transition:\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default),\n    transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.dropdownVisible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n@media (prefers-color-scheme: dark) {\n  .dropdown {\n    background-color: var(--gnome-popover-bg-color, #2d2d2d);\n    border-color: rgba(255, 255, 255, 0.1);\n  }\n}\n\n/* ─── High contrast ─────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .default {\n    border-width: 2px;\n    box-shadow: none;\n  }\n\n  .primary:focus-visible,\n  .toggle:focus-visible {\n    box-shadow:\n      0 0 0 var(--gnome-focus-ring-offset) var(--gnome-window-bg-color),\n      0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width)) var(--gnome-focus-ring-color),\n      0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width) + 1px) var(--gnome-window-bg-color);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"SplitButton.module.css.cjs","names":[],"sources":["../../../src/components/SplitButton/SplitButton.module.css"],"sourcesContent":["/* ─── Container ─────────────────────────────────────────────────────────────── */\n\n.container {\n  display: inline-flex;\n  align-items: stretch;\n  border-radius: var(--gnome-radius-md);\n  border: 1px solid transparent;\n  overflow: visible;\n  position: relative;\n}\n\n/* ─── Shared button base ────────────────────────────────────────────────────── */\n\n.primary,\n.toggle {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  outline: none;\n  font: inherit;\n  cursor: pointer;\n  user-select: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: 1;\n  white-space: nowrap;\n\n  min-height: 34px;\n\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.primary:focus-visible,\n.toggle:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset) var(--gnome-window-bg-color),\n    0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width))\n    var(--gnome-focus-ring-color);\n  position: relative;\n  z-index: 1;\n}\n\n.primary:disabled,\n.toggle:disabled {\n  opacity: var(--gnome-opacity-disabled);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Primary half ──────────────────────────────────────────────────────────── */\n\n.primary {\n  border-radius: var(--gnome-radius-md) 0 0 var(--gnome-radius-md);\n  padding: var(--gnome-space-1) var(--gnome-space-2);\n  background: transparent;\n}\n\n/* ─── Separator ─────────────────────────────────────────────────────────────── */\n\n.separator {\n  display: block;\n  width: 1px;\n  align-self: stretch;\n  flex-shrink: 0;\n}\n\n/* ─── Toggle (arrow) half ───────────────────────────────────────────────────── */\n\n.toggle {\n  border-radius: 0 var(--gnome-radius-md) var(--gnome-radius-md) 0;\n  padding: var(--gnome-space-1) 8px;\n  background: transparent;\n}\n\n.chevron {\n  display: block;\n  flex-shrink: 0;\n}\n\n/* ─── Variant: default ──────────────────────────────────────────────────────── */\n\n.default {\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  border-color: var(--gnome-light-3, #deddda);\n  box-shadow: var(--gnome-shadow-sm);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.default .primary:hover:not(:disabled),\n.default .toggle:hover:not(:disabled) {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.default .primary:active:not(:disabled),\n.default .toggle:active:not(:disabled) {\n  background-color: var(--gnome-active-overlay);\n}\n\n.default .separator {\n  background-color: var(--gnome-light-3, #deddda);\n}\n\n@media (prefers-color-scheme: dark) {\n  .default {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgba(255, 255, 255, 0.12);\n    box-shadow: none;\n  }\n\n  .default .separator {\n    background-color: rgba(255, 255, 255, 0.12);\n  }\n}\n\n/* ─── Variant: suggested ────────────────────────────────────────────────────── */\n\n.suggested {\n  background-color: var(--gnome-accent-bg-color);\n  border-color: transparent;\n  color: var(--gnome-accent-fg-color);\n}\n\n.suggested .primary:hover:not(:disabled),\n.suggested .toggle:hover:not(:disabled) {\n  filter: brightness(1.08);\n}\n\n.suggested .primary:active:not(:disabled),\n.suggested .toggle:active:not(:disabled) {\n  filter: brightness(0.92);\n}\n\n.suggested .separator {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n/* ─── Variant: destructive ──────────────────────────────────────────────────── */\n\n.destructive {\n  background-color: var(--gnome-destructive-bg-color);\n  border-color: transparent;\n  color: var(--gnome-destructive-fg-color);\n}\n\n.destructive .primary:hover:not(:disabled),\n.destructive .toggle:hover:not(:disabled) {\n  filter: brightness(1.08);\n}\n\n.destructive .primary:active:not(:disabled),\n.destructive .toggle:active:not(:disabled) {\n  filter: brightness(0.92);\n}\n\n.destructive .separator {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n/* ─── Dropdown panel ────────────────────────────────────────────────────────── */\n\n.dropdown {\n  position: fixed;\n  z-index: var(--gnome-z-popover, 1000);\n  min-width: 160px;\n\n  background-color: var(--gnome-popover-bg-color, #ffffff);\n  border: 1px solid var(--gnome-popover-border-color, rgba(0, 0, 0, 0.12));\n  border-radius: var(--gnome-radius-md);\n  box-shadow: var(--gnome-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.18));\n  padding: var(--gnome-space-1, 6px);\n\n  opacity: 0;\n  transform: translateY(-4px);\n  transition:\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default),\n    transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.dropdownVisible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n@media (prefers-color-scheme: dark) {\n  .dropdown {\n    background-color: var(--gnome-popover-bg-color, #2d2d2d);\n    border-color: rgba(255, 255, 255, 0.1);\n  }\n}\n\n/* ─── High contrast ─────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .default {\n    border-width: 2px;\n    box-shadow: none;\n  }\n\n  .primary:focus-visible,\n  .toggle:focus-visible {\n    box-shadow:\n      0 0 0 var(--gnome-focus-ring-offset) var(--gnome-window-bg-color),\n      0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width))\n      var(--gnome-focus-ring-color),\n      0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width) + 1px)\n      var(--gnome-window-bg-color);\n  }\n}\n"],"mappings":""}

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

@@ -1,14 +1,14 @@
 var e = {
-	container: "_container_4kjnf_3",
-	primary: "_primary_4kjnf_14",
-	toggle: "_toggle_4kjnf_15",
-	separator: "_separator_4kjnf_66",
-	chevron: "_chevron_4kjnf_81",
-	default: "_default_4kjnf_88",
-	suggested: "_suggested_4kjnf_123",
-	destructive: "_destructive_4kjnf_145",
-	dropdown: "_dropdown_4kjnf_167",
-	dropdownVisible: "_dropdownVisible_4kjnf_185"
+	container: "_container_1reqz_3",
+	primary: "_primary_1reqz_14",
+	toggle: "_toggle_1reqz_15",
+	separator: "_separator_1reqz_67",
+	chevron: "_chevron_1reqz_82",
+	default: "_default_1reqz_89",
+	suggested: "_suggested_1reqz_124",
+	destructive: "_destructive_1reqz_146",
+	dropdown: "_dropdown_1reqz_168",
+	dropdownVisible: "_dropdownVisible_1reqz_186"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"SplitButton.module.css.js","names":[],"sources":["../../../src/components/SplitButton/SplitButton.module.css"],"sourcesContent":["/* ─── Container ─────────────────────────────────────────────────────────────── */\n\n.container {\n  display: inline-flex;\n  align-items: stretch;\n  border-radius: var(--gnome-radius-md);\n  border: 1px solid transparent;\n  overflow: visible;\n  position: relative;\n}\n\n/* ─── Shared button base ────────────────────────────────────────────────────── */\n\n.primary,\n.toggle {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  outline: none;\n  font: inherit;\n  cursor: pointer;\n  user-select: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: 1;\n  white-space: nowrap;\n\n  min-height: 34px;\n\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.primary:focus-visible,\n.toggle:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset) var(--gnome-window-bg-color),\n    0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width)) var(--gnome-focus-ring-color);\n  position: relative;\n  z-index: 1;\n}\n\n.primary:disabled,\n.toggle:disabled {\n  opacity: var(--gnome-opacity-disabled);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Primary half ──────────────────────────────────────────────────────────── */\n\n.primary {\n  border-radius: var(--gnome-radius-md) 0 0 var(--gnome-radius-md);\n  padding: var(--gnome-space-1) var(--gnome-space-2);\n  background: transparent;\n}\n\n/* ─── Separator ─────────────────────────────────────────────────────────────── */\n\n.separator {\n  display: block;\n  width: 1px;\n  align-self: stretch;\n  flex-shrink: 0;\n}\n\n/* ─── Toggle (arrow) half ───────────────────────────────────────────────────── */\n\n.toggle {\n  border-radius: 0 var(--gnome-radius-md) var(--gnome-radius-md) 0;\n  padding: var(--gnome-space-1) 8px;\n  background: transparent;\n}\n\n.chevron {\n  display: block;\n  flex-shrink: 0;\n}\n\n/* ─── Variant: default ──────────────────────────────────────────────────────── */\n\n.default {\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  border-color: var(--gnome-light-3, #deddda);\n  box-shadow: var(--gnome-shadow-sm);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.default .primary:hover:not(:disabled),\n.default .toggle:hover:not(:disabled) {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.default .primary:active:not(:disabled),\n.default .toggle:active:not(:disabled) {\n  background-color: var(--gnome-active-overlay);\n}\n\n.default .separator {\n  background-color: var(--gnome-light-3, #deddda);\n}\n\n@media (prefers-color-scheme: dark) {\n  .default {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgba(255, 255, 255, 0.12);\n    box-shadow: none;\n  }\n\n  .default .separator {\n    background-color: rgba(255, 255, 255, 0.12);\n  }\n}\n\n/* ─── Variant: suggested ────────────────────────────────────────────────────── */\n\n.suggested {\n  background-color: var(--gnome-accent-bg-color);\n  border-color: transparent;\n  color: var(--gnome-accent-fg-color);\n}\n\n.suggested .primary:hover:not(:disabled),\n.suggested .toggle:hover:not(:disabled) {\n  filter: brightness(1.08);\n}\n\n.suggested .primary:active:not(:disabled),\n.suggested .toggle:active:not(:disabled) {\n  filter: brightness(0.92);\n}\n\n.suggested .separator {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n/* ─── Variant: destructive ──────────────────────────────────────────────────── */\n\n.destructive {\n  background-color: var(--gnome-destructive-bg-color);\n  border-color: transparent;\n  color: var(--gnome-destructive-fg-color);\n}\n\n.destructive .primary:hover:not(:disabled),\n.destructive .toggle:hover:not(:disabled) {\n  filter: brightness(1.08);\n}\n\n.destructive .primary:active:not(:disabled),\n.destructive .toggle:active:not(:disabled) {\n  filter: brightness(0.92);\n}\n\n.destructive .separator {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n/* ─── Dropdown panel ────────────────────────────────────────────────────────── */\n\n.dropdown {\n  position: fixed;\n  z-index: var(--gnome-z-popover, 1000);\n  min-width: 160px;\n\n  background-color: var(--gnome-popover-bg-color, #ffffff);\n  border: 1px solid var(--gnome-popover-border-color, rgba(0, 0, 0, 0.12));\n  border-radius: var(--gnome-radius-md);\n  box-shadow: var(--gnome-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.18));\n  padding: var(--gnome-space-1, 6px);\n\n  opacity: 0;\n  transform: translateY(-4px);\n  transition:\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default),\n    transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.dropdownVisible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n@media (prefers-color-scheme: dark) {\n  .dropdown {\n    background-color: var(--gnome-popover-bg-color, #2d2d2d);\n    border-color: rgba(255, 255, 255, 0.1);\n  }\n}\n\n/* ─── High contrast ─────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .default {\n    border-width: 2px;\n    box-shadow: none;\n  }\n\n  .primary:focus-visible,\n  .toggle:focus-visible {\n    box-shadow:\n      0 0 0 var(--gnome-focus-ring-offset) var(--gnome-window-bg-color),\n      0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width)) var(--gnome-focus-ring-color),\n      0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width) + 1px) var(--gnome-window-bg-color);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"SplitButton.module.css.js","names":[],"sources":["../../../src/components/SplitButton/SplitButton.module.css"],"sourcesContent":["/* ─── Container ─────────────────────────────────────────────────────────────── */\n\n.container {\n  display: inline-flex;\n  align-items: stretch;\n  border-radius: var(--gnome-radius-md);\n  border: 1px solid transparent;\n  overflow: visible;\n  position: relative;\n}\n\n/* ─── Shared button base ────────────────────────────────────────────────────── */\n\n.primary,\n.toggle {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  outline: none;\n  font: inherit;\n  cursor: pointer;\n  user-select: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: 1;\n  white-space: nowrap;\n\n  min-height: 34px;\n\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.primary:focus-visible,\n.toggle:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset) var(--gnome-window-bg-color),\n    0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width))\n    var(--gnome-focus-ring-color);\n  position: relative;\n  z-index: 1;\n}\n\n.primary:disabled,\n.toggle:disabled {\n  opacity: var(--gnome-opacity-disabled);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Primary half ──────────────────────────────────────────────────────────── */\n\n.primary {\n  border-radius: var(--gnome-radius-md) 0 0 var(--gnome-radius-md);\n  padding: var(--gnome-space-1) var(--gnome-space-2);\n  background: transparent;\n}\n\n/* ─── Separator ─────────────────────────────────────────────────────────────── */\n\n.separator {\n  display: block;\n  width: 1px;\n  align-self: stretch;\n  flex-shrink: 0;\n}\n\n/* ─── Toggle (arrow) half ───────────────────────────────────────────────────── */\n\n.toggle {\n  border-radius: 0 var(--gnome-radius-md) var(--gnome-radius-md) 0;\n  padding: var(--gnome-space-1) 8px;\n  background: transparent;\n}\n\n.chevron {\n  display: block;\n  flex-shrink: 0;\n}\n\n/* ─── Variant: default ──────────────────────────────────────────────────────── */\n\n.default {\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  border-color: var(--gnome-light-3, #deddda);\n  box-shadow: var(--gnome-shadow-sm);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.default .primary:hover:not(:disabled),\n.default .toggle:hover:not(:disabled) {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.default .primary:active:not(:disabled),\n.default .toggle:active:not(:disabled) {\n  background-color: var(--gnome-active-overlay);\n}\n\n.default .separator {\n  background-color: var(--gnome-light-3, #deddda);\n}\n\n@media (prefers-color-scheme: dark) {\n  .default {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgba(255, 255, 255, 0.12);\n    box-shadow: none;\n  }\n\n  .default .separator {\n    background-color: rgba(255, 255, 255, 0.12);\n  }\n}\n\n/* ─── Variant: suggested ────────────────────────────────────────────────────── */\n\n.suggested {\n  background-color: var(--gnome-accent-bg-color);\n  border-color: transparent;\n  color: var(--gnome-accent-fg-color);\n}\n\n.suggested .primary:hover:not(:disabled),\n.suggested .toggle:hover:not(:disabled) {\n  filter: brightness(1.08);\n}\n\n.suggested .primary:active:not(:disabled),\n.suggested .toggle:active:not(:disabled) {\n  filter: brightness(0.92);\n}\n\n.suggested .separator {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n/* ─── Variant: destructive ──────────────────────────────────────────────────── */\n\n.destructive {\n  background-color: var(--gnome-destructive-bg-color);\n  border-color: transparent;\n  color: var(--gnome-destructive-fg-color);\n}\n\n.destructive .primary:hover:not(:disabled),\n.destructive .toggle:hover:not(:disabled) {\n  filter: brightness(1.08);\n}\n\n.destructive .primary:active:not(:disabled),\n.destructive .toggle:active:not(:disabled) {\n  filter: brightness(0.92);\n}\n\n.destructive .separator {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n/* ─── Dropdown panel ────────────────────────────────────────────────────────── */\n\n.dropdown {\n  position: fixed;\n  z-index: var(--gnome-z-popover, 1000);\n  min-width: 160px;\n\n  background-color: var(--gnome-popover-bg-color, #ffffff);\n  border: 1px solid var(--gnome-popover-border-color, rgba(0, 0, 0, 0.12));\n  border-radius: var(--gnome-radius-md);\n  box-shadow: var(--gnome-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.18));\n  padding: var(--gnome-space-1, 6px);\n\n  opacity: 0;\n  transform: translateY(-4px);\n  transition:\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default),\n    transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.dropdownVisible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n@media (prefers-color-scheme: dark) {\n  .dropdown {\n    background-color: var(--gnome-popover-bg-color, #2d2d2d);\n    border-color: rgba(255, 255, 255, 0.1);\n  }\n}\n\n/* ─── High contrast ─────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .default {\n    border-width: 2px;\n    box-shadow: none;\n  }\n\n  .primary:focus-visible,\n  .toggle:focus-visible {\n    box-shadow:\n      0 0 0 var(--gnome-focus-ring-offset) var(--gnome-window-bg-color),\n      0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width))\n      var(--gnome-focus-ring-color),\n      0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width) + 1px)\n      var(--gnome-window-bg-color);\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-export { SplitButton } from './SplitButton';
 export type { SplitButtonProps, SplitButtonVariant } from './SplitButton';
+export { SplitButton } from './SplitButton';

package/dist/components/StatusBadge/StatusBadge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.cjs","names":[],"sources":["../../../src/components/StatusBadge/StatusBadge.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./StatusBadge.module.css\";\n\nexport type StatusBadgeVariant =\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"new\"\n  | \"accent\"\n  | \"neutral\";\n\nexport interface StatusBadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Visual style. Defaults to `\"neutral\"`.\n   * - `success` — green (`--gnome-success-*`), for published / active states.\n   * - `warning` — yellow (`--gnome-warning-*`), for beta / pending states.\n   * - `error`   — red (`--gnome-error-*`), for failed / rejected states.\n   * - `new`     — purple (`--gnome-new-*`), for newly released / featured items.\n   * - `accent`  — blue (`--gnome-accent-*`), for highlighted / primary states.\n   * - `neutral` — muted overlay, for draft / archived / inactive states.\n   */\n  variant?: StatusBadgeVariant;\n  children: ReactNode;\n}\n\n/**\n * Pill-shaped text label for entity status — published, beta, new, etc.\n *\n * Unlike `Badge` (which is for numeric counts), `StatusBadge` is designed\n * for short human-readable state labels.\n *\n * ```tsx\n * <StatusBadge variant=\"success\">published</StatusBadge>\n * <StatusBadge variant=\"warning\">beta</StatusBadge>\n * <StatusBadge variant=\"new\">new</StatusBadge>\n * ```\n */\nexport function StatusBadge({\n  variant = \"neutral\",\n  className,\n  children,\n  ...props\n}: StatusBadgeProps) {\n  return (\n    <span\n      className={[styles.badge, styles[variant], className]\n        .filter(Boolean)\n        .join(\" \")}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n"],"mappings":"mFAqCA,SAAgB,EAAY,CAC1B,UAAU,UACV,YACA,WACA,GAAG,GACgB,CACnB,OACE,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,CAAC,EAAA,QAAO,MAAO,EAAA,QAAO,GAAU,EAAU,CAClD,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,GAAI,EAEH,WACI,CAAA"}
+{"version":3,"file":"StatusBadge.cjs","names":[],"sources":["../../../src/components/StatusBadge/StatusBadge.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './StatusBadge.module.css';\n\nexport type StatusBadgeVariant = 'success' | 'warning' | 'error' | 'new' | 'accent' | 'neutral';\n\nexport interface StatusBadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Visual style. Defaults to `\"neutral\"`.\n   * - `success` — green (`--gnome-success-*`), for published / active states.\n   * - `warning` — yellow (`--gnome-warning-*`), for beta / pending states.\n   * - `error`   — red (`--gnome-error-*`), for failed / rejected states.\n   * - `new`     — purple (`--gnome-new-*`), for newly released / featured items.\n   * - `accent`  — blue (`--gnome-accent-*`), for highlighted / primary states.\n   * - `neutral` — muted overlay, for draft / archived / inactive states.\n   */\n  variant?: StatusBadgeVariant;\n  children: ReactNode;\n}\n\n/**\n * Pill-shaped text label for entity status — published, beta, new, etc.\n *\n * Unlike `Badge` (which is for numeric counts), `StatusBadge` is designed\n * for short human-readable state labels.\n *\n * ```tsx\n * <StatusBadge variant=\"success\">published</StatusBadge>\n * <StatusBadge variant=\"warning\">beta</StatusBadge>\n * <StatusBadge variant=\"new\">new</StatusBadge>\n * ```\n */\nexport function StatusBadge({\n  variant = 'neutral',\n  className,\n  children,\n  ...props\n}: StatusBadgeProps) {\n  return (\n    <span\n      className={[styles.badge, styles[variant], className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n"],"mappings":"mFAgCA,SAAgB,EAAY,CAC1B,UAAU,UACV,YACA,WACA,GAAG,GACgB,CACnB,OACE,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,CAAC,EAAA,QAAO,MAAO,EAAA,QAAO,GAAU,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAC/E,GAAI,EAEH,WACI,CAAA"}

package/dist/components/StatusBadge/StatusBadge.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactNode } from 'react';
-export type StatusBadgeVariant = "success" | "warning" | "error" | "new" | "accent" | "neutral";
+export type StatusBadgeVariant = 'success' | 'warning' | 'error' | 'new' | 'accent' | 'neutral';
 export interface StatusBadgeProps extends HTMLAttributes<HTMLSpanElement> {
     /**
      * Visual style. Defaults to `"neutral"`.

package/dist/components/StatusBadge/StatusBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/components/StatusBadge/StatusBadge.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./StatusBadge.module.css\";\n\nexport type StatusBadgeVariant =\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"new\"\n  | \"accent\"\n  | \"neutral\";\n\nexport interface StatusBadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Visual style. Defaults to `\"neutral\"`.\n   * - `success` — green (`--gnome-success-*`), for published / active states.\n   * - `warning` — yellow (`--gnome-warning-*`), for beta / pending states.\n   * - `error`   — red (`--gnome-error-*`), for failed / rejected states.\n   * - `new`     — purple (`--gnome-new-*`), for newly released / featured items.\n   * - `accent`  — blue (`--gnome-accent-*`), for highlighted / primary states.\n   * - `neutral` — muted overlay, for draft / archived / inactive states.\n   */\n  variant?: StatusBadgeVariant;\n  children: ReactNode;\n}\n\n/**\n * Pill-shaped text label for entity status — published, beta, new, etc.\n *\n * Unlike `Badge` (which is for numeric counts), `StatusBadge` is designed\n * for short human-readable state labels.\n *\n * ```tsx\n * <StatusBadge variant=\"success\">published</StatusBadge>\n * <StatusBadge variant=\"warning\">beta</StatusBadge>\n * <StatusBadge variant=\"new\">new</StatusBadge>\n * ```\n */\nexport function StatusBadge({\n  variant = \"neutral\",\n  className,\n  children,\n  ...props\n}: StatusBadgeProps) {\n  return (\n    <span\n      className={[styles.badge, styles[variant], className]\n        .filter(Boolean)\n        .join(\" \")}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n"],"mappings":";;;AAqCA,SAAgB,EAAY,EAC1B,aAAU,WACV,cACA,aACA,GAAG,KACgB;AACnB,QACE,kBAAC,QAAD;EACE,WAAW;GAAC,EAAO;GAAO,EAAO;GAAU;GAAU,CAClD,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,GAAI;EAEH;EACI,CAAA"}
+{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/components/StatusBadge/StatusBadge.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './StatusBadge.module.css';\n\nexport type StatusBadgeVariant = 'success' | 'warning' | 'error' | 'new' | 'accent' | 'neutral';\n\nexport interface StatusBadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Visual style. Defaults to `\"neutral\"`.\n   * - `success` — green (`--gnome-success-*`), for published / active states.\n   * - `warning` — yellow (`--gnome-warning-*`), for beta / pending states.\n   * - `error`   — red (`--gnome-error-*`), for failed / rejected states.\n   * - `new`     — purple (`--gnome-new-*`), for newly released / featured items.\n   * - `accent`  — blue (`--gnome-accent-*`), for highlighted / primary states.\n   * - `neutral` — muted overlay, for draft / archived / inactive states.\n   */\n  variant?: StatusBadgeVariant;\n  children: ReactNode;\n}\n\n/**\n * Pill-shaped text label for entity status — published, beta, new, etc.\n *\n * Unlike `Badge` (which is for numeric counts), `StatusBadge` is designed\n * for short human-readable state labels.\n *\n * ```tsx\n * <StatusBadge variant=\"success\">published</StatusBadge>\n * <StatusBadge variant=\"warning\">beta</StatusBadge>\n * <StatusBadge variant=\"new\">new</StatusBadge>\n * ```\n */\nexport function StatusBadge({\n  variant = 'neutral',\n  className,\n  children,\n  ...props\n}: StatusBadgeProps) {\n  return (\n    <span\n      className={[styles.badge, styles[variant], className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n"],"mappings":";;;AAgCA,SAAgB,EAAY,EAC1B,aAAU,WACV,cACA,aACA,GAAG,KACgB;AACnB,QACE,kBAAC,QAAD;EACE,WAAW;GAAC,EAAO;GAAO,EAAO;GAAU;GAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAC/E,GAAI;EAEH;EACI,CAAA"}

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

@@ -1,2 +1,2 @@
-var e={badge:`_badge_yj13e_3`,success:`_success_yj13e_18`,warning:`_warning_yj13e_23`,error:`_error_yj13e_28`,new:`_new_yj13e_33`,accent:`_accent_yj13e_38`,neutral:`_neutral_yj13e_43`};exports.default=e;
+var e={badge:`_badge_mc2uh_3`,success:`_success_mc2uh_19`,warning:`_warning_mc2uh_24`,error:`_error_mc2uh_29`,new:`_new_mc2uh_34`,accent:`_accent_mc2uh_39`,neutral:`_neutral_mc2uh_44`};exports.default=e;
 //# sourceMappingURL=StatusBadge.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.module.css.cjs","names":[],"sources":["../../../src/components/StatusBadge/StatusBadge.module.css"],"sourcesContent":["/* ─── Base ────────────────────────────────────────────────────────────────── */\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px;\n  border-radius: var(--gnome-radius-pill, 9999px);\n  font-family: var(--gnome-font-family);\n  font-size: 0.6875rem;\n  font-weight: 600;\n  line-height: 1.4;\n  white-space: nowrap;\n  letter-spacing: 0.02em;\n}\n\n/* ─── Variants ────────────────────────────────────────────────────────────── */\n\n.success {\n  background-color: var(--gnome-success-bg-color, #2ec27e);\n  color: var(--gnome-success-fg-color, #ffffff);\n}\n\n.warning {\n  background-color: var(--gnome-warning-bg-color, #f6d32d);\n  color: var(--gnome-warning-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.error {\n  background-color: var(--gnome-error-bg-color, #e01b24);\n  color: var(--gnome-error-fg-color, #ffffff);\n}\n\n.new {\n  background-color: var(--gnome-new-bg-color, #9141ac);\n  color: var(--gnome-new-fg-color, #ffffff);\n}\n\n.accent {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #ffffff);\n}\n\n.neutral {\n  background-color: var(--gnome-hover-overlay, rgba(0, 0, 0, 0.08));\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n"],"mappings":""}
+{"version":3,"file":"StatusBadge.module.css.cjs","names":[],"sources":["../../../src/components/StatusBadge/StatusBadge.module.css"],"sourcesContent":["/* ─── Base ────────────────────────────────────────────────────────────────── */\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  vertical-align: middle;\n  padding: 2px 8px;\n  border-radius: var(--gnome-radius-pill, 9999px);\n  font-family: var(--gnome-font-family);\n  font-size: 0.6875rem;\n  font-weight: 600;\n  line-height: 1.4;\n  white-space: nowrap;\n  letter-spacing: 0.02em;\n}\n\n/* ─── Variants ────────────────────────────────────────────────────────────── */\n\n.success {\n  background-color: var(--gnome-success-bg-color, #2ec27e);\n  color: var(--gnome-success-fg-color, #ffffff);\n}\n\n.warning {\n  background-color: var(--gnome-warning-bg-color, #f6d32d);\n  color: var(--gnome-warning-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.error {\n  background-color: var(--gnome-error-bg-color, #e01b24);\n  color: var(--gnome-error-fg-color, #ffffff);\n}\n\n.new {\n  background-color: var(--gnome-new-bg-color, #9141ac);\n  color: var(--gnome-new-fg-color, #ffffff);\n}\n\n.accent {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #ffffff);\n}\n\n.neutral {\n  background-color: var(--gnome-hover-overlay, rgba(0, 0, 0, 0.08));\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n"],"mappings":""}

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

@@ -1,11 +1,11 @@
 var e = {
-	badge: "_badge_yj13e_3",
-	success: "_success_yj13e_18",
-	warning: "_warning_yj13e_23",
-	error: "_error_yj13e_28",
-	new: "_new_yj13e_33",
-	accent: "_accent_yj13e_38",
-	neutral: "_neutral_yj13e_43"
+	badge: "_badge_mc2uh_3",
+	success: "_success_mc2uh_19",
+	warning: "_warning_mc2uh_24",
+	error: "_error_mc2uh_29",
+	new: "_new_mc2uh_34",
+	accent: "_accent_mc2uh_39",
+	neutral: "_neutral_mc2uh_44"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.module.css.js","names":[],"sources":["../../../src/components/StatusBadge/StatusBadge.module.css"],"sourcesContent":["/* ─── Base ────────────────────────────────────────────────────────────────── */\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px;\n  border-radius: var(--gnome-radius-pill, 9999px);\n  font-family: var(--gnome-font-family);\n  font-size: 0.6875rem;\n  font-weight: 600;\n  line-height: 1.4;\n  white-space: nowrap;\n  letter-spacing: 0.02em;\n}\n\n/* ─── Variants ────────────────────────────────────────────────────────────── */\n\n.success {\n  background-color: var(--gnome-success-bg-color, #2ec27e);\n  color: var(--gnome-success-fg-color, #ffffff);\n}\n\n.warning {\n  background-color: var(--gnome-warning-bg-color, #f6d32d);\n  color: var(--gnome-warning-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.error {\n  background-color: var(--gnome-error-bg-color, #e01b24);\n  color: var(--gnome-error-fg-color, #ffffff);\n}\n\n.new {\n  background-color: var(--gnome-new-bg-color, #9141ac);\n  color: var(--gnome-new-fg-color, #ffffff);\n}\n\n.accent {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #ffffff);\n}\n\n.neutral {\n  background-color: var(--gnome-hover-overlay, rgba(0, 0, 0, 0.08));\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n"],"mappings":""}
+{"version":3,"file":"StatusBadge.module.css.js","names":[],"sources":["../../../src/components/StatusBadge/StatusBadge.module.css"],"sourcesContent":["/* ─── Base ────────────────────────────────────────────────────────────────── */\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  vertical-align: middle;\n  padding: 2px 8px;\n  border-radius: var(--gnome-radius-pill, 9999px);\n  font-family: var(--gnome-font-family);\n  font-size: 0.6875rem;\n  font-weight: 600;\n  line-height: 1.4;\n  white-space: nowrap;\n  letter-spacing: 0.02em;\n}\n\n/* ─── Variants ────────────────────────────────────────────────────────────── */\n\n.success {\n  background-color: var(--gnome-success-bg-color, #2ec27e);\n  color: var(--gnome-success-fg-color, #ffffff);\n}\n\n.warning {\n  background-color: var(--gnome-warning-bg-color, #f6d32d);\n  color: var(--gnome-warning-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.error {\n  background-color: var(--gnome-error-bg-color, #e01b24);\n  color: var(--gnome-error-fg-color, #ffffff);\n}\n\n.new {\n  background-color: var(--gnome-new-bg-color, #9141ac);\n  color: var(--gnome-new-fg-color, #ffffff);\n}\n\n.accent {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #ffffff);\n}\n\n.neutral {\n  background-color: var(--gnome-hover-overlay, rgba(0, 0, 0, 0.08));\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-export { StatusBadge } from './StatusBadge';
 export type { StatusBadgeProps, StatusBadgeVariant } from './StatusBadge';
+export { StatusBadge } from './StatusBadge';

package/dist/components/StatusPage/StatusPage.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StatusPage.cjs","names":[],"sources":["../../../src/components/StatusPage/StatusPage.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport type { IconDefinition } from \"@gnome-ui/icons\";\nimport { Icon } from \"../Icon\";\nimport styles from \"./StatusPage.module.css\";\n\nexport interface StatusPageProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Large icon displayed above the title.\n   * Use an icon from `@gnome-ui/icons` or omit for a text-only page.\n   */\n  icon?: IconDefinition;\n  /**\n   * Custom icon node. Use when you need an image, emoji, or\n   * a rendered SVG that is not part of `@gnome-ui/icons`.\n   * Ignored when `icon` is also provided.\n   */\n  iconNode?: ReactNode;\n  /** Main heading. Keep it short — one noun phrase. */\n  title: string;\n  /** Supporting description rendered below the title. */\n  description?: string;\n  /**\n   * Optional action area — typically one or two `<Button>` elements.\n   * Rendered below the description.\n   */\n  children?: ReactNode;\n  /**\n   * Reduces padding, icon size, and title scale for use in compact\n   * contexts such as sidebars, popovers, and small panels.\n   * Mirrors the `.compact` style class.\n   */\n  compact?: boolean;\n}\n\n/**\n * Empty-state / status page following the Adwaita `AdwStatusPage` pattern.\n *\n * Use to fill a view with no content yet, an error state, or a completion\n * confirmation. Centred both horizontally and vertically.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.StatusPage.html\n * @see https://developer.gnome.org/hig/patterns/feedback/empty-states.html\n */\nexport function StatusPage({\n  icon,\n  iconNode,\n  title,\n  description,\n  children,\n  compact = false,\n  className,\n  ...props\n}: StatusPageProps) {\n  const iconSize = compact ? 64 : 128;\n  const iconContent = icon\n    ? <Icon icon={icon} width={iconSize} height={iconSize} aria-hidden />\n    : iconNode ?? null;\n\n  return (\n    <div\n      className={[styles.page, compact ? styles.compact : null, className]\n        .filter(Boolean)\n        .join(\" \")}\n      {...props}\n    >\n      {iconContent && (\n        <div className={styles.iconWrap} aria-hidden=\"true\">\n          {iconContent}\n        </div>\n      )}\n\n      <p className={styles.title}>{title}</p>\n\n      {description && (\n        <p className={styles.description}>{description}</p>\n      )}\n\n      {children && (\n        <div className={styles.actions}>{children}</div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"gHA2CA,SAAgB,EAAW,CACzB,OACA,WACA,QACA,cACA,WACA,UAAU,GACV,YACA,GAAG,GACe,CAClB,IAAM,EAAW,EAAU,GAAK,IAC1B,EAAc,GAChB,EAAA,EAAA,KAAC,EAAA,KAAD,CAAY,OAAM,MAAO,EAAU,OAAQ,EAAU,cAAA,GAAc,CAAA,CACnE,GAAY,KAEhB,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,CAAC,EAAA,QAAO,KAAM,EAAU,EAAA,QAAO,QAAU,KAAM,EAAU,CACjE,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,GAAI,WAJN,CAMG,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,SAAU,cAAY,gBAC1C,EACG,CAAA,EAGR,EAAA,EAAA,KAAC,IAAD,CAAG,UAAW,EAAA,QAAO,eAAQ,EAAU,CAAA,CAEtC,IACC,EAAA,EAAA,KAAC,IAAD,CAAG,UAAW,EAAA,QAAO,qBAAc,EAAgB,CAAA,CAGpD,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,QAAU,WAAe,CAAA,CAE9C"}
+{"version":3,"file":"StatusPage.cjs","names":[],"sources":["../../../src/components/StatusPage/StatusPage.tsx"],"sourcesContent":["import type { IconDefinition } from '@gnome-ui/icons';\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nimport { Icon } from '../Icon';\n\nimport styles from './StatusPage.module.css';\n\nexport interface StatusPageProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Large icon displayed above the title.\n   * Use an icon from `@gnome-ui/icons` or omit for a text-only page.\n   */\n  icon?: IconDefinition;\n  /**\n   * Custom icon node. Use when you need an image, emoji, or\n   * a rendered SVG that is not part of `@gnome-ui/icons`.\n   * Ignored when `icon` is also provided.\n   */\n  iconNode?: ReactNode;\n  /** Main heading. Keep it short — one noun phrase. */\n  title: string;\n  /** Supporting description rendered below the title. */\n  description?: string;\n  /**\n   * Optional action area — typically one or two `<Button>` elements.\n   * Rendered below the description.\n   */\n  children?: ReactNode;\n  /**\n   * Reduces padding, icon size, and title scale for use in compact\n   * contexts such as sidebars, popovers, and small panels.\n   * Mirrors the `.compact` style class.\n   */\n  compact?: boolean;\n}\n\n/**\n * Empty-state / status page following the Adwaita `AdwStatusPage` pattern.\n *\n * Use to fill a view with no content yet, an error state, or a completion\n * confirmation. Centred both horizontally and vertically.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.StatusPage.html\n * @see https://developer.gnome.org/hig/patterns/feedback/empty-states.html\n */\nexport function StatusPage({\n  icon,\n  iconNode,\n  title,\n  description,\n  children,\n  compact = false,\n  className,\n  ...props\n}: StatusPageProps) {\n  const iconSize = compact ? 64 : 128;\n  const iconContent = icon ? (\n    <Icon icon={icon} width={iconSize} height={iconSize} aria-hidden />\n  ) : (\n    (iconNode ?? null)\n  );\n\n  return (\n    <div\n      className={[styles.page, compact ? styles.compact : null, className]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {iconContent && (\n        <div className={styles.iconWrap} aria-hidden=\"true\">\n          {iconContent}\n        </div>\n      )}\n\n      <p className={styles.title}>{title}</p>\n\n      {description && <p className={styles.description}>{description}</p>}\n\n      {children && <div className={styles.actions}>{children}</div>}\n    </div>\n  );\n}\n"],"mappings":"gHA6CA,SAAgB,EAAW,CACzB,OACA,WACA,QACA,cACA,WACA,UAAU,GACV,YACA,GAAG,GACe,CAClB,IAAM,EAAW,EAAU,GAAK,IAC1B,EAAc,GAClB,EAAA,EAAA,KAAC,EAAA,KAAD,CAAY,OAAM,MAAO,EAAU,OAAQ,EAAU,cAAA,GAAc,CAAA,CAElE,GAAY,KAGf,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,CAAC,EAAA,QAAO,KAAM,EAAU,EAAA,QAAO,QAAU,KAAM,EAAU,CACjE,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,GAAI,WAJN,CAMG,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,SAAU,cAAY,gBAC1C,EACG,CAAA,EAGR,EAAA,EAAA,KAAC,IAAD,CAAG,UAAW,EAAA,QAAO,eAAQ,EAAU,CAAA,CAEtC,IAAe,EAAA,EAAA,KAAC,IAAD,CAAG,UAAW,EAAA,QAAO,qBAAc,EAAgB,CAAA,CAElE,IAAY,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,QAAU,WAAe,CAAA,CACzD"}

package/dist/components/StatusPage/StatusPage.d.ts

@@ -1,5 +1,5 @@
-import { HTMLAttributes, ReactNode } from 'react';
 import { IconDefinition } from '@gnome-ui/icons';
+import { HTMLAttributes, ReactNode } from 'react';
 export interface StatusPageProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Large icon displayed above the title.

package/dist/components/StatusPage/StatusPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusPage.js","names":[],"sources":["../../../src/components/StatusPage/StatusPage.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport type { IconDefinition } from \"@gnome-ui/icons\";\nimport { Icon } from \"../Icon\";\nimport styles from \"./StatusPage.module.css\";\n\nexport interface StatusPageProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Large icon displayed above the title.\n   * Use an icon from `@gnome-ui/icons` or omit for a text-only page.\n   */\n  icon?: IconDefinition;\n  /**\n   * Custom icon node. Use when you need an image, emoji, or\n   * a rendered SVG that is not part of `@gnome-ui/icons`.\n   * Ignored when `icon` is also provided.\n   */\n  iconNode?: ReactNode;\n  /** Main heading. Keep it short — one noun phrase. */\n  title: string;\n  /** Supporting description rendered below the title. */\n  description?: string;\n  /**\n   * Optional action area — typically one or two `<Button>` elements.\n   * Rendered below the description.\n   */\n  children?: ReactNode;\n  /**\n   * Reduces padding, icon size, and title scale for use in compact\n   * contexts such as sidebars, popovers, and small panels.\n   * Mirrors the `.compact` style class.\n   */\n  compact?: boolean;\n}\n\n/**\n * Empty-state / status page following the Adwaita `AdwStatusPage` pattern.\n *\n * Use to fill a view with no content yet, an error state, or a completion\n * confirmation. Centred both horizontally and vertically.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.StatusPage.html\n * @see https://developer.gnome.org/hig/patterns/feedback/empty-states.html\n */\nexport function StatusPage({\n  icon,\n  iconNode,\n  title,\n  description,\n  children,\n  compact = false,\n  className,\n  ...props\n}: StatusPageProps) {\n  const iconSize = compact ? 64 : 128;\n  const iconContent = icon\n    ? <Icon icon={icon} width={iconSize} height={iconSize} aria-hidden />\n    : iconNode ?? null;\n\n  return (\n    <div\n      className={[styles.page, compact ? styles.compact : null, className]\n        .filter(Boolean)\n        .join(\" \")}\n      {...props}\n    >\n      {iconContent && (\n        <div className={styles.iconWrap} aria-hidden=\"true\">\n          {iconContent}\n        </div>\n      )}\n\n      <p className={styles.title}>{title}</p>\n\n      {description && (\n        <p className={styles.description}>{description}</p>\n      )}\n\n      {children && (\n        <div className={styles.actions}>{children}</div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;AA2CA,SAAgB,EAAW,EACzB,SACA,aACA,UACA,gBACA,aACA,aAAU,IACV,cACA,GAAG,KACe;CAClB,IAAM,IAAW,IAAU,KAAK,KAC1B,IAAc,IAChB,kBAAC,GAAD;EAAY;EAAM,OAAO;EAAU,QAAQ;EAAU,eAAA;EAAc,CAAA,GACnE,KAAY;AAEhB,QACE,kBAAC,OAAD;EACE,WAAW;GAAC,EAAO;GAAM,IAAU,EAAO,UAAU;GAAM;GAAU,CACjE,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,GAAI;YAJN;GAMG,KACC,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAU,eAAY;cAC1C;IACG,CAAA;GAGR,kBAAC,KAAD;IAAG,WAAW,EAAO;cAAQ;IAAU,CAAA;GAEtC,KACC,kBAAC,KAAD;IAAG,WAAW,EAAO;cAAc;IAAgB,CAAA;GAGpD,KACC,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAU;IAAe,CAAA;GAE9C"}
+{"version":3,"file":"StatusPage.js","names":[],"sources":["../../../src/components/StatusPage/StatusPage.tsx"],"sourcesContent":["import type { IconDefinition } from '@gnome-ui/icons';\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nimport { Icon } from '../Icon';\n\nimport styles from './StatusPage.module.css';\n\nexport interface StatusPageProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Large icon displayed above the title.\n   * Use an icon from `@gnome-ui/icons` or omit for a text-only page.\n   */\n  icon?: IconDefinition;\n  /**\n   * Custom icon node. Use when you need an image, emoji, or\n   * a rendered SVG that is not part of `@gnome-ui/icons`.\n   * Ignored when `icon` is also provided.\n   */\n  iconNode?: ReactNode;\n  /** Main heading. Keep it short — one noun phrase. */\n  title: string;\n  /** Supporting description rendered below the title. */\n  description?: string;\n  /**\n   * Optional action area — typically one or two `<Button>` elements.\n   * Rendered below the description.\n   */\n  children?: ReactNode;\n  /**\n   * Reduces padding, icon size, and title scale for use in compact\n   * contexts such as sidebars, popovers, and small panels.\n   * Mirrors the `.compact` style class.\n   */\n  compact?: boolean;\n}\n\n/**\n * Empty-state / status page following the Adwaita `AdwStatusPage` pattern.\n *\n * Use to fill a view with no content yet, an error state, or a completion\n * confirmation. Centred both horizontally and vertically.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.StatusPage.html\n * @see https://developer.gnome.org/hig/patterns/feedback/empty-states.html\n */\nexport function StatusPage({\n  icon,\n  iconNode,\n  title,\n  description,\n  children,\n  compact = false,\n  className,\n  ...props\n}: StatusPageProps) {\n  const iconSize = compact ? 64 : 128;\n  const iconContent = icon ? (\n    <Icon icon={icon} width={iconSize} height={iconSize} aria-hidden />\n  ) : (\n    (iconNode ?? null)\n  );\n\n  return (\n    <div\n      className={[styles.page, compact ? styles.compact : null, className]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {iconContent && (\n        <div className={styles.iconWrap} aria-hidden=\"true\">\n          {iconContent}\n        </div>\n      )}\n\n      <p className={styles.title}>{title}</p>\n\n      {description && <p className={styles.description}>{description}</p>}\n\n      {children && <div className={styles.actions}>{children}</div>}\n    </div>\n  );\n}\n"],"mappings":";;;;AA6CA,SAAgB,EAAW,EACzB,SACA,aACA,UACA,gBACA,aACA,aAAU,IACV,cACA,GAAG,KACe;CAClB,IAAM,IAAW,IAAU,KAAK,KAC1B,IAAc,IAClB,kBAAC,GAAD;EAAY;EAAM,OAAO;EAAU,QAAQ;EAAU,eAAA;EAAc,CAAA,GAElE,KAAY;AAGf,QACE,kBAAC,OAAD;EACE,WAAW;GAAC,EAAO;GAAM,IAAU,EAAO,UAAU;GAAM;GAAU,CACjE,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,GAAI;YAJN;GAMG,KACC,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAU,eAAY;cAC1C;IACG,CAAA;GAGR,kBAAC,KAAD;IAAG,WAAW,EAAO;cAAQ;IAAU,CAAA;GAEtC,KAAe,kBAAC,KAAD;IAAG,WAAW,EAAO;cAAc;IAAgB,CAAA;GAElE,KAAY,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAU;IAAe,CAAA;GACzD"}

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

@@ -1,2 +1,2 @@
-export { StatusPage } from './StatusPage';
 export type { StatusPageProps } from './StatusPage';
+export { StatusPage } from './StatusPage';

package/dist/components/Switch/Switch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.cjs","names":[],"sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from \"react\";\nimport styles from \"./Switch.module.css\";\n\nexport interface SwitchProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\" | \"size\"> {\n  /** Accessible label. Required when no visible `<label>` is associated. */\n  \"aria-label\"?: string;\n}\n\n/**\n * On/off toggle following the Adwaita switch style.\n *\n * Renders as `<input type=\"checkbox\" role=\"switch\">` so it is natively\n * keyboard-accessible and works with standard form libraries.\n *\n * @see https://developer.gnome.org/hig/patterns/controls/switches.html\n */\nexport function Switch({ className, ...props }: SwitchProps) {\n  return (\n    <input\n      type=\"checkbox\"\n      role=\"switch\"\n      className={[styles.switch, className].filter(Boolean).join(\" \")}\n      {...props}\n    />\n  );\n}\n"],"mappings":"8EAiBA,SAAgB,EAAO,CAAE,YAAW,GAAG,GAAsB,CAC3D,OACE,EAAA,EAAA,KAAC,QAAD,CACE,KAAK,WACL,KAAK,SACL,UAAW,CAAC,EAAA,QAAO,OAAQ,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAC/D,GAAI,EACJ,CAAA"}
+{"version":3,"file":"Switch.cjs","names":[],"sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from 'react';\n\nimport styles from './Switch.module.css';\n\nexport interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {\n  /** Accessible label. Required when no visible `<label>` is associated. */\n  'aria-label'?: string;\n}\n\n/**\n * On/off toggle following the Adwaita switch style.\n *\n * Renders as `<input type=\"checkbox\" role=\"switch\">` so it is natively\n * keyboard-accessible and works with standard form libraries.\n *\n * @see https://developer.gnome.org/hig/patterns/controls/switches.html\n */\nexport function Switch({ className, ...props }: SwitchProps) {\n  return (\n    <input\n      type=\"checkbox\"\n      role=\"switch\"\n      className={[styles.switch, className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  );\n}\n"],"mappings":"8EAiBA,SAAgB,EAAO,CAAE,YAAW,GAAG,GAAsB,CAC3D,OACE,EAAA,EAAA,KAAC,QAAD,CACE,KAAK,WACL,KAAK,SACL,UAAW,CAAC,EAAA,QAAO,OAAQ,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAC/D,GAAI,EACJ,CAAA"}

package/dist/components/Switch/Switch.d.ts

@@ -1,7 +1,7 @@
 import { InputHTMLAttributes } from 'react';
-export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
+export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
     /** Accessible label. Required when no visible `<label>` is associated. */
-    "aria-label"?: string;
+    'aria-label'?: string;
 }
 /**
  * On/off toggle following the Adwaita switch style.

package/dist/components/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":[],"sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from \"react\";\nimport styles from \"./Switch.module.css\";\n\nexport interface SwitchProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\" | \"size\"> {\n  /** Accessible label. Required when no visible `<label>` is associated. */\n  \"aria-label\"?: string;\n}\n\n/**\n * On/off toggle following the Adwaita switch style.\n *\n * Renders as `<input type=\"checkbox\" role=\"switch\">` so it is natively\n * keyboard-accessible and works with standard form libraries.\n *\n * @see https://developer.gnome.org/hig/patterns/controls/switches.html\n */\nexport function Switch({ className, ...props }: SwitchProps) {\n  return (\n    <input\n      type=\"checkbox\"\n      role=\"switch\"\n      className={[styles.switch, className].filter(Boolean).join(\" \")}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;AAiBA,SAAgB,EAAO,EAAE,cAAW,GAAG,KAAsB;AAC3D,QACE,kBAAC,SAAD;EACE,MAAK;EACL,MAAK;EACL,WAAW,CAAC,EAAO,QAAQ,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAC/D,GAAI;EACJ,CAAA"}
+{"version":3,"file":"Switch.js","names":[],"sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from 'react';\n\nimport styles from './Switch.module.css';\n\nexport interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {\n  /** Accessible label. Required when no visible `<label>` is associated. */\n  'aria-label'?: string;\n}\n\n/**\n * On/off toggle following the Adwaita switch style.\n *\n * Renders as `<input type=\"checkbox\" role=\"switch\">` so it is natively\n * keyboard-accessible and works with standard form libraries.\n *\n * @see https://developer.gnome.org/hig/patterns/controls/switches.html\n */\nexport function Switch({ className, ...props }: SwitchProps) {\n  return (\n    <input\n      type=\"checkbox\"\n      role=\"switch\"\n      className={[styles.switch, className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;AAiBA,SAAgB,EAAO,EAAE,cAAW,GAAG,KAAsB;AAC3D,QACE,kBAAC,SAAD;EACE,MAAK;EACL,MAAK;EACL,WAAW,CAAC,EAAO,QAAQ,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAC/D,GAAI;EACJ,CAAA"}

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

@@ -1,2 +1,2 @@
-var e={switch:`_switch_1h6fk_3`};exports.default=e;
+var e={switch:`_switch_74vw9_3`};exports.default=e;
 //# sourceMappingURL=Switch.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.module.css.cjs","names":[],"sources":["../../../src/components/Switch/Switch.module.css"],"sourcesContent":["/* ─── Reset & layout ───────────────────────────────────────────────────────── */\n\n.switch {\n  appearance: none;\n  -webkit-appearance: none;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  flex-shrink: 0;\n\n  width: 56px;\n  height: 28px;\n  border-radius: var(--gnome-radius-pill);\n\n  background-color: var(--gnome-light-4, #c0bfbc);\n  border: 1px solid var(--gnome-border-subtle);\n\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color     var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n/* ─── Thumb ────────────────────────────────────────────────────────────────── */\n\n.switch::before {\n  content: \"\";\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: 20px;\n  height: 20px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: #ffffff;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);\n  transition: transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n/* ─── Checked ──────────────────────────────────────────────────────────────── */\n\n.switch:checked {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  border-color: var(--gnome-accent-bg-color, #3584e4);\n}\n\n.switch:checked::before {\n  transform: translateX(28px);\n}\n\n/* ─── Focus ────────────────────────────────────────────────────────────────── */\n\n.switch: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}\n\n/* ─── Disabled ─────────────────────────────────────────────────────────────── */\n\n.switch:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .switch {\n    background-color: var(--gnome-dark-2, #5e5c64);\n    border-color: var(--gnome-border-subtle);\n  }\n\n  .switch::before {\n    background-color: var(--gnome-light-3, #deddda);\n  }\n\n  .switch:checked {\n    background-color: var(--gnome-accent-bg-color, #3584e4);\n    border-color: var(--gnome-accent-bg-color, #3584e4);\n  }\n\n  .switch:checked::before {\n    background-color: #ffffff;\n  }\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .switch {\n    border-width: 2px;\n  }\n\n  .switch::before {\n    box-shadow: none;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .switch,\n  .switch::before {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Switch.module.css.cjs","names":[],"sources":["../../../src/components/Switch/Switch.module.css"],"sourcesContent":["/* ─── Reset & layout ───────────────────────────────────────────────────────── */\n\n.switch {\n  appearance: none;\n  -webkit-appearance: none;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  flex-shrink: 0;\n\n  width: 56px;\n  height: 28px;\n  border-radius: var(--gnome-radius-pill);\n\n  background-color: var(--gnome-light-4, #c0bfbc);\n  border: 1px solid var(--gnome-border-subtle);\n\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n/* ─── Thumb ────────────────────────────────────────────────────────────────── */\n\n.switch::before {\n  content: \"\";\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: 20px;\n  height: 20px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: #ffffff;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);\n  transition: transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n/* ─── Checked ──────────────────────────────────────────────────────────────── */\n\n.switch:checked {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  border-color: var(--gnome-accent-bg-color, #3584e4);\n}\n\n.switch:checked::before {\n  transform: translateX(28px);\n}\n\n/* ─── Focus ────────────────────────────────────────────────────────────────── */\n\n.switch: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}\n\n/* ─── Disabled ─────────────────────────────────────────────────────────────── */\n\n.switch:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .switch {\n    background-color: var(--gnome-dark-2, #5e5c64);\n    border-color: var(--gnome-border-subtle);\n  }\n\n  .switch::before {\n    background-color: var(--gnome-light-3, #deddda);\n  }\n\n  .switch:checked {\n    background-color: var(--gnome-accent-bg-color, #3584e4);\n    border-color: var(--gnome-accent-bg-color, #3584e4);\n  }\n\n  .switch:checked::before {\n    background-color: #ffffff;\n  }\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .switch {\n    border-width: 2px;\n  }\n\n  .switch::before {\n    box-shadow: none;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .switch,\n  .switch::before {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,5 +1,5 @@
 //#region src/components/Switch/Switch.module.css
-var e = { switch: "_switch_1h6fk_3" };
+var e = { switch: "_switch_74vw9_3" };
 //#endregion
 export { e as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.module.css.js","names":[],"sources":["../../../src/components/Switch/Switch.module.css"],"sourcesContent":["/* ─── Reset & layout ───────────────────────────────────────────────────────── */\n\n.switch {\n  appearance: none;\n  -webkit-appearance: none;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  flex-shrink: 0;\n\n  width: 56px;\n  height: 28px;\n  border-radius: var(--gnome-radius-pill);\n\n  background-color: var(--gnome-light-4, #c0bfbc);\n  border: 1px solid var(--gnome-border-subtle);\n\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color     var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n/* ─── Thumb ────────────────────────────────────────────────────────────────── */\n\n.switch::before {\n  content: \"\";\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: 20px;\n  height: 20px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: #ffffff;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);\n  transition: transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n/* ─── Checked ──────────────────────────────────────────────────────────────── */\n\n.switch:checked {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  border-color: var(--gnome-accent-bg-color, #3584e4);\n}\n\n.switch:checked::before {\n  transform: translateX(28px);\n}\n\n/* ─── Focus ────────────────────────────────────────────────────────────────── */\n\n.switch: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}\n\n/* ─── Disabled ─────────────────────────────────────────────────────────────── */\n\n.switch:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .switch {\n    background-color: var(--gnome-dark-2, #5e5c64);\n    border-color: var(--gnome-border-subtle);\n  }\n\n  .switch::before {\n    background-color: var(--gnome-light-3, #deddda);\n  }\n\n  .switch:checked {\n    background-color: var(--gnome-accent-bg-color, #3584e4);\n    border-color: var(--gnome-accent-bg-color, #3584e4);\n  }\n\n  .switch:checked::before {\n    background-color: #ffffff;\n  }\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .switch {\n    border-width: 2px;\n  }\n\n  .switch::before {\n    box-shadow: none;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .switch,\n  .switch::before {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Switch.module.css.js","names":[],"sources":["../../../src/components/Switch/Switch.module.css"],"sourcesContent":["/* ─── Reset & layout ───────────────────────────────────────────────────────── */\n\n.switch {\n  appearance: none;\n  -webkit-appearance: none;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  flex-shrink: 0;\n\n  width: 56px;\n  height: 28px;\n  border-radius: var(--gnome-radius-pill);\n\n  background-color: var(--gnome-light-4, #c0bfbc);\n  border: 1px solid var(--gnome-border-subtle);\n\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n/* ─── Thumb ────────────────────────────────────────────────────────────────── */\n\n.switch::before {\n  content: \"\";\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: 20px;\n  height: 20px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: #ffffff;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);\n  transition: transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n/* ─── Checked ──────────────────────────────────────────────────────────────── */\n\n.switch:checked {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  border-color: var(--gnome-accent-bg-color, #3584e4);\n}\n\n.switch:checked::before {\n  transform: translateX(28px);\n}\n\n/* ─── Focus ────────────────────────────────────────────────────────────────── */\n\n.switch: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}\n\n/* ─── Disabled ─────────────────────────────────────────────────────────────── */\n\n.switch:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .switch {\n    background-color: var(--gnome-dark-2, #5e5c64);\n    border-color: var(--gnome-border-subtle);\n  }\n\n  .switch::before {\n    background-color: var(--gnome-light-3, #deddda);\n  }\n\n  .switch:checked {\n    background-color: var(--gnome-accent-bg-color, #3584e4);\n    border-color: var(--gnome-accent-bg-color, #3584e4);\n  }\n\n  .switch:checked::before {\n    background-color: #ffffff;\n  }\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .switch {\n    border-width: 2px;\n  }\n\n  .switch::before {\n    box-shadow: none;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .switch,\n  .switch::before {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-export { Switch } from './Switch';
 export type { SwitchProps } from './Switch';
+export { Switch } from './Switch';

package/dist/components/SwitchRow/SwitchRow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchRow.cjs","names":[],"sources":["../../../src/components/SwitchRow/SwitchRow.tsx"],"sourcesContent":["import { useState, useId, type HTMLAttributes, type ReactNode } from \"react\";\nimport styles from \"./SwitchRow.module.css\";\n\nexport interface SwitchRowProps extends Omit<HTMLAttributes<HTMLButtonElement>, \"onChange\"> {\n  /** Primary label. */\n  title: string;\n  /** Secondary line below the title. */\n  subtitle?: string;\n  /** Icon or image placed at the leading edge. */\n  leading?: ReactNode;\n  /** Controlled checked state. */\n  checked?: boolean;\n  /** Initial checked state when uncontrolled. Defaults to `false`. */\n  defaultChecked?: boolean;\n  /** Called when the checked state changes. */\n  onCheckedChange?: (checked: boolean) => void;\n  /** Disables the row. */\n  disabled?: boolean;\n}\n\n/**\n * Activatable row with an integrated switch.\n *\n * The entire row is a button — clicking anywhere toggles the switch.\n * Mirrors `AdwSwitchRow`, which differs from `ActionRow + trailing Switch`\n * because the row itself is the interactive element.\n *\n * Supports both controlled (`checked`) and uncontrolled (`defaultChecked`) modes.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.SwitchRow.html\n */\nexport function SwitchRow({\n  title,\n  subtitle,\n  leading,\n  checked: controlledChecked,\n  defaultChecked = false,\n  onCheckedChange,\n  disabled = false,\n  className,\n  onClick,\n  ...props\n}: SwitchRowProps) {\n  const isControlled = controlledChecked !== undefined;\n  const [uncontrolledChecked, setUncontrolledChecked] = useState(defaultChecked);\n  const checked = isControlled ? controlledChecked : uncontrolledChecked;\n\n  const switchId = useId();\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    const next = !checked;\n    if (!isControlled) setUncontrolledChecked(next);\n    onCheckedChange?.(next);\n    onClick?.(e);\n  };\n\n  return (\n    <button\n      role=\"switch\"\n      aria-checked={checked}\n      aria-labelledby={switchId}\n      disabled={disabled}\n      className={[styles.row, disabled ? styles.disabled : null, className]\n        .filter(Boolean)\n        .join(\" \")}\n      onClick={handleClick}\n      {...props}\n    >\n      {leading && <span className={styles.leading}>{leading}</span>}\n\n      <span className={styles.content} id={switchId}>\n        <span className={styles.title}>{title}</span>\n        {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n      </span>\n\n      {/* Visual switch indicator — aria-hidden since the button carries the role */}\n      <span className={styles.switchTrack} aria-hidden=\"true\">\n        <span className={[styles.switchThumb, checked ? styles.switchThumbOn : null].filter(Boolean).join(\" \")} />\n      </span>\n    </button>\n  );\n}\n"],"mappings":"oGA+BA,SAAgB,EAAU,CACxB,QACA,WACA,UACA,QAAS,EACT,iBAAiB,GACjB,kBACA,WAAW,GACX,YACA,UACA,GAAG,GACc,CACjB,IAAM,EAAe,IAAsB,IAAA,GACrC,CAAC,EAAqB,IAAA,EAAA,EAAA,UAAmC,EAAe,CACxE,EAAU,EAAe,EAAoB,EAE7C,GAAA,EAAA,EAAA,QAAkB,CAElB,EAAe,GAA2C,CAC9D,IAAM,EAAO,CAAC,EACT,GAAc,EAAuB,EAAK,CAC/C,IAAkB,EAAK,CACvB,IAAU,EAAE,EAGd,OACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,eAAc,EACd,kBAAiB,EACP,WACV,UAAW,CAAC,EAAA,QAAO,IAAK,EAAW,EAAA,QAAO,SAAW,KAAM,EAAU,CAClE,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,QAAS,EACT,GAAI,WATN,CAWG,IAAW,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,iBAAU,EAAe,CAAA,EAE7D,EAAA,EAAA,MAAC,OAAD,CAAM,UAAW,EAAA,QAAO,QAAS,GAAI,WAArC,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,EAAa,CAAA,CAC5C,IAAY,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,kBAAW,EAAgB,CAAA,CAC3D,IAGP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,YAAa,cAAY,iBAC/C,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,CAAC,EAAA,QAAO,YAAa,EAAU,EAAA,QAAO,cAAgB,KAAK,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAAI,CAAA,CACrG,CAAA,CACA"}
+{"version":3,"file":"SwitchRow.cjs","names":[],"sources":["../../../src/components/SwitchRow/SwitchRow.tsx"],"sourcesContent":["import { type HTMLAttributes, type MouseEvent, type ReactNode, useId, useState } from 'react';\n\nimport styles from './SwitchRow.module.css';\n\nexport interface SwitchRowProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  /** Primary label. */\n  title: string;\n  /** Secondary line below the title. */\n  subtitle?: string;\n  /** Icon or image placed at the leading edge. */\n  leading?: ReactNode;\n  /** Controlled checked state. */\n  checked?: boolean;\n  /** Initial checked state when uncontrolled. Defaults to `false`. */\n  defaultChecked?: boolean;\n  /** Called when the checked state changes. */\n  onCheckedChange?: (checked: boolean) => void;\n  /** Disables the row. */\n  disabled?: boolean;\n}\n\n/**\n * Activatable row with an integrated switch.\n *\n * The entire row is a button — clicking anywhere toggles the switch.\n * Mirrors `AdwSwitchRow`, which differs from `ActionRow + trailing Switch`\n * because the row itself is the interactive element.\n *\n * Supports both controlled (`checked`) and uncontrolled (`defaultChecked`) modes.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.SwitchRow.html\n */\nexport function SwitchRow({\n  title,\n  subtitle,\n  leading,\n  checked: controlledChecked,\n  defaultChecked = false,\n  onCheckedChange,\n  disabled = false,\n  className,\n  onClick,\n  ...props\n}: SwitchRowProps) {\n  const isControlled = controlledChecked !== undefined;\n  const [uncontrolledChecked, setUncontrolledChecked] = useState(defaultChecked);\n  const checked = isControlled ? controlledChecked : uncontrolledChecked;\n\n  const switchId = useId();\n\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n    const next = !checked;\n\n    if (!isControlled) {\n      setUncontrolledChecked(next);\n    }\n\n    onCheckedChange?.(next);\n    onClick?.(e);\n  };\n\n  return (\n    <button\n      role=\"switch\"\n      aria-checked={checked}\n      aria-labelledby={switchId}\n      disabled={disabled}\n      className={[styles.row, disabled ? styles.disabled : null, className]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={handleClick}\n      {...props}\n    >\n      {leading && <span className={styles.leading}>{leading}</span>}\n\n      <span className={styles.content} id={switchId}>\n        <span className={styles.title}>{title}</span>\n        {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n      </span>\n\n      {/* Visual switch indicator — aria-hidden since the button carries the role */}\n      <span className={styles.switchTrack} aria-hidden=\"true\">\n        <span\n          className={[styles.switchThumb, checked ? styles.switchThumbOn : null]\n            .filter(Boolean)\n            .join(' ')}\n        />\n      </span>\n    </button>\n  );\n}\n"],"mappings":"oGAgCA,SAAgB,EAAU,CACxB,QACA,WACA,UACA,QAAS,EACT,iBAAiB,GACjB,kBACA,WAAW,GACX,YACA,UACA,GAAG,GACc,CACjB,IAAM,EAAe,IAAsB,IAAA,GACrC,CAAC,EAAqB,IAAA,EAAA,EAAA,UAAmC,EAAe,CACxE,EAAU,EAAe,EAAoB,EAE7C,GAAA,EAAA,EAAA,QAAkB,CAElB,EAAe,GAAqC,CACxD,IAAM,EAAO,CAAC,EAET,GACH,EAAuB,EAAK,CAG9B,IAAkB,EAAK,CACvB,IAAU,EAAE,EAGd,OACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,eAAc,EACd,kBAAiB,EACP,WACV,UAAW,CAAC,EAAA,QAAO,IAAK,EAAW,EAAA,QAAO,SAAW,KAAM,EAAU,CAClE,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,QAAS,EACT,GAAI,WATN,CAWG,IAAW,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,iBAAU,EAAe,CAAA,EAE7D,EAAA,EAAA,MAAC,OAAD,CAAM,UAAW,EAAA,QAAO,QAAS,GAAI,WAArC,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,EAAa,CAAA,CAC5C,IAAY,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,kBAAW,EAAgB,CAAA,CAC3D,IAGP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,YAAa,cAAY,iBAC/C,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,CAAC,EAAA,QAAO,YAAa,EAAU,EAAA,QAAO,cAAgB,KAAK,CACnE,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,CAAA,CACG,CAAA,CACA"}

package/dist/components/SwitchRow/SwitchRow.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactNode } from 'react';
-export interface SwitchRowProps extends Omit<HTMLAttributes<HTMLButtonElement>, "onChange"> {
+export interface SwitchRowProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange'> {
     /** Primary label. */
     title: string;
     /** Secondary line below the title. */

package/dist/components/SwitchRow/SwitchRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchRow.js","names":[],"sources":["../../../src/components/SwitchRow/SwitchRow.tsx"],"sourcesContent":["import { useState, useId, type HTMLAttributes, type ReactNode } from \"react\";\nimport styles from \"./SwitchRow.module.css\";\n\nexport interface SwitchRowProps extends Omit<HTMLAttributes<HTMLButtonElement>, \"onChange\"> {\n  /** Primary label. */\n  title: string;\n  /** Secondary line below the title. */\n  subtitle?: string;\n  /** Icon or image placed at the leading edge. */\n  leading?: ReactNode;\n  /** Controlled checked state. */\n  checked?: boolean;\n  /** Initial checked state when uncontrolled. Defaults to `false`. */\n  defaultChecked?: boolean;\n  /** Called when the checked state changes. */\n  onCheckedChange?: (checked: boolean) => void;\n  /** Disables the row. */\n  disabled?: boolean;\n}\n\n/**\n * Activatable row with an integrated switch.\n *\n * The entire row is a button — clicking anywhere toggles the switch.\n * Mirrors `AdwSwitchRow`, which differs from `ActionRow + trailing Switch`\n * because the row itself is the interactive element.\n *\n * Supports both controlled (`checked`) and uncontrolled (`defaultChecked`) modes.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.SwitchRow.html\n */\nexport function SwitchRow({\n  title,\n  subtitle,\n  leading,\n  checked: controlledChecked,\n  defaultChecked = false,\n  onCheckedChange,\n  disabled = false,\n  className,\n  onClick,\n  ...props\n}: SwitchRowProps) {\n  const isControlled = controlledChecked !== undefined;\n  const [uncontrolledChecked, setUncontrolledChecked] = useState(defaultChecked);\n  const checked = isControlled ? controlledChecked : uncontrolledChecked;\n\n  const switchId = useId();\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    const next = !checked;\n    if (!isControlled) setUncontrolledChecked(next);\n    onCheckedChange?.(next);\n    onClick?.(e);\n  };\n\n  return (\n    <button\n      role=\"switch\"\n      aria-checked={checked}\n      aria-labelledby={switchId}\n      disabled={disabled}\n      className={[styles.row, disabled ? styles.disabled : null, className]\n        .filter(Boolean)\n        .join(\" \")}\n      onClick={handleClick}\n      {...props}\n    >\n      {leading && <span className={styles.leading}>{leading}</span>}\n\n      <span className={styles.content} id={switchId}>\n        <span className={styles.title}>{title}</span>\n        {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n      </span>\n\n      {/* Visual switch indicator — aria-hidden since the button carries the role */}\n      <span className={styles.switchTrack} aria-hidden=\"true\">\n        <span className={[styles.switchThumb, checked ? styles.switchThumbOn : null].filter(Boolean).join(\" \")} />\n      </span>\n    </button>\n  );\n}\n"],"mappings":";;;;AA+BA,SAAgB,EAAU,EACxB,UACA,aACA,YACA,SAAS,GACT,oBAAiB,IACjB,oBACA,cAAW,IACX,cACA,YACA,GAAG,KACc;CACjB,IAAM,IAAe,MAAsB,KAAA,GACrC,CAAC,GAAqB,KAA0B,EAAS,EAAe,EACxE,IAAU,IAAe,IAAoB,GAE7C,IAAW,GAAO,EAElB,KAAe,MAA2C;EAC9D,IAAM,IAAO,CAAC;AAGd,EAFK,KAAc,EAAuB,EAAK,EAC/C,IAAkB,EAAK,EACvB,IAAU,EAAE;;AAGd,QACE,kBAAC,UAAD;EACE,MAAK;EACL,gBAAc;EACd,mBAAiB;EACP;EACV,WAAW;GAAC,EAAO;GAAK,IAAW,EAAO,WAAW;GAAM;GAAU,CAClE,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,SAAS;EACT,GAAI;YATN;GAWG,KAAW,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAU;IAAe,CAAA;GAE7D,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAS,IAAI;cAArC,CACE,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ;KAAa,CAAA,EAC5C,KAAY,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAW;KAAgB,CAAA,CAC3D;;GAGP,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAa,eAAY;cAC/C,kBAAC,QAAD,EAAM,WAAW,CAAC,EAAO,aAAa,IAAU,EAAO,gBAAgB,KAAK,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,EAAI,CAAA;IACrG,CAAA;GACA"}
+{"version":3,"file":"SwitchRow.js","names":[],"sources":["../../../src/components/SwitchRow/SwitchRow.tsx"],"sourcesContent":["import { type HTMLAttributes, type MouseEvent, type ReactNode, useId, useState } from 'react';\n\nimport styles from './SwitchRow.module.css';\n\nexport interface SwitchRowProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  /** Primary label. */\n  title: string;\n  /** Secondary line below the title. */\n  subtitle?: string;\n  /** Icon or image placed at the leading edge. */\n  leading?: ReactNode;\n  /** Controlled checked state. */\n  checked?: boolean;\n  /** Initial checked state when uncontrolled. Defaults to `false`. */\n  defaultChecked?: boolean;\n  /** Called when the checked state changes. */\n  onCheckedChange?: (checked: boolean) => void;\n  /** Disables the row. */\n  disabled?: boolean;\n}\n\n/**\n * Activatable row with an integrated switch.\n *\n * The entire row is a button — clicking anywhere toggles the switch.\n * Mirrors `AdwSwitchRow`, which differs from `ActionRow + trailing Switch`\n * because the row itself is the interactive element.\n *\n * Supports both controlled (`checked`) and uncontrolled (`defaultChecked`) modes.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.SwitchRow.html\n */\nexport function SwitchRow({\n  title,\n  subtitle,\n  leading,\n  checked: controlledChecked,\n  defaultChecked = false,\n  onCheckedChange,\n  disabled = false,\n  className,\n  onClick,\n  ...props\n}: SwitchRowProps) {\n  const isControlled = controlledChecked !== undefined;\n  const [uncontrolledChecked, setUncontrolledChecked] = useState(defaultChecked);\n  const checked = isControlled ? controlledChecked : uncontrolledChecked;\n\n  const switchId = useId();\n\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n    const next = !checked;\n\n    if (!isControlled) {\n      setUncontrolledChecked(next);\n    }\n\n    onCheckedChange?.(next);\n    onClick?.(e);\n  };\n\n  return (\n    <button\n      role=\"switch\"\n      aria-checked={checked}\n      aria-labelledby={switchId}\n      disabled={disabled}\n      className={[styles.row, disabled ? styles.disabled : null, className]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={handleClick}\n      {...props}\n    >\n      {leading && <span className={styles.leading}>{leading}</span>}\n\n      <span className={styles.content} id={switchId}>\n        <span className={styles.title}>{title}</span>\n        {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n      </span>\n\n      {/* Visual switch indicator — aria-hidden since the button carries the role */}\n      <span className={styles.switchTrack} aria-hidden=\"true\">\n        <span\n          className={[styles.switchThumb, checked ? styles.switchThumbOn : null]\n            .filter(Boolean)\n            .join(' ')}\n        />\n      </span>\n    </button>\n  );\n}\n"],"mappings":";;;;AAgCA,SAAgB,EAAU,EACxB,UACA,aACA,YACA,SAAS,GACT,oBAAiB,IACjB,oBACA,cAAW,IACX,cACA,YACA,GAAG,KACc;CACjB,IAAM,IAAe,MAAsB,KAAA,GACrC,CAAC,GAAqB,KAA0B,EAAS,EAAe,EACxE,IAAU,IAAe,IAAoB,GAE7C,IAAW,GAAO,EAElB,KAAe,MAAqC;EACxD,IAAM,IAAO,CAAC;AAOd,EALK,KACH,EAAuB,EAAK,EAG9B,IAAkB,EAAK,EACvB,IAAU,EAAE;;AAGd,QACE,kBAAC,UAAD;EACE,MAAK;EACL,gBAAc;EACd,mBAAiB;EACP;EACV,WAAW;GAAC,EAAO;GAAK,IAAW,EAAO,WAAW;GAAM;GAAU,CAClE,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,SAAS;EACT,GAAI;YATN;GAWG,KAAW,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAU;IAAe,CAAA;GAE7D,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAS,IAAI;cAArC,CACE,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ;KAAa,CAAA,EAC5C,KAAY,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAW;KAAgB,CAAA,CAC3D;;GAGP,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAa,eAAY;cAC/C,kBAAC,QAAD,EACE,WAAW,CAAC,EAAO,aAAa,IAAU,EAAO,gBAAgB,KAAK,CACnE,OAAO,QAAQ,CACf,KAAK,IAAI,EACZ,CAAA;IACG,CAAA;GACA"}

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

@@ -1,2 +1,2 @@
-var e={row:`_row_jl3bc_3`,disabled:`_disabled_jl3bc_41`,leading:`_leading_jl3bc_49`,content:`_content_jl3bc_58`,title:`_title_jl3bc_66`,subtitle:`_subtitle_jl3bc_77`,switchTrack:`_switchTrack_jl3bc_91`,switchThumb:`_switchThumb_jl3bc_114`,switchThumbOn:`_switchThumbOn_jl3bc_126`};exports.default=e;
+var e={row:`_row_t5458_3`,disabled:`_disabled_t5458_41`,leading:`_leading_t5458_49`,content:`_content_t5458_58`,title:`_title_t5458_66`,subtitle:`_subtitle_t5458_77`,switchTrack:`_switchTrack_t5458_91`,switchThumb:`_switchThumb_t5458_114`,switchThumbOn:`_switchThumbOn_t5458_126`};exports.default=e;
 //# sourceMappingURL=SwitchRow.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SwitchRow.module.css.cjs","names":[],"sources":["../../../src/components/SwitchRow/SwitchRow.module.css"],"sourcesContent":["/* ─── Row button ────────────────────────────────────────────────────────────── */\n\n.row {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-4, 24px);\n  min-height: 52px;\n  width: 100%;\n\n  appearance: none;\n  -webkit-appearance: none;\n  background: transparent;\n  border: none;\n  font: inherit;\n  outline: none;\n  cursor: pointer;\n  text-align: start;\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.row:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.row:active {\n  background-color: var(--gnome-active-overlay);\n}\n\n.row:focus-visible {\n  box-shadow:\n    inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Disabled ──────────────────────────────────────────────────────────────── */\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Leading icon/avatar ───────────────────────────────────────────────────── */\n\n.leading {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Text content ──────────────────────────────────────────────────────────── */\n\n.content {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  gap: 2px;\n}\n\n.title {\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-card-fg-color, rgba(0, 0, 0, 0.8));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.subtitle {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.55));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Switch track ──────────────────────────────────────────────────────────── */\n\n.switchTrack {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n  width: 56px;\n  height: 28px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: var(--gnome-light-4, #c0bfbc);\n  border: 1px solid var(--gnome-border-subtle, rgba(0, 0, 0, 0.12));\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n/* When checked, colour the track */\n.row[aria-checked=\"true\"] .switchTrack {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  border-color: var(--gnome-accent-bg-color, #3584e4);\n}\n\n/* ─── Switch thumb ──────────────────────────────────────────────────────────── */\n\n.switchThumb {\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: 20px;\n  height: 20px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: #ffffff;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);\n  transition: transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.switchThumbOn {\n  transform: translateX(28px);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .switchTrack {\n    background-color: var(--gnome-dark-2, #5e5c64);\n  }\n\n  .switchThumb {\n    background-color: var(--gnome-light-3, #deddda);\n  }\n\n  .row[aria-checked=\"true\"] .switchThumb {\n    background-color: #ffffff;\n  }\n}\n\n/* ─── High contrast ─────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .row:focus-visible {\n    box-shadow:\n      inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n      inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n        var(--gnome-focus-ring-color, #3584e4),\n      inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px) + 1px)\n        var(--gnome-window-bg-color, #fafafa);\n  }\n\n  .switchTrack {\n    border-width: 2px;\n  }\n\n  .switchThumb {\n    box-shadow: none;\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .switchTrack,\n  .switchThumb {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"SwitchRow.module.css.cjs","names":[],"sources":["../../../src/components/SwitchRow/SwitchRow.module.css"],"sourcesContent":["/* ─── Row button ────────────────────────────────────────────────────────────── */\n\n.row {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-4, 24px);\n  min-height: 52px;\n  width: 100%;\n\n  appearance: none;\n  -webkit-appearance: none;\n  background: transparent;\n  border: none;\n  font: inherit;\n  outline: none;\n  cursor: pointer;\n  text-align: start;\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.row:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.row:active {\n  background-color: var(--gnome-active-overlay);\n}\n\n.row:focus-visible {\n  box-shadow:\n    inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Disabled ──────────────────────────────────────────────────────────────── */\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Leading icon/avatar ───────────────────────────────────────────────────── */\n\n.leading {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Text content ──────────────────────────────────────────────────────────── */\n\n.content {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  gap: 2px;\n}\n\n.title {\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-card-fg-color, rgba(0, 0, 0, 0.8));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.subtitle {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.55));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Switch track ──────────────────────────────────────────────────────────── */\n\n.switchTrack {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n  width: 56px;\n  height: 28px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: var(--gnome-light-4, #c0bfbc);\n  border: 1px solid var(--gnome-border-subtle, rgba(0, 0, 0, 0.12));\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n/* When checked, colour the track */\n.row[aria-checked=\"true\"] .switchTrack {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  border-color: var(--gnome-accent-bg-color, #3584e4);\n}\n\n/* ─── Switch thumb ──────────────────────────────────────────────────────────── */\n\n.switchThumb {\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: 20px;\n  height: 20px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: #ffffff;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);\n  transition: transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.switchThumbOn {\n  transform: translateX(28px);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .switchTrack {\n    background-color: var(--gnome-dark-2, #5e5c64);\n  }\n\n  .switchThumb {\n    background-color: var(--gnome-light-3, #deddda);\n  }\n\n  .row[aria-checked=\"true\"] .switchThumb {\n    background-color: #ffffff;\n  }\n}\n\n/* ─── High contrast ─────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .row:focus-visible {\n    box-shadow:\n      inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n      inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      var(--gnome-focus-ring-color, #3584e4),\n      inset 0 0 0\n      calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px) + 1px)\n      var(--gnome-window-bg-color, #fafafa);\n  }\n\n  .switchTrack {\n    border-width: 2px;\n  }\n\n  .switchThumb {\n    box-shadow: none;\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .switchTrack,\n  .switchThumb {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,13 +1,13 @@
 var e = {
-	row: "_row_jl3bc_3",
-	disabled: "_disabled_jl3bc_41",
-	leading: "_leading_jl3bc_49",
-	content: "_content_jl3bc_58",
-	title: "_title_jl3bc_66",
-	subtitle: "_subtitle_jl3bc_77",
-	switchTrack: "_switchTrack_jl3bc_91",
-	switchThumb: "_switchThumb_jl3bc_114",
-	switchThumbOn: "_switchThumbOn_jl3bc_126"
+	row: "_row_t5458_3",
+	disabled: "_disabled_t5458_41",
+	leading: "_leading_t5458_49",
+	content: "_content_t5458_58",
+	title: "_title_t5458_66",
+	subtitle: "_subtitle_t5458_77",
+	switchTrack: "_switchTrack_t5458_91",
+	switchThumb: "_switchThumb_t5458_114",
+	switchThumbOn: "_switchThumbOn_t5458_126"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"SwitchRow.module.css.js","names":[],"sources":["../../../src/components/SwitchRow/SwitchRow.module.css"],"sourcesContent":["/* ─── Row button ────────────────────────────────────────────────────────────── */\n\n.row {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-4, 24px);\n  min-height: 52px;\n  width: 100%;\n\n  appearance: none;\n  -webkit-appearance: none;\n  background: transparent;\n  border: none;\n  font: inherit;\n  outline: none;\n  cursor: pointer;\n  text-align: start;\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.row:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.row:active {\n  background-color: var(--gnome-active-overlay);\n}\n\n.row:focus-visible {\n  box-shadow:\n    inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Disabled ──────────────────────────────────────────────────────────────── */\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Leading icon/avatar ───────────────────────────────────────────────────── */\n\n.leading {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Text content ──────────────────────────────────────────────────────────── */\n\n.content {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  gap: 2px;\n}\n\n.title {\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-card-fg-color, rgba(0, 0, 0, 0.8));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.subtitle {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.55));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Switch track ──────────────────────────────────────────────────────────── */\n\n.switchTrack {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n  width: 56px;\n  height: 28px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: var(--gnome-light-4, #c0bfbc);\n  border: 1px solid var(--gnome-border-subtle, rgba(0, 0, 0, 0.12));\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n/* When checked, colour the track */\n.row[aria-checked=\"true\"] .switchTrack {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  border-color: var(--gnome-accent-bg-color, #3584e4);\n}\n\n/* ─── Switch thumb ──────────────────────────────────────────────────────────── */\n\n.switchThumb {\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: 20px;\n  height: 20px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: #ffffff;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);\n  transition: transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.switchThumbOn {\n  transform: translateX(28px);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .switchTrack {\n    background-color: var(--gnome-dark-2, #5e5c64);\n  }\n\n  .switchThumb {\n    background-color: var(--gnome-light-3, #deddda);\n  }\n\n  .row[aria-checked=\"true\"] .switchThumb {\n    background-color: #ffffff;\n  }\n}\n\n/* ─── High contrast ─────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .row:focus-visible {\n    box-shadow:\n      inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n      inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n        var(--gnome-focus-ring-color, #3584e4),\n      inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px) + 1px)\n        var(--gnome-window-bg-color, #fafafa);\n  }\n\n  .switchTrack {\n    border-width: 2px;\n  }\n\n  .switchThumb {\n    box-shadow: none;\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .switchTrack,\n  .switchThumb {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"SwitchRow.module.css.js","names":[],"sources":["../../../src/components/SwitchRow/SwitchRow.module.css"],"sourcesContent":["/* ─── Row button ────────────────────────────────────────────────────────────── */\n\n.row {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-4, 24px);\n  min-height: 52px;\n  width: 100%;\n\n  appearance: none;\n  -webkit-appearance: none;\n  background: transparent;\n  border: none;\n  font: inherit;\n  outline: none;\n  cursor: pointer;\n  text-align: start;\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.row:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.row:active {\n  background-color: var(--gnome-active-overlay);\n}\n\n.row:focus-visible {\n  box-shadow:\n    inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Disabled ──────────────────────────────────────────────────────────────── */\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Leading icon/avatar ───────────────────────────────────────────────────── */\n\n.leading {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Text content ──────────────────────────────────────────────────────────── */\n\n.content {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  gap: 2px;\n}\n\n.title {\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-card-fg-color, rgba(0, 0, 0, 0.8));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.subtitle {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.55));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Switch track ──────────────────────────────────────────────────────────── */\n\n.switchTrack {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n  width: 56px;\n  height: 28px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: var(--gnome-light-4, #c0bfbc);\n  border: 1px solid var(--gnome-border-subtle, rgba(0, 0, 0, 0.12));\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n/* When checked, colour the track */\n.row[aria-checked=\"true\"] .switchTrack {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  border-color: var(--gnome-accent-bg-color, #3584e4);\n}\n\n/* ─── Switch thumb ──────────────────────────────────────────────────────────── */\n\n.switchThumb {\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: 20px;\n  height: 20px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: #ffffff;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);\n  transition: transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.switchThumbOn {\n  transform: translateX(28px);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .switchTrack {\n    background-color: var(--gnome-dark-2, #5e5c64);\n  }\n\n  .switchThumb {\n    background-color: var(--gnome-light-3, #deddda);\n  }\n\n  .row[aria-checked=\"true\"] .switchThumb {\n    background-color: #ffffff;\n  }\n}\n\n/* ─── High contrast ─────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .row:focus-visible {\n    box-shadow:\n      inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n      inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      var(--gnome-focus-ring-color, #3584e4),\n      inset 0 0 0\n      calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px) + 1px)\n      var(--gnome-window-bg-color, #fafafa);\n  }\n\n  .switchTrack {\n    border-width: 2px;\n  }\n\n  .switchThumb {\n    box-shadow: none;\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .switchTrack,\n  .switchThumb {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-export { SwitchRow } from './SwitchRow';
 export type { SwitchRowProps } from './SwitchRow';
+export { SwitchRow } from './SwitchRow';

package/dist/components/Tabs/TabBar.cjs

@@ -1,2 +1,2 @@
-const e=require(`./Tabs.module.css.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);function r({children:r,className:i,inline:a=!1,"aria-label":o=`Tabs`,...s}){let c=(0,t.useRef)(null);function l(e){let t=Array.from(c.current?.querySelectorAll(`[role=tab]:not(:disabled)`)??[]),n=t.findIndex(e=>e===document.activeElement);if(n===-1)return;let r=n;if(e.key===`ArrowRight`)r=(n+1)%t.length;else if(e.key===`ArrowLeft`)r=(n-1+t.length)%t.length;else if(e.key===`Home`)r=0;else if(e.key===`End`)r=t.length-1;else return;e.preventDefault(),t[r].focus()}return(0,n.jsx)(`div`,{className:[e.default.bar,a?e.default.inline:null,i].filter(Boolean).join(` `),...s,children:(0,n.jsx)(`div`,{ref:c,role:`tablist`,"aria-label":o,className:e.default.list,onKeyDown:l,children:r})})}exports.TabBar=r;
+const e=require(`./Tabs.module.css.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);function r({children:r,className:i,inline:a=!1,"aria-label":o=`Tabs`,...s}){let c=(0,t.useRef)(null);function l(e){let t=Array.from(c.current?.querySelectorAll(`[role=tab]:not(:disabled)`)??[]),n=document.activeElement,r=n instanceof HTMLButtonElement?t.indexOf(n):-1;if(r===-1)return;let i=r;if(e.key===`ArrowRight`)i=(r+1)%t.length;else if(e.key===`ArrowLeft`)i=(r-1+t.length)%t.length;else if(e.key===`Home`)i=0;else if(e.key===`End`)i=t.length-1;else return;e.preventDefault(),t[i].focus()}return(0,n.jsx)(`div`,{className:[e.default.bar,a?e.default.inline:null,i].filter(Boolean).join(` `),...s,children:(0,n.jsx)(`div`,{ref:c,role:`tablist`,"aria-label":o,className:e.default.list,onKeyDown:l,children:r})})}exports.TabBar=r;
 //# sourceMappingURL=TabBar.cjs.map

package/dist/components/Tabs/TabBar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TabBar.cjs","names":[],"sources":["../../../src/components/Tabs/TabBar.tsx"],"sourcesContent":["import {\n  useRef,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from \"react\";\nimport styles from \"./Tabs.module.css\";\n\nexport interface TabBarProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  /** Accessible label for the tab list. */\n  \"aria-label\"?: string;\n  /**\n   * Removes the header-bar background so the tab bar blends into any surface.\n   * Use when placing the bar inside a card, content area, or custom container.\n   * Mirrors the `.inline` style class.\n   */\n  inline?: boolean;\n}\n\n/**\n * Horizontal tab bar that holds `TabItem` elements.\n *\n * Manages roving-tabindex keyboard navigation (← → Home End).\n *\n * @see https://developer.gnome.org/hig/patterns/nav/tabs.html\n */\nexport function TabBar({\n  children,\n  className,\n  inline = false,\n  \"aria-label\": ariaLabel = \"Tabs\",\n  ...props\n}: TabBarProps) {\n  const listRef = useRef<HTMLDivElement>(null);\n\n  function handleKeyDown(e: KeyboardEvent<HTMLDivElement>) {\n    const tabs = Array.from(\n      listRef.current?.querySelectorAll<HTMLButtonElement>(\n        \"[role=tab]:not(:disabled)\",\n      ) ?? [],\n    );\n    const idx = tabs.findIndex((t) => t === document.activeElement);\n    if (idx === -1) return;\n\n    let next = idx;\n    if (e.key === \"ArrowRight\") next = (idx + 1) % tabs.length;\n    else if (e.key === \"ArrowLeft\") next = (idx - 1 + tabs.length) % tabs.length;\n    else if (e.key === \"Home\") next = 0;\n    else if (e.key === \"End\") next = tabs.length - 1;\n    else return;\n\n    e.preventDefault();\n    tabs[next].focus();\n  }\n\n  return (\n    <div\n      className={[styles.bar, inline ? styles.inline : null, className]\n        .filter(Boolean)\n        .join(\" \")}\n      {...props}\n    >\n      <div\n        ref={listRef}\n        role=\"tablist\"\n        aria-label={ariaLabel}\n        className={styles.list}\n        onKeyDown={handleKeyDown}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"+FA2BA,SAAgB,EAAO,CACrB,WACA,YACA,SAAS,GACT,aAAc,EAAY,OAC1B,GAAG,GACW,CACd,IAAM,GAAA,EAAA,EAAA,QAAiC,KAAK,CAE5C,SAAS,EAAc,EAAkC,CACvD,IAAM,EAAO,MAAM,KACjB,EAAQ,SAAS,iBACf,4BACD,EAAI,EAAE,CACR,CACK,EAAM,EAAK,UAAW,GAAM,IAAM,SAAS,cAAc,CAC/D,GAAI,IAAQ,GAAI,OAEhB,IAAI,EAAO,EACX,GAAI,EAAE,MAAQ,aAAc,GAAQ,EAAM,GAAK,EAAK,eAC3C,EAAE,MAAQ,YAAa,GAAQ,EAAM,EAAI,EAAK,QAAU,EAAK,eAC7D,EAAE,MAAQ,OAAQ,EAAO,UACzB,EAAE,MAAQ,MAAO,EAAO,EAAK,OAAS,OAC1C,OAEL,EAAE,gBAAgB,CAClB,EAAK,GAAM,OAAO,CAGpB,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,CAAC,EAAA,QAAO,IAAK,EAAS,EAAA,QAAO,OAAS,KAAM,EAAU,CAC9D,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,GAAI,YAEJ,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,KAAK,UACL,aAAY,EACZ,UAAW,EAAA,QAAO,KAClB,UAAW,EAEV,WACG,CAAA,CACF,CAAA"}
+{"version":3,"file":"TabBar.cjs","names":[],"sources":["../../../src/components/Tabs/TabBar.tsx"],"sourcesContent":["import { type HTMLAttributes, type KeyboardEvent, type ReactNode, useRef } from 'react';\n\nimport styles from './Tabs.module.css';\n\nexport interface TabBarProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  /** Accessible label for the tab list. */\n  'aria-label'?: string;\n  /**\n   * Removes the header-bar background so the tab bar blends into any surface.\n   * Use when placing the bar inside a card, content area, or custom container.\n   * Mirrors the `.inline` style class.\n   */\n  inline?: boolean;\n}\n\n/**\n * Horizontal tab bar that holds `TabItem` elements.\n *\n * Manages roving-tabindex keyboard navigation (← → Home End).\n *\n * @see https://developer.gnome.org/hig/patterns/nav/tabs.html\n */\nexport function TabBar({\n  children,\n  className,\n  inline = false,\n  'aria-label': ariaLabel = 'Tabs',\n  ...props\n}: TabBarProps) {\n  const listRef = useRef<HTMLDivElement>(null);\n\n  function handleKeyDown(e: KeyboardEvent<HTMLDivElement>) {\n    const tabs = Array.from(\n      listRef.current?.querySelectorAll<HTMLButtonElement>('[role=tab]:not(:disabled)') ?? [],\n    );\n    const activeElement = document.activeElement;\n    const idx = activeElement instanceof HTMLButtonElement ? tabs.indexOf(activeElement) : -1;\n\n    if (idx === -1) {\n      return;\n    }\n\n    let next = idx;\n    if (e.key === 'ArrowRight') {\n      next = (idx + 1) % tabs.length;\n    } else if (e.key === 'ArrowLeft') {\n      next = (idx - 1 + tabs.length) % tabs.length;\n    } else if (e.key === 'Home') {\n      next = 0;\n    } else if (e.key === 'End') {\n      next = tabs.length - 1;\n    } else {\n      return;\n    }\n\n    e.preventDefault();\n    tabs[next].focus();\n  }\n\n  return (\n    <div\n      className={[styles.bar, inline ? styles.inline : null, className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      <div\n        ref={listRef}\n        role=\"tablist\"\n        aria-label={ariaLabel}\n        className={styles.list}\n        onKeyDown={handleKeyDown}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"+FAuBA,SAAgB,EAAO,CACrB,WACA,YACA,SAAS,GACT,aAAc,EAAY,OAC1B,GAAG,GACW,CACd,IAAM,GAAA,EAAA,EAAA,QAAiC,KAAK,CAE5C,SAAS,EAAc,EAAkC,CACvD,IAAM,EAAO,MAAM,KACjB,EAAQ,SAAS,iBAAoC,4BAA4B,EAAI,EAAE,CACxF,CACK,EAAgB,SAAS,cACzB,EAAM,aAAyB,kBAAoB,EAAK,QAAQ,EAAc,CAAG,GAEvF,GAAI,IAAQ,GACV,OAGF,IAAI,EAAO,EACX,GAAI,EAAE,MAAQ,aACZ,GAAQ,EAAM,GAAK,EAAK,eACf,EAAE,MAAQ,YACnB,GAAQ,EAAM,EAAI,EAAK,QAAU,EAAK,eAC7B,EAAE,MAAQ,OACnB,EAAO,UACE,EAAE,MAAQ,MACnB,EAAO,EAAK,OAAS,OAErB,OAGF,EAAE,gBAAgB,CAClB,EAAK,GAAM,OAAO,CAGpB,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,CAAC,EAAA,QAAO,IAAK,EAAS,EAAA,QAAO,OAAS,KAAM,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAC3F,GAAI,YAEJ,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,KAAK,UACL,aAAY,EACZ,UAAW,EAAA,QAAO,KAClB,UAAW,EAEV,WACG,CAAA,CACF,CAAA"}

package/dist/components/Tabs/TabBar.d.ts

@@ -2,7 +2,7 @@ import { HTMLAttributes, ReactNode } from 'react';
 export interface TabBarProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
     /** Accessible label for the tab list. */
-    "aria-label"?: string;
+    'aria-label'?: string;
     /**
      * Removes the header-bar background so the tab bar blends into any surface.
      * Use when placing the bar inside a card, content area, or custom container.
@@ -17,4 +17,4 @@ export interface TabBarProps extends HTMLAttributes<HTMLDivElement> {
  *
  * @see https://developer.gnome.org/hig/patterns/nav/tabs.html
  */
-export declare function TabBar({ children, className, inline, "aria-label": ariaLabel, ...props }: TabBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabBar({ children, className, inline, 'aria-label': ariaLabel, ...props }: TabBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Tabs/TabBar.js

@@ -5,15 +5,15 @@ import { jsx as n } from "react/jsx-runtime";
 function r({ children: r, className: i, inline: a = !1, "aria-label": o = "Tabs", ...s }) {
 	let c = t(null);
 	function l(e) {
-		let t = Array.from(c.current?.querySelectorAll("[role=tab]:not(:disabled)") ?? []), n = t.findIndex((e) => e === document.activeElement);
-		if (n === -1) return;
-		let r = n;
-		if (e.key === "ArrowRight") r = (n + 1) % t.length;
-		else if (e.key === "ArrowLeft") r = (n - 1 + t.length) % t.length;
-		else if (e.key === "Home") r = 0;
-		else if (e.key === "End") r = t.length - 1;
+		let t = Array.from(c.current?.querySelectorAll("[role=tab]:not(:disabled)") ?? []), n = document.activeElement, r = n instanceof HTMLButtonElement ? t.indexOf(n) : -1;
+		if (r === -1) return;
+		let i = r;
+		if (e.key === "ArrowRight") i = (r + 1) % t.length;
+		else if (e.key === "ArrowLeft") i = (r - 1 + t.length) % t.length;
+		else if (e.key === "Home") i = 0;
+		else if (e.key === "End") i = t.length - 1;
 		else return;
-		e.preventDefault(), t[r].focus();
+		e.preventDefault(), t[i].focus();
 	}
 	return /* @__PURE__ */ n("div", {
 		className: [