@gnome-ui/react 1.48.0 → 1.49.1

package/README.md

@@ -205,6 +205,7 @@ import { Button } from "@gnome-ui/react/components/Button";
 | [`Text`](https://eljijuna.github.io/gnome-ui/?path=/docs/components-text--docs) | 12 Adwaita type styles: large-title, title-1…4, heading, body, caption… |
 | [`Icon`](https://eljijuna.github.io/gnome-ui/?path=/docs/components-icon--docs) | Inline SVG icon. Accepts `@gnome-ui/icons` definitions, [`simple-icons`](https://simpleicons.org/) icons, or any `{ path }` object; inherits `currentColor` |
 | [`Avatar`](https://eljijuna.github.io/gnome-ui/?path=/docs/components-avatar--docs) | Circular user image with deterministic-color initials fallback |
+| [`AvatarGroup`](https://eljijuna.github.io/gnome-ui/?path=/docs/components-avatargroup--docs) | Overlapping stack of avatars with configurable max visible count and `+N` overflow indicator |
 | [`AvatarRotator`](https://eljijuna.github.io/gnome-ui/?path=/docs/components-avatarrotator--docs) | Single avatar surface that crossfades through multiple image sources |
 | [`Badge`](https://eljijuna.github.io/gnome-ui/?path=/docs/components-badge--docs) | Counter or status dot, optionally anchored over another element |
 | [`StatusBadge`](https://eljijuna.github.io/gnome-ui/?path=/docs/components-statusbadge--docs) | Pill-shaped text label for entity status — published, beta, new, etc.; 6 variants |
@@ -258,6 +259,7 @@ import { Button } from "@gnome-ui/react/components/Button";
 |-----------|-------------|
 | [`Toast`](https://eljijuna.github.io/gnome-ui/?path=/docs/components-toast--docs) / `Toaster` | Non-blocking temporary notification with auto-dismiss, action, and queue support |
 | [`Dialog`](https://eljijuna.github.io/gnome-ui/?path=/docs/components-dialog--docs) | Blocking modal with title, body, focus trap, and configurable buttons |
+| [`Modal`](https://eljijuna.github.io/gnome-ui/?path=/docs/components-modal--docs) | Large overlay for rich content, forms, and settings; scrollable body, header bar with close button and optional primary/secondary actions |
 | [`BottomSheet`](https://eljijuna.github.io/gnome-ui/?path=/docs/components-bottomsheet--docs) | Slide-up panel from the bottom of the viewport with drag handle and optional title |
 | [`Drawer`](https://eljijuna.github.io/gnome-ui/?path=/docs/components-drawer--docs) | Slide-over panel that opens from the left or right with React content |
 | [`Tooltip`](https://eljijuna.github.io/gnome-ui/?path=/docs/components-tooltip--docs) | Floating informational label on hover/focus with auto-flip positioning |

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.cjs

@@ -0,0 +1,2 @@
+const e=require("../Avatar/Avatar.cjs"),t=require("./AvatarGroup.module.css.cjs");let n=require("react/jsx-runtime");var r=({avatars:r,max:i=5,size:a=`md`,className:o,"aria-label":s,...c})=>{let l=r.length>i?r.slice(0,i):r,u=r.length>i?r.length-i:0,d=r.map(e=>e.name).filter(Boolean).join(`, `);return(0,n.jsxs)(`span`,{role:`group`,"aria-label":s??(d?u>0?`${d} and ${u} more`:d:`Avatar group`),className:[t.default.group,t.default[a],o].filter(Boolean).join(` `),...c,children:[l.map((r,i)=>(0,n.jsx)(e.Avatar,{name:r.name,src:r.src,alt:r.alt??r.name,color:r.color,size:a,className:t.default.item},`${r.name??``}-${r.src??``}-${i}`)),u>0&&(0,n.jsx)(`span`,{"aria-label":`+${u} more`,className:[t.default.overflow,t.default[a]].filter(Boolean).join(` `),children:(0,n.jsxs)(`span`,{"aria-hidden":`true`,children:[`+`,u]})})]})};exports.AvatarGroup=r;
+//# sourceMappingURL=AvatarGroup.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.cjs","names":[],"sources":["../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport { Avatar, type AvatarColor, type AvatarSize } from '../Avatar';\n\nimport styles from './AvatarGroup.module.css';\n\nexport interface AvatarGroupItem {\n  name?: string;\n  src?: string;\n  alt?: string;\n  color?: AvatarColor;\n}\n\nexport interface AvatarGroupProps extends HTMLAttributes<HTMLSpanElement> {\n  avatars: AvatarGroupItem[];\n  /** Max visible avatars before showing overflow chip. Defaults to `5`. */\n  max?: number;\n  /** Size applied to all avatars and the overflow chip. Defaults to `\"md\"`. */\n  size?: AvatarSize;\n}\n\nexport const AvatarGroup = ({\n  avatars,\n  max = 5,\n  size = 'md',\n  className,\n  'aria-label': ariaLabel,\n  ...props\n}: AvatarGroupProps) => {\n  const visible = avatars.length > max ? avatars.slice(0, max) : avatars;\n  const overflowCount = avatars.length > max ? avatars.length - max : 0;\n\n  const allNames = avatars\n    .map((a) => a.name)\n    .filter(Boolean)\n    .join(', ');\n\n  const label =\n    ariaLabel ??\n    (allNames\n      ? overflowCount > 0\n        ? `${allNames} and ${overflowCount} more`\n        : allNames\n      : 'Avatar group');\n\n  const classes = [styles.group, styles[size], className].filter(Boolean).join(' ');\n\n  return (\n    <span role=\"group\" aria-label={label} className={classes} {...props}>\n      {visible.map((item, index) => (\n        <Avatar\n          key={`${item.name ?? ''}-${item.src ?? ''}-${index}`}\n          name={item.name}\n          src={item.src}\n          alt={item.alt ?? item.name}\n          color={item.color}\n          size={size}\n          className={styles.item}\n        />\n      ))}\n      {overflowCount > 0 && (\n        <span\n          aria-label={`+${overflowCount} more`}\n          className={[styles.overflow, styles[size]].filter(Boolean).join(' ')}\n        >\n          <span aria-hidden=\"true\">+{overflowCount}</span>\n        </span>\n      )}\n    </span>\n  );\n};\n"],"mappings":"qHAqBA,IAAa,GAAe,CAC1B,UACA,MAAM,EACN,OAAO,KACP,YACA,aAAc,EACd,GAAG,KACmB,CACtB,IAAM,EAAU,EAAQ,OAAS,EAAM,EAAQ,MAAM,EAAG,CAAG,EAAI,EACzD,EAAgB,EAAQ,OAAS,EAAM,EAAQ,OAAS,EAAM,EAE9D,EAAW,EACd,IAAK,GAAM,EAAE,IAAI,EACjB,OAAO,OAAO,EACd,KAAK,IAAI,EAYZ,OACE,EAAA,EAAA,MAAC,OAAD,CAAM,KAAK,QAAQ,aAVnB,IACC,EACG,EAAgB,EACd,GAAG,EAAS,OAAO,EAAc,OACjC,EACF,gBAKkC,UAHxB,CAAC,EAAA,QAAO,MAAO,EAAA,QAAO,GAAO,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAG1B,EAAS,GAAI,WAA9D,CACG,EAAQ,KAAK,EAAM,KAClB,EAAA,EAAA,KAAC,EAAA,OAAD,CAEE,KAAM,EAAK,KACX,IAAK,EAAK,IACV,IAAK,EAAK,KAAO,EAAK,KACtB,MAAO,EAAK,MACN,OACN,UAAW,EAAA,QAAO,IACnB,EAPM,GAAG,EAAK,MAAQ,GAAG,GAAG,EAAK,KAAO,GAAG,GAAG,GAO9C,CACF,EACA,EAAgB,IACf,EAAA,EAAA,KAAC,OAAD,CACE,aAAY,IAAI,EAAc,OAC9B,UAAW,CAAC,EAAA,QAAO,SAAU,EAAA,QAAO,EAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,YAEnE,EAAA,EAAA,MAAC,OAAD,CAAM,cAAY,gBAAlB,CAAyB,IAAE,CAAoB,GAC3C,CAAA,CAEJ,GAEV"}

package/dist/components/AvatarGroup/AvatarGroup.d.ts

@@ -0,0 +1,16 @@
+import { HTMLAttributes } from 'react';
+import { AvatarColor, AvatarSize } from '../Avatar';
+export interface AvatarGroupItem {
+    name?: string;
+    src?: string;
+    alt?: string;
+    color?: AvatarColor;
+}
+export interface AvatarGroupProps extends HTMLAttributes<HTMLSpanElement> {
+    avatars: AvatarGroupItem[];
+    /** Max visible avatars before showing overflow chip. Defaults to `5`. */
+    max?: number;
+    /** Size applied to all avatars and the overflow chip. Defaults to `"md"`. */
+    size?: AvatarSize;
+}
+export declare const AvatarGroup: ({ avatars, max, size, className, "aria-label": ariaLabel, ...props }: AvatarGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AvatarGroup/AvatarGroup.js

@@ -0,0 +1,36 @@
+import { Avatar as e } from "../Avatar/Avatar.js";
+import t from "./AvatarGroup.module.css.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/AvatarGroup/AvatarGroup.tsx
+var i = ({ avatars: i, max: a = 5, size: o = "md", className: s, "aria-label": c, ...l }) => {
+	let u = i.length > a ? i.slice(0, a) : i, d = i.length > a ? i.length - a : 0, f = i.map((e) => e.name).filter(Boolean).join(", ");
+	return /* @__PURE__ */ r("span", {
+		role: "group",
+		"aria-label": c ?? (f ? d > 0 ? `${f} and ${d} more` : f : "Avatar group"),
+		className: [
+			t.group,
+			t[o],
+			s
+		].filter(Boolean).join(" "),
+		...l,
+		children: [u.map((r, i) => /* @__PURE__ */ n(e, {
+			name: r.name,
+			src: r.src,
+			alt: r.alt ?? r.name,
+			color: r.color,
+			size: o,
+			className: t.item
+		}, `${r.name ?? ""}-${r.src ?? ""}-${i}`)), d > 0 && /* @__PURE__ */ n("span", {
+			"aria-label": `+${d} more`,
+			className: [t.overflow, t[o]].filter(Boolean).join(" "),
+			children: /* @__PURE__ */ r("span", {
+				"aria-hidden": "true",
+				children: ["+", d]
+			})
+		})]
+	});
+};
+//#endregion
+export { i as AvatarGroup };
+
+//# sourceMappingURL=AvatarGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.js","names":[],"sources":["../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport { Avatar, type AvatarColor, type AvatarSize } from '../Avatar';\n\nimport styles from './AvatarGroup.module.css';\n\nexport interface AvatarGroupItem {\n  name?: string;\n  src?: string;\n  alt?: string;\n  color?: AvatarColor;\n}\n\nexport interface AvatarGroupProps extends HTMLAttributes<HTMLSpanElement> {\n  avatars: AvatarGroupItem[];\n  /** Max visible avatars before showing overflow chip. Defaults to `5`. */\n  max?: number;\n  /** Size applied to all avatars and the overflow chip. Defaults to `\"md\"`. */\n  size?: AvatarSize;\n}\n\nexport const AvatarGroup = ({\n  avatars,\n  max = 5,\n  size = 'md',\n  className,\n  'aria-label': ariaLabel,\n  ...props\n}: AvatarGroupProps) => {\n  const visible = avatars.length > max ? avatars.slice(0, max) : avatars;\n  const overflowCount = avatars.length > max ? avatars.length - max : 0;\n\n  const allNames = avatars\n    .map((a) => a.name)\n    .filter(Boolean)\n    .join(', ');\n\n  const label =\n    ariaLabel ??\n    (allNames\n      ? overflowCount > 0\n        ? `${allNames} and ${overflowCount} more`\n        : allNames\n      : 'Avatar group');\n\n  const classes = [styles.group, styles[size], className].filter(Boolean).join(' ');\n\n  return (\n    <span role=\"group\" aria-label={label} className={classes} {...props}>\n      {visible.map((item, index) => (\n        <Avatar\n          key={`${item.name ?? ''}-${item.src ?? ''}-${index}`}\n          name={item.name}\n          src={item.src}\n          alt={item.alt ?? item.name}\n          color={item.color}\n          size={size}\n          className={styles.item}\n        />\n      ))}\n      {overflowCount > 0 && (\n        <span\n          aria-label={`+${overflowCount} more`}\n          className={[styles.overflow, styles[size]].filter(Boolean).join(' ')}\n        >\n          <span aria-hidden=\"true\">+{overflowCount}</span>\n        </span>\n      )}\n    </span>\n  );\n};\n"],"mappings":";;;;AAqBA,IAAa,KAAe,EAC1B,YACA,SAAM,GACN,UAAO,MACP,cACA,cAAc,GACd,GAAG,QACmB;CACtB,IAAM,IAAU,EAAQ,SAAS,IAAM,EAAQ,MAAM,GAAG,CAAG,IAAI,GACzD,IAAgB,EAAQ,SAAS,IAAM,EAAQ,SAAS,IAAM,GAE9D,IAAW,EACd,KAAK,MAAM,EAAE,IAAI,EACjB,OAAO,OAAO,EACd,KAAK,IAAI;CAYZ,OACE,kBAAC,QAAD;EAAM,MAAK;EAAQ,cAVnB,MACC,IACG,IAAgB,IACd,GAAG,EAAS,OAAO,EAAc,SACjC,IACF;EAKkC,WAHxB;GAAC,EAAO;GAAO,EAAO;GAAO;EAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAG1B;EAAS,GAAI;YAA9D,CACG,EAAQ,KAAK,GAAM,MAClB,kBAAC,GAAD;GAEE,MAAM,EAAK;GACX,KAAK,EAAK;GACV,KAAK,EAAK,OAAO,EAAK;GACtB,OAAO,EAAK;GACN;GACN,WAAW,EAAO;EACnB,GAPM,GAAG,EAAK,QAAQ,GAAG,GAAG,EAAK,OAAO,GAAG,GAAG,GAO9C,CACF,GACA,IAAgB,KACf,kBAAC,QAAD;GACE,cAAY,IAAI,EAAc;GAC9B,WAAW,CAAC,EAAO,UAAU,EAAO,EAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;aAEnE,kBAAC,QAAD;IAAM,eAAY;cAAlB,CAAyB,KAAE,CAAoB;;EAC3C,CAAA,CAEJ;;AAEV"}

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +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 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

@@ -0,0 +1,13 @@
+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"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=AvatarGroup.module.css.js.map

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

@@ -0,0 +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 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/index.d.ts

@@ -0,0 +1,2 @@
+export type { AvatarGroupItem, AvatarGroupProps } from './AvatarGroup';
+export { AvatarGroup } from './AvatarGroup';

package/dist/components/AvatarGroup.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./AvatarGroup/AvatarGroup.cjs");exports.AvatarGroup=e.AvatarGroup;

package/dist/components/AvatarGroup.d.ts

@@ -0,0 +1,2 @@
+export * from './AvatarGroup/index'
+export {}

package/dist/components/AvatarGroup.js

@@ -0,0 +1,2 @@
+import { AvatarGroup as e } from "./AvatarGroup/AvatarGroup.js";
+export { e as AvatarGroup };

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