@gnome-ui/react 1.49.0 → 1.50.0

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

@@ -1,2 +1,2 @@
-var e={backdrop:`_backdrop_34vn5_3`,"backdrop-in":`_backdrop-in_34vn5_1`,dialog:`_dialog_34vn5_30`,"dialog-in":`_dialog-in_34vn5_1`,header:`_header_34vn5_63`,icon:`_icon_34vn5_72`,appName:`_appName_34vn5_81`,version:`_version_34vn5_88`,tabBar:`_tabBar_34vn5_96`,tabBtn:`_tabBtn_34vn5_103`,tabBtnActive:`_tabBtnActive_34vn5_125`,tabContent:`_tabContent_34vn5_139`,section:`_section_34vn5_144`,comments:`_comments_34vn5_149`,infoList:`_infoList_34vn5_158`,infoLabel:`_infoLabel_34vn5_165`,infoValue:`_infoValue_34vn5_173`,link:`_link_34vn5_181`,creditGroup:`_creditGroup_34vn5_191`,creditTitle:`_creditTitle_34vn5_195`,creditList:`_creditList_34vn5_205`,creditItem:`_creditItem_34vn5_214`,copyright:`_copyright_34vn5_220`,licenseType:`_licenseType_34vn5_227`,licenseText:`_licenseText_34vn5_234`,footer:`_footer_34vn5_248`,btn:`_btn_34vn5_254`,btnDefault:`_btnDefault_34vn5_294`};exports.default=e;
+var e={backdrop:`_backdrop_1iv3r_3`,"backdrop-in":`_backdrop-in_1iv3r_1`,dialog:`_dialog_1iv3r_27`,"dialog-in":`_dialog-in_1iv3r_1`,header:`_header_1iv3r_57`,icon:`_icon_1iv3r_66`,appName:`_appName_1iv3r_75`,version:`_version_1iv3r_82`,tabBar:`_tabBar_1iv3r_90`,tabBtn:`_tabBtn_1iv3r_97`,tabBtnActive:`_tabBtnActive_1iv3r_118`,tabContent:`_tabContent_1iv3r_132`,section:`_section_1iv3r_137`,comments:`_comments_1iv3r_142`,infoList:`_infoList_1iv3r_151`,infoLabel:`_infoLabel_1iv3r_158`,infoValue:`_infoValue_1iv3r_166`,link:`_link_1iv3r_174`,creditGroup:`_creditGroup_1iv3r_184`,creditTitle:`_creditTitle_1iv3r_188`,creditList:`_creditList_1iv3r_198`,creditItem:`_creditItem_1iv3r_207`,copyright:`_copyright_1iv3r_213`,licenseType:`_licenseType_1iv3r_220`,licenseText:`_licenseText_1iv3r_227`,footer:`_footer_1iv3r_241`,btn:`_btn_1iv3r_247`,btnDefault:`_btnDefault_1iv3r_284`};exports.default=e;
 //# sourceMappingURL=AboutDialog.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"AboutDialog.module.css.cjs","names":[],"sources":["../../../src/components/AboutDialog/AboutDialog.module.css"],"sourcesContent":["/* ─── Backdrop ──────────────────────────────────────────────────────────────── */\n\n.backdrop {\n  position: fixed;\n  inset: 0;\n  z-index: 10000;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  background-color: var(--gnome-dialog-backdrop-color, rgba(0, 0, 0, 0.5));\n  backdrop-filter: blur(var(--gnome-dialog-backdrop-blur, 4px));\n  -webkit-backdrop-filter: blur(var(--gnome-dialog-backdrop-blur, 4px));\n\n  animation: backdrop-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes backdrop-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n/* ─── Dialog card ───────────────────────────────────────────────────────────── */\n\n.dialog {\n  position: relative;\n  width: min(480px, calc(100vw - 48px));\n  max-height: min(640px, 90dvh);\n  display: flex;\n  flex-direction: column;\n\n  background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #fafafa));\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  border-radius: var(--gnome-radius-xl, 16px);\n  box-shadow:\n    0 8px 32px rgba(0, 0, 0, 0.25),\n    0 0 0 1px rgba(0, 0, 0, 0.08);\n\n  overflow: hidden;\n\n  animation: dialog-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes dialog-in {\n  from {\n    opacity: 0;\n    transform: scale(0.92) translateY(-8px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n/* ─── Header ────────────────────────────────────────────────────────────────── */\n\n.header {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  padding: var(--gnome-space-4, 24px) var(--gnome-space-4, 24px) var(--gnome-space-3, 16px);\n  text-align: center;\n}\n\n.icon {\n  width: 64px;\n  height: 64px;\n  margin-bottom: var(--gnome-space-2, 12px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.appName {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-title-3, 1.25rem);\n  font-weight: var(--gnome-font-weight-bold, 700);\n  line-height: 1.3;\n}\n\n.version {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n/* ─── Tab bar ───────────────────────────────────────────────────────────────── */\n\n.tabBar {\n  display: flex;\n  border-bottom: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.1));\n  padding: 0 var(--gnome-space-3, 16px);\n  gap: 4px;\n}\n\n.tabBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  padding: 8px var(--gnome-space-2, 12px);\n  border-bottom: 2px solid transparent;\n  margin-bottom: -1px;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.6;\n  transition:\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.tabBtn:hover {\n  opacity: 1;\n}\n\n.tabBtnActive {\n  opacity: 1;\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  border-bottom-color: var(--gnome-accent-color, #3584e4);\n}\n\n.tabBtn:focus-visible {\n  outline: 2px solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: 2px;\n  border-radius: 4px;\n}\n\n/* ─── Tab content ───────────────────────────────────────────────────────────── */\n\n.tabContent {\n  flex: 1;\n  overflow-y: auto;\n}\n\n.section {\n  padding: var(--gnome-space-3, 16px) var(--gnome-space-4, 24px);\n}\n\n/* Details */\n.comments {\n  margin: 0 0 var(--gnome-space-3, 16px);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  line-height: 1.5;\n  text-align: center;\n  opacity: var(--gnome-opacity-dim, 0.7);\n}\n\n.infoList {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  gap: 6px var(--gnome-space-3, 16px);\n  margin: 0;\n}\n\n.infoLabel {\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  opacity: 0.55;\n  white-space: nowrap;\n}\n\n.infoValue {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  margin: 0;\n  min-width: 0;\n  overflow-wrap: break-word;\n}\n\n.link {\n  color: var(--gnome-accent-color, #3584e4);\n  text-decoration: none;\n}\n\n.link:hover {\n  text-decoration: underline;\n}\n\n/* Credits */\n.creditGroup + .creditGroup {\n  margin-top: var(--gnome-space-3, 16px);\n}\n\n.creditTitle {\n  margin: 0 0 6px;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  opacity: 0.5;\n}\n\n.creditList {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.creditItem {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n}\n\n/* Legal */\n.copyright {\n  margin: 0 0 var(--gnome-space-2, 12px);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  opacity: var(--gnome-opacity-dim, 0.7);\n}\n\n.licenseType {\n  margin: 0 0 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-semibold, 600);\n}\n\n.licenseText {\n  margin: 0;\n  padding: var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\n  background: var(--gnome-card-bg-color, rgba(0, 0, 0, 0.04));\n  font-family: monospace;\n  font-size: 0.8rem;\n  line-height: 1.5;\n  white-space: pre-wrap;\n  overflow-wrap: break-word;\n}\n\n/* ─── Footer (close button) ─────────────────────────────────────────────────── */\n\n.footer {\n  display: flex;\n  flex-direction: column;\n  border-top: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.1));\n}\n\n.btn {\n  appearance: none;\n  border: none;\n  border-bottom: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.08));\n  background: transparent;\n  width: 100%;\n  padding: 14px var(--gnome-space-4, 24px);\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\n  cursor: pointer;\n  text-align: center;\n\n  transition: background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.btn:last-child {\n  border-bottom: none;\n}\n\n.btn:hover:not(:disabled) {\n  background-color: color-mix(in srgb, currentColor 6%, transparent);\n}\n\n.btn:active:not(:disabled) {\n  background-color: color-mix(in srgb, currentColor 12%, transparent);\n}\n\n.btn:focus {\n  outline: none;\n}\n\n.btn:focus-visible {\n  outline: var(--gnome-focus-ring-width, 3px) solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: -3px;\n}\n\n.btnDefault {\n  color: var(--gnome-accent-color, #3584e4);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .dialog {\n    background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #242424));\n    box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.5),\n      0 0 0 1px rgba(255, 255, 255, 0.08);\n  }\n\n  .footer {\n    border-top-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .btn {\n    border-bottom-color: rgba(255, 255, 255, 0.06);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .backdrop,\n  .dialog {\n    animation: none;\n  }\n\n  .btn {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"AboutDialog.module.css.cjs","names":[],"sources":["../../../src/components/AboutDialog/AboutDialog.module.css"],"sourcesContent":["/* ─── Backdrop ──────────────────────────────────────────────────────────────── */\n\n.backdrop {\n  position: fixed;\n  inset: 0;\n  z-index: 10000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--gnome-dialog-backdrop-color, rgb(0 0 0 / 0.5));\n  backdrop-filter: blur(var(--gnome-dialog-backdrop-blur, 4px));\n  animation: backdrop-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes backdrop-in {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n/* ─── Dialog card ───────────────────────────────────────────────────────────── */\n\n.dialog {\n  position: relative;\n  width: min(480px, calc(100vw - 48px));\n  max-height: min(640px, 90dvh);\n  display: flex;\n  flex-direction: column;\n  background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #fafafa));\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  border-radius: var(--gnome-radius-xl, 16px);\n  box-shadow:\n    0 8px 32px rgb(0 0 0 / 0.25),\n    0 0 0 1px rgb(0 0 0 / 0.08);\n  overflow: hidden;\n  animation: dialog-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes dialog-in {\n  from {\n    opacity: 0;\n    transform: scale(0.92) translateY(-8px);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n/* ─── Header ────────────────────────────────────────────────────────────────── */\n\n.header {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  padding: var(--gnome-space-4, 24px) var(--gnome-space-4, 24px) var(--gnome-space-3, 16px);\n  text-align: center;\n}\n\n.icon {\n  width: 64px;\n  height: 64px;\n  margin-bottom: var(--gnome-space-2, 12px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.appName {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-title-3, 1.25rem);\n  font-weight: var(--gnome-font-weight-bold, 700);\n  line-height: 1.3;\n}\n\n.version {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n/* ─── Tab bar ───────────────────────────────────────────────────────────────── */\n\n.tabBar {\n  display: flex;\n  border-bottom: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.1));\n  padding: 0 var(--gnome-space-3, 16px);\n  gap: 4px;\n}\n\n.tabBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  padding: 8px var(--gnome-space-2, 12px);\n  border-bottom: 2px solid transparent;\n  margin-bottom: -1px;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: 0.6;\n  transition:\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.tabBtn:hover {\n  opacity: 1;\n}\n\n.tabBtnActive {\n  opacity: 1;\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  border-bottom-color: var(--gnome-accent-color, #3584e4);\n}\n\n.tabBtn:focus-visible {\n  outline: 2px solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: 2px;\n  border-radius: 4px;\n}\n\n/* ─── Tab content ───────────────────────────────────────────────────────────── */\n\n.tabContent {\n  flex: 1;\n  overflow-y: auto;\n}\n\n.section {\n  padding: var(--gnome-space-3, 16px) var(--gnome-space-4, 24px);\n}\n\n/* Details */\n.comments {\n  margin: 0 0 var(--gnome-space-3, 16px);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  line-height: 1.5;\n  text-align: center;\n  opacity: var(--gnome-opacity-dim, 0.7);\n}\n\n.infoList {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  gap: 6px var(--gnome-space-3, 16px);\n  margin: 0;\n}\n\n.infoLabel {\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  opacity: 0.55;\n  white-space: nowrap;\n}\n\n.infoValue {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  margin: 0;\n  min-width: 0;\n  overflow-wrap: break-word;\n}\n\n.link {\n  color: var(--gnome-accent-color, #3584e4);\n  text-decoration: none;\n}\n\n.link:hover {\n  text-decoration: underline;\n}\n\n/* Credits */\n.creditGroup + .creditGroup {\n  margin-top: var(--gnome-space-3, 16px);\n}\n\n.creditTitle {\n  margin: 0 0 6px;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  opacity: 0.5;\n}\n\n.creditList {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.creditItem {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n}\n\n/* Legal */\n.copyright {\n  margin: 0 0 var(--gnome-space-2, 12px);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  opacity: var(--gnome-opacity-dim, 0.7);\n}\n\n.licenseType {\n  margin: 0 0 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-semibold, 600);\n}\n\n.licenseText {\n  margin: 0;\n  padding: var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\n  background: var(--gnome-card-bg-color, rgb(0 0 0 / 0.04));\n  font-family: monospace;\n  font-size: 0.8rem;\n  line-height: 1.5;\n  white-space: pre-wrap;\n  overflow-wrap: break-word;\n}\n\n/* ─── Footer (close button) ─────────────────────────────────────────────────── */\n\n.footer {\n  display: flex;\n  flex-direction: column;\n  border-top: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.1));\n}\n\n.btn {\n  appearance: none;\n  border: none;\n  border-bottom: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.08));\n  background: transparent;\n  width: 100%;\n  padding: 14px var(--gnome-space-4, 24px);\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  cursor: pointer;\n  text-align: center;\n  transition: background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.btn:last-child {\n  border-bottom: none;\n}\n\n.btn:hover:not(:disabled) {\n  background-color: color-mix(in srgb, currentcolor 6%, transparent);\n}\n\n.btn:active:not(:disabled) {\n  background-color: color-mix(in srgb, currentcolor 12%, transparent);\n}\n\n.btn:focus {\n  outline: none;\n}\n\n.btn:focus-visible {\n  outline: var(--gnome-focus-ring-width, 3px) solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: -3px;\n}\n\n.btnDefault {\n  color: var(--gnome-accent-color, #3584e4);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .dialog {\n    background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #242424));\n    box-shadow:\n      0 8px 32px rgb(0 0 0 / 0.5),\n      0 0 0 1px rgb(255 255 255 / 0.08);\n  }\n\n  .footer {\n    border-top-color: rgb(255 255 255 / 0.08);\n  }\n\n  .btn {\n    border-bottom-color: rgb(255 255 255 / 0.06);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .backdrop,\n  .dialog {\n    animation: none;\n  }\n\n  .btn {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,32 +1,32 @@
 var e = {
-	backdrop: "_backdrop_34vn5_3",
-	"backdrop-in": "_backdrop-in_34vn5_1",
-	dialog: "_dialog_34vn5_30",
-	"dialog-in": "_dialog-in_34vn5_1",
-	header: "_header_34vn5_63",
-	icon: "_icon_34vn5_72",
-	appName: "_appName_34vn5_81",
-	version: "_version_34vn5_88",
-	tabBar: "_tabBar_34vn5_96",
-	tabBtn: "_tabBtn_34vn5_103",
-	tabBtnActive: "_tabBtnActive_34vn5_125",
-	tabContent: "_tabContent_34vn5_139",
-	section: "_section_34vn5_144",
-	comments: "_comments_34vn5_149",
-	infoList: "_infoList_34vn5_158",
-	infoLabel: "_infoLabel_34vn5_165",
-	infoValue: "_infoValue_34vn5_173",
-	link: "_link_34vn5_181",
-	creditGroup: "_creditGroup_34vn5_191",
-	creditTitle: "_creditTitle_34vn5_195",
-	creditList: "_creditList_34vn5_205",
-	creditItem: "_creditItem_34vn5_214",
-	copyright: "_copyright_34vn5_220",
-	licenseType: "_licenseType_34vn5_227",
-	licenseText: "_licenseText_34vn5_234",
-	footer: "_footer_34vn5_248",
-	btn: "_btn_34vn5_254",
-	btnDefault: "_btnDefault_34vn5_294"
+	backdrop: "_backdrop_1iv3r_3",
+	"backdrop-in": "_backdrop-in_1iv3r_1",
+	dialog: "_dialog_1iv3r_27",
+	"dialog-in": "_dialog-in_1iv3r_1",
+	header: "_header_1iv3r_57",
+	icon: "_icon_1iv3r_66",
+	appName: "_appName_1iv3r_75",
+	version: "_version_1iv3r_82",
+	tabBar: "_tabBar_1iv3r_90",
+	tabBtn: "_tabBtn_1iv3r_97",
+	tabBtnActive: "_tabBtnActive_1iv3r_118",
+	tabContent: "_tabContent_1iv3r_132",
+	section: "_section_1iv3r_137",
+	comments: "_comments_1iv3r_142",
+	infoList: "_infoList_1iv3r_151",
+	infoLabel: "_infoLabel_1iv3r_158",
+	infoValue: "_infoValue_1iv3r_166",
+	link: "_link_1iv3r_174",
+	creditGroup: "_creditGroup_1iv3r_184",
+	creditTitle: "_creditTitle_1iv3r_188",
+	creditList: "_creditList_1iv3r_198",
+	creditItem: "_creditItem_1iv3r_207",
+	copyright: "_copyright_1iv3r_213",
+	licenseType: "_licenseType_1iv3r_220",
+	licenseText: "_licenseText_1iv3r_227",
+	footer: "_footer_1iv3r_241",
+	btn: "_btn_1iv3r_247",
+	btnDefault: "_btnDefault_1iv3r_284"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"AboutDialog.module.css.js","names":[],"sources":["../../../src/components/AboutDialog/AboutDialog.module.css"],"sourcesContent":["/* ─── Backdrop ──────────────────────────────────────────────────────────────── */\n\n.backdrop {\n  position: fixed;\n  inset: 0;\n  z-index: 10000;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  background-color: var(--gnome-dialog-backdrop-color, rgba(0, 0, 0, 0.5));\n  backdrop-filter: blur(var(--gnome-dialog-backdrop-blur, 4px));\n  -webkit-backdrop-filter: blur(var(--gnome-dialog-backdrop-blur, 4px));\n\n  animation: backdrop-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes backdrop-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n/* ─── Dialog card ───────────────────────────────────────────────────────────── */\n\n.dialog {\n  position: relative;\n  width: min(480px, calc(100vw - 48px));\n  max-height: min(640px, 90dvh);\n  display: flex;\n  flex-direction: column;\n\n  background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #fafafa));\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  border-radius: var(--gnome-radius-xl, 16px);\n  box-shadow:\n    0 8px 32px rgba(0, 0, 0, 0.25),\n    0 0 0 1px rgba(0, 0, 0, 0.08);\n\n  overflow: hidden;\n\n  animation: dialog-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes dialog-in {\n  from {\n    opacity: 0;\n    transform: scale(0.92) translateY(-8px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n/* ─── Header ────────────────────────────────────────────────────────────────── */\n\n.header {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  padding: var(--gnome-space-4, 24px) var(--gnome-space-4, 24px) var(--gnome-space-3, 16px);\n  text-align: center;\n}\n\n.icon {\n  width: 64px;\n  height: 64px;\n  margin-bottom: var(--gnome-space-2, 12px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.appName {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-title-3, 1.25rem);\n  font-weight: var(--gnome-font-weight-bold, 700);\n  line-height: 1.3;\n}\n\n.version {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n/* ─── Tab bar ───────────────────────────────────────────────────────────────── */\n\n.tabBar {\n  display: flex;\n  border-bottom: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.1));\n  padding: 0 var(--gnome-space-3, 16px);\n  gap: 4px;\n}\n\n.tabBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  padding: 8px var(--gnome-space-2, 12px);\n  border-bottom: 2px solid transparent;\n  margin-bottom: -1px;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.6;\n  transition:\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.tabBtn:hover {\n  opacity: 1;\n}\n\n.tabBtnActive {\n  opacity: 1;\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  border-bottom-color: var(--gnome-accent-color, #3584e4);\n}\n\n.tabBtn:focus-visible {\n  outline: 2px solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: 2px;\n  border-radius: 4px;\n}\n\n/* ─── Tab content ───────────────────────────────────────────────────────────── */\n\n.tabContent {\n  flex: 1;\n  overflow-y: auto;\n}\n\n.section {\n  padding: var(--gnome-space-3, 16px) var(--gnome-space-4, 24px);\n}\n\n/* Details */\n.comments {\n  margin: 0 0 var(--gnome-space-3, 16px);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  line-height: 1.5;\n  text-align: center;\n  opacity: var(--gnome-opacity-dim, 0.7);\n}\n\n.infoList {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  gap: 6px var(--gnome-space-3, 16px);\n  margin: 0;\n}\n\n.infoLabel {\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  opacity: 0.55;\n  white-space: nowrap;\n}\n\n.infoValue {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  margin: 0;\n  min-width: 0;\n  overflow-wrap: break-word;\n}\n\n.link {\n  color: var(--gnome-accent-color, #3584e4);\n  text-decoration: none;\n}\n\n.link:hover {\n  text-decoration: underline;\n}\n\n/* Credits */\n.creditGroup + .creditGroup {\n  margin-top: var(--gnome-space-3, 16px);\n}\n\n.creditTitle {\n  margin: 0 0 6px;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  opacity: 0.5;\n}\n\n.creditList {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.creditItem {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n}\n\n/* Legal */\n.copyright {\n  margin: 0 0 var(--gnome-space-2, 12px);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  opacity: var(--gnome-opacity-dim, 0.7);\n}\n\n.licenseType {\n  margin: 0 0 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-semibold, 600);\n}\n\n.licenseText {\n  margin: 0;\n  padding: var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\n  background: var(--gnome-card-bg-color, rgba(0, 0, 0, 0.04));\n  font-family: monospace;\n  font-size: 0.8rem;\n  line-height: 1.5;\n  white-space: pre-wrap;\n  overflow-wrap: break-word;\n}\n\n/* ─── Footer (close button) ─────────────────────────────────────────────────── */\n\n.footer {\n  display: flex;\n  flex-direction: column;\n  border-top: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.1));\n}\n\n.btn {\n  appearance: none;\n  border: none;\n  border-bottom: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.08));\n  background: transparent;\n  width: 100%;\n  padding: 14px var(--gnome-space-4, 24px);\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\n  cursor: pointer;\n  text-align: center;\n\n  transition: background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.btn:last-child {\n  border-bottom: none;\n}\n\n.btn:hover:not(:disabled) {\n  background-color: color-mix(in srgb, currentColor 6%, transparent);\n}\n\n.btn:active:not(:disabled) {\n  background-color: color-mix(in srgb, currentColor 12%, transparent);\n}\n\n.btn:focus {\n  outline: none;\n}\n\n.btn:focus-visible {\n  outline: var(--gnome-focus-ring-width, 3px) solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: -3px;\n}\n\n.btnDefault {\n  color: var(--gnome-accent-color, #3584e4);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .dialog {\n    background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #242424));\n    box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.5),\n      0 0 0 1px rgba(255, 255, 255, 0.08);\n  }\n\n  .footer {\n    border-top-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .btn {\n    border-bottom-color: rgba(255, 255, 255, 0.06);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .backdrop,\n  .dialog {\n    animation: none;\n  }\n\n  .btn {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"AboutDialog.module.css.js","names":[],"sources":["../../../src/components/AboutDialog/AboutDialog.module.css"],"sourcesContent":["/* ─── Backdrop ──────────────────────────────────────────────────────────────── */\n\n.backdrop {\n  position: fixed;\n  inset: 0;\n  z-index: 10000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--gnome-dialog-backdrop-color, rgb(0 0 0 / 0.5));\n  backdrop-filter: blur(var(--gnome-dialog-backdrop-blur, 4px));\n  animation: backdrop-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes backdrop-in {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n/* ─── Dialog card ───────────────────────────────────────────────────────────── */\n\n.dialog {\n  position: relative;\n  width: min(480px, calc(100vw - 48px));\n  max-height: min(640px, 90dvh);\n  display: flex;\n  flex-direction: column;\n  background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #fafafa));\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  border-radius: var(--gnome-radius-xl, 16px);\n  box-shadow:\n    0 8px 32px rgb(0 0 0 / 0.25),\n    0 0 0 1px rgb(0 0 0 / 0.08);\n  overflow: hidden;\n  animation: dialog-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes dialog-in {\n  from {\n    opacity: 0;\n    transform: scale(0.92) translateY(-8px);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n/* ─── Header ────────────────────────────────────────────────────────────────── */\n\n.header {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  padding: var(--gnome-space-4, 24px) var(--gnome-space-4, 24px) var(--gnome-space-3, 16px);\n  text-align: center;\n}\n\n.icon {\n  width: 64px;\n  height: 64px;\n  margin-bottom: var(--gnome-space-2, 12px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.appName {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-title-3, 1.25rem);\n  font-weight: var(--gnome-font-weight-bold, 700);\n  line-height: 1.3;\n}\n\n.version {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n/* ─── Tab bar ───────────────────────────────────────────────────────────────── */\n\n.tabBar {\n  display: flex;\n  border-bottom: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.1));\n  padding: 0 var(--gnome-space-3, 16px);\n  gap: 4px;\n}\n\n.tabBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  padding: 8px var(--gnome-space-2, 12px);\n  border-bottom: 2px solid transparent;\n  margin-bottom: -1px;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: 0.6;\n  transition:\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.tabBtn:hover {\n  opacity: 1;\n}\n\n.tabBtnActive {\n  opacity: 1;\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  border-bottom-color: var(--gnome-accent-color, #3584e4);\n}\n\n.tabBtn:focus-visible {\n  outline: 2px solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: 2px;\n  border-radius: 4px;\n}\n\n/* ─── Tab content ───────────────────────────────────────────────────────────── */\n\n.tabContent {\n  flex: 1;\n  overflow-y: auto;\n}\n\n.section {\n  padding: var(--gnome-space-3, 16px) var(--gnome-space-4, 24px);\n}\n\n/* Details */\n.comments {\n  margin: 0 0 var(--gnome-space-3, 16px);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  line-height: 1.5;\n  text-align: center;\n  opacity: var(--gnome-opacity-dim, 0.7);\n}\n\n.infoList {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  gap: 6px var(--gnome-space-3, 16px);\n  margin: 0;\n}\n\n.infoLabel {\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  opacity: 0.55;\n  white-space: nowrap;\n}\n\n.infoValue {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  margin: 0;\n  min-width: 0;\n  overflow-wrap: break-word;\n}\n\n.link {\n  color: var(--gnome-accent-color, #3584e4);\n  text-decoration: none;\n}\n\n.link:hover {\n  text-decoration: underline;\n}\n\n/* Credits */\n.creditGroup + .creditGroup {\n  margin-top: var(--gnome-space-3, 16px);\n}\n\n.creditTitle {\n  margin: 0 0 6px;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  opacity: 0.5;\n}\n\n.creditList {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.creditItem {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n}\n\n/* Legal */\n.copyright {\n  margin: 0 0 var(--gnome-space-2, 12px);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  opacity: var(--gnome-opacity-dim, 0.7);\n}\n\n.licenseType {\n  margin: 0 0 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-semibold, 600);\n}\n\n.licenseText {\n  margin: 0;\n  padding: var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\n  background: var(--gnome-card-bg-color, rgb(0 0 0 / 0.04));\n  font-family: monospace;\n  font-size: 0.8rem;\n  line-height: 1.5;\n  white-space: pre-wrap;\n  overflow-wrap: break-word;\n}\n\n/* ─── Footer (close button) ─────────────────────────────────────────────────── */\n\n.footer {\n  display: flex;\n  flex-direction: column;\n  border-top: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.1));\n}\n\n.btn {\n  appearance: none;\n  border: none;\n  border-bottom: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.08));\n  background: transparent;\n  width: 100%;\n  padding: 14px var(--gnome-space-4, 24px);\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  cursor: pointer;\n  text-align: center;\n  transition: background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.btn:last-child {\n  border-bottom: none;\n}\n\n.btn:hover:not(:disabled) {\n  background-color: color-mix(in srgb, currentcolor 6%, transparent);\n}\n\n.btn:active:not(:disabled) {\n  background-color: color-mix(in srgb, currentcolor 12%, transparent);\n}\n\n.btn:focus {\n  outline: none;\n}\n\n.btn:focus-visible {\n  outline: var(--gnome-focus-ring-width, 3px) solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: -3px;\n}\n\n.btnDefault {\n  color: var(--gnome-accent-color, #3584e4);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .dialog {\n    background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #242424));\n    box-shadow:\n      0 8px 32px rgb(0 0 0 / 0.5),\n      0 0 0 1px rgb(255 255 255 / 0.08);\n  }\n\n  .footer {\n    border-top-color: rgb(255 255 255 / 0.08);\n  }\n\n  .btn {\n    border-bottom-color: rgb(255 255 255 / 0.06);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .backdrop,\n  .dialog {\n    animation: none;\n  }\n\n  .btn {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={row:`_row_16r3e_3`,leading:`_leading_16r3e_16`,content:`_content_16r3e_25`,title:`_title_16r3e_33`,subtitle:`_subtitle_16r3e_44`,trailing:`_trailing_16r3e_58`,propertyLabel:`_propertyLabel_16r3e_68`,propertyValue:`_propertyValue_16r3e_81`,interactive:`_interactive_16r3e_94`};exports.default=e;
+var e={row:`_row_1uodl_3`,leading:`_leading_1uodl_16`,content:`_content_1uodl_25`,title:`_title_1uodl_33`,subtitle:`_subtitle_1uodl_44`,trailing:`_trailing_1uodl_58`,propertyLabel:`_propertyLabel_1uodl_68`,propertyValue:`_propertyValue_1uodl_81`,interactive:`_interactive_1uodl_94`};exports.default=e;
 //# sourceMappingURL=ActionRow.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionRow.module.css.cjs","names":[],"sources":["../../../src/components/ActionRow/ActionRow.module.css"],"sourcesContent":["/* ─── Base row ─────────────────────────────────────────────────────────────── */\n\n.row {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-4, 24px);\n  min-height: 52px;\n  width: 100%;\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n  text-align: start;\n}\n\n/* ─── 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/* ─── Trailing widget ──────────────────────────────────────────────────────── */\n\n.trailing {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: var(--gnome-space-1, 6px);\n}\n\n/* ─── Property variant ─────────────────────────────────────────────────────── */\n\n/* The label (title) is rendered small and dim above the value (subtitle) */\n.propertyLabel {\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/* The value (subtitle) is rendered at body size and full opacity */\n.propertyValue {\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/* ─── Interactive (activatable row) ────────────────────────────────────────── */\n\n.interactive {\n  cursor: pointer;\n  appearance: none;\n  -webkit-appearance: none;\n  background: transparent;\n  border: none;\n  font: inherit;\n  outline: none;\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.interactive:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.interactive:active {\n  background-color: var(--gnome-active-overlay);\n}\n\n.interactive: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.interactive:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n"],"mappings":""}
+{"version":3,"file":"ActionRow.module.css.cjs","names":[],"sources":["../../../src/components/ActionRow/ActionRow.module.css"],"sourcesContent":["/* ─── Base row ─────────────────────────────────────────────────────────────── */\n\n.row {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-4, 24px);\n  min-height: 52px;\n  width: 100%;\n  color: var(--gnome-card-fg-color, rgb(0 0 0 / 0.8));\n  text-align: start;\n}\n\n/* ─── 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/* ─── Trailing widget ──────────────────────────────────────────────────────── */\n\n.trailing {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: var(--gnome-space-1, 6px);\n}\n\n/* ─── Property variant ─────────────────────────────────────────────────────── */\n\n/* The label (title) is rendered small and dim above the value (subtitle) */\n.propertyLabel {\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/* The value (subtitle) is rendered at body size and full opacity */\n.propertyValue {\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/* ─── Interactive (activatable row) ────────────────────────────────────────── */\n\n.interactive {\n  cursor: pointer;\n  appearance: none;\n  background: transparent;\n  border: none;\n  font: inherit;\n  outline: none;\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.interactive:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.interactive:active {\n  background-color: var(--gnome-active-overlay);\n}\n\n.interactive: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.interactive:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n"],"mappings":""}

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

@@ -1,13 +1,13 @@
 var e = {
-	row: "_row_16r3e_3",
-	leading: "_leading_16r3e_16",
-	content: "_content_16r3e_25",
-	title: "_title_16r3e_33",
-	subtitle: "_subtitle_16r3e_44",
-	trailing: "_trailing_16r3e_58",
-	propertyLabel: "_propertyLabel_16r3e_68",
-	propertyValue: "_propertyValue_16r3e_81",
-	interactive: "_interactive_16r3e_94"
+	row: "_row_1uodl_3",
+	leading: "_leading_1uodl_16",
+	content: "_content_1uodl_25",
+	title: "_title_1uodl_33",
+	subtitle: "_subtitle_1uodl_44",
+	trailing: "_trailing_1uodl_58",
+	propertyLabel: "_propertyLabel_1uodl_68",
+	propertyValue: "_propertyValue_1uodl_81",
+	interactive: "_interactive_1uodl_94"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"ActionRow.module.css.js","names":[],"sources":["../../../src/components/ActionRow/ActionRow.module.css"],"sourcesContent":["/* ─── Base row ─────────────────────────────────────────────────────────────── */\n\n.row {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-4, 24px);\n  min-height: 52px;\n  width: 100%;\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n  text-align: start;\n}\n\n/* ─── 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/* ─── Trailing widget ──────────────────────────────────────────────────────── */\n\n.trailing {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: var(--gnome-space-1, 6px);\n}\n\n/* ─── Property variant ─────────────────────────────────────────────────────── */\n\n/* The label (title) is rendered small and dim above the value (subtitle) */\n.propertyLabel {\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/* The value (subtitle) is rendered at body size and full opacity */\n.propertyValue {\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/* ─── Interactive (activatable row) ────────────────────────────────────────── */\n\n.interactive {\n  cursor: pointer;\n  appearance: none;\n  -webkit-appearance: none;\n  background: transparent;\n  border: none;\n  font: inherit;\n  outline: none;\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.interactive:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.interactive:active {\n  background-color: var(--gnome-active-overlay);\n}\n\n.interactive: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.interactive:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n"],"mappings":""}
+{"version":3,"file":"ActionRow.module.css.js","names":[],"sources":["../../../src/components/ActionRow/ActionRow.module.css"],"sourcesContent":["/* ─── Base row ─────────────────────────────────────────────────────────────── */\n\n.row {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-4, 24px);\n  min-height: 52px;\n  width: 100%;\n  color: var(--gnome-card-fg-color, rgb(0 0 0 / 0.8));\n  text-align: start;\n}\n\n/* ─── 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/* ─── Trailing widget ──────────────────────────────────────────────────────── */\n\n.trailing {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: var(--gnome-space-1, 6px);\n}\n\n/* ─── Property variant ─────────────────────────────────────────────────────── */\n\n/* The label (title) is rendered small and dim above the value (subtitle) */\n.propertyLabel {\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/* The value (subtitle) is rendered at body size and full opacity */\n.propertyValue {\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/* ─── Interactive (activatable row) ────────────────────────────────────────── */\n\n.interactive {\n  cursor: pointer;\n  appearance: none;\n  background: transparent;\n  border: none;\n  font: inherit;\n  outline: none;\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.interactive:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.interactive:active {\n  background-color: var(--gnome-active-overlay);\n}\n\n.interactive: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.interactive:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={avatar:`_avatar_ig6e6_3`,sm:`_sm_ig6e6_17`,md:`_md_ig6e6_22`,lg:`_lg_ig6e6_27`,xl:`_xl_ig6e6_32`,image:`_image_ig6e6_39`,initials:`_initials_ig6e6_48`,"color-blue":`_color-blue_ig6e6_72`,"color-green":`_color-green_ig6e6_75`,"color-yellow":`_color-yellow_ig6e6_78`,"color-orange":`_color-orange_ig6e6_86`,"color-red":`_color-red_ig6e6_89`,"color-purple":`_color-purple_ig6e6_92`,"color-brown":`_color-brown_ig6e6_95`,"color-teal":`_color-teal_ig6e6_98`,"color-slate":`_color-slate_ig6e6_101`};exports.default=e;
+var e={avatar:`_avatar_1jsnd_3`,sm:`_sm_1jsnd_18`,md:`_md_1jsnd_23`,lg:`_lg_1jsnd_28`,xl:`_xl_1jsnd_33`,image:`_image_1jsnd_40`,initials:`_initials_1jsnd_49`,"color-blue":`_color-blue_1jsnd_77`,"color-green":`_color-green_1jsnd_81`,"color-yellow":`_color-yellow_1jsnd_85`,"color-orange":`_color-orange_1jsnd_95`,"color-red":`_color-red_1jsnd_99`,"color-purple":`_color-purple_1jsnd_103`,"color-brown":`_color-brown_1jsnd_107`,"color-teal":`_color-teal_1jsnd_111`,"color-slate":`_color-slate_1jsnd_115`};exports.default=e;
 //# sourceMappingURL=Avatar.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.module.css.cjs","names":[],"sources":["../../../src/components/Avatar/Avatar.module.css"],"sourcesContent":["/* ─── Base ─────────────────────────────────────────────────────────────────── */\n\n.avatar {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--gnome-radius-pill);\n  overflow: hidden;\n  flex-shrink: 0;\n  user-select: none;\n  /* Subtle ring so the avatar reads on any background */\n  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);\n}\n\n/* ─── Sizes ────────────────────────────────────────────────────────────────── */\n\n.sm {\n  width: 24px;\n  height: 24px;\n}\n\n.md {\n  width: 32px;\n  height: 32px;\n}\n\n.lg {\n  width: 48px;\n  height: 48px;\n}\n\n.xl {\n  width: 64px;\n  height: 64px;\n}\n\n/* ─── Image ────────────────────────────────────────────────────────────────── */\n\n.image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n/* ─── Initials ─────────────────────────────────────────────────────────────── */\n\n.initials {\n  font-family: var(--gnome-font-family);\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: 1;\n  color: #ffffff;\n  /* Scale initials font relative to the avatar size */\n  font-size: 0.42em;\n}\n\n.sm .initials {\n  font-size: 0.5em;\n}\n.md .initials {\n  font-size: 0.6em;\n}\n.lg .initials {\n  font-size: 1em;\n}\n.xl .initials {\n  font-size: 1.4em;\n}\n\n/* ─── Color variants (initials fallback) ───────────────────────────────────── */\n\n.color-blue {\n  background-color: var(--gnome-blue-3, #3584e4);\n}\n.color-green {\n  background-color: var(--gnome-green-4, #2ec27e);\n}\n.color-yellow {\n  background-color: var(--gnome-yellow-4, #f5c211);\n  /* yellow needs dark initials for contrast */\n}\n.color-yellow .initials {\n  color: rgba(0, 0, 0, 0.8);\n}\n\n.color-orange {\n  background-color: var(--gnome-orange-4, #e66100);\n}\n.color-red {\n  background-color: var(--gnome-red-3, #e01b24);\n}\n.color-purple {\n  background-color: var(--gnome-purple-3, #9141ac);\n}\n.color-brown {\n  background-color: var(--gnome-brown-3, #986a44);\n}\n.color-teal {\n  background-color: #2190a4;\n}\n.color-slate {\n  background-color: var(--gnome-dark-2, #5e5c64);\n}\n\n/* ─── Dark mode ring ───────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .avatar {\n    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Avatar.module.css.cjs","names":[],"sources":["../../../src/components/Avatar/Avatar.module.css"],"sourcesContent":["/* ─── Base ─────────────────────────────────────────────────────────────────── */\n\n.avatar {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--gnome-radius-pill);\n  overflow: hidden;\n  flex-shrink: 0;\n  user-select: none;\n\n  /* Subtle ring so the avatar reads on any background */\n  box-shadow: inset 0 0 0 1px rgb(0 0 0 / 0.08);\n}\n\n/* ─── Sizes ────────────────────────────────────────────────────────────────── */\n\n.sm {\n  width: 24px;\n  height: 24px;\n}\n\n.md {\n  width: 32px;\n  height: 32px;\n}\n\n.lg {\n  width: 48px;\n  height: 48px;\n}\n\n.xl {\n  width: 64px;\n  height: 64px;\n}\n\n/* ─── Image ────────────────────────────────────────────────────────────────── */\n\n.image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n/* ─── Initials ─────────────────────────────────────────────────────────────── */\n\n.initials {\n  font-family: var(--gnome-font-family);\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: 1;\n  color: #fff;\n\n  /* Scale initials font relative to the avatar size */\n  font-size: 0.42em;\n}\n\n.sm .initials {\n  font-size: 0.5em;\n}\n\n.md .initials {\n  font-size: 0.6em;\n}\n\n.lg .initials {\n  font-size: 1em;\n}\n\n.xl .initials {\n  font-size: 1.4em;\n}\n\n/* ─── Color variants (initials fallback) ───────────────────────────────────── */\n\n.color-blue {\n  background-color: var(--gnome-blue-3, #3584e4);\n}\n\n.color-green {\n  background-color: var(--gnome-green-4, #2ec27e);\n}\n\n.color-yellow {\n  background-color: var(--gnome-yellow-4, #f5c211);\n\n  /* yellow needs dark initials for contrast */\n}\n\n.color-yellow .initials {\n  color: rgb(0 0 0 / 0.8);\n}\n\n.color-orange {\n  background-color: var(--gnome-orange-4, #e66100);\n}\n\n.color-red {\n  background-color: var(--gnome-red-3, #e01b24);\n}\n\n.color-purple {\n  background-color: var(--gnome-purple-3, #9141ac);\n}\n\n.color-brown {\n  background-color: var(--gnome-brown-3, #986a44);\n}\n\n.color-teal {\n  background-color: #2190a4;\n}\n\n.color-slate {\n  background-color: var(--gnome-dark-2, #5e5c64);\n}\n\n/* ─── Dark mode ring ───────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .avatar {\n    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.08);\n  }\n}\n"],"mappings":""}

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

@@ -1,20 +1,20 @@
 var e = {
-	avatar: "_avatar_ig6e6_3",
-	sm: "_sm_ig6e6_17",
-	md: "_md_ig6e6_22",
-	lg: "_lg_ig6e6_27",
-	xl: "_xl_ig6e6_32",
-	image: "_image_ig6e6_39",
-	initials: "_initials_ig6e6_48",
-	"color-blue": "_color-blue_ig6e6_72",
-	"color-green": "_color-green_ig6e6_75",
-	"color-yellow": "_color-yellow_ig6e6_78",
-	"color-orange": "_color-orange_ig6e6_86",
-	"color-red": "_color-red_ig6e6_89",
-	"color-purple": "_color-purple_ig6e6_92",
-	"color-brown": "_color-brown_ig6e6_95",
-	"color-teal": "_color-teal_ig6e6_98",
-	"color-slate": "_color-slate_ig6e6_101"
+	avatar: "_avatar_1jsnd_3",
+	sm: "_sm_1jsnd_18",
+	md: "_md_1jsnd_23",
+	lg: "_lg_1jsnd_28",
+	xl: "_xl_1jsnd_33",
+	image: "_image_1jsnd_40",
+	initials: "_initials_1jsnd_49",
+	"color-blue": "_color-blue_1jsnd_77",
+	"color-green": "_color-green_1jsnd_81",
+	"color-yellow": "_color-yellow_1jsnd_85",
+	"color-orange": "_color-orange_1jsnd_95",
+	"color-red": "_color-red_1jsnd_99",
+	"color-purple": "_color-purple_1jsnd_103",
+	"color-brown": "_color-brown_1jsnd_107",
+	"color-teal": "_color-teal_1jsnd_111",
+	"color-slate": "_color-slate_1jsnd_115"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.module.css.js","names":[],"sources":["../../../src/components/Avatar/Avatar.module.css"],"sourcesContent":["/* ─── Base ─────────────────────────────────────────────────────────────────── */\n\n.avatar {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--gnome-radius-pill);\n  overflow: hidden;\n  flex-shrink: 0;\n  user-select: none;\n  /* Subtle ring so the avatar reads on any background */\n  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);\n}\n\n/* ─── Sizes ────────────────────────────────────────────────────────────────── */\n\n.sm {\n  width: 24px;\n  height: 24px;\n}\n\n.md {\n  width: 32px;\n  height: 32px;\n}\n\n.lg {\n  width: 48px;\n  height: 48px;\n}\n\n.xl {\n  width: 64px;\n  height: 64px;\n}\n\n/* ─── Image ────────────────────────────────────────────────────────────────── */\n\n.image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n/* ─── Initials ─────────────────────────────────────────────────────────────── */\n\n.initials {\n  font-family: var(--gnome-font-family);\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: 1;\n  color: #ffffff;\n  /* Scale initials font relative to the avatar size */\n  font-size: 0.42em;\n}\n\n.sm .initials {\n  font-size: 0.5em;\n}\n.md .initials {\n  font-size: 0.6em;\n}\n.lg .initials {\n  font-size: 1em;\n}\n.xl .initials {\n  font-size: 1.4em;\n}\n\n/* ─── Color variants (initials fallback) ───────────────────────────────────── */\n\n.color-blue {\n  background-color: var(--gnome-blue-3, #3584e4);\n}\n.color-green {\n  background-color: var(--gnome-green-4, #2ec27e);\n}\n.color-yellow {\n  background-color: var(--gnome-yellow-4, #f5c211);\n  /* yellow needs dark initials for contrast */\n}\n.color-yellow .initials {\n  color: rgba(0, 0, 0, 0.8);\n}\n\n.color-orange {\n  background-color: var(--gnome-orange-4, #e66100);\n}\n.color-red {\n  background-color: var(--gnome-red-3, #e01b24);\n}\n.color-purple {\n  background-color: var(--gnome-purple-3, #9141ac);\n}\n.color-brown {\n  background-color: var(--gnome-brown-3, #986a44);\n}\n.color-teal {\n  background-color: #2190a4;\n}\n.color-slate {\n  background-color: var(--gnome-dark-2, #5e5c64);\n}\n\n/* ─── Dark mode ring ───────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .avatar {\n    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Avatar.module.css.js","names":[],"sources":["../../../src/components/Avatar/Avatar.module.css"],"sourcesContent":["/* ─── Base ─────────────────────────────────────────────────────────────────── */\n\n.avatar {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--gnome-radius-pill);\n  overflow: hidden;\n  flex-shrink: 0;\n  user-select: none;\n\n  /* Subtle ring so the avatar reads on any background */\n  box-shadow: inset 0 0 0 1px rgb(0 0 0 / 0.08);\n}\n\n/* ─── Sizes ────────────────────────────────────────────────────────────────── */\n\n.sm {\n  width: 24px;\n  height: 24px;\n}\n\n.md {\n  width: 32px;\n  height: 32px;\n}\n\n.lg {\n  width: 48px;\n  height: 48px;\n}\n\n.xl {\n  width: 64px;\n  height: 64px;\n}\n\n/* ─── Image ────────────────────────────────────────────────────────────────── */\n\n.image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n/* ─── Initials ─────────────────────────────────────────────────────────────── */\n\n.initials {\n  font-family: var(--gnome-font-family);\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: 1;\n  color: #fff;\n\n  /* Scale initials font relative to the avatar size */\n  font-size: 0.42em;\n}\n\n.sm .initials {\n  font-size: 0.5em;\n}\n\n.md .initials {\n  font-size: 0.6em;\n}\n\n.lg .initials {\n  font-size: 1em;\n}\n\n.xl .initials {\n  font-size: 1.4em;\n}\n\n/* ─── Color variants (initials fallback) ───────────────────────────────────── */\n\n.color-blue {\n  background-color: var(--gnome-blue-3, #3584e4);\n}\n\n.color-green {\n  background-color: var(--gnome-green-4, #2ec27e);\n}\n\n.color-yellow {\n  background-color: var(--gnome-yellow-4, #f5c211);\n\n  /* yellow needs dark initials for contrast */\n}\n\n.color-yellow .initials {\n  color: rgb(0 0 0 / 0.8);\n}\n\n.color-orange {\n  background-color: var(--gnome-orange-4, #e66100);\n}\n\n.color-red {\n  background-color: var(--gnome-red-3, #e01b24);\n}\n\n.color-purple {\n  background-color: var(--gnome-purple-3, #9141ac);\n}\n\n.color-brown {\n  background-color: var(--gnome-brown-3, #986a44);\n}\n\n.color-teal {\n  background-color: #2190a4;\n}\n\n.color-slate {\n  background-color: var(--gnome-dark-2, #5e5c64);\n}\n\n/* ─── Dark mode ring ───────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .avatar {\n    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.08);\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={group:`_group_18nkh_3`,item:`_item_18nkh_10`,sm:`_sm_18nkh_24`,md:`_md_18nkh_28`,lg:`_lg_18nkh_32`,xl:`_xl_18nkh_36`,overflow:`_overflow_18nkh_42`};exports.default=e;
+var e={group:`_group_qv19g_3`,item:`_item_qv19g_10`,sm:`_sm_qv19g_24`,md:`_md_qv19g_28`,lg:`_lg_qv19g_32`,xl:`_xl_qv19g_36`,overflow:`_overflow_qv19g_42`};exports.default=e;
 //# sourceMappingURL=AvatarGroup.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.module.css.cjs","names":[],"sources":["../../../src/components/AvatarGroup/AvatarGroup.module.css"],"sourcesContent":["/* ─── Group ─────────────────────────────────────────────────────────────────── */\n\n.group {\n  display: inline-flex;\n  align-items: center;\n}\n\n/* ─── Item (each Avatar wrapper) ───────────────────────────────────────────── */\n\n.item {\n  /* Separate-ring so overlapping avatars stay visually distinct */\n  box-shadow:\n    inset 0 0 0 1px rgba(0, 0, 0, 0.08),\n    0 0 0 2px #ffffff;\n  flex-shrink: 0;\n}\n\n.item:not(:first-child) {\n  margin-inline-start: -6px;\n}\n\n/* ─── Size-specific overlap offsets ────────────────────────────────────────── */\n\n.sm .item:not(:first-child) {\n  margin-inline-start: -6px;\n}\n\n.md .item:not(:first-child) {\n  margin-inline-start: -8px;\n}\n\n.lg .item:not(:first-child) {\n  margin-inline-start: -12px;\n}\n\n.xl .item:not(:first-child) {\n  margin-inline-start: -16px;\n}\n\n/* ─── Overflow chip ─────────────────────────────────────────────────────────── */\n\n.overflow {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--gnome-radius-pill);\n  overflow: hidden;\n  flex-shrink: 0;\n  user-select: none;\n  background-color: var(--gnome-dark-2, #5e5c64);\n  box-shadow:\n    inset 0 0 0 1px rgba(0, 0, 0, 0.08),\n    0 0 0 2px #ffffff;\n  font-family: var(--gnome-font-family);\n  font-weight: var(--gnome-font-weight-semibold);\n  color: #ffffff;\n  line-height: 1;\n}\n\n.overflow:not(:first-child) {\n  margin-inline-start: -6px;\n}\n\n.sm.overflow:not(:first-child),\n.sm .overflow:not(:first-child) {\n  margin-inline-start: -6px;\n}\n\n.md.overflow:not(:first-child),\n.md .overflow:not(:first-child) {\n  margin-inline-start: -8px;\n}\n\n.lg.overflow:not(:first-child),\n.lg .overflow:not(:first-child) {\n  margin-inline-start: -12px;\n}\n\n.xl.overflow:not(:first-child),\n.xl .overflow:not(:first-child) {\n  margin-inline-start: -16px;\n}\n\n/* ─── Overflow sizes ────────────────────────────────────────────────────────── */\n\n.sm.overflow {\n  width: 24px;\n  height: 24px;\n  font-size: 0.5rem;\n}\n\n.md.overflow {\n  width: 32px;\n  height: 32px;\n  font-size: 0.6rem;\n}\n\n.lg.overflow {\n  width: 48px;\n  height: 48px;\n  font-size: 0.875rem;\n}\n\n.xl.overflow {\n  width: 64px;\n  height: 64px;\n  font-size: 1.1rem;\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .item {\n    box-shadow:\n      inset 0 0 0 1px rgba(255, 255, 255, 0.08),\n      0 0 0 2px #242424;\n  }\n\n  .overflow {\n    box-shadow:\n      inset 0 0 0 1px rgba(255, 255, 255, 0.08),\n      0 0 0 2px #242424;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"AvatarGroup.module.css.cjs","names":[],"sources":["../../../src/components/AvatarGroup/AvatarGroup.module.css"],"sourcesContent":["/* ─── Group ─────────────────────────────────────────────────────────────────── */\n\n.group {\n  display: inline-flex;\n  align-items: center;\n}\n\n/* ─── Item (each Avatar wrapper) ───────────────────────────────────────────── */\n\n.item {\n  /* Separate-ring so overlapping avatars stay visually distinct */\n  box-shadow:\n    inset 0 0 0 1px rgb(0 0 0 / 0.08),\n    0 0 0 2px #fff;\n  flex-shrink: 0;\n}\n\n.item:not(:first-child) {\n  margin-inline-start: -6px;\n}\n\n/* ─── Size-specific overlap offsets ────────────────────────────────────────── */\n\n.sm .item:not(:first-child) {\n  margin-inline-start: -6px;\n}\n\n.md .item:not(:first-child) {\n  margin-inline-start: -8px;\n}\n\n.lg .item:not(:first-child) {\n  margin-inline-start: -12px;\n}\n\n.xl .item:not(:first-child) {\n  margin-inline-start: -16px;\n}\n\n/* ─── Overflow chip ─────────────────────────────────────────────────────────── */\n\n.overflow {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--gnome-radius-pill);\n  overflow: hidden;\n  flex-shrink: 0;\n  user-select: none;\n  background-color: var(--gnome-dark-2, #5e5c64);\n  box-shadow:\n    inset 0 0 0 1px rgb(0 0 0 / 0.08),\n    0 0 0 2px #fff;\n  font-family: var(--gnome-font-family);\n  font-weight: var(--gnome-font-weight-semibold);\n  color: #fff;\n  line-height: 1;\n}\n\n.overflow:not(:first-child) {\n  margin-inline-start: -6px;\n}\n\n.sm.overflow:not(:first-child),\n.sm .overflow:not(:first-child) {\n  margin-inline-start: -6px;\n}\n\n.md.overflow:not(:first-child),\n.md .overflow:not(:first-child) {\n  margin-inline-start: -8px;\n}\n\n.lg.overflow:not(:first-child),\n.lg .overflow:not(:first-child) {\n  margin-inline-start: -12px;\n}\n\n.xl.overflow:not(:first-child),\n.xl .overflow:not(:first-child) {\n  margin-inline-start: -16px;\n}\n\n/* ─── Overflow sizes ────────────────────────────────────────────────────────── */\n\n.sm.overflow {\n  width: 24px;\n  height: 24px;\n  font-size: 0.5rem;\n}\n\n.md.overflow {\n  width: 32px;\n  height: 32px;\n  font-size: 0.6rem;\n}\n\n.lg.overflow {\n  width: 48px;\n  height: 48px;\n  font-size: 0.875rem;\n}\n\n.xl.overflow {\n  width: 64px;\n  height: 64px;\n  font-size: 1.1rem;\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .item {\n    box-shadow:\n      inset 0 0 0 1px rgb(255 255 255 / 0.08),\n      0 0 0 2px #242424;\n  }\n\n  .overflow {\n    box-shadow:\n      inset 0 0 0 1px rgb(255 255 255 / 0.08),\n      0 0 0 2px #242424;\n  }\n}\n"],"mappings":""}

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

@@ -1,11 +1,11 @@
 var e = {
-	group: "_group_18nkh_3",
-	item: "_item_18nkh_10",
-	sm: "_sm_18nkh_24",
-	md: "_md_18nkh_28",
-	lg: "_lg_18nkh_32",
-	xl: "_xl_18nkh_36",
-	overflow: "_overflow_18nkh_42"
+	group: "_group_qv19g_3",
+	item: "_item_qv19g_10",
+	sm: "_sm_qv19g_24",
+	md: "_md_qv19g_28",
+	lg: "_lg_qv19g_32",
+	xl: "_xl_qv19g_36",
+	overflow: "_overflow_qv19g_42"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.module.css.js","names":[],"sources":["../../../src/components/AvatarGroup/AvatarGroup.module.css"],"sourcesContent":["/* ─── Group ─────────────────────────────────────────────────────────────────── */\n\n.group {\n  display: inline-flex;\n  align-items: center;\n}\n\n/* ─── Item (each Avatar wrapper) ───────────────────────────────────────────── */\n\n.item {\n  /* Separate-ring so overlapping avatars stay visually distinct */\n  box-shadow:\n    inset 0 0 0 1px rgba(0, 0, 0, 0.08),\n    0 0 0 2px #ffffff;\n  flex-shrink: 0;\n}\n\n.item:not(:first-child) {\n  margin-inline-start: -6px;\n}\n\n/* ─── Size-specific overlap offsets ────────────────────────────────────────── */\n\n.sm .item:not(:first-child) {\n  margin-inline-start: -6px;\n}\n\n.md .item:not(:first-child) {\n  margin-inline-start: -8px;\n}\n\n.lg .item:not(:first-child) {\n  margin-inline-start: -12px;\n}\n\n.xl .item:not(:first-child) {\n  margin-inline-start: -16px;\n}\n\n/* ─── Overflow chip ─────────────────────────────────────────────────────────── */\n\n.overflow {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--gnome-radius-pill);\n  overflow: hidden;\n  flex-shrink: 0;\n  user-select: none;\n  background-color: var(--gnome-dark-2, #5e5c64);\n  box-shadow:\n    inset 0 0 0 1px rgba(0, 0, 0, 0.08),\n    0 0 0 2px #ffffff;\n  font-family: var(--gnome-font-family);\n  font-weight: var(--gnome-font-weight-semibold);\n  color: #ffffff;\n  line-height: 1;\n}\n\n.overflow:not(:first-child) {\n  margin-inline-start: -6px;\n}\n\n.sm.overflow:not(:first-child),\n.sm .overflow:not(:first-child) {\n  margin-inline-start: -6px;\n}\n\n.md.overflow:not(:first-child),\n.md .overflow:not(:first-child) {\n  margin-inline-start: -8px;\n}\n\n.lg.overflow:not(:first-child),\n.lg .overflow:not(:first-child) {\n  margin-inline-start: -12px;\n}\n\n.xl.overflow:not(:first-child),\n.xl .overflow:not(:first-child) {\n  margin-inline-start: -16px;\n}\n\n/* ─── Overflow sizes ────────────────────────────────────────────────────────── */\n\n.sm.overflow {\n  width: 24px;\n  height: 24px;\n  font-size: 0.5rem;\n}\n\n.md.overflow {\n  width: 32px;\n  height: 32px;\n  font-size: 0.6rem;\n}\n\n.lg.overflow {\n  width: 48px;\n  height: 48px;\n  font-size: 0.875rem;\n}\n\n.xl.overflow {\n  width: 64px;\n  height: 64px;\n  font-size: 1.1rem;\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .item {\n    box-shadow:\n      inset 0 0 0 1px rgba(255, 255, 255, 0.08),\n      0 0 0 2px #242424;\n  }\n\n  .overflow {\n    box-shadow:\n      inset 0 0 0 1px rgba(255, 255, 255, 0.08),\n      0 0 0 2px #242424;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"AvatarGroup.module.css.js","names":[],"sources":["../../../src/components/AvatarGroup/AvatarGroup.module.css"],"sourcesContent":["/* ─── Group ─────────────────────────────────────────────────────────────────── */\n\n.group {\n  display: inline-flex;\n  align-items: center;\n}\n\n/* ─── Item (each Avatar wrapper) ───────────────────────────────────────────── */\n\n.item {\n  /* Separate-ring so overlapping avatars stay visually distinct */\n  box-shadow:\n    inset 0 0 0 1px rgb(0 0 0 / 0.08),\n    0 0 0 2px #fff;\n  flex-shrink: 0;\n}\n\n.item:not(:first-child) {\n  margin-inline-start: -6px;\n}\n\n/* ─── Size-specific overlap offsets ────────────────────────────────────────── */\n\n.sm .item:not(:first-child) {\n  margin-inline-start: -6px;\n}\n\n.md .item:not(:first-child) {\n  margin-inline-start: -8px;\n}\n\n.lg .item:not(:first-child) {\n  margin-inline-start: -12px;\n}\n\n.xl .item:not(:first-child) {\n  margin-inline-start: -16px;\n}\n\n/* ─── Overflow chip ─────────────────────────────────────────────────────────── */\n\n.overflow {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--gnome-radius-pill);\n  overflow: hidden;\n  flex-shrink: 0;\n  user-select: none;\n  background-color: var(--gnome-dark-2, #5e5c64);\n  box-shadow:\n    inset 0 0 0 1px rgb(0 0 0 / 0.08),\n    0 0 0 2px #fff;\n  font-family: var(--gnome-font-family);\n  font-weight: var(--gnome-font-weight-semibold);\n  color: #fff;\n  line-height: 1;\n}\n\n.overflow:not(:first-child) {\n  margin-inline-start: -6px;\n}\n\n.sm.overflow:not(:first-child),\n.sm .overflow:not(:first-child) {\n  margin-inline-start: -6px;\n}\n\n.md.overflow:not(:first-child),\n.md .overflow:not(:first-child) {\n  margin-inline-start: -8px;\n}\n\n.lg.overflow:not(:first-child),\n.lg .overflow:not(:first-child) {\n  margin-inline-start: -12px;\n}\n\n.xl.overflow:not(:first-child),\n.xl .overflow:not(:first-child) {\n  margin-inline-start: -16px;\n}\n\n/* ─── Overflow sizes ────────────────────────────────────────────────────────── */\n\n.sm.overflow {\n  width: 24px;\n  height: 24px;\n  font-size: 0.5rem;\n}\n\n.md.overflow {\n  width: 32px;\n  height: 32px;\n  font-size: 0.6rem;\n}\n\n.lg.overflow {\n  width: 48px;\n  height: 48px;\n  font-size: 0.875rem;\n}\n\n.xl.overflow {\n  width: 64px;\n  height: 64px;\n  font-size: 1.1rem;\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .item {\n    box-shadow:\n      inset 0 0 0 1px rgb(255 255 255 / 0.08),\n      0 0 0 2px #242424;\n  }\n\n  .overflow {\n    box-shadow:\n      inset 0 0 0 1px rgb(255 255 255 / 0.08),\n      0 0 0 2px #242424;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={wrapper:`_wrapper_dy5mc_3`,badge:`_badge_dy5mc_11`,anchored:`_anchored_dy5mc_33`,dot:`_dot_dy5mc_42`,accent:`_accent_dy5mc_57`,success:`_success_dy5mc_62`,warning:`_warning_dy5mc_67`,error:`_error_dy5mc_72`,neutral:`_neutral_dy5mc_77`};exports.default=e;
+var e={wrapper:`_wrapper_lia33_3`,badge:`_badge_lia33_11`,anchored:`_anchored_lia33_31`,dot:`_dot_lia33_40`,accent:`_accent_lia33_55`,success:`_success_lia33_60`,warning:`_warning_lia33_65`,error:`_error_lia33_70`,neutral:`_neutral_lia33_75`};exports.default=e;
 //# sourceMappingURL=Badge.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.module.css.cjs","names":[],"sources":["../../../src/components/Badge/Badge.module.css"],"sourcesContent":["/* ─── Wrapper (when used with anchor) ──────────────────────────────────────── */\n\n.wrapper {\n  position: relative;\n  display: inline-flex;\n  flex-shrink: 0;\n}\n\n/* ─── Base badge ───────────────────────────────────────────────────────────── */\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  vertical-align: middle;\n\n  font-family: var(--gnome-font-family);\n  font-size: 0.6875rem; /* 11px — keeps it compact */\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  line-height: 1;\n\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  border-radius: var(--gnome-radius-pill);\n\n  /* Thin white ring to separate from any background */\n  box-shadow: 0 0 0 2px var(--gnome-window-bg-color, #fafafa);\n}\n\n/* ─── Anchored position (top-right of parent) ──────────────────────────────── */\n\n.anchored {\n  position: absolute;\n  top: -4px;\n  right: -4px;\n  z-index: 1;\n}\n\n/* ─── Dot variant ──────────────────────────────────────────────────────────── */\n\n.dot {\n  min-width: 10px;\n  width: 10px;\n  height: 10px;\n  padding: 0;\n  border-radius: var(--gnome-radius-pill);\n}\n\n.dot.anchored {\n  top: -2px;\n  right: -2px;\n}\n\n/* ─── Color variants ───────────────────────────────────────────────────────── */\n\n.accent {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #ffffff);\n}\n\n.success {\n  background-color: var(--gnome-success-bg-color, #2ec27e);\n  color: var(--gnome-success-fg-color, #ffffff);\n}\n\n.warning {\n  background-color: var(--gnome-warning-bg-color, #f6d32d);\n  color: var(--gnome-warning-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.error {\n  background-color: var(--gnome-error-bg-color, #e01b24);\n  color: var(--gnome-error-fg-color, #ffffff);\n}\n\n.neutral {\n  background-color: var(--gnome-light-4, #c0bfbc);\n  color: rgba(0, 0, 0, 0.8);\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .badge {\n    box-shadow: 0 0 0 2px var(--gnome-window-bg-color, #242424);\n  }\n\n  .neutral {\n    background-color: var(--gnome-dark-2, #5e5c64);\n    color: rgba(255, 255, 255, 0.87);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Badge.module.css.cjs","names":[],"sources":["../../../src/components/Badge/Badge.module.css"],"sourcesContent":["/* ─── Wrapper (when used with anchor) ──────────────────────────────────────── */\n\n.wrapper {\n  position: relative;\n  display: inline-flex;\n  flex-shrink: 0;\n}\n\n/* ─── Base badge ───────────────────────────────────────────────────────────── */\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  vertical-align: middle;\n  font-family: var(--gnome-font-family);\n  font-size: 0.6875rem; /* 11px — keeps it compact */\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  line-height: 1;\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  border-radius: var(--gnome-radius-pill);\n\n  /* Thin white ring to separate from any background */\n  box-shadow: 0 0 0 2px var(--gnome-window-bg-color, #fafafa);\n}\n\n/* ─── Anchored position (top-right of parent) ──────────────────────────────── */\n\n.anchored {\n  position: absolute;\n  top: -4px;\n  right: -4px;\n  z-index: 1;\n}\n\n/* ─── Dot variant ──────────────────────────────────────────────────────────── */\n\n.dot {\n  min-width: 10px;\n  width: 10px;\n  height: 10px;\n  padding: 0;\n  border-radius: var(--gnome-radius-pill);\n}\n\n.dot.anchored {\n  top: -2px;\n  right: -2px;\n}\n\n/* ─── Color variants ───────────────────────────────────────────────────────── */\n\n.accent {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #fff);\n}\n\n.success {\n  background-color: var(--gnome-success-bg-color, #2ec27e);\n  color: var(--gnome-success-fg-color, #fff);\n}\n\n.warning {\n  background-color: var(--gnome-warning-bg-color, #f6d32d);\n  color: var(--gnome-warning-fg-color, rgb(0 0 0 / 0.8));\n}\n\n.error {\n  background-color: var(--gnome-error-bg-color, #e01b24);\n  color: var(--gnome-error-fg-color, #fff);\n}\n\n.neutral {\n  background-color: var(--gnome-light-4, #c0bfbc);\n  color: rgb(0 0 0 / 0.8);\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .badge {\n    box-shadow: 0 0 0 2px var(--gnome-window-bg-color, #242424);\n  }\n\n  .neutral {\n    background-color: var(--gnome-dark-2, #5e5c64);\n    color: rgb(255 255 255 / 0.87);\n  }\n}\n"],"mappings":""}

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

@@ -1,13 +1,13 @@
 var e = {
-	wrapper: "_wrapper_dy5mc_3",
-	badge: "_badge_dy5mc_11",
-	anchored: "_anchored_dy5mc_33",
-	dot: "_dot_dy5mc_42",
-	accent: "_accent_dy5mc_57",
-	success: "_success_dy5mc_62",
-	warning: "_warning_dy5mc_67",
-	error: "_error_dy5mc_72",
-	neutral: "_neutral_dy5mc_77"
+	wrapper: "_wrapper_lia33_3",
+	badge: "_badge_lia33_11",
+	anchored: "_anchored_lia33_31",
+	dot: "_dot_lia33_40",
+	accent: "_accent_lia33_55",
+	success: "_success_lia33_60",
+	warning: "_warning_lia33_65",
+	error: "_error_lia33_70",
+	neutral: "_neutral_lia33_75"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.module.css.js","names":[],"sources":["../../../src/components/Badge/Badge.module.css"],"sourcesContent":["/* ─── Wrapper (when used with anchor) ──────────────────────────────────────── */\n\n.wrapper {\n  position: relative;\n  display: inline-flex;\n  flex-shrink: 0;\n}\n\n/* ─── Base badge ───────────────────────────────────────────────────────────── */\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  vertical-align: middle;\n\n  font-family: var(--gnome-font-family);\n  font-size: 0.6875rem; /* 11px — keeps it compact */\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  line-height: 1;\n\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  border-radius: var(--gnome-radius-pill);\n\n  /* Thin white ring to separate from any background */\n  box-shadow: 0 0 0 2px var(--gnome-window-bg-color, #fafafa);\n}\n\n/* ─── Anchored position (top-right of parent) ──────────────────────────────── */\n\n.anchored {\n  position: absolute;\n  top: -4px;\n  right: -4px;\n  z-index: 1;\n}\n\n/* ─── Dot variant ──────────────────────────────────────────────────────────── */\n\n.dot {\n  min-width: 10px;\n  width: 10px;\n  height: 10px;\n  padding: 0;\n  border-radius: var(--gnome-radius-pill);\n}\n\n.dot.anchored {\n  top: -2px;\n  right: -2px;\n}\n\n/* ─── Color variants ───────────────────────────────────────────────────────── */\n\n.accent {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #ffffff);\n}\n\n.success {\n  background-color: var(--gnome-success-bg-color, #2ec27e);\n  color: var(--gnome-success-fg-color, #ffffff);\n}\n\n.warning {\n  background-color: var(--gnome-warning-bg-color, #f6d32d);\n  color: var(--gnome-warning-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.error {\n  background-color: var(--gnome-error-bg-color, #e01b24);\n  color: var(--gnome-error-fg-color, #ffffff);\n}\n\n.neutral {\n  background-color: var(--gnome-light-4, #c0bfbc);\n  color: rgba(0, 0, 0, 0.8);\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .badge {\n    box-shadow: 0 0 0 2px var(--gnome-window-bg-color, #242424);\n  }\n\n  .neutral {\n    background-color: var(--gnome-dark-2, #5e5c64);\n    color: rgba(255, 255, 255, 0.87);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Badge.module.css.js","names":[],"sources":["../../../src/components/Badge/Badge.module.css"],"sourcesContent":["/* ─── Wrapper (when used with anchor) ──────────────────────────────────────── */\n\n.wrapper {\n  position: relative;\n  display: inline-flex;\n  flex-shrink: 0;\n}\n\n/* ─── Base badge ───────────────────────────────────────────────────────────── */\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  vertical-align: middle;\n  font-family: var(--gnome-font-family);\n  font-size: 0.6875rem; /* 11px — keeps it compact */\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  line-height: 1;\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  border-radius: var(--gnome-radius-pill);\n\n  /* Thin white ring to separate from any background */\n  box-shadow: 0 0 0 2px var(--gnome-window-bg-color, #fafafa);\n}\n\n/* ─── Anchored position (top-right of parent) ──────────────────────────────── */\n\n.anchored {\n  position: absolute;\n  top: -4px;\n  right: -4px;\n  z-index: 1;\n}\n\n/* ─── Dot variant ──────────────────────────────────────────────────────────── */\n\n.dot {\n  min-width: 10px;\n  width: 10px;\n  height: 10px;\n  padding: 0;\n  border-radius: var(--gnome-radius-pill);\n}\n\n.dot.anchored {\n  top: -2px;\n  right: -2px;\n}\n\n/* ─── Color variants ───────────────────────────────────────────────────────── */\n\n.accent {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #fff);\n}\n\n.success {\n  background-color: var(--gnome-success-bg-color, #2ec27e);\n  color: var(--gnome-success-fg-color, #fff);\n}\n\n.warning {\n  background-color: var(--gnome-warning-bg-color, #f6d32d);\n  color: var(--gnome-warning-fg-color, rgb(0 0 0 / 0.8));\n}\n\n.error {\n  background-color: var(--gnome-error-bg-color, #e01b24);\n  color: var(--gnome-error-fg-color, #fff);\n}\n\n.neutral {\n  background-color: var(--gnome-light-4, #c0bfbc);\n  color: rgb(0 0 0 / 0.8);\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .badge {\n    box-shadow: 0 0 0 2px var(--gnome-window-bg-color, #242424);\n  }\n\n  .neutral {\n    background-color: var(--gnome-dark-2, #5e5c64);\n    color: rgb(255 255 255 / 0.87);\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={banner:`_banner_1w4m1_3`,message:`_message_1w4m1_17`,actions:`_actions_1w4m1_24`,actionBtn:`_actionBtn_1w4m1_33`,dismissBtn:`_dismissBtn_1w4m1_55`,info:`_info_1w4m1_89`,"actionBtn-info":`_actionBtn-info_1w4m1_94`,warning:`_warning_1w4m1_103`,"actionBtn-warning":`_actionBtn-warning_1w4m1_108`,error:`_error_1w4m1_117`,"actionBtn-error":`_actionBtn-error_1w4m1_122`,success:`_success_1w4m1_131`,"actionBtn-success":`_actionBtn-success_1w4m1_136`};exports.default=e;
+var e={banner:`_banner_1ks4d_3`,message:`_message_1ks4d_17`,actions:`_actions_1ks4d_24`,actionBtn:`_actionBtn_1ks4d_33`,dismissBtn:`_dismissBtn_1ks4d_55`,info:`_info_1ks4d_90`,"actionBtn-info":`_actionBtn-info_1ks4d_95`,warning:`_warning_1ks4d_105`,"actionBtn-warning":`_actionBtn-warning_1ks4d_110`,error:`_error_1ks4d_120`,"actionBtn-error":`_actionBtn-error_1ks4d_125`,success:`_success_1ks4d_135`,"actionBtn-success":`_actionBtn-success_1ks4d_140`};exports.default=e;
 //# sourceMappingURL=Banner.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.module.css.cjs","names":[],"sources":["../../../src/components/Banner/Banner.module.css"],"sourcesContent":["/* ─── Base ─────────────────────────────────────────────────────────────────── */\n\n.banner {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: 10px var(--gnome-space-4, 24px);\n  min-height: 44px;\n  width: 100%;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  line-height: var(--gnome-line-height-body, 1.5);\n}\n\n/* ─── Message ──────────────────────────────────────────────────────────────── */\n\n.message {\n  flex: 1;\n  min-width: 0;\n}\n\n/* ─── Actions (action button + dismiss) ────────────────────────────────────── */\n\n.actions {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  flex-shrink: 0;\n}\n\n/* ─── Action button ────────────────────────────────────────────────────────── */\n\n.actionBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  cursor: pointer;\n  padding: 4px var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.actionBtn:focus-visible {\n  outline: none;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) transparent,\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    currentColor;\n}\n\n/* ─── Dismiss button ───────────────────────────────────────────────────────── */\n\n.dismissBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 4px;\n  border-radius: var(--gnome-radius-md, 8px);\n  opacity: 0.6;\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.dismissBtn:hover {\n  opacity: 1;\n}\n.dismissBtn:active {\n  opacity: 0.8;\n}\n\n.dismissBtn:focus-visible {\n  outline: none;\n  opacity: 1;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) transparent,\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    currentColor;\n}\n\n/* ─── Variant: info ────────────────────────────────────────────────────────── */\n\n.info {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #ffffff);\n}\n\n.actionBtn-info:hover {\n  background-color: rgba(255, 255, 255, 0.15);\n}\n.actionBtn-info:active {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n/* ─── Variant: warning ─────────────────────────────────────────────────────── */\n\n.warning {\n  background-color: var(--gnome-warning-bg-color, #f6d32d);\n  color: var(--gnome-warning-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.actionBtn-warning:hover {\n  background-color: rgba(0, 0, 0, 0.08);\n}\n.actionBtn-warning:active {\n  background-color: rgba(0, 0, 0, 0.14);\n}\n\n/* ─── Variant: error ───────────────────────────────────────────────────────── */\n\n.error {\n  background-color: var(--gnome-error-bg-color, #e01b24);\n  color: var(--gnome-error-fg-color, #ffffff);\n}\n\n.actionBtn-error:hover {\n  background-color: rgba(255, 255, 255, 0.15);\n}\n.actionBtn-error:active {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n/* ─── Variant: success ─────────────────────────────────────────────────────── */\n\n.success {\n  background-color: var(--gnome-success-bg-color, #2ec27e);\n  color: var(--gnome-success-fg-color, #ffffff);\n}\n\n.actionBtn-success:hover {\n  background-color: rgba(255, 255, 255, 0.15);\n}\n.actionBtn-success:active {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n"],"mappings":""}
+{"version":3,"file":"Banner.module.css.cjs","names":[],"sources":["../../../src/components/Banner/Banner.module.css"],"sourcesContent":["/* ─── Base ─────────────────────────────────────────────────────────────────── */\n\n.banner {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: 10px var(--gnome-space-4, 24px);\n  min-height: 44px;\n  width: 100%;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  line-height: var(--gnome-line-height-body, 1.5);\n}\n\n/* ─── Message ──────────────────────────────────────────────────────────────── */\n\n.message {\n  flex: 1;\n  min-width: 0;\n}\n\n/* ─── Actions (action button + dismiss) ────────────────────────────────────── */\n\n.actions {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  flex-shrink: 0;\n}\n\n/* ─── Action button ────────────────────────────────────────────────────────── */\n\n.actionBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  cursor: pointer;\n  padding: 4px var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.actionBtn:focus-visible {\n  outline: none;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) transparent,\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    currentcolor;\n}\n\n/* ─── Dismiss button ───────────────────────────────────────────────────────── */\n\n.dismissBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 4px;\n  border-radius: var(--gnome-radius-md, 8px);\n  opacity: 0.6;\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.dismissBtn:hover {\n  opacity: 1;\n}\n\n.dismissBtn:active {\n  opacity: 0.8;\n}\n\n.dismissBtn:focus-visible {\n  outline: none;\n  opacity: 1;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) transparent,\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    currentcolor;\n}\n\n/* ─── Variant: info ────────────────────────────────────────────────────────── */\n\n.info {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #fff);\n}\n\n.actionBtn-info:hover {\n  background-color: rgb(255 255 255 / 0.15);\n}\n\n.actionBtn-info:active {\n  background-color: rgb(255 255 255 / 0.25);\n}\n\n/* ─── Variant: warning ─────────────────────────────────────────────────────── */\n\n.warning {\n  background-color: var(--gnome-warning-bg-color, #f6d32d);\n  color: var(--gnome-warning-fg-color, rgb(0 0 0 / 0.8));\n}\n\n.actionBtn-warning:hover {\n  background-color: rgb(0 0 0 / 0.08);\n}\n\n.actionBtn-warning:active {\n  background-color: rgb(0 0 0 / 0.14);\n}\n\n/* ─── Variant: error ───────────────────────────────────────────────────────── */\n\n.error {\n  background-color: var(--gnome-error-bg-color, #e01b24);\n  color: var(--gnome-error-fg-color, #fff);\n}\n\n.actionBtn-error:hover {\n  background-color: rgb(255 255 255 / 0.15);\n}\n\n.actionBtn-error:active {\n  background-color: rgb(255 255 255 / 0.25);\n}\n\n/* ─── Variant: success ─────────────────────────────────────────────────────── */\n\n.success {\n  background-color: var(--gnome-success-bg-color, #2ec27e);\n  color: var(--gnome-success-fg-color, #fff);\n}\n\n.actionBtn-success:hover {\n  background-color: rgb(255 255 255 / 0.15);\n}\n\n.actionBtn-success:active {\n  background-color: rgb(255 255 255 / 0.25);\n}\n"],"mappings":""}

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

@@ -1,17 +1,17 @@
 var e = {
-	banner: "_banner_1w4m1_3",
-	message: "_message_1w4m1_17",
-	actions: "_actions_1w4m1_24",
-	actionBtn: "_actionBtn_1w4m1_33",
-	dismissBtn: "_dismissBtn_1w4m1_55",
-	info: "_info_1w4m1_89",
-	"actionBtn-info": "_actionBtn-info_1w4m1_94",
-	warning: "_warning_1w4m1_103",
-	"actionBtn-warning": "_actionBtn-warning_1w4m1_108",
-	error: "_error_1w4m1_117",
-	"actionBtn-error": "_actionBtn-error_1w4m1_122",
-	success: "_success_1w4m1_131",
-	"actionBtn-success": "_actionBtn-success_1w4m1_136"
+	banner: "_banner_1ks4d_3",
+	message: "_message_1ks4d_17",
+	actions: "_actions_1ks4d_24",
+	actionBtn: "_actionBtn_1ks4d_33",
+	dismissBtn: "_dismissBtn_1ks4d_55",
+	info: "_info_1ks4d_90",
+	"actionBtn-info": "_actionBtn-info_1ks4d_95",
+	warning: "_warning_1ks4d_105",
+	"actionBtn-warning": "_actionBtn-warning_1ks4d_110",
+	error: "_error_1ks4d_120",
+	"actionBtn-error": "_actionBtn-error_1ks4d_125",
+	success: "_success_1ks4d_135",
+	"actionBtn-success": "_actionBtn-success_1ks4d_140"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.module.css.js","names":[],"sources":["../../../src/components/Banner/Banner.module.css"],"sourcesContent":["/* ─── Base ─────────────────────────────────────────────────────────────────── */\n\n.banner {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: 10px var(--gnome-space-4, 24px);\n  min-height: 44px;\n  width: 100%;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  line-height: var(--gnome-line-height-body, 1.5);\n}\n\n/* ─── Message ──────────────────────────────────────────────────────────────── */\n\n.message {\n  flex: 1;\n  min-width: 0;\n}\n\n/* ─── Actions (action button + dismiss) ────────────────────────────────────── */\n\n.actions {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  flex-shrink: 0;\n}\n\n/* ─── Action button ────────────────────────────────────────────────────────── */\n\n.actionBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  cursor: pointer;\n  padding: 4px var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.actionBtn:focus-visible {\n  outline: none;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) transparent,\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    currentColor;\n}\n\n/* ─── Dismiss button ───────────────────────────────────────────────────────── */\n\n.dismissBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 4px;\n  border-radius: var(--gnome-radius-md, 8px);\n  opacity: 0.6;\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.dismissBtn:hover {\n  opacity: 1;\n}\n.dismissBtn:active {\n  opacity: 0.8;\n}\n\n.dismissBtn:focus-visible {\n  outline: none;\n  opacity: 1;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) transparent,\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    currentColor;\n}\n\n/* ─── Variant: info ────────────────────────────────────────────────────────── */\n\n.info {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #ffffff);\n}\n\n.actionBtn-info:hover {\n  background-color: rgba(255, 255, 255, 0.15);\n}\n.actionBtn-info:active {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n/* ─── Variant: warning ─────────────────────────────────────────────────────── */\n\n.warning {\n  background-color: var(--gnome-warning-bg-color, #f6d32d);\n  color: var(--gnome-warning-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.actionBtn-warning:hover {\n  background-color: rgba(0, 0, 0, 0.08);\n}\n.actionBtn-warning:active {\n  background-color: rgba(0, 0, 0, 0.14);\n}\n\n/* ─── Variant: error ───────────────────────────────────────────────────────── */\n\n.error {\n  background-color: var(--gnome-error-bg-color, #e01b24);\n  color: var(--gnome-error-fg-color, #ffffff);\n}\n\n.actionBtn-error:hover {\n  background-color: rgba(255, 255, 255, 0.15);\n}\n.actionBtn-error:active {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n/* ─── Variant: success ─────────────────────────────────────────────────────── */\n\n.success {\n  background-color: var(--gnome-success-bg-color, #2ec27e);\n  color: var(--gnome-success-fg-color, #ffffff);\n}\n\n.actionBtn-success:hover {\n  background-color: rgba(255, 255, 255, 0.15);\n}\n.actionBtn-success:active {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n"],"mappings":""}
+{"version":3,"file":"Banner.module.css.js","names":[],"sources":["../../../src/components/Banner/Banner.module.css"],"sourcesContent":["/* ─── Base ─────────────────────────────────────────────────────────────────── */\n\n.banner {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: 10px var(--gnome-space-4, 24px);\n  min-height: 44px;\n  width: 100%;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  line-height: var(--gnome-line-height-body, 1.5);\n}\n\n/* ─── Message ──────────────────────────────────────────────────────────────── */\n\n.message {\n  flex: 1;\n  min-width: 0;\n}\n\n/* ─── Actions (action button + dismiss) ────────────────────────────────────── */\n\n.actions {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  flex-shrink: 0;\n}\n\n/* ─── Action button ────────────────────────────────────────────────────────── */\n\n.actionBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  cursor: pointer;\n  padding: 4px var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.actionBtn:focus-visible {\n  outline: none;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) transparent,\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    currentcolor;\n}\n\n/* ─── Dismiss button ───────────────────────────────────────────────────────── */\n\n.dismissBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 4px;\n  border-radius: var(--gnome-radius-md, 8px);\n  opacity: 0.6;\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.dismissBtn:hover {\n  opacity: 1;\n}\n\n.dismissBtn:active {\n  opacity: 0.8;\n}\n\n.dismissBtn:focus-visible {\n  outline: none;\n  opacity: 1;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) transparent,\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    currentcolor;\n}\n\n/* ─── Variant: info ────────────────────────────────────────────────────────── */\n\n.info {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #fff);\n}\n\n.actionBtn-info:hover {\n  background-color: rgb(255 255 255 / 0.15);\n}\n\n.actionBtn-info:active {\n  background-color: rgb(255 255 255 / 0.25);\n}\n\n/* ─── Variant: warning ─────────────────────────────────────────────────────── */\n\n.warning {\n  background-color: var(--gnome-warning-bg-color, #f6d32d);\n  color: var(--gnome-warning-fg-color, rgb(0 0 0 / 0.8));\n}\n\n.actionBtn-warning:hover {\n  background-color: rgb(0 0 0 / 0.08);\n}\n\n.actionBtn-warning:active {\n  background-color: rgb(0 0 0 / 0.14);\n}\n\n/* ─── Variant: error ───────────────────────────────────────────────────────── */\n\n.error {\n  background-color: var(--gnome-error-bg-color, #e01b24);\n  color: var(--gnome-error-fg-color, #fff);\n}\n\n.actionBtn-error:hover {\n  background-color: rgb(255 255 255 / 0.15);\n}\n\n.actionBtn-error:active {\n  background-color: rgb(255 255 255 / 0.25);\n}\n\n/* ─── Variant: success ─────────────────────────────────────────────────────── */\n\n.success {\n  background-color: var(--gnome-success-bg-color, #2ec27e);\n  color: var(--gnome-success-fg-color, #fff);\n}\n\n.actionBtn-success:hover {\n  background-color: rgb(255 255 255 / 0.15);\n}\n\n.actionBtn-success:active {\n  background-color: rgb(255 255 255 / 0.25);\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={blockquote:`_blockquote_mmiw1_3`,body:`_body_mmiw1_15`,icon:`_icon_mmiw1_21`,content:`_content_mmiw1_28`,footer:`_footer_mmiw1_36`,cite:`_cite_mmiw1_42`,default:`_default_mmiw1_48`,info:`_info_mmiw1_52`,warning:`_warning_mmiw1_57`,error:`_error_mmiw1_62`,success:`_success_mmiw1_67`};exports.default=e;
+var e={blockquote:`_blockquote_1lpyh_3`,body:`_body_1lpyh_15`,icon:`_icon_1lpyh_21`,content:`_content_1lpyh_28`,footer:`_footer_1lpyh_36`,cite:`_cite_1lpyh_42`,default:`_default_1lpyh_48`,info:`_info_1lpyh_52`,warning:`_warning_1lpyh_57`,error:`_error_1lpyh_62`,success:`_success_1lpyh_67`};exports.default=e;
 //# sourceMappingURL=Blockquote.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Blockquote.module.css.cjs","names":[],"sources":["../../../src/components/Blockquote/Blockquote.module.css"],"sourcesContent":["/* ─── Base ────────────────────────────────────────────────────────────────── */\n\n.blockquote {\n  margin: 0;\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-3, 18px);\n  border-left: var(--gnome-blockquote-border-width, 3px) solid;\n  border-radius: 0 var(--gnome-radius-sm, 4px) var(--gnome-radius-sm, 4px) 0;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  line-height: var(--gnome-line-height-body, 1.5);\n}\n\n/* ─── Body (icon + text) ──────────────────────────────────────────────────── */\n\n.body {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--gnome-space-2, 12px);\n}\n\n.icon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  margin-top: 2px; /* optical alignment with first text baseline */\n}\n\n.content {\n  margin: 0;\n  flex: 1;\n  min-width: 0;\n}\n\n/* ─── Attribution ─────────────────────────────────────────────────────────── */\n\n.footer {\n  margin-top: var(--gnome-space-1, 6px);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n.cite {\n  font-style: normal;\n}\n\n/* ─── Variants ────────────────────────────────────────────────────────────── */\n\n.default {\n  border-color: var(--gnome-border-subtle, rgba(0, 0, 0, 0.15));\n}\n\n.info {\n  border-color: var(--gnome-accent-bg-color, #3584e4);\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 8%, transparent);\n}\n\n.warning {\n  border-color: var(--gnome-warning-bg-color, #f6d32d);\n  background-color: color-mix(in srgb, var(--gnome-warning-bg-color, #f6d32d) 14%, transparent);\n}\n\n.error {\n  border-color: var(--gnome-error-bg-color, #e01b24);\n  background-color: color-mix(in srgb, var(--gnome-error-bg-color, #e01b24) 8%, transparent);\n}\n\n.success {\n  border-color: var(--gnome-success-bg-color, #2ec27e);\n  background-color: color-mix(in srgb, var(--gnome-success-bg-color, #2ec27e) 8%, transparent);\n}\n"],"mappings":""}
+{"version":3,"file":"Blockquote.module.css.cjs","names":[],"sources":["../../../src/components/Blockquote/Blockquote.module.css"],"sourcesContent":["/* ─── Base ────────────────────────────────────────────────────────────────── */\n\n.blockquote {\n  margin: 0;\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-3, 18px);\n  border-left: var(--gnome-blockquote-border-width, 3px) solid;\n  border-radius: 0 var(--gnome-radius-sm, 4px) var(--gnome-radius-sm, 4px) 0;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  line-height: var(--gnome-line-height-body, 1.5);\n}\n\n/* ─── Body (icon + text) ──────────────────────────────────────────────────── */\n\n.body {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--gnome-space-2, 12px);\n}\n\n.icon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  margin-top: 2px; /* optical alignment with first text baseline */\n}\n\n.content {\n  margin: 0;\n  flex: 1;\n  min-width: 0;\n}\n\n/* ─── Attribution ─────────────────────────────────────────────────────────── */\n\n.footer {\n  margin-top: var(--gnome-space-1, 6px);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n.cite {\n  font-style: normal;\n}\n\n/* ─── Variants ────────────────────────────────────────────────────────────── */\n\n.default {\n  border-color: var(--gnome-border-subtle, rgb(0 0 0 / 0.15));\n}\n\n.info {\n  border-color: var(--gnome-accent-bg-color, #3584e4);\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 8%, transparent);\n}\n\n.warning {\n  border-color: var(--gnome-warning-bg-color, #f6d32d);\n  background-color: color-mix(in srgb, var(--gnome-warning-bg-color, #f6d32d) 14%, transparent);\n}\n\n.error {\n  border-color: var(--gnome-error-bg-color, #e01b24);\n  background-color: color-mix(in srgb, var(--gnome-error-bg-color, #e01b24) 8%, transparent);\n}\n\n.success {\n  border-color: var(--gnome-success-bg-color, #2ec27e);\n  background-color: color-mix(in srgb, var(--gnome-success-bg-color, #2ec27e) 8%, transparent);\n}\n"],"mappings":""}