@gnome-ui/react 1.49.0 → 1.50.0

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 };

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"TabBar.cjs","names":[],"sources":["../../../src/components/Tabs/TabBar.tsx"],"sourcesContent":["import { type HTMLAttributes, type KeyboardEvent, type ReactNode, useRef } from 'react';\n\nimport styles from './Tabs.module.css';\n\nexport interface TabBarProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  /** Accessible label for the tab list. */\n  'aria-label'?: string;\n  /**\n   * Removes the header-bar background so the tab bar blends into any surface.\n   * Use when placing the bar inside a card, content area, or custom container.\n   * Mirrors the `.inline` style class.\n   */\n  inline?: boolean;\n}\n\n/**\n * Horizontal tab bar that holds `TabItem` elements.\n *\n * Manages roving-tabindex keyboard navigation (← → Home End).\n *\n * @see https://developer.gnome.org/hig/patterns/nav/tabs.html\n */\nexport const TabBar = ({\n  children,\n  className,\n  inline = false,\n  'aria-label': ariaLabel = 'Tabs',\n  ...props\n}: TabBarProps) => {\n  const listRef = useRef<HTMLDivElement>(null);\n\n  function handleKeyDown(e: KeyboardEvent<HTMLDivElement>) {\n    const tabs = Array.from(\n      listRef.current?.querySelectorAll<HTMLButtonElement>('[role=tab]:not(:disabled)') ?? [],\n    );\n    const activeElement = document.activeElement;\n    const idx = activeElement instanceof HTMLButtonElement ? tabs.indexOf(activeElement) : -1;\n\n    if (idx === -1) {\n      return;\n    }\n\n    let next = idx;\n    if (e.key === 'ArrowRight') {\n      next = (idx + 1) % tabs.length;\n    } else if (e.key === 'ArrowLeft') {\n      next = (idx - 1 + tabs.length) % tabs.length;\n    } else if (e.key === 'Home') {\n      next = 0;\n    } else if (e.key === 'End') {\n      next = tabs.length - 1;\n    } else {\n      return;\n    }\n\n    e.preventDefault();\n    tabs[next].focus();\n  }\n\n  return (\n    <div\n      className={[styles.bar, inline ? styles.inline : null, className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      <div\n        ref={listRef}\n        role=\"tablist\"\n        aria-label={ariaLabel}\n        className={styles.list}\n        onKeyDown={handleKeyDown}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"+FAuBA,IAAa,GAAU,CACrB,WACA,YACA,SAAS,GACT,aAAc,EAAY,OAC1B,GAAG,KACc,CACjB,IAAM,GAAA,EAAA,EAAA,QAAiC,IAAI,EAE3C,SAAS,EAAc,EAAkC,CACvD,IAAM,EAAO,MAAM,KACjB,EAAQ,SAAS,iBAAoC,2BAA2B,GAAK,CAAC,CACxF,EACM,EAAgB,SAAS,cACzB,EAAM,aAAyB,kBAAoB,EAAK,QAAQ,CAAa,EAAI,GAEvF,GAAI,IAAQ,GACV,OAGF,IAAI,EAAO,EACX,GAAI,EAAE,MAAQ,aACZ,GAAQ,EAAM,GAAK,EAAK,YACnB,GAAI,EAAE,MAAQ,YACnB,GAAQ,EAAM,EAAI,EAAK,QAAU,EAAK,YACjC,GAAI,EAAE,MAAQ,OACnB,EAAO,OACF,GAAI,EAAE,MAAQ,MACnB,EAAO,EAAK,OAAS,OAErB,OAGF,EAAE,eAAe,EACjB,EAAK,GAAM,MAAM,CACnB,CAEA,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,CAAC,EAAA,QAAO,IAAK,EAAS,EAAA,QAAO,OAAS,KAAM,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC1F,GAAI,YAEJ,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,KAAK,UACL,aAAY,EACZ,UAAW,EAAA,QAAO,KAClB,UAAW,EAEV,UACE,CAAA,CACF,CAAA,CAET"}
+{"version":3,"file":"TabBar.cjs","names":[],"sources":["../../../src/components/Tabs/TabBar.tsx"],"sourcesContent":["import { type HTMLAttributes, type KeyboardEvent, type ReactNode, useRef } from 'react';\n\nimport styles from './Tabs.module.css';\n\nexport interface TabBarProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  /** Accessible label for the tab list. */\n  'aria-label'?: string;\n  /**\n   * Removes the header-bar background so the tab bar blends into any surface.\n   * Use when placing the bar inside a card, content area, or custom container.\n   * Mirrors the `.inline` style class.\n   */\n  inline?: boolean;\n}\n\n/**\n * Horizontal tab bar that holds `TabItem` elements.\n *\n * Manages roving-tabindex keyboard navigation (← → Home End).\n *\n * @see https://developer.gnome.org/hig/patterns/nav/tabs.html\n */\nexport const TabBar = ({\n  children,\n  className,\n  inline = false,\n  'aria-label': ariaLabel = 'Tabs',\n  ...props\n}: TabBarProps) => {\n  const listRef = useRef<HTMLDivElement>(null);\n\n  function handleKeyDown(e: KeyboardEvent<HTMLDivElement>) {\n    const tabs = Array.from(\n      listRef.current?.querySelectorAll<HTMLButtonElement>('[role=tab]:not(:disabled)') ?? [],\n    );\n    const { activeElement } = document;\n    const idx = activeElement instanceof HTMLButtonElement ? tabs.indexOf(activeElement) : -1;\n\n    if (idx === -1) {\n      return;\n    }\n\n    let next = idx;\n    if (e.key === 'ArrowRight') {\n      next = (idx + 1) % tabs.length;\n    } else if (e.key === 'ArrowLeft') {\n      next = (idx - 1 + tabs.length) % tabs.length;\n    } else if (e.key === 'Home') {\n      next = 0;\n    } else if (e.key === 'End') {\n      next = tabs.length - 1;\n    } else {\n      return;\n    }\n\n    e.preventDefault();\n    tabs[next].focus();\n  }\n\n  return (\n    <div\n      className={[styles.bar, inline ? styles.inline : null, className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      <div\n        ref={listRef}\n        role=\"tablist\"\n        aria-label={ariaLabel}\n        className={styles.list}\n        onKeyDown={handleKeyDown}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"+FAuBA,IAAa,GAAU,CACrB,WACA,YACA,SAAS,GACT,aAAc,EAAY,OAC1B,GAAG,KACc,CACjB,IAAM,GAAA,EAAA,EAAA,QAAiC,IAAI,EAE3C,SAAS,EAAc,EAAkC,CACvD,IAAM,EAAO,MAAM,KACjB,EAAQ,SAAS,iBAAoC,2BAA2B,GAAK,CAAC,CACxF,EACM,CAAE,iBAAkB,SACpB,EAAM,aAAyB,kBAAoB,EAAK,QAAQ,CAAa,EAAI,GAEvF,GAAI,IAAQ,GACV,OAGF,IAAI,EAAO,EACX,GAAI,EAAE,MAAQ,aACZ,GAAQ,EAAM,GAAK,EAAK,YACnB,GAAI,EAAE,MAAQ,YACnB,GAAQ,EAAM,EAAI,EAAK,QAAU,EAAK,YACjC,GAAI,EAAE,MAAQ,OACnB,EAAO,OACF,GAAI,EAAE,MAAQ,MACnB,EAAO,EAAK,OAAS,OAErB,OAGF,EAAE,eAAe,EACjB,EAAK,GAAM,MAAM,CACnB,CAEA,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,CAAC,EAAA,QAAO,IAAK,EAAS,EAAA,QAAO,OAAS,KAAM,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC1F,GAAI,YAEJ,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,KAAK,UACL,aAAY,EACZ,UAAW,EAAA,QAAO,KAClB,UAAW,EAEV,UACE,CAAA,CACF,CAAA,CAET"}

package/dist/components/Tabs/TabBar.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"TabBar.js","names":[],"sources":["../../../src/components/Tabs/TabBar.tsx"],"sourcesContent":["import { type HTMLAttributes, type KeyboardEvent, type ReactNode, useRef } from 'react';\n\nimport styles from './Tabs.module.css';\n\nexport interface TabBarProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  /** Accessible label for the tab list. */\n  'aria-label'?: string;\n  /**\n   * Removes the header-bar background so the tab bar blends into any surface.\n   * Use when placing the bar inside a card, content area, or custom container.\n   * Mirrors the `.inline` style class.\n   */\n  inline?: boolean;\n}\n\n/**\n * Horizontal tab bar that holds `TabItem` elements.\n *\n * Manages roving-tabindex keyboard navigation (← → Home End).\n *\n * @see https://developer.gnome.org/hig/patterns/nav/tabs.html\n */\nexport const TabBar = ({\n  children,\n  className,\n  inline = false,\n  'aria-label': ariaLabel = 'Tabs',\n  ...props\n}: TabBarProps) => {\n  const listRef = useRef<HTMLDivElement>(null);\n\n  function handleKeyDown(e: KeyboardEvent<HTMLDivElement>) {\n    const tabs = Array.from(\n      listRef.current?.querySelectorAll<HTMLButtonElement>('[role=tab]:not(:disabled)') ?? [],\n    );\n    const activeElement = document.activeElement;\n    const idx = activeElement instanceof HTMLButtonElement ? tabs.indexOf(activeElement) : -1;\n\n    if (idx === -1) {\n      return;\n    }\n\n    let next = idx;\n    if (e.key === 'ArrowRight') {\n      next = (idx + 1) % tabs.length;\n    } else if (e.key === 'ArrowLeft') {\n      next = (idx - 1 + tabs.length) % tabs.length;\n    } else if (e.key === 'Home') {\n      next = 0;\n    } else if (e.key === 'End') {\n      next = tabs.length - 1;\n    } else {\n      return;\n    }\n\n    e.preventDefault();\n    tabs[next].focus();\n  }\n\n  return (\n    <div\n      className={[styles.bar, inline ? styles.inline : null, className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      <div\n        ref={listRef}\n        role=\"tablist\"\n        aria-label={ariaLabel}\n        className={styles.list}\n        onKeyDown={handleKeyDown}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAuBA,IAAa,KAAU,EACrB,aACA,cACA,YAAS,IACT,cAAc,IAAY,QAC1B,GAAG,QACc;CACjB,IAAM,IAAU,EAAuB,IAAI;CAE3C,SAAS,EAAc,GAAkC;EACvD,IAAM,IAAO,MAAM,KACjB,EAAQ,SAAS,iBAAoC,2BAA2B,KAAK,CAAC,CACxF,GACM,IAAgB,SAAS,eACzB,IAAM,aAAyB,oBAAoB,EAAK,QAAQ,CAAa,IAAI;EAEvF,IAAI,MAAQ,IACV;EAGF,IAAI,IAAO;EACX,IAAI,EAAE,QAAQ,cACZ,KAAQ,IAAM,KAAK,EAAK;OACnB,IAAI,EAAE,QAAQ,aACnB,KAAQ,IAAM,IAAI,EAAK,UAAU,EAAK;OACjC,IAAI,EAAE,QAAQ,QACnB,IAAO;OACF,IAAI,EAAE,QAAQ,OACnB,IAAO,EAAK,SAAS;OAErB;EAIF,AADA,EAAE,eAAe,GACjB,EAAK,GAAM,MAAM;CACnB;CAEA,OACE,kBAAC,OAAD;EACE,WAAW;GAAC,EAAO;GAAK,IAAS,EAAO,SAAS;GAAM;EAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;EAC1F,GAAI;YAEJ,kBAAC,OAAD;GACE,KAAK;GACL,MAAK;GACL,cAAY;GACZ,WAAW,EAAO;GAClB,WAAW;GAEV;EACE,CAAA;CACF,CAAA;AAET"}
+{"version":3,"file":"TabBar.js","names":[],"sources":["../../../src/components/Tabs/TabBar.tsx"],"sourcesContent":["import { type HTMLAttributes, type KeyboardEvent, type ReactNode, useRef } from 'react';\n\nimport styles from './Tabs.module.css';\n\nexport interface TabBarProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  /** Accessible label for the tab list. */\n  'aria-label'?: string;\n  /**\n   * Removes the header-bar background so the tab bar blends into any surface.\n   * Use when placing the bar inside a card, content area, or custom container.\n   * Mirrors the `.inline` style class.\n   */\n  inline?: boolean;\n}\n\n/**\n * Horizontal tab bar that holds `TabItem` elements.\n *\n * Manages roving-tabindex keyboard navigation (← → Home End).\n *\n * @see https://developer.gnome.org/hig/patterns/nav/tabs.html\n */\nexport const TabBar = ({\n  children,\n  className,\n  inline = false,\n  'aria-label': ariaLabel = 'Tabs',\n  ...props\n}: TabBarProps) => {\n  const listRef = useRef<HTMLDivElement>(null);\n\n  function handleKeyDown(e: KeyboardEvent<HTMLDivElement>) {\n    const tabs = Array.from(\n      listRef.current?.querySelectorAll<HTMLButtonElement>('[role=tab]:not(:disabled)') ?? [],\n    );\n    const { activeElement } = document;\n    const idx = activeElement instanceof HTMLButtonElement ? tabs.indexOf(activeElement) : -1;\n\n    if (idx === -1) {\n      return;\n    }\n\n    let next = idx;\n    if (e.key === 'ArrowRight') {\n      next = (idx + 1) % tabs.length;\n    } else if (e.key === 'ArrowLeft') {\n      next = (idx - 1 + tabs.length) % tabs.length;\n    } else if (e.key === 'Home') {\n      next = 0;\n    } else if (e.key === 'End') {\n      next = tabs.length - 1;\n    } else {\n      return;\n    }\n\n    e.preventDefault();\n    tabs[next].focus();\n  }\n\n  return (\n    <div\n      className={[styles.bar, inline ? styles.inline : null, className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      <div\n        ref={listRef}\n        role=\"tablist\"\n        aria-label={ariaLabel}\n        className={styles.list}\n        onKeyDown={handleKeyDown}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAuBA,IAAa,KAAU,EACrB,aACA,cACA,YAAS,IACT,cAAc,IAAY,QAC1B,GAAG,QACc;CACjB,IAAM,IAAU,EAAuB,IAAI;CAE3C,SAAS,EAAc,GAAkC;EACvD,IAAM,IAAO,MAAM,KACjB,EAAQ,SAAS,iBAAoC,2BAA2B,KAAK,CAAC,CACxF,GACM,EAAE,qBAAkB,UACpB,IAAM,aAAyB,oBAAoB,EAAK,QAAQ,CAAa,IAAI;EAEvF,IAAI,MAAQ,IACV;EAGF,IAAI,IAAO;EACX,IAAI,EAAE,QAAQ,cACZ,KAAQ,IAAM,KAAK,EAAK;OACnB,IAAI,EAAE,QAAQ,aACnB,KAAQ,IAAM,IAAI,EAAK,UAAU,EAAK;OACjC,IAAI,EAAE,QAAQ,QACnB,IAAO;OACF,IAAI,EAAE,QAAQ,OACnB,IAAO,EAAK,SAAS;OAErB;EAIF,AADA,EAAE,eAAe,GACjB,EAAK,GAAM,MAAM;CACnB;CAEA,OACE,kBAAC,OAAD;EACE,WAAW;GAAC,EAAO;GAAK,IAAS,EAAO,SAAS;GAAM;EAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;EAC1F,GAAI;YAEJ,kBAAC,OAAD;GACE,KAAK;GACL,MAAK;GACL,cAAY;GACZ,WAAW,EAAO;GAClB,WAAW;GAEV;EACE,CAAA;CACF,CAAA;AAET"}

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

@@ -1,2 +1,2 @@
-var e={bar:`_bar_1faeq_3`,list:`_list_1faeq_10`,tab:`_tab_1faeq_26`,active:`_active_1faeq_81`,tabIcon:`_tabIcon_1faeq_102`,tabLabel:`_tabLabel_1faeq_110`,tabBadge:`_tabBadge_1faeq_119`,closeBtn:`_closeBtn_1faeq_126`,panel:`_panel_1faeq_164`,inline:`_inline_1faeq_174`};exports.default=e;
+var e={bar:`_bar_1lfti_3`,list:`_list_1lfti_10`,tab:`_tab_1lfti_26`,active:`_active_1lfti_77`,tabIcon:`_tabIcon_1lfti_98`,tabLabel:`_tabLabel_1lfti_106`,tabBadge:`_tabBadge_1lfti_115`,closeBtn:`_closeBtn_1lfti_122`,panel:`_panel_1lfti_158`,inline:`_inline_1lfti_168`};exports.default=e;
 //# sourceMappingURL=Tabs.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.module.css.cjs","names":[],"sources":["../../../src/components/Tabs/Tabs.module.css"],"sourcesContent":["/* ─── Bar (outer wrapper) ──────────────────────────────────────────────────── */\n\n.bar {\n  background-color: var(--gnome-headerbar-bg-color, #ebebeb);\n  border-bottom: 1px solid var(--gnome-headerbar-border-color, rgba(0, 0, 0, 0.12));\n}\n\n/* ─── Tab list ─────────────────────────────────────────────────────────────── */\n\n.list {\n  display: flex;\n  align-items: stretch;\n  overflow-x: auto;\n  scrollbar-width: none;\n  padding: 0 var(--gnome-space-1, 6px);\n  gap: 2px;\n  min-height: 40px;\n}\n\n.list::-webkit-scrollbar {\n  display: none;\n}\n\n/* ─── Tab button ───────────────────────────────────────────────────────────── */\n\n.tab {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  cursor: pointer;\n  outline: none;\n\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  padding: 0 var(--gnome-space-2, 12px);\n  min-width: 80px;\n  max-width: 200px;\n  white-space: nowrap;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  color: var(--gnome-headerbar-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.7;\n\n  border-radius: var(--gnome-radius-md, 8px) var(--gnome-radius-md, 8px) 0 0;\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.tab::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: var(--gnome-space-2, 12px);\n  right: var(--gnome-space-2, 12px);\n  height: 2px;\n  border-radius: 1px 1px 0 0;\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  opacity: 0;\n  transition: opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.tab:hover {\n  opacity: 1;\n  background-color: var(--gnome-hover-overlay);\n}\n\n.tab:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Active tab ───────────────────────────────────────────────────────────── */\n\n.active {\n  opacity: 1;\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  background-color: var(--gnome-active-overlay);\n}\n\n.active::after {\n  opacity: 1;\n}\n\n/* ─── Focus ────────────────────────────────────────────────────────────────── */\n\n.tab:focus-visible {\n  box-shadow:\n    inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-headerbar-bg-color, #ebebeb),\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/* ─── Icon inside tab ──────────────────────────────────────────────────────── */\n\n.tabIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n/* ─── Label inside tab ─────────────────────────────────────────────────────── */\n\n.tabLabel {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Badge inside tab ─────────────────────────────────────────────────────── */\n\n.tabBadge {\n  margin-inline-start: var(--gnome-space-1, 6px);\n  flex-shrink: 0;\n}\n\n/* ─── Close button ─────────────────────────────────────────────────────────── */\n\n.closeBtn {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  cursor: pointer;\n  padding: 0;\n\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  border-radius: var(--gnome-radius-sm, 4px);\n  font-size: 1rem;\n  line-height: 1;\n  opacity: 0.5;\n  margin-left: 2px;\n  transition:\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default),\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.closeBtn:hover {\n  opacity: 1;\n  background-color: var(--gnome-active-overlay);\n}\n\n.closeBtn:focus-visible {\n  outline: 2px solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: 1px;\n  opacity: 1;\n}\n\n/* ─── Panel ────────────────────────────────────────────────────────────────── */\n\n.panel {\n  outline: none;\n}\n\n.panel:focus-visible {\n  box-shadow: inset 0 0 0 2px var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Inline variant ───────────────────────────────────────────────────────── */\n\n.inline {\n  background-color: transparent;\n  border-bottom-color: transparent;\n}\n\n.inline .tab: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/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .bar {\n    border-bottom-width: 2px;\n  }\n\n  .tab::after {\n    height: 3px;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .tab,\n  .tab::after,\n  .closeBtn {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Tabs.module.css.cjs","names":[],"sources":["../../../src/components/Tabs/Tabs.module.css"],"sourcesContent":["/* ─── Bar (outer wrapper) ──────────────────────────────────────────────────── */\n\n.bar {\n  background-color: var(--gnome-headerbar-bg-color, #ebebeb);\n  border-bottom: 1px solid var(--gnome-headerbar-border-color, rgb(0 0 0 / 0.12));\n}\n\n/* ─── Tab list ─────────────────────────────────────────────────────────────── */\n\n.list {\n  display: flex;\n  align-items: stretch;\n  overflow-x: auto;\n  scrollbar-width: none;\n  padding: 0 var(--gnome-space-1, 6px);\n  gap: 2px;\n  min-height: 40px;\n}\n\n.list::-webkit-scrollbar {\n  display: none;\n}\n\n/* ─── Tab button ───────────────────────────────────────────────────────────── */\n\n.tab {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  cursor: pointer;\n  outline: none;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  padding: 0 var(--gnome-space-2, 12px);\n  min-width: 80px;\n  max-width: 200px;\n  white-space: nowrap;\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  color: var(--gnome-headerbar-fg-color, rgb(0 0 0 / 0.8));\n  opacity: 0.7;\n  border-radius: var(--gnome-radius-md, 8px) var(--gnome-radius-md, 8px) 0 0;\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.tab::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: var(--gnome-space-2, 12px);\n  right: var(--gnome-space-2, 12px);\n  height: 2px;\n  border-radius: 1px 1px 0 0;\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  opacity: 0;\n  transition: opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.tab:hover {\n  opacity: 1;\n  background-color: var(--gnome-hover-overlay);\n}\n\n.tab:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Active tab ───────────────────────────────────────────────────────────── */\n\n.active {\n  opacity: 1;\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  background-color: var(--gnome-active-overlay);\n}\n\n.active::after {\n  opacity: 1;\n}\n\n/* ─── Focus ────────────────────────────────────────────────────────────────── */\n\n.tab:focus-visible {\n  box-shadow:\n    inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-headerbar-bg-color, #ebebeb),\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/* ─── Icon inside tab ──────────────────────────────────────────────────────── */\n\n.tabIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n/* ─── Label inside tab ─────────────────────────────────────────────────────── */\n\n.tabLabel {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Badge inside tab ─────────────────────────────────────────────────────── */\n\n.tabBadge {\n  margin-inline-start: var(--gnome-space-1, 6px);\n  flex-shrink: 0;\n}\n\n/* ─── Close button ─────────────────────────────────────────────────────────── */\n\n.closeBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  cursor: pointer;\n  padding: 0;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  border-radius: var(--gnome-radius-sm, 4px);\n  font-size: 1rem;\n  line-height: 1;\n  opacity: 0.5;\n  margin-left: 2px;\n  transition:\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default),\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.closeBtn:hover {\n  opacity: 1;\n  background-color: var(--gnome-active-overlay);\n}\n\n.closeBtn:focus-visible {\n  outline: 2px solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: 1px;\n  opacity: 1;\n}\n\n/* ─── Panel ────────────────────────────────────────────────────────────────── */\n\n.panel {\n  outline: none;\n}\n\n.panel:focus-visible {\n  box-shadow: inset 0 0 0 2px var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Inline variant ───────────────────────────────────────────────────────── */\n\n.inline {\n  background-color: transparent;\n  border-bottom-color: transparent;\n}\n\n.inline .tab: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/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .bar {\n    border-bottom-width: 2px;\n  }\n\n  .tab::after {\n    height: 3px;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .tab,\n  .tab::after,\n  .closeBtn {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,14 +1,14 @@
 var e = {
-	bar: "_bar_1faeq_3",
-	list: "_list_1faeq_10",
-	tab: "_tab_1faeq_26",
-	active: "_active_1faeq_81",
-	tabIcon: "_tabIcon_1faeq_102",
-	tabLabel: "_tabLabel_1faeq_110",
-	tabBadge: "_tabBadge_1faeq_119",
-	closeBtn: "_closeBtn_1faeq_126",
-	panel: "_panel_1faeq_164",
-	inline: "_inline_1faeq_174"
+	bar: "_bar_1lfti_3",
+	list: "_list_1lfti_10",
+	tab: "_tab_1lfti_26",
+	active: "_active_1lfti_77",
+	tabIcon: "_tabIcon_1lfti_98",
+	tabLabel: "_tabLabel_1lfti_106",
+	tabBadge: "_tabBadge_1lfti_115",
+	closeBtn: "_closeBtn_1lfti_122",
+	panel: "_panel_1lfti_158",
+	inline: "_inline_1lfti_168"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.module.css.js","names":[],"sources":["../../../src/components/Tabs/Tabs.module.css"],"sourcesContent":["/* ─── Bar (outer wrapper) ──────────────────────────────────────────────────── */\n\n.bar {\n  background-color: var(--gnome-headerbar-bg-color, #ebebeb);\n  border-bottom: 1px solid var(--gnome-headerbar-border-color, rgba(0, 0, 0, 0.12));\n}\n\n/* ─── Tab list ─────────────────────────────────────────────────────────────── */\n\n.list {\n  display: flex;\n  align-items: stretch;\n  overflow-x: auto;\n  scrollbar-width: none;\n  padding: 0 var(--gnome-space-1, 6px);\n  gap: 2px;\n  min-height: 40px;\n}\n\n.list::-webkit-scrollbar {\n  display: none;\n}\n\n/* ─── Tab button ───────────────────────────────────────────────────────────── */\n\n.tab {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  cursor: pointer;\n  outline: none;\n\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  padding: 0 var(--gnome-space-2, 12px);\n  min-width: 80px;\n  max-width: 200px;\n  white-space: nowrap;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  color: var(--gnome-headerbar-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.7;\n\n  border-radius: var(--gnome-radius-md, 8px) var(--gnome-radius-md, 8px) 0 0;\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.tab::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: var(--gnome-space-2, 12px);\n  right: var(--gnome-space-2, 12px);\n  height: 2px;\n  border-radius: 1px 1px 0 0;\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  opacity: 0;\n  transition: opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.tab:hover {\n  opacity: 1;\n  background-color: var(--gnome-hover-overlay);\n}\n\n.tab:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Active tab ───────────────────────────────────────────────────────────── */\n\n.active {\n  opacity: 1;\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  background-color: var(--gnome-active-overlay);\n}\n\n.active::after {\n  opacity: 1;\n}\n\n/* ─── Focus ────────────────────────────────────────────────────────────────── */\n\n.tab:focus-visible {\n  box-shadow:\n    inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-headerbar-bg-color, #ebebeb),\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/* ─── Icon inside tab ──────────────────────────────────────────────────────── */\n\n.tabIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n/* ─── Label inside tab ─────────────────────────────────────────────────────── */\n\n.tabLabel {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Badge inside tab ─────────────────────────────────────────────────────── */\n\n.tabBadge {\n  margin-inline-start: var(--gnome-space-1, 6px);\n  flex-shrink: 0;\n}\n\n/* ─── Close button ─────────────────────────────────────────────────────────── */\n\n.closeBtn {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  cursor: pointer;\n  padding: 0;\n\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  border-radius: var(--gnome-radius-sm, 4px);\n  font-size: 1rem;\n  line-height: 1;\n  opacity: 0.5;\n  margin-left: 2px;\n  transition:\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default),\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.closeBtn:hover {\n  opacity: 1;\n  background-color: var(--gnome-active-overlay);\n}\n\n.closeBtn:focus-visible {\n  outline: 2px solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: 1px;\n  opacity: 1;\n}\n\n/* ─── Panel ────────────────────────────────────────────────────────────────── */\n\n.panel {\n  outline: none;\n}\n\n.panel:focus-visible {\n  box-shadow: inset 0 0 0 2px var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Inline variant ───────────────────────────────────────────────────────── */\n\n.inline {\n  background-color: transparent;\n  border-bottom-color: transparent;\n}\n\n.inline .tab: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/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .bar {\n    border-bottom-width: 2px;\n  }\n\n  .tab::after {\n    height: 3px;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .tab,\n  .tab::after,\n  .closeBtn {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Tabs.module.css.js","names":[],"sources":["../../../src/components/Tabs/Tabs.module.css"],"sourcesContent":["/* ─── Bar (outer wrapper) ──────────────────────────────────────────────────── */\n\n.bar {\n  background-color: var(--gnome-headerbar-bg-color, #ebebeb);\n  border-bottom: 1px solid var(--gnome-headerbar-border-color, rgb(0 0 0 / 0.12));\n}\n\n/* ─── Tab list ─────────────────────────────────────────────────────────────── */\n\n.list {\n  display: flex;\n  align-items: stretch;\n  overflow-x: auto;\n  scrollbar-width: none;\n  padding: 0 var(--gnome-space-1, 6px);\n  gap: 2px;\n  min-height: 40px;\n}\n\n.list::-webkit-scrollbar {\n  display: none;\n}\n\n/* ─── Tab button ───────────────────────────────────────────────────────────── */\n\n.tab {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  cursor: pointer;\n  outline: none;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  padding: 0 var(--gnome-space-2, 12px);\n  min-width: 80px;\n  max-width: 200px;\n  white-space: nowrap;\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  color: var(--gnome-headerbar-fg-color, rgb(0 0 0 / 0.8));\n  opacity: 0.7;\n  border-radius: var(--gnome-radius-md, 8px) var(--gnome-radius-md, 8px) 0 0;\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.tab::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: var(--gnome-space-2, 12px);\n  right: var(--gnome-space-2, 12px);\n  height: 2px;\n  border-radius: 1px 1px 0 0;\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  opacity: 0;\n  transition: opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.tab:hover {\n  opacity: 1;\n  background-color: var(--gnome-hover-overlay);\n}\n\n.tab:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Active tab ───────────────────────────────────────────────────────────── */\n\n.active {\n  opacity: 1;\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  background-color: var(--gnome-active-overlay);\n}\n\n.active::after {\n  opacity: 1;\n}\n\n/* ─── Focus ────────────────────────────────────────────────────────────────── */\n\n.tab:focus-visible {\n  box-shadow:\n    inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-headerbar-bg-color, #ebebeb),\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/* ─── Icon inside tab ──────────────────────────────────────────────────────── */\n\n.tabIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n/* ─── Label inside tab ─────────────────────────────────────────────────────── */\n\n.tabLabel {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Badge inside tab ─────────────────────────────────────────────────────── */\n\n.tabBadge {\n  margin-inline-start: var(--gnome-space-1, 6px);\n  flex-shrink: 0;\n}\n\n/* ─── Close button ─────────────────────────────────────────────────────────── */\n\n.closeBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  cursor: pointer;\n  padding: 0;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  border-radius: var(--gnome-radius-sm, 4px);\n  font-size: 1rem;\n  line-height: 1;\n  opacity: 0.5;\n  margin-left: 2px;\n  transition:\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default),\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.closeBtn:hover {\n  opacity: 1;\n  background-color: var(--gnome-active-overlay);\n}\n\n.closeBtn:focus-visible {\n  outline: 2px solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: 1px;\n  opacity: 1;\n}\n\n/* ─── Panel ────────────────────────────────────────────────────────────────── */\n\n.panel {\n  outline: none;\n}\n\n.panel:focus-visible {\n  box-shadow: inset 0 0 0 2px var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Inline variant ───────────────────────────────────────────────────────── */\n\n.inline {\n  background-color: transparent;\n  border-bottom-color: transparent;\n}\n\n.inline .tab: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/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .bar {\n    border-bottom-width: 2px;\n  }\n\n  .tab::after {\n    height: 3px;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .tab,\n  .tab::after,\n  .closeBtn {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={terminal:`_terminal_1gr0s_3`,pre:`_pre_1gr0s_18`,line:`_line_1gr0s_25`,success:`_success_1gr0s_41`,warning:`_warning_1gr0s_45`,destructive:`_destructive_1gr0s_49`};exports.default=e;
+var e={terminal:`_terminal_4hd0o_3`,pre:`_pre_4hd0o_18`,line:`_line_4hd0o_25`,success:`_success_4hd0o_41`,warning:`_warning_4hd0o_45`,destructive:`_destructive_4hd0o_49`};exports.default=e;
 //# sourceMappingURL=TerminalView.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"TerminalView.module.css.cjs","names":[],"sources":["../../../src/components/TerminalView/TerminalView.module.css"],"sourcesContent":["/* ─── Container ──────────────────────────────────────────────────────────────── */\n\n.terminal {\n  background-color: var(--gnome-dark-4, #241f31);\n  color: var(--gnome-view-fg-color, rgba(255, 255, 255, 0.87));\n  border-radius: var(--gnome-radius-default, 6px);\n  overflow-y: auto;\n  max-height: 400px;\n  padding: 12px 16px;\n  font-size: 0.875rem;\n  line-height: 1.6;\n\n  /* Adwaita-style thin scrollbar */\n  scrollbar-width: thin;\n  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;\n}\n\n.pre {\n  margin: 0;\n  font-family: var(--gnome-font-family-mono, \"Adwaita Mono\", \"Source Code Pro\", monospace);\n  white-space: pre-wrap;\n  word-break: break-all;\n}\n\n.line {\n  min-height: 1em;\n}\n\n/* ─── Light theme ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: light) {\n  .terminal {\n    background-color: var(--gnome-light-2, #f6f5f4);\n    color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;\n  }\n}\n\n/* ─── Variants ───────────────────────────────────────────────────────────────── */\n\n.success .line {\n  color: var(--gnome-success-color, #33d17a);\n}\n\n.warning .line {\n  color: var(--gnome-warning-color, #f6d32d);\n}\n\n.destructive .line {\n  color: var(--gnome-destructive-color, #f66151);\n}\n"],"mappings":""}
+{"version":3,"file":"TerminalView.module.css.cjs","names":[],"sources":["../../../src/components/TerminalView/TerminalView.module.css"],"sourcesContent":["/* ─── Container ──────────────────────────────────────────────────────────────── */\n\n.terminal {\n  background-color: var(--gnome-dark-4, #241f31);\n  color: var(--gnome-view-fg-color, rgb(255 255 255 / 0.87));\n  border-radius: var(--gnome-radius-default, 6px);\n  overflow-y: auto;\n  max-height: 400px;\n  padding: 12px 16px;\n  font-size: 0.875rem;\n  line-height: 1.6;\n\n  /* Adwaita-style thin scrollbar */\n  scrollbar-width: thin;\n  scrollbar-color: rgb(255 255 255 / 0.2) transparent;\n}\n\n.pre {\n  margin: 0;\n  font-family: var(--gnome-font-family-mono, \"Adwaita Mono\", \"Source Code Pro\", monospace);\n  white-space: pre-wrap;\n  word-break: break-all;\n}\n\n.line {\n  min-height: 1em;\n}\n\n/* ─── Light theme ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: light) {\n  .terminal {\n    background-color: var(--gnome-light-2, #f6f5f4);\n    color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n    scrollbar-color: rgb(0 0 0 / 0.2) transparent;\n  }\n}\n\n/* ─── Variants ───────────────────────────────────────────────────────────────── */\n\n.success .line {\n  color: var(--gnome-success-color, #33d17a);\n}\n\n.warning .line {\n  color: var(--gnome-warning-color, #f6d32d);\n}\n\n.destructive .line {\n  color: var(--gnome-destructive-color, #f66151);\n}\n"],"mappings":""}

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

@@ -1,10 +1,10 @@
 var e = {
-	terminal: "_terminal_1gr0s_3",
-	pre: "_pre_1gr0s_18",
-	line: "_line_1gr0s_25",
-	success: "_success_1gr0s_41",
-	warning: "_warning_1gr0s_45",
-	destructive: "_destructive_1gr0s_49"
+	terminal: "_terminal_4hd0o_3",
+	pre: "_pre_4hd0o_18",
+	line: "_line_4hd0o_25",
+	success: "_success_4hd0o_41",
+	warning: "_warning_4hd0o_45",
+	destructive: "_destructive_4hd0o_49"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"TerminalView.module.css.js","names":[],"sources":["../../../src/components/TerminalView/TerminalView.module.css"],"sourcesContent":["/* ─── Container ──────────────────────────────────────────────────────────────── */\n\n.terminal {\n  background-color: var(--gnome-dark-4, #241f31);\n  color: var(--gnome-view-fg-color, rgba(255, 255, 255, 0.87));\n  border-radius: var(--gnome-radius-default, 6px);\n  overflow-y: auto;\n  max-height: 400px;\n  padding: 12px 16px;\n  font-size: 0.875rem;\n  line-height: 1.6;\n\n  /* Adwaita-style thin scrollbar */\n  scrollbar-width: thin;\n  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;\n}\n\n.pre {\n  margin: 0;\n  font-family: var(--gnome-font-family-mono, \"Adwaita Mono\", \"Source Code Pro\", monospace);\n  white-space: pre-wrap;\n  word-break: break-all;\n}\n\n.line {\n  min-height: 1em;\n}\n\n/* ─── Light theme ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: light) {\n  .terminal {\n    background-color: var(--gnome-light-2, #f6f5f4);\n    color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;\n  }\n}\n\n/* ─── Variants ───────────────────────────────────────────────────────────────── */\n\n.success .line {\n  color: var(--gnome-success-color, #33d17a);\n}\n\n.warning .line {\n  color: var(--gnome-warning-color, #f6d32d);\n}\n\n.destructive .line {\n  color: var(--gnome-destructive-color, #f66151);\n}\n"],"mappings":""}
+{"version":3,"file":"TerminalView.module.css.js","names":[],"sources":["../../../src/components/TerminalView/TerminalView.module.css"],"sourcesContent":["/* ─── Container ──────────────────────────────────────────────────────────────── */\n\n.terminal {\n  background-color: var(--gnome-dark-4, #241f31);\n  color: var(--gnome-view-fg-color, rgb(255 255 255 / 0.87));\n  border-radius: var(--gnome-radius-default, 6px);\n  overflow-y: auto;\n  max-height: 400px;\n  padding: 12px 16px;\n  font-size: 0.875rem;\n  line-height: 1.6;\n\n  /* Adwaita-style thin scrollbar */\n  scrollbar-width: thin;\n  scrollbar-color: rgb(255 255 255 / 0.2) transparent;\n}\n\n.pre {\n  margin: 0;\n  font-family: var(--gnome-font-family-mono, \"Adwaita Mono\", \"Source Code Pro\", monospace);\n  white-space: pre-wrap;\n  word-break: break-all;\n}\n\n.line {\n  min-height: 1em;\n}\n\n/* ─── Light theme ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: light) {\n  .terminal {\n    background-color: var(--gnome-light-2, #f6f5f4);\n    color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n    scrollbar-color: rgb(0 0 0 / 0.2) transparent;\n  }\n}\n\n/* ─── Variants ───────────────────────────────────────────────────────────────── */\n\n.success .line {\n  color: var(--gnome-success-color, #33d17a);\n}\n\n.warning .line {\n  color: var(--gnome-warning-color, #f6d32d);\n}\n\n.destructive .line {\n  color: var(--gnome-destructive-color, #f66151);\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={text:`_text_102e3_1`,"large-title":`_large-title_102e3_9`,"title-1":`_title-1_102e3_16`,"title-2":`_title-2_102e3_22`,"title-3":`_title-3_102e3_28`,"title-4":`_title-4_102e3_34`,heading:`_heading_102e3_41`,body:`_body_102e3_48`,document:`_document_102e3_55`,caption:`_caption_102e3_62`,"caption-heading":`_caption-heading_102e3_69`,monospace:`_monospace_102e3_78`,numeric:`_numeric_102e3_85`,"color-default":`_color-default_102e3_95`,"color-dim":`_color-dim_102e3_99`,"color-accent":`_color-accent_102e3_103`,"color-destructive":`_color-destructive_102e3_107`,"color-success":`_color-success_102e3_111`,"color-warning":`_color-warning_102e3_115`,"color-error":`_color-error_102e3_119`};exports.default=e;
+var e={text:`_text_v6j3x_1`,"large-title":`_large-title_v6j3x_9`,"title-1":`_title-1_v6j3x_16`,"title-2":`_title-2_v6j3x_22`,"title-3":`_title-3_v6j3x_28`,"title-4":`_title-4_v6j3x_34`,heading:`_heading_v6j3x_41`,body:`_body_v6j3x_48`,document:`_document_v6j3x_55`,caption:`_caption_v6j3x_62`,"caption-heading":`_caption-heading_v6j3x_69`,monospace:`_monospace_v6j3x_78`,numeric:`_numeric_v6j3x_85`,"color-default":`_color-default_v6j3x_95`,"color-dim":`_color-dim_v6j3x_99`,"color-accent":`_color-accent_v6j3x_103`,"color-destructive":`_color-destructive_v6j3x_107`,"color-success":`_color-success_v6j3x_111`,"color-warning":`_color-warning_v6j3x_115`,"color-error":`_color-error_v6j3x_119`};exports.default=e;
 //# sourceMappingURL=Text.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.module.css.cjs","names":[],"sources":["../../../src/components/Text/Text.module.css"],"sourcesContent":[".text {\n  font-family: var(--gnome-font-family);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  margin: 0;\n}\n\n/* ─── Variants ────────────────────────────────────────────────── */\n\n.large-title {\n  font-size: var(--gnome-font-size-large-title); /* 2.25rem */\n  font-weight: 300;\n  line-height: var(--gnome-line-height-heading);\n  letter-spacing: -0.02em;\n}\n\n.title-1 {\n  font-size: var(--gnome-font-size-title-1); /* 1.875rem */\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n.title-2 {\n  font-size: var(--gnome-font-size-title-2); /* 1.5rem */\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n.title-3 {\n  font-size: var(--gnome-font-size-title-3); /* 1.25rem */\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n.title-4 {\n  font-size: var(--gnome-font-size-title-4); /* 1.125rem */\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n/* Heading — same size as body but bold. Used for section labels, boxed list headers */\n.heading {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n/* Body — default UI text for labels and descriptions */\n.body {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-normal);\n  line-height: var(--gnome-line-height-body);\n}\n\n/* Document — main reading content (chat messages, articles) */\n.document {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-normal);\n  line-height: 1.65;\n}\n\n/* Caption — sub-text accompanying body text */\n.caption {\n  font-size: var(--gnome-font-size-caption); /* 0.75rem */\n  font-weight: var(--gnome-font-weight-normal);\n  line-height: var(--gnome-line-height-body);\n}\n\n/* Caption Heading — small label, often used above groups */\n.caption-heading {\n  font-size: var(--gnome-font-size-caption);\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: var(--gnome-line-height-heading);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n}\n\n/* Monospace — code, logs, shell commands */\n.monospace {\n  font-family: var(--gnome-font-family-mono);\n  font-size: 0.875rem;\n  line-height: var(--gnome-line-height-body);\n}\n\n/* Numeric — tabular figures for aligned numbers */\n.numeric {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-normal);\n  font-variant-numeric: tabular-nums;\n  font-feature-settings: \"tnum\";\n  line-height: var(--gnome-line-height-body);\n}\n\n/* ─── Colors ──────────────────────────────────────────────────── */\n\n.color-default {\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.color-dim {\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n.color-accent {\n  color: var(--gnome-accent-color, #3584e4);\n}\n\n.color-destructive {\n  color: var(--gnome-destructive-color, #e01b24);\n}\n\n.color-success {\n  color: var(--gnome-success-color, #2ec27e);\n}\n\n.color-warning {\n  color: var(--gnome-warning-color, #e5a50a);\n}\n\n.color-error {\n  color: var(--gnome-error-color, #e01b24);\n}\n"],"mappings":""}
+{"version":3,"file":"Text.module.css.cjs","names":[],"sources":["../../../src/components/Text/Text.module.css"],"sourcesContent":[".text {\n  font-family: var(--gnome-font-family);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  margin: 0;\n}\n\n/* ─── Variants ────────────────────────────────────────────────── */\n\n.large-title {\n  font-size: var(--gnome-font-size-large-title); /* 2.25rem */\n  font-weight: 300;\n  line-height: var(--gnome-line-height-heading);\n  letter-spacing: -0.02em;\n}\n\n.title-1 {\n  font-size: var(--gnome-font-size-title-1); /* 1.875rem */\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n.title-2 {\n  font-size: var(--gnome-font-size-title-2); /* 1.5rem */\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n.title-3 {\n  font-size: var(--gnome-font-size-title-3); /* 1.25rem */\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n.title-4 {\n  font-size: var(--gnome-font-size-title-4); /* 1.125rem */\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n/* Heading — same size as body but bold. Used for section labels, boxed list headers */\n.heading {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n/* Body — default UI text for labels and descriptions */\n.body {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-normal);\n  line-height: var(--gnome-line-height-body);\n}\n\n/* Document — main reading content (chat messages, articles) */\n.document {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-normal);\n  line-height: 1.65;\n}\n\n/* Caption — sub-text accompanying body text */\n.caption {\n  font-size: var(--gnome-font-size-caption); /* 0.75rem */\n  font-weight: var(--gnome-font-weight-normal);\n  line-height: var(--gnome-line-height-body);\n}\n\n/* Caption Heading — small label, often used above groups */\n.caption-heading {\n  font-size: var(--gnome-font-size-caption);\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: var(--gnome-line-height-heading);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n}\n\n/* Monospace — code, logs, shell commands */\n.monospace {\n  font-family: var(--gnome-font-family-mono);\n  font-size: 0.875rem;\n  line-height: var(--gnome-line-height-body);\n}\n\n/* Numeric — tabular figures for aligned numbers */\n.numeric {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-normal);\n  font-variant-numeric: tabular-nums;\n  font-feature-settings: \"tnum\";\n  line-height: var(--gnome-line-height-body);\n}\n\n/* ─── Colors ──────────────────────────────────────────────────── */\n\n.color-default {\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n}\n\n.color-dim {\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n.color-accent {\n  color: var(--gnome-accent-color, #3584e4);\n}\n\n.color-destructive {\n  color: var(--gnome-destructive-color, #e01b24);\n}\n\n.color-success {\n  color: var(--gnome-success-color, #2ec27e);\n}\n\n.color-warning {\n  color: var(--gnome-warning-color, #e5a50a);\n}\n\n.color-error {\n  color: var(--gnome-error-color, #e01b24);\n}\n"],"mappings":""}

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

@@ -1,24 +1,24 @@
 var e = {
-	text: "_text_102e3_1",
-	"large-title": "_large-title_102e3_9",
-	"title-1": "_title-1_102e3_16",
-	"title-2": "_title-2_102e3_22",
-	"title-3": "_title-3_102e3_28",
-	"title-4": "_title-4_102e3_34",
-	heading: "_heading_102e3_41",
-	body: "_body_102e3_48",
-	document: "_document_102e3_55",
-	caption: "_caption_102e3_62",
-	"caption-heading": "_caption-heading_102e3_69",
-	monospace: "_monospace_102e3_78",
-	numeric: "_numeric_102e3_85",
-	"color-default": "_color-default_102e3_95",
-	"color-dim": "_color-dim_102e3_99",
-	"color-accent": "_color-accent_102e3_103",
-	"color-destructive": "_color-destructive_102e3_107",
-	"color-success": "_color-success_102e3_111",
-	"color-warning": "_color-warning_102e3_115",
-	"color-error": "_color-error_102e3_119"
+	text: "_text_v6j3x_1",
+	"large-title": "_large-title_v6j3x_9",
+	"title-1": "_title-1_v6j3x_16",
+	"title-2": "_title-2_v6j3x_22",
+	"title-3": "_title-3_v6j3x_28",
+	"title-4": "_title-4_v6j3x_34",
+	heading: "_heading_v6j3x_41",
+	body: "_body_v6j3x_48",
+	document: "_document_v6j3x_55",
+	caption: "_caption_v6j3x_62",
+	"caption-heading": "_caption-heading_v6j3x_69",
+	monospace: "_monospace_v6j3x_78",
+	numeric: "_numeric_v6j3x_85",
+	"color-default": "_color-default_v6j3x_95",
+	"color-dim": "_color-dim_v6j3x_99",
+	"color-accent": "_color-accent_v6j3x_103",
+	"color-destructive": "_color-destructive_v6j3x_107",
+	"color-success": "_color-success_v6j3x_111",
+	"color-warning": "_color-warning_v6j3x_115",
+	"color-error": "_color-error_v6j3x_119"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Text.module.css.js","names":[],"sources":["../../../src/components/Text/Text.module.css"],"sourcesContent":[".text {\n  font-family: var(--gnome-font-family);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  margin: 0;\n}\n\n/* ─── Variants ────────────────────────────────────────────────── */\n\n.large-title {\n  font-size: var(--gnome-font-size-large-title); /* 2.25rem */\n  font-weight: 300;\n  line-height: var(--gnome-line-height-heading);\n  letter-spacing: -0.02em;\n}\n\n.title-1 {\n  font-size: var(--gnome-font-size-title-1); /* 1.875rem */\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n.title-2 {\n  font-size: var(--gnome-font-size-title-2); /* 1.5rem */\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n.title-3 {\n  font-size: var(--gnome-font-size-title-3); /* 1.25rem */\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n.title-4 {\n  font-size: var(--gnome-font-size-title-4); /* 1.125rem */\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n/* Heading — same size as body but bold. Used for section labels, boxed list headers */\n.heading {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n/* Body — default UI text for labels and descriptions */\n.body {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-normal);\n  line-height: var(--gnome-line-height-body);\n}\n\n/* Document — main reading content (chat messages, articles) */\n.document {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-normal);\n  line-height: 1.65;\n}\n\n/* Caption — sub-text accompanying body text */\n.caption {\n  font-size: var(--gnome-font-size-caption); /* 0.75rem */\n  font-weight: var(--gnome-font-weight-normal);\n  line-height: var(--gnome-line-height-body);\n}\n\n/* Caption Heading — small label, often used above groups */\n.caption-heading {\n  font-size: var(--gnome-font-size-caption);\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: var(--gnome-line-height-heading);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n}\n\n/* Monospace — code, logs, shell commands */\n.monospace {\n  font-family: var(--gnome-font-family-mono);\n  font-size: 0.875rem;\n  line-height: var(--gnome-line-height-body);\n}\n\n/* Numeric — tabular figures for aligned numbers */\n.numeric {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-normal);\n  font-variant-numeric: tabular-nums;\n  font-feature-settings: \"tnum\";\n  line-height: var(--gnome-line-height-body);\n}\n\n/* ─── Colors ──────────────────────────────────────────────────── */\n\n.color-default {\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.color-dim {\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n.color-accent {\n  color: var(--gnome-accent-color, #3584e4);\n}\n\n.color-destructive {\n  color: var(--gnome-destructive-color, #e01b24);\n}\n\n.color-success {\n  color: var(--gnome-success-color, #2ec27e);\n}\n\n.color-warning {\n  color: var(--gnome-warning-color, #e5a50a);\n}\n\n.color-error {\n  color: var(--gnome-error-color, #e01b24);\n}\n"],"mappings":""}
+{"version":3,"file":"Text.module.css.js","names":[],"sources":["../../../src/components/Text/Text.module.css"],"sourcesContent":[".text {\n  font-family: var(--gnome-font-family);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  margin: 0;\n}\n\n/* ─── Variants ────────────────────────────────────────────────── */\n\n.large-title {\n  font-size: var(--gnome-font-size-large-title); /* 2.25rem */\n  font-weight: 300;\n  line-height: var(--gnome-line-height-heading);\n  letter-spacing: -0.02em;\n}\n\n.title-1 {\n  font-size: var(--gnome-font-size-title-1); /* 1.875rem */\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n.title-2 {\n  font-size: var(--gnome-font-size-title-2); /* 1.5rem */\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n.title-3 {\n  font-size: var(--gnome-font-size-title-3); /* 1.25rem */\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n.title-4 {\n  font-size: var(--gnome-font-size-title-4); /* 1.125rem */\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n/* Heading — same size as body but bold. Used for section labels, boxed list headers */\n.heading {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-bold);\n  line-height: var(--gnome-line-height-heading);\n}\n\n/* Body — default UI text for labels and descriptions */\n.body {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-normal);\n  line-height: var(--gnome-line-height-body);\n}\n\n/* Document — main reading content (chat messages, articles) */\n.document {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-normal);\n  line-height: 1.65;\n}\n\n/* Caption — sub-text accompanying body text */\n.caption {\n  font-size: var(--gnome-font-size-caption); /* 0.75rem */\n  font-weight: var(--gnome-font-weight-normal);\n  line-height: var(--gnome-line-height-body);\n}\n\n/* Caption Heading — small label, often used above groups */\n.caption-heading {\n  font-size: var(--gnome-font-size-caption);\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: var(--gnome-line-height-heading);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n}\n\n/* Monospace — code, logs, shell commands */\n.monospace {\n  font-family: var(--gnome-font-family-mono);\n  font-size: 0.875rem;\n  line-height: var(--gnome-line-height-body);\n}\n\n/* Numeric — tabular figures for aligned numbers */\n.numeric {\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-normal);\n  font-variant-numeric: tabular-nums;\n  font-feature-settings: \"tnum\";\n  line-height: var(--gnome-line-height-body);\n}\n\n/* ─── Colors ──────────────────────────────────────────────────── */\n\n.color-default {\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n}\n\n.color-dim {\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n.color-accent {\n  color: var(--gnome-accent-color, #3584e4);\n}\n\n.color-destructive {\n  color: var(--gnome-destructive-color, #e01b24);\n}\n\n.color-success {\n  color: var(--gnome-success-color, #2ec27e);\n}\n\n.color-warning {\n  color: var(--gnome-warning-color, #e5a50a);\n}\n\n.color-error {\n  color: var(--gnome-error-color, #e01b24);\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={wrapper:`_wrapper_zlv0c_3`,disabled:`_disabled_zlv0c_9`,label:`_label_zlv0c_15`,input:`_input_zlv0c_25`,errorInput:`_errorInput_zlv0c_74`,hint:`_hint_zlv0c_89`,errorHint:`_errorHint_zlv0c_97`};exports.default=e;
+var e={wrapper:`_wrapper_1ix43_3`,disabled:`_disabled_1ix43_9`,label:`_label_1ix43_15`,input:`_input_1ix43_25`,errorInput:`_errorInput_1ix43_69`,hint:`_hint_1ix43_84`,errorHint:`_errorHint_1ix43_92`};exports.default=e;
 //# sourceMappingURL=TextField.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.module.css.cjs","names":[],"sources":["../../../src/components/TextField/TextField.module.css"],"sourcesContent":["/* ─── Wrapper ──────────────────────────────────────────────────────────────── */\n\n.wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gnome-space-1, 6px);\n}\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n}\n\n/* ─── Label ────────────────────────────────────────────────────────────────── */\n\n.label {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Input ────────────────────────────────────────────────────────────────── */\n\n.input {\n  appearance: none;\n  -webkit-appearance: none;\n\n  width: 100%;\n  padding: 8px var(--gnome-space-2, 12px);\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-view-fg-color, rgba(0, 0, 0, 0.8));\n\n  background-color: var(--gnome-view-bg-color, #ffffff);\n  border: 1px solid var(--gnome-border-subtle);\n  border-radius: var(--gnome-radius-md, 8px);\n\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);\n\n  transition:\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.input::placeholder {\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n.input:focus {\n  outline: none;\n}\n\n.input: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.input:disabled {\n  cursor: not-allowed;\n  /* opacity handled by .disabled wrapper */\n}\n\n/* ─── Error state ──────────────────────────────────────────────────────────── */\n\n.errorInput {\n  border-color: var(--gnome-error-color, #e01b24);\n}\n\n.errorInput:focus-visible {\n  border-color: var(--gnome-error-color, #e01b24);\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-error-color, #e01b24);\n}\n\n/* ─── Hint / error text ────────────────────────────────────────────────────── */\n\n.hint {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\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.errorHint {\n  opacity: 1;\n  color: var(--gnome-error-color, #e01b24);\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .input {\n    background-color: var(--gnome-view-bg-color, #1e1e1e);\n    border-color: var(--gnome-border-subtle);\n    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);\n  }\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .input {\n    border-width: 2px;\n    box-shadow: none;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .input {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"TextField.module.css.cjs","names":[],"sources":["../../../src/components/TextField/TextField.module.css"],"sourcesContent":["/* ─── Wrapper ──────────────────────────────────────────────────────────────── */\n\n.wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gnome-space-1, 6px);\n}\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n}\n\n/* ─── Label ────────────────────────────────────────────────────────────────── */\n\n.label {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n}\n\n/* ─── Input ────────────────────────────────────────────────────────────────── */\n\n.input {\n  appearance: none;\n  width: 100%;\n  padding: 8px var(--gnome-space-2, 12px);\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-view-fg-color, rgb(0 0 0 / 0.8));\n  background-color: var(--gnome-view-bg-color, #fff);\n  border: 1px solid var(--gnome-border-subtle);\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.06);\n  transition:\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.input::placeholder {\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n.input:focus {\n  outline: none;\n}\n\n.input: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.input:disabled {\n  cursor: not-allowed;\n\n  /* opacity handled by .disabled wrapper */\n}\n\n/* ─── Error state ──────────────────────────────────────────────────────────── */\n\n.errorInput {\n  border-color: var(--gnome-error-color, #e01b24);\n}\n\n.errorInput:focus-visible {\n  border-color: var(--gnome-error-color, #e01b24);\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-error-color, #e01b24);\n}\n\n/* ─── Hint / error text ────────────────────────────────────────────────────── */\n\n.hint {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\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.errorHint {\n  opacity: 1;\n  color: var(--gnome-error-color, #e01b24);\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .input {\n    background-color: var(--gnome-view-bg-color, #1e1e1e);\n    border-color: var(--gnome-border-subtle);\n    box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.2);\n  }\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .input {\n    border-width: 2px;\n    box-shadow: none;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .input {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,11 +1,11 @@
 var e = {
-	wrapper: "_wrapper_zlv0c_3",
-	disabled: "_disabled_zlv0c_9",
-	label: "_label_zlv0c_15",
-	input: "_input_zlv0c_25",
-	errorInput: "_errorInput_zlv0c_74",
-	hint: "_hint_zlv0c_89",
-	errorHint: "_errorHint_zlv0c_97"
+	wrapper: "_wrapper_1ix43_3",
+	disabled: "_disabled_1ix43_9",
+	label: "_label_1ix43_15",
+	input: "_input_1ix43_25",
+	errorInput: "_errorInput_1ix43_69",
+	hint: "_hint_1ix43_84",
+	errorHint: "_errorHint_1ix43_92"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.module.css.js","names":[],"sources":["../../../src/components/TextField/TextField.module.css"],"sourcesContent":["/* ─── Wrapper ──────────────────────────────────────────────────────────────── */\n\n.wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gnome-space-1, 6px);\n}\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n}\n\n/* ─── Label ────────────────────────────────────────────────────────────────── */\n\n.label {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Input ────────────────────────────────────────────────────────────────── */\n\n.input {\n  appearance: none;\n  -webkit-appearance: none;\n\n  width: 100%;\n  padding: 8px var(--gnome-space-2, 12px);\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-view-fg-color, rgba(0, 0, 0, 0.8));\n\n  background-color: var(--gnome-view-bg-color, #ffffff);\n  border: 1px solid var(--gnome-border-subtle);\n  border-radius: var(--gnome-radius-md, 8px);\n\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);\n\n  transition:\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.input::placeholder {\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n.input:focus {\n  outline: none;\n}\n\n.input: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.input:disabled {\n  cursor: not-allowed;\n  /* opacity handled by .disabled wrapper */\n}\n\n/* ─── Error state ──────────────────────────────────────────────────────────── */\n\n.errorInput {\n  border-color: var(--gnome-error-color, #e01b24);\n}\n\n.errorInput:focus-visible {\n  border-color: var(--gnome-error-color, #e01b24);\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-error-color, #e01b24);\n}\n\n/* ─── Hint / error text ────────────────────────────────────────────────────── */\n\n.hint {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\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.errorHint {\n  opacity: 1;\n  color: var(--gnome-error-color, #e01b24);\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .input {\n    background-color: var(--gnome-view-bg-color, #1e1e1e);\n    border-color: var(--gnome-border-subtle);\n    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);\n  }\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .input {\n    border-width: 2px;\n    box-shadow: none;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .input {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"TextField.module.css.js","names":[],"sources":["../../../src/components/TextField/TextField.module.css"],"sourcesContent":["/* ─── Wrapper ──────────────────────────────────────────────────────────────── */\n\n.wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gnome-space-1, 6px);\n}\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n}\n\n/* ─── Label ────────────────────────────────────────────────────────────────── */\n\n.label {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n}\n\n/* ─── Input ────────────────────────────────────────────────────────────────── */\n\n.input {\n  appearance: none;\n  width: 100%;\n  padding: 8px var(--gnome-space-2, 12px);\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-view-fg-color, rgb(0 0 0 / 0.8));\n  background-color: var(--gnome-view-bg-color, #fff);\n  border: 1px solid var(--gnome-border-subtle);\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.06);\n  transition:\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.input::placeholder {\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n.input:focus {\n  outline: none;\n}\n\n.input: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.input:disabled {\n  cursor: not-allowed;\n\n  /* opacity handled by .disabled wrapper */\n}\n\n/* ─── Error state ──────────────────────────────────────────────────────────── */\n\n.errorInput {\n  border-color: var(--gnome-error-color, #e01b24);\n}\n\n.errorInput:focus-visible {\n  border-color: var(--gnome-error-color, #e01b24);\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-error-color, #e01b24);\n}\n\n/* ─── Hint / error text ────────────────────────────────────────────────────── */\n\n.hint {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\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.errorHint {\n  opacity: 1;\n  color: var(--gnome-error-color, #e01b24);\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .input {\n    background-color: var(--gnome-view-bg-color, #1e1e1e);\n    border-color: var(--gnome-border-subtle);\n    box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.2);\n  }\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .input {\n    border-width: 2px;\n    box-shadow: none;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .input {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={vertical:`_vertical_12mfk_12`,item:`_item_12mfk_18`,leading:`_leading_12mfk_25`,nodeTrack:`_nodeTrack_12mfk_32`,content:`_content_12mfk_41`,horizontal:`_horizontal_12mfk_65`,node:`_node_12mfk_32`,nodeDot:`_nodeDot_12mfk_114`,nodeWithIcon:`_nodeWithIcon_12mfk_121`,iconWrap:`_iconWrap_12mfk_128`,lineInvisible:`_lineInvisible_12mfk_139`,line:`_line_12mfk_139`,lineDotted:`_lineDotted_12mfk_153`};exports.default=e;
+var e={vertical:`_vertical_1o7kv_12`,item:`_item_1o7kv_18`,leading:`_leading_1o7kv_25`,nodeTrack:`_nodeTrack_1o7kv_32`,content:`_content_1o7kv_42`,horizontal:`_horizontal_1o7kv_66`,node:`_node_1o7kv_32`,nodeDot:`_nodeDot_1o7kv_115`,nodeWithIcon:`_nodeWithIcon_1o7kv_122`,iconWrap:`_iconWrap_1o7kv_129`,lineInvisible:`_lineInvisible_1o7kv_140`,line:`_line_1o7kv_140`,lineDotted:`_lineDotted_1o7kv_154`};exports.default=e;
 //# sourceMappingURL=Timeline.module.css.cjs.map