@gnome-ui/react 1.48.0 → 1.49.1

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

@@ -1 +1 @@
-{"version":3,"file":"SpinButton.module.css.cjs","names":[],"sources":["../../../src/components/SpinButton/SpinButton.module.css"],"sourcesContent":["/* ─── Container ────────────────────────────────────────────────────────────── */\n\n.spin {\n  display: inline-flex;\n  align-items: center;\n\n  background-color: var(--gnome-view-bg-color, #ffffff);\n  border: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.15));\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);\n  overflow: hidden;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-view-fg-color, rgba(0, 0, 0, 0.8));\n\n  transition:\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.spin:focus {\n  outline: none;\n}\n\n.spin:focus-visible {\n  border-color: var(--gnome-accent-color, #3584e4);\n  box-shadow:\n    inset 0 1px 2px rgba(0, 0, 0, 0.06),\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.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  pointer-events: none;\n}\n\n/* ─── +/− buttons ──────────────────────────────────────────────────────────── */\n\n.btn {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  font-size: 1.1rem;\n  line-height: 1;\n  cursor: pointer;\n  color: inherit;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  flex-shrink: 0;\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.btn:hover:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-view-bg-color, #ffffff) 90%, black 10%);\n}\n\n.btn:active:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-view-bg-color, #ffffff) 80%, black 20%);\n}\n\n.btn:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* Dividers between button and value */\n.btn:first-child {\n  border-right: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.12));\n}\n\n.btn:last-child {\n  border-left: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.12));\n}\n\n/* ─── Value display ────────────────────────────────────────────────────────── */\n\n.value {\n  flex: 1;\n  text-align: center;\n  padding: 0 var(--gnome-space-2, 12px);\n  min-width: 56px;\n  font-variant-numeric: tabular-nums;\n  user-select: none;\n  white-space: nowrap;\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .spin {\n    background-color: var(--gnome-view-bg-color, #1e1e1e);\n    border-color: rgba(255, 255, 255, 0.12);\n    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);\n  }\n\n  .btn:hover:not(:disabled) {\n    background-color: color-mix(in srgb, var(--gnome-view-bg-color, #1e1e1e) 85%, white 15%);\n  }\n\n  .btn:active:not(:disabled) {\n    background-color: color-mix(in srgb, var(--gnome-view-bg-color, #1e1e1e) 75%, white 25%);\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .spin,\n  .btn {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"SpinButton.module.css.cjs","names":[],"sources":["../../../src/components/SpinButton/SpinButton.module.css"],"sourcesContent":["/* ─── Container ────────────────────────────────────────────────────────────── */\n\n.spin {\n  display: inline-flex;\n  align-items: center;\n  background-color: var(--gnome-view-bg-color, #fff);\n  border: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.15));\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.06);\n  overflow: hidden;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-view-fg-color, rgb(0 0 0 / 0.8));\n  transition:\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.spin:focus {\n  outline: none;\n}\n\n.spin:focus-visible {\n  border-color: var(--gnome-accent-color, #3584e4);\n  box-shadow:\n    inset 0 1px 2px rgb(0 0 0 / 0.06),\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.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  pointer-events: none;\n}\n\n/* ─── +/− buttons ──────────────────────────────────────────────────────────── */\n\n.btn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  font-size: 1.1rem;\n  line-height: 1;\n  cursor: pointer;\n  color: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  flex-shrink: 0;\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.btn:hover:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-view-bg-color, #fff) 90%, black 10%);\n}\n\n.btn:active:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-view-bg-color, #fff) 80%, black 20%);\n}\n\n.btn:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* Dividers between button and value */\n.btn:first-child {\n  border-right: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.12));\n}\n\n.btn:last-child {\n  border-left: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.12));\n}\n\n/* ─── Value display ────────────────────────────────────────────────────────── */\n\n.value {\n  flex: 1;\n  text-align: center;\n  padding: 0 var(--gnome-space-2, 12px);\n  min-width: 56px;\n  font-variant-numeric: tabular-nums;\n  user-select: none;\n  white-space: nowrap;\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .spin {\n    background-color: var(--gnome-view-bg-color, #1e1e1e);\n    border-color: rgb(255 255 255 / 0.12);\n    box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.2);\n  }\n\n  .btn:hover:not(:disabled) {\n    background-color: color-mix(in srgb, var(--gnome-view-bg-color, #1e1e1e) 85%, white 15%);\n  }\n\n  .btn:active:not(:disabled) {\n    background-color: color-mix(in srgb, var(--gnome-view-bg-color, #1e1e1e) 75%, white 25%);\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .spin,\n  .btn {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,8 +1,8 @@
 var e = {
-	spin: "_spin_1hjdp_3",
-	disabled: "_disabled_1hjdp_37",
-	btn: "_btn_1hjdp_44",
-	value: "_value_1hjdp_89"
+	spin: "_spin_eu20a_3",
+	disabled: "_disabled_eu20a_34",
+	btn: "_btn_eu20a_41",
+	value: "_value_eu20a_83"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"SpinButton.module.css.js","names":[],"sources":["../../../src/components/SpinButton/SpinButton.module.css"],"sourcesContent":["/* ─── Container ────────────────────────────────────────────────────────────── */\n\n.spin {\n  display: inline-flex;\n  align-items: center;\n\n  background-color: var(--gnome-view-bg-color, #ffffff);\n  border: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.15));\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);\n  overflow: hidden;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-view-fg-color, rgba(0, 0, 0, 0.8));\n\n  transition:\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.spin:focus {\n  outline: none;\n}\n\n.spin:focus-visible {\n  border-color: var(--gnome-accent-color, #3584e4);\n  box-shadow:\n    inset 0 1px 2px rgba(0, 0, 0, 0.06),\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.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  pointer-events: none;\n}\n\n/* ─── +/− buttons ──────────────────────────────────────────────────────────── */\n\n.btn {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  font-size: 1.1rem;\n  line-height: 1;\n  cursor: pointer;\n  color: inherit;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  flex-shrink: 0;\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.btn:hover:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-view-bg-color, #ffffff) 90%, black 10%);\n}\n\n.btn:active:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-view-bg-color, #ffffff) 80%, black 20%);\n}\n\n.btn:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* Dividers between button and value */\n.btn:first-child {\n  border-right: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.12));\n}\n\n.btn:last-child {\n  border-left: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.12));\n}\n\n/* ─── Value display ────────────────────────────────────────────────────────── */\n\n.value {\n  flex: 1;\n  text-align: center;\n  padding: 0 var(--gnome-space-2, 12px);\n  min-width: 56px;\n  font-variant-numeric: tabular-nums;\n  user-select: none;\n  white-space: nowrap;\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .spin {\n    background-color: var(--gnome-view-bg-color, #1e1e1e);\n    border-color: rgba(255, 255, 255, 0.12);\n    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);\n  }\n\n  .btn:hover:not(:disabled) {\n    background-color: color-mix(in srgb, var(--gnome-view-bg-color, #1e1e1e) 85%, white 15%);\n  }\n\n  .btn:active:not(:disabled) {\n    background-color: color-mix(in srgb, var(--gnome-view-bg-color, #1e1e1e) 75%, white 25%);\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .spin,\n  .btn {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"SpinButton.module.css.js","names":[],"sources":["../../../src/components/SpinButton/SpinButton.module.css"],"sourcesContent":["/* ─── Container ────────────────────────────────────────────────────────────── */\n\n.spin {\n  display: inline-flex;\n  align-items: center;\n  background-color: var(--gnome-view-bg-color, #fff);\n  border: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.15));\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.06);\n  overflow: hidden;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-view-fg-color, rgb(0 0 0 / 0.8));\n  transition:\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.spin:focus {\n  outline: none;\n}\n\n.spin:focus-visible {\n  border-color: var(--gnome-accent-color, #3584e4);\n  box-shadow:\n    inset 0 1px 2px rgb(0 0 0 / 0.06),\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.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  pointer-events: none;\n}\n\n/* ─── +/− buttons ──────────────────────────────────────────────────────────── */\n\n.btn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  font-size: 1.1rem;\n  line-height: 1;\n  cursor: pointer;\n  color: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  flex-shrink: 0;\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.btn:hover:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-view-bg-color, #fff) 90%, black 10%);\n}\n\n.btn:active:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-view-bg-color, #fff) 80%, black 20%);\n}\n\n.btn:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* Dividers between button and value */\n.btn:first-child {\n  border-right: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.12));\n}\n\n.btn:last-child {\n  border-left: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.12));\n}\n\n/* ─── Value display ────────────────────────────────────────────────────────── */\n\n.value {\n  flex: 1;\n  text-align: center;\n  padding: 0 var(--gnome-space-2, 12px);\n  min-width: 56px;\n  font-variant-numeric: tabular-nums;\n  user-select: none;\n  white-space: nowrap;\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .spin {\n    background-color: var(--gnome-view-bg-color, #1e1e1e);\n    border-color: rgb(255 255 255 / 0.12);\n    box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.2);\n  }\n\n  .btn:hover:not(:disabled) {\n    background-color: color-mix(in srgb, var(--gnome-view-bg-color, #1e1e1e) 85%, white 15%);\n  }\n\n  .btn:active:not(:disabled) {\n    background-color: color-mix(in srgb, var(--gnome-view-bg-color, #1e1e1e) 75%, white 25%);\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .spin,\n  .btn {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={row:`_row_8oywh_3`,disabled:`_disabled_8oywh_16`,leading:`_leading_8oywh_23`,content:`_content_8oywh_32`,title:`_title_8oywh_40`,subtitle:`_subtitle_8oywh_51`,spin:`_spin_8oywh_65`,spinBtn:`_spinBtn_8oywh_100`,spinValue:`_spinValue_8oywh_144`};exports.default=e;
+var e={row:`_row_1dvl0_3`,disabled:`_disabled_1dvl0_16`,leading:`_leading_1dvl0_23`,content:`_content_1dvl0_32`,title:`_title_1dvl0_40`,subtitle:`_subtitle_1dvl0_51`,spin:`_spin_1dvl0_65`,spinBtn:`_spinBtn_1dvl0_97`,spinValue:`_spinValue_1dvl0_138`};exports.default=e;
 //# sourceMappingURL=SpinRow.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SpinRow.module.css.cjs","names":[],"sources":["../../../src/components/SpinRow/SpinRow.module.css"],"sourcesContent":["/* ─── Row container ─────────────────────────────────────────────────────────── */\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  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n  text-align: start;\n}\n\n/* ─── Disabled ──────────────────────────────────────────────────────────────── */\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  pointer-events: none;\n}\n\n/* ─── Leading ───────────────────────────────────────────────────────────────── */\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/* ─── Spin widget ───────────────────────────────────────────────────────────── */\n\n.spin {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n\n  background-color: var(--gnome-view-bg-color, #ffffff);\n  border: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.15));\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);\n  overflow: hidden;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  transition:\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.spin:focus {\n  outline: none;\n}\n\n.spin:focus-visible {\n  border-color: var(--gnome-accent-color, #3584e4);\n  box-shadow:\n    inset 0 1px 2px rgba(0, 0, 0, 0.06),\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/* ─── −/+ buttons ───────────────────────────────────────────────────────────── */\n\n.spinBtn {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  font-size: 1.1rem;\n  line-height: 1;\n  cursor: pointer;\n  color: inherit;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 34px;\n  flex-shrink: 0;\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.spinBtn:hover:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-view-bg-color, #ffffff) 90%, black 10%);\n}\n\n.spinBtn:active:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-view-bg-color, #ffffff) 80%, black 20%);\n}\n\n.spinBtn:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n.spinBtn:first-child {\n  border-right: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.12));\n}\n\n.spinBtn:last-child {\n  border-left: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.12));\n}\n\n/* ─── Value display ─────────────────────────────────────────────────────────── */\n\n.spinValue {\n  text-align: center;\n  padding: 0 var(--gnome-space-2, 12px);\n  min-width: 48px;\n  font-variant-numeric: tabular-nums;\n  user-select: none;\n  white-space: nowrap;\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .spin {\n    background-color: var(--gnome-view-bg-color, #1e1e1e);\n    border-color: rgba(255, 255, 255, 0.12);\n    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);\n  }\n\n  .spinBtn:hover:not(:disabled) {\n    background-color: color-mix(in srgb, var(--gnome-view-bg-color, #1e1e1e) 85%, white 15%);\n  }\n\n  .spinBtn:active:not(:disabled) {\n    background-color: color-mix(in srgb, var(--gnome-view-bg-color, #1e1e1e) 75%, white 25%);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .spin,\n  .spinBtn {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"SpinRow.module.css.cjs","names":[],"sources":["../../../src/components/SpinRow/SpinRow.module.css"],"sourcesContent":["/* ─── Row container ─────────────────────────────────────────────────────────── */\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  color: var(--gnome-card-fg-color, rgb(0 0 0 / 0.8));\n  text-align: start;\n}\n\n/* ─── Disabled ──────────────────────────────────────────────────────────────── */\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  pointer-events: none;\n}\n\n/* ─── Leading ───────────────────────────────────────────────────────────────── */\n\n.leading {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgb(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, rgb(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, rgb(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/* ─── Spin widget ───────────────────────────────────────────────────────────── */\n\n.spin {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n  background-color: var(--gnome-view-bg-color, #fff);\n  border: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.15));\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.06);\n  overflow: hidden;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  transition:\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.spin:focus {\n  outline: none;\n}\n\n.spin:focus-visible {\n  border-color: var(--gnome-accent-color, #3584e4);\n  box-shadow:\n    inset 0 1px 2px rgb(0 0 0 / 0.06),\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/* ─── −/+ buttons ───────────────────────────────────────────────────────────── */\n\n.spinBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  font-size: 1.1rem;\n  line-height: 1;\n  cursor: pointer;\n  color: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 34px;\n  flex-shrink: 0;\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.spinBtn:hover:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-view-bg-color, #fff) 90%, black 10%);\n}\n\n.spinBtn:active:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-view-bg-color, #fff) 80%, black 20%);\n}\n\n.spinBtn:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n.spinBtn:first-child {\n  border-right: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.12));\n}\n\n.spinBtn:last-child {\n  border-left: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.12));\n}\n\n/* ─── Value display ─────────────────────────────────────────────────────────── */\n\n.spinValue {\n  text-align: center;\n  padding: 0 var(--gnome-space-2, 12px);\n  min-width: 48px;\n  font-variant-numeric: tabular-nums;\n  user-select: none;\n  white-space: nowrap;\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .spin {\n    background-color: var(--gnome-view-bg-color, #1e1e1e);\n    border-color: rgb(255 255 255 / 0.12);\n    box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.2);\n  }\n\n  .spinBtn:hover:not(:disabled) {\n    background-color: color-mix(in srgb, var(--gnome-view-bg-color, #1e1e1e) 85%, white 15%);\n  }\n\n  .spinBtn:active:not(:disabled) {\n    background-color: color-mix(in srgb, var(--gnome-view-bg-color, #1e1e1e) 75%, white 25%);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .spin,\n  .spinBtn {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,13 +1,13 @@
 var e = {
-	row: "_row_8oywh_3",
-	disabled: "_disabled_8oywh_16",
-	leading: "_leading_8oywh_23",
-	content: "_content_8oywh_32",
-	title: "_title_8oywh_40",
-	subtitle: "_subtitle_8oywh_51",
-	spin: "_spin_8oywh_65",
-	spinBtn: "_spinBtn_8oywh_100",
-	spinValue: "_spinValue_8oywh_144"
+	row: "_row_1dvl0_3",
+	disabled: "_disabled_1dvl0_16",
+	leading: "_leading_1dvl0_23",
+	content: "_content_1dvl0_32",
+	title: "_title_1dvl0_40",
+	subtitle: "_subtitle_1dvl0_51",
+	spin: "_spin_1dvl0_65",
+	spinBtn: "_spinBtn_1dvl0_97",
+	spinValue: "_spinValue_1dvl0_138"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"SpinRow.module.css.js","names":[],"sources":["../../../src/components/SpinRow/SpinRow.module.css"],"sourcesContent":["/* ─── Row container ─────────────────────────────────────────────────────────── */\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  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n  text-align: start;\n}\n\n/* ─── Disabled ──────────────────────────────────────────────────────────────── */\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  pointer-events: none;\n}\n\n/* ─── Leading ───────────────────────────────────────────────────────────────── */\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/* ─── Spin widget ───────────────────────────────────────────────────────────── */\n\n.spin {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n\n  background-color: var(--gnome-view-bg-color, #ffffff);\n  border: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.15));\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);\n  overflow: hidden;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  transition:\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.spin:focus {\n  outline: none;\n}\n\n.spin:focus-visible {\n  border-color: var(--gnome-accent-color, #3584e4);\n  box-shadow:\n    inset 0 1px 2px rgba(0, 0, 0, 0.06),\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/* ─── −/+ buttons ───────────────────────────────────────────────────────────── */\n\n.spinBtn {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  font-size: 1.1rem;\n  line-height: 1;\n  cursor: pointer;\n  color: inherit;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 34px;\n  flex-shrink: 0;\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.spinBtn:hover:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-view-bg-color, #ffffff) 90%, black 10%);\n}\n\n.spinBtn:active:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-view-bg-color, #ffffff) 80%, black 20%);\n}\n\n.spinBtn:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n.spinBtn:first-child {\n  border-right: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.12));\n}\n\n.spinBtn:last-child {\n  border-left: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.12));\n}\n\n/* ─── Value display ─────────────────────────────────────────────────────────── */\n\n.spinValue {\n  text-align: center;\n  padding: 0 var(--gnome-space-2, 12px);\n  min-width: 48px;\n  font-variant-numeric: tabular-nums;\n  user-select: none;\n  white-space: nowrap;\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .spin {\n    background-color: var(--gnome-view-bg-color, #1e1e1e);\n    border-color: rgba(255, 255, 255, 0.12);\n    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);\n  }\n\n  .spinBtn:hover:not(:disabled) {\n    background-color: color-mix(in srgb, var(--gnome-view-bg-color, #1e1e1e) 85%, white 15%);\n  }\n\n  .spinBtn:active:not(:disabled) {\n    background-color: color-mix(in srgb, var(--gnome-view-bg-color, #1e1e1e) 75%, white 25%);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .spin,\n  .spinBtn {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"SpinRow.module.css.js","names":[],"sources":["../../../src/components/SpinRow/SpinRow.module.css"],"sourcesContent":["/* ─── Row container ─────────────────────────────────────────────────────────── */\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  color: var(--gnome-card-fg-color, rgb(0 0 0 / 0.8));\n  text-align: start;\n}\n\n/* ─── Disabled ──────────────────────────────────────────────────────────────── */\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  pointer-events: none;\n}\n\n/* ─── Leading ───────────────────────────────────────────────────────────────── */\n\n.leading {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgb(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, rgb(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, rgb(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/* ─── Spin widget ───────────────────────────────────────────────────────────── */\n\n.spin {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n  background-color: var(--gnome-view-bg-color, #fff);\n  border: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.15));\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.06);\n  overflow: hidden;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  transition:\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.spin:focus {\n  outline: none;\n}\n\n.spin:focus-visible {\n  border-color: var(--gnome-accent-color, #3584e4);\n  box-shadow:\n    inset 0 1px 2px rgb(0 0 0 / 0.06),\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/* ─── −/+ buttons ───────────────────────────────────────────────────────────── */\n\n.spinBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  font-size: 1.1rem;\n  line-height: 1;\n  cursor: pointer;\n  color: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 34px;\n  flex-shrink: 0;\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.spinBtn:hover:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-view-bg-color, #fff) 90%, black 10%);\n}\n\n.spinBtn:active:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-view-bg-color, #fff) 80%, black 20%);\n}\n\n.spinBtn:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n.spinBtn:first-child {\n  border-right: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.12));\n}\n\n.spinBtn:last-child {\n  border-left: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.12));\n}\n\n/* ─── Value display ─────────────────────────────────────────────────────────── */\n\n.spinValue {\n  text-align: center;\n  padding: 0 var(--gnome-space-2, 12px);\n  min-width: 48px;\n  font-variant-numeric: tabular-nums;\n  user-select: none;\n  white-space: nowrap;\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .spin {\n    background-color: var(--gnome-view-bg-color, #1e1e1e);\n    border-color: rgb(255 255 255 / 0.12);\n    box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.2);\n  }\n\n  .spinBtn:hover:not(:disabled) {\n    background-color: color-mix(in srgb, var(--gnome-view-bg-color, #1e1e1e) 85%, white 15%);\n  }\n\n  .spinBtn:active:not(:disabled) {\n    background-color: color-mix(in srgb, var(--gnome-view-bg-color, #1e1e1e) 75%, white 25%);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .spin,\n  .spinBtn {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={spinner:`_spinner_gyn4k_3`,spin:`_spin_gyn4k_3`,sm:`_sm_gyn4k_15`,md:`_md_gyn4k_21`,lg:`_lg_gyn4k_27`};exports.default=e;
+var e={spinner:`_spinner_bytx7_3`,spin:`_spin_bytx7_3`,sm:`_sm_bytx7_15`,md:`_md_bytx7_21`,lg:`_lg_bytx7_27`};exports.default=e;
 //# sourceMappingURL=Spinner.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.module.css.cjs","names":[],"sources":["../../../src/components/Spinner/Spinner.module.css"],"sourcesContent":["/* ─── Base ─────────────────────────────────────────────────────────────────── */\n\n.spinner {\n  display: inline-block;\n  border-radius: 50%;\n  border-style: solid;\n  border-color: var(--gnome-spinner-track-color, rgba(0, 0, 0, 0.15));\n  border-top-color: var(--gnome-accent-color, #3584e4);\n  animation: spin 0.75s linear infinite;\n  flex-shrink: 0;\n}\n\n/* ─── Sizes ────────────────────────────────────────────────────────────────── */\n\n.sm {\n  width: 16px;\n  height: 16px;\n  border-width: 2px;\n}\n\n.md {\n  width: 24px;\n  height: 24px;\n  border-width: 2.5px;\n}\n\n.lg {\n  width: 36px;\n  height: 36px;\n  border-width: 3px;\n}\n\n/* ─── Keyframes ────────────────────────────────────────────────────────────── */\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .spinner {\n    border-color: var(--gnome-spinner-track-color, rgba(255, 255, 255, 0.15));\n    border-top-color: var(--gnome-accent-color, #3584e4);\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .spinner {\n    animation-duration: 2s;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Spinner.module.css.cjs","names":[],"sources":["../../../src/components/Spinner/Spinner.module.css"],"sourcesContent":["/* ─── Base ─────────────────────────────────────────────────────────────────── */\n\n.spinner {\n  display: inline-block;\n  border-radius: 50%;\n  border-style: solid;\n  border-color: var(--gnome-spinner-track-color, rgb(0 0 0 / 0.15));\n  border-top-color: var(--gnome-accent-color, #3584e4);\n  animation: spin 0.75s linear infinite;\n  flex-shrink: 0;\n}\n\n/* ─── Sizes ────────────────────────────────────────────────────────────────── */\n\n.sm {\n  width: 16px;\n  height: 16px;\n  border-width: 2px;\n}\n\n.md {\n  width: 24px;\n  height: 24px;\n  border-width: 2.5px;\n}\n\n.lg {\n  width: 36px;\n  height: 36px;\n  border-width: 3px;\n}\n\n/* ─── Keyframes ────────────────────────────────────────────────────────────── */\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .spinner {\n    border-color: var(--gnome-spinner-track-color, rgb(255 255 255 / 0.15));\n    border-top-color: var(--gnome-accent-color, #3584e4);\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .spinner {\n    animation-duration: 2s;\n  }\n}\n"],"mappings":""}

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

@@ -1,9 +1,9 @@
 var e = {
-	spinner: "_spinner_gyn4k_3",
-	spin: "_spin_gyn4k_3",
-	sm: "_sm_gyn4k_15",
-	md: "_md_gyn4k_21",
-	lg: "_lg_gyn4k_27"
+	spinner: "_spinner_bytx7_3",
+	spin: "_spin_bytx7_3",
+	sm: "_sm_bytx7_15",
+	md: "_md_bytx7_21",
+	lg: "_lg_bytx7_27"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.module.css.js","names":[],"sources":["../../../src/components/Spinner/Spinner.module.css"],"sourcesContent":["/* ─── Base ─────────────────────────────────────────────────────────────────── */\n\n.spinner {\n  display: inline-block;\n  border-radius: 50%;\n  border-style: solid;\n  border-color: var(--gnome-spinner-track-color, rgba(0, 0, 0, 0.15));\n  border-top-color: var(--gnome-accent-color, #3584e4);\n  animation: spin 0.75s linear infinite;\n  flex-shrink: 0;\n}\n\n/* ─── Sizes ────────────────────────────────────────────────────────────────── */\n\n.sm {\n  width: 16px;\n  height: 16px;\n  border-width: 2px;\n}\n\n.md {\n  width: 24px;\n  height: 24px;\n  border-width: 2.5px;\n}\n\n.lg {\n  width: 36px;\n  height: 36px;\n  border-width: 3px;\n}\n\n/* ─── Keyframes ────────────────────────────────────────────────────────────── */\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .spinner {\n    border-color: var(--gnome-spinner-track-color, rgba(255, 255, 255, 0.15));\n    border-top-color: var(--gnome-accent-color, #3584e4);\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .spinner {\n    animation-duration: 2s;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Spinner.module.css.js","names":[],"sources":["../../../src/components/Spinner/Spinner.module.css"],"sourcesContent":["/* ─── Base ─────────────────────────────────────────────────────────────────── */\n\n.spinner {\n  display: inline-block;\n  border-radius: 50%;\n  border-style: solid;\n  border-color: var(--gnome-spinner-track-color, rgb(0 0 0 / 0.15));\n  border-top-color: var(--gnome-accent-color, #3584e4);\n  animation: spin 0.75s linear infinite;\n  flex-shrink: 0;\n}\n\n/* ─── Sizes ────────────────────────────────────────────────────────────────── */\n\n.sm {\n  width: 16px;\n  height: 16px;\n  border-width: 2px;\n}\n\n.md {\n  width: 24px;\n  height: 24px;\n  border-width: 2.5px;\n}\n\n.lg {\n  width: 36px;\n  height: 36px;\n  border-width: 3px;\n}\n\n/* ─── Keyframes ────────────────────────────────────────────────────────────── */\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .spinner {\n    border-color: var(--gnome-spinner-track-color, rgb(255 255 255 / 0.15));\n    border-top-color: var(--gnome-accent-color, #3584e4);\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .spinner {\n    animation-duration: 2s;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={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`};exports.default=e;
+var e={container:`_container_1dmd2_3`,primary:`_primary_1dmd2_14`,toggle:`_toggle_1dmd2_15`,separator:`_separator_1dmd2_63`,chevron:`_chevron_1dmd2_78`,default:`_default_1dmd2_85`,suggested:`_suggested_1dmd2_120`,destructive:`_destructive_1dmd2_142`,dropdown:`_dropdown_1dmd2_164`,dropdownVisible:`_dropdownVisible_1dmd2_180`};exports.default=e;
 //# sourceMappingURL=SplitButton.module.css.cjs.map

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))\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":""}
+{"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  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  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  min-height: 34px;\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, #fff);\n  border-color: var(--gnome-light-3, #deddda);\n  box-shadow: var(--gnome-shadow-sm);\n  color: var(--gnome-window-fg-color, rgb(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: rgb(255 255 255 / 0.12);\n    box-shadow: none;\n  }\n\n  .default .separator {\n    background-color: rgb(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: rgb(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: rgb(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  background-color: var(--gnome-popover-bg-color, #fff);\n  border: 1px solid var(--gnome-popover-border-color, rgb(0 0 0 / 0.12));\n  border-radius: var(--gnome-radius-md);\n  box-shadow: var(--gnome-shadow-md, 0 4px 16px rgb(0 0 0 / 0.18));\n  padding: var(--gnome-space-1, 6px);\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: rgb(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_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"
+	container: "_container_1dmd2_3",
+	primary: "_primary_1dmd2_14",
+	toggle: "_toggle_1dmd2_15",
+	separator: "_separator_1dmd2_63",
+	chevron: "_chevron_1dmd2_78",
+	default: "_default_1dmd2_85",
+	suggested: "_suggested_1dmd2_120",
+	destructive: "_destructive_1dmd2_142",
+	dropdown: "_dropdown_1dmd2_164",
+	dropdownVisible: "_dropdownVisible_1dmd2_180"
 };
 //#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))\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":""}
+{"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  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  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  min-height: 34px;\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, #fff);\n  border-color: var(--gnome-light-3, #deddda);\n  box-shadow: var(--gnome-shadow-sm);\n  color: var(--gnome-window-fg-color, rgb(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: rgb(255 255 255 / 0.12);\n    box-shadow: none;\n  }\n\n  .default .separator {\n    background-color: rgb(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: rgb(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: rgb(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  background-color: var(--gnome-popover-bg-color, #fff);\n  border: 1px solid var(--gnome-popover-border-color, rgb(0 0 0 / 0.12));\n  border-radius: var(--gnome-radius-md);\n  box-shadow: var(--gnome-shadow-md, 0 4px 16px rgb(0 0 0 / 0.18));\n  padding: var(--gnome-space-1, 6px);\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: rgb(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/StatusBadge/StatusBadge.module.css.cjs

@@ -1,2 +1,2 @@
-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;
+var e={badge:`_badge_6lr4v_3`,success:`_success_6lr4v_19`,warning:`_warning_6lr4v_24`,error:`_error_6lr4v_29`,new:`_new_6lr4v_34`,accent:`_accent_6lr4v_39`,neutral:`_neutral_6lr4v_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  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":""}
+{"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, #fff);\n}\n\n.warning {\n  background-color: var(--gnome-warning-bg-color, #f6d32d);\n  color: var(--gnome-warning-fg-color, rgb(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, #fff);\n}\n\n.new {\n  background-color: var(--gnome-new-bg-color, #9141ac);\n  color: var(--gnome-new-fg-color, #fff);\n}\n\n.accent {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #fff);\n}\n\n.neutral {\n  background-color: var(--gnome-hover-overlay, rgb(0 0 0 / 0.08));\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n}\n"],"mappings":""}

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

@@ -1,11 +1,11 @@
 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"
+	badge: "_badge_6lr4v_3",
+	success: "_success_6lr4v_19",
+	warning: "_warning_6lr4v_24",
+	error: "_error_6lr4v_29",
+	new: "_new_6lr4v_34",
+	accent: "_accent_6lr4v_39",
+	neutral: "_neutral_6lr4v_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  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":""}
+{"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, #fff);\n}\n\n.warning {\n  background-color: var(--gnome-warning-bg-color, #f6d32d);\n  color: var(--gnome-warning-fg-color, rgb(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, #fff);\n}\n\n.new {\n  background-color: var(--gnome-new-bg-color, #9141ac);\n  color: var(--gnome-new-fg-color, #fff);\n}\n\n.accent {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #fff);\n}\n\n.neutral {\n  background-color: var(--gnome-hover-overlay, rgb(0 0 0 / 0.08));\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={page:`_page_cb4hq_3`,iconWrap:`_iconWrap_cb4hq_20`,title:`_title_cb4hq_33`,description:`_description_cb4hq_44`,actions:`_actions_cb4hq_58`,compact:`_compact_cb4hq_68`};exports.default=e;
+var e={page:`_page_3x1kf_3`,iconWrap:`_iconWrap_3x1kf_18`,title:`_title_3x1kf_31`,description:`_description_3x1kf_41`,actions:`_actions_3x1kf_53`,compact:`_compact_3x1kf_63`};exports.default=e;
 //# sourceMappingURL=StatusPage.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"StatusPage.module.css.cjs","names":[],"sources":["../../../src/components/StatusPage/StatusPage.module.css"],"sourcesContent":["/* ─── Page container ─────────────────────────────────────────────────────────── */\n\n.page {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n\n  width: 100%;\n  padding: var(--gnome-space-6, 48px) var(--gnome-space-4, 24px);\n  gap: 0;\n\n  font-family: var(--gnome-font-family);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Icon ───────────────────────────────────────────────────────────────────── */\n\n.iconWrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: var(--gnome-space-4, 24px);\n\n  /* Adwaita dims the icon slightly to keep the title as the focal point */\n  opacity: 0.55;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Title ──────────────────────────────────────────────────────────────────── */\n\n.title {\n  margin: 0;\n\n  font-size: var(--gnome-font-size-title-1, 2rem);\n  font-weight: var(--gnome-font-weight-bold, 700);\n  line-height: var(--gnome-line-height-title, 1.2);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Description ────────────────────────────────────────────────────────────── */\n\n.description {\n  margin: var(--gnome-space-2, 12px) 0 0;\n\n  max-width: 36ch;\n\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-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n/* ─── Actions ────────────────────────────────────────────────────────────────── */\n\n.actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--gnome-space-2, 12px);\n  justify-content: center;\n  margin-top: var(--gnome-space-4, 24px);\n}\n\n/* ─── Compact mode ───────────────────────────────────────────────────────────── */\n\n.compact {\n  padding: var(--gnome-space-3, 18px) var(--gnome-space-3, 18px);\n}\n\n.compact .iconWrap {\n  margin-bottom: var(--gnome-space-2, 12px);\n}\n\n.compact .title {\n  font-size: var(--gnome-font-size-title-4, 1.125rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n}\n\n.compact .description {\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  margin-top: var(--gnome-space-1, 6px);\n}\n\n.compact .actions {\n  margin-top: var(--gnome-space-2, 12px);\n  gap: var(--gnome-space-1, 6px);\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .iconWrap {\n    opacity: 0.45;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"StatusPage.module.css.cjs","names":[],"sources":["../../../src/components/StatusPage/StatusPage.module.css"],"sourcesContent":["/* ─── Page container ─────────────────────────────────────────────────────────── */\n\n.page {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  width: 100%;\n  padding: var(--gnome-space-6, 48px) var(--gnome-space-4, 24px);\n  gap: 0;\n  font-family: var(--gnome-font-family);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n}\n\n/* ─── Icon ───────────────────────────────────────────────────────────────────── */\n\n.iconWrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: var(--gnome-space-4, 24px);\n\n  /* Adwaita dims the icon slightly to keep the title as the focal point */\n  opacity: 0.55;\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n}\n\n/* ─── Title ──────────────────────────────────────────────────────────────────── */\n\n.title {\n  margin: 0;\n  font-size: var(--gnome-font-size-title-1, 2rem);\n  font-weight: var(--gnome-font-weight-bold, 700);\n  line-height: var(--gnome-line-height-title, 1.2);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n}\n\n/* ─── Description ────────────────────────────────────────────────────────────── */\n\n.description {\n  margin: var(--gnome-space-2, 12px) 0 0;\n  max-width: 36ch;\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-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n/* ─── Actions ────────────────────────────────────────────────────────────────── */\n\n.actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--gnome-space-2, 12px);\n  justify-content: center;\n  margin-top: var(--gnome-space-4, 24px);\n}\n\n/* ─── Compact mode ───────────────────────────────────────────────────────────── */\n\n.compact {\n  padding: var(--gnome-space-3, 18px) var(--gnome-space-3, 18px);\n}\n\n.compact .iconWrap {\n  margin-bottom: var(--gnome-space-2, 12px);\n}\n\n.compact .title {\n  font-size: var(--gnome-font-size-title-4, 1.125rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n}\n\n.compact .description {\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  margin-top: var(--gnome-space-1, 6px);\n}\n\n.compact .actions {\n  margin-top: var(--gnome-space-2, 12px);\n  gap: var(--gnome-space-1, 6px);\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .iconWrap {\n    opacity: 0.45;\n  }\n}\n"],"mappings":""}

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

@@ -1,10 +1,10 @@
 var e = {
-	page: "_page_cb4hq_3",
-	iconWrap: "_iconWrap_cb4hq_20",
-	title: "_title_cb4hq_33",
-	description: "_description_cb4hq_44",
-	actions: "_actions_cb4hq_58",
-	compact: "_compact_cb4hq_68"
+	page: "_page_3x1kf_3",
+	iconWrap: "_iconWrap_3x1kf_18",
+	title: "_title_3x1kf_31",
+	description: "_description_3x1kf_41",
+	actions: "_actions_3x1kf_53",
+	compact: "_compact_3x1kf_63"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"StatusPage.module.css.js","names":[],"sources":["../../../src/components/StatusPage/StatusPage.module.css"],"sourcesContent":["/* ─── Page container ─────────────────────────────────────────────────────────── */\n\n.page {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n\n  width: 100%;\n  padding: var(--gnome-space-6, 48px) var(--gnome-space-4, 24px);\n  gap: 0;\n\n  font-family: var(--gnome-font-family);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Icon ───────────────────────────────────────────────────────────────────── */\n\n.iconWrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: var(--gnome-space-4, 24px);\n\n  /* Adwaita dims the icon slightly to keep the title as the focal point */\n  opacity: 0.55;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Title ──────────────────────────────────────────────────────────────────── */\n\n.title {\n  margin: 0;\n\n  font-size: var(--gnome-font-size-title-1, 2rem);\n  font-weight: var(--gnome-font-weight-bold, 700);\n  line-height: var(--gnome-line-height-title, 1.2);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Description ────────────────────────────────────────────────────────────── */\n\n.description {\n  margin: var(--gnome-space-2, 12px) 0 0;\n\n  max-width: 36ch;\n\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-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n/* ─── Actions ────────────────────────────────────────────────────────────────── */\n\n.actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--gnome-space-2, 12px);\n  justify-content: center;\n  margin-top: var(--gnome-space-4, 24px);\n}\n\n/* ─── Compact mode ───────────────────────────────────────────────────────────── */\n\n.compact {\n  padding: var(--gnome-space-3, 18px) var(--gnome-space-3, 18px);\n}\n\n.compact .iconWrap {\n  margin-bottom: var(--gnome-space-2, 12px);\n}\n\n.compact .title {\n  font-size: var(--gnome-font-size-title-4, 1.125rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n}\n\n.compact .description {\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  margin-top: var(--gnome-space-1, 6px);\n}\n\n.compact .actions {\n  margin-top: var(--gnome-space-2, 12px);\n  gap: var(--gnome-space-1, 6px);\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .iconWrap {\n    opacity: 0.45;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"StatusPage.module.css.js","names":[],"sources":["../../../src/components/StatusPage/StatusPage.module.css"],"sourcesContent":["/* ─── Page container ─────────────────────────────────────────────────────────── */\n\n.page {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  width: 100%;\n  padding: var(--gnome-space-6, 48px) var(--gnome-space-4, 24px);\n  gap: 0;\n  font-family: var(--gnome-font-family);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n}\n\n/* ─── Icon ───────────────────────────────────────────────────────────────────── */\n\n.iconWrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: var(--gnome-space-4, 24px);\n\n  /* Adwaita dims the icon slightly to keep the title as the focal point */\n  opacity: 0.55;\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n}\n\n/* ─── Title ──────────────────────────────────────────────────────────────────── */\n\n.title {\n  margin: 0;\n  font-size: var(--gnome-font-size-title-1, 2rem);\n  font-weight: var(--gnome-font-weight-bold, 700);\n  line-height: var(--gnome-line-height-title, 1.2);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n}\n\n/* ─── Description ────────────────────────────────────────────────────────────── */\n\n.description {\n  margin: var(--gnome-space-2, 12px) 0 0;\n  max-width: 36ch;\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-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n/* ─── Actions ────────────────────────────────────────────────────────────────── */\n\n.actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--gnome-space-2, 12px);\n  justify-content: center;\n  margin-top: var(--gnome-space-4, 24px);\n}\n\n/* ─── Compact mode ───────────────────────────────────────────────────────────── */\n\n.compact {\n  padding: var(--gnome-space-3, 18px) var(--gnome-space-3, 18px);\n}\n\n.compact .iconWrap {\n  margin-bottom: var(--gnome-space-2, 12px);\n}\n\n.compact .title {\n  font-size: var(--gnome-font-size-title-4, 1.125rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n}\n\n.compact .description {\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  margin-top: var(--gnome-space-1, 6px);\n}\n\n.compact .actions {\n  margin-top: var(--gnome-space-2, 12px);\n  gap: var(--gnome-space-1, 6px);\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .iconWrap {\n    opacity: 0.45;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={switch:`_switch_74vw9_3`};exports.default=e;
+var e={switch:`_switch_1jego_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  position: relative;\n  display: inline-block;\n  cursor: pointer;\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);\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: #fff;\n  box-shadow: 0 1px 3px rgb(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: #fff;\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_74vw9_3" };
+var e = { switch: "_switch_1jego_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  position: relative;\n  display: inline-block;\n  cursor: pointer;\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);\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: #fff;\n  box-shadow: 0 1px 3px rgb(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: #fff;\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/SwitchRow/SwitchRow.module.css.cjs

@@ -1,2 +1,2 @@
-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;
+var e={row:`_row_1aamu_3`,disabled:`_disabled_1aamu_38`,leading:`_leading_1aamu_46`,content:`_content_1aamu_55`,title:`_title_1aamu_63`,subtitle:`_subtitle_1aamu_74`,switchTrack:`_switchTrack_1aamu_88`,switchThumb:`_switchThumb_1aamu_111`,switchThumbOn:`_switchThumbOn_1aamu_123`};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\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":""}
+{"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  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, rgb(0 0 0 / 0.8));\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, rgb(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, rgb(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, rgb(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, rgb(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: #fff;\n  box-shadow: 0 1px 3px rgb(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: #fff;\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_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"
+	row: "_row_1aamu_3",
+	disabled: "_disabled_1aamu_38",
+	leading: "_leading_1aamu_46",
+	content: "_content_1aamu_55",
+	title: "_title_1aamu_63",
+	subtitle: "_subtitle_1aamu_74",
+	switchTrack: "_switchTrack_1aamu_88",
+	switchThumb: "_switchThumb_1aamu_111",
+	switchThumbOn: "_switchThumbOn_1aamu_123"
 };
 //#endregion
 export { e as default };