@gnome-ui/react 1.45.0 → 1.45.2

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

@@ -1,25 +1,24 @@
-//#region src/components/PreferencesDialog/PreferencesDialog.module.css
-var e = "_backdrop_1u1bd_3", t = "_dialog_1u1bd_26", n = "_dialogMulti_1u1bd_46", r = "_header_1u1bd_63", i = "_closeBtn_1u1bd_73", a = "_title_1u1bd_102", o = "_searchWrap_1u1bd_112", s = "_searchInput_1u1bd_116", c = "_body_1u1bd_143", l = "_sidebar_1u1bd_152", u = "_navList_1u1bd_160", d = "_navItem_1u1bd_169", f = "_navItemActive_1u1bd_190", p = "_navIcon_1u1bd_205", m = "_navLabel_1u1bd_211", h = "_pageWrap_1u1bd_221", g = {
-	backdrop: e,
-	"backdrop-in": "_backdrop-in_1u1bd_1",
-	dialog: t,
-	"dialog-in": "_dialog-in_1u1bd_1",
-	dialogMulti: n,
-	header: r,
-	closeBtn: i,
-	title: a,
-	searchWrap: o,
-	searchInput: s,
-	body: c,
-	sidebar: l,
-	navList: u,
-	navItem: d,
-	navItemActive: f,
-	navIcon: p,
-	navLabel: m,
-	pageWrap: h
+var e = {
+	backdrop: "_backdrop_1k5wp_3",
+	"backdrop-in": "_backdrop-in_1k5wp_1",
+	dialog: "_dialog_1k5wp_30",
+	"dialog-in": "_dialog-in_1k5wp_1",
+	dialogMulti: "_dialogMulti_1k5wp_50",
+	header: "_header_1k5wp_67",
+	closeBtn: "_closeBtn_1k5wp_78",
+	title: "_title_1k5wp_108",
+	searchWrap: "_searchWrap_1k5wp_118",
+	searchInput: "_searchInput_1k5wp_122",
+	body: "_body_1k5wp_151",
+	sidebar: "_sidebar_1k5wp_160",
+	navList: "_navList_1k5wp_168",
+	navItem: "_navItem_1k5wp_177",
+	navItemActive: "_navItemActive_1k5wp_198",
+	navIcon: "_navIcon_1k5wp_213",
+	navLabel: "_navLabel_1k5wp_219",
+	pageWrap: "_pageWrap_1k5wp_229"
 };
 //#endregion
-export { g as default };
+export { e as default };
 
 //# sourceMappingURL=PreferencesDialog.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PreferencesDialog.module.css.js","names":[],"sources":["../../../src/components/PreferencesDialog/PreferencesDialog.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: rgba(0, 0, 0, 0.5);\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: 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 { opacity: 0; }\n  to   { opacity: 1; }\n}\n\n/* ─── Dialog card ───────────────────────────────────────────────────────────── */\n\n.dialog {\n  display: flex;\n  flex-direction: column;\n  width: min(540px, calc(100vw - 48px));\n  max-height: min(640px, 90dvh);\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/* Wider layout when sidebar is present */\n.dialogMulti {\n  width: min(720px, calc(100vw - 48px));\n}\n\n@keyframes dialog-in {\n  from {\n    opacity: 0;\n    transform: scale(0.94) translateY(-8px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n/* ─── Header ────────────────────────────────────────────────────────────────── */\n\n.header {\n  display: grid;\n  grid-template-columns: auto 1fr auto;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-2, 12px) var(--gnome-space-2, 12px) var(--gnome-space-3, 16px);\n  border-bottom: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.1));\n  flex-shrink: 0;\n}\n\n.closeBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 0.875rem;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.6;\n  transition: background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease),\n              opacity var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n  order: -1;\n}\n\n.closeBtn:hover {\n  background-color: color-mix(in srgb, currentColor 10%, transparent);\n  opacity: 1;\n}\n\n.closeBtn:focus-visible {\n  outline: var(--gnome-focus-ring-width, 3px) solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: 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-semibold, 600);\n  line-height: 1;\n  text-align: center;\n}\n\n/* ─── Search ────────────────────────────────────────────────────────────────── */\n\n.searchWrap {\n  grid-column: 3;\n}\n\n.searchInput {\n  appearance: none;\n  border: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.15));\n  border-radius: var(--gnome-radius-md, 8px);\n  background-color: var(--gnome-card-bg-color, rgba(0, 0, 0, 0.04));\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  padding: 5px var(--gnome-space-2, 12px);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  line-height: 1.5;\n  width: 180px;\n  transition: border-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease),\n              box-shadow var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.searchInput::placeholder {\n  opacity: 0.5;\n}\n\n.searchInput:focus {\n  outline: none;\n  border-color: var(--gnome-accent-color, #3584e4);\n  box-shadow: 0 0 0 var(--gnome-focus-ring-width, 3px) color-mix(in srgb, var(--gnome-accent-color, #3584e4) 30%, transparent);\n}\n\n/* ─── Body ──────────────────────────────────────────────────────────────────── */\n\n.body {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n\n/* ─── Sidebar ───────────────────────────────────────────────────────────────── */\n\n.sidebar {\n  width: 200px;\n  flex-shrink: 0;\n  border-right: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.1));\n  overflow-y: auto;\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-2, 12px);\n}\n\n.navList {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.navItem {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  width: 100%;\n  padding: 8px var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  text-align: left;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  transition: background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.navItem:hover:not(.navItemActive) {\n  background-color: color-mix(in srgb, currentColor 6%, transparent);\n}\n\n.navItemActive {\n  background-color: color-mix(in srgb, var(--gnome-accent-color, #3584e4) 12%, transparent);\n  color: var(--gnome-accent-color, #3584e4);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n}\n\n.navItem:focus-visible {\n  outline: var(--gnome-focus-ring-width, 3px) solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: 2px;\n}\n\n.navIcon {\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n}\n\n.navLabel {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* ─── Page area ─────────────────────────────────────────────────────────────── */\n\n.pageWrap {\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .backdrop {\n    background-color: rgba(0, 0, 0, 0.65);\n  }\n\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  .header {\n    border-bottom-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .sidebar {\n    border-right-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .searchInput {\n    background-color: rgba(255, 255, 255, 0.06);\n    border-color: rgba(255, 255, 255, 0.15);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .backdrop,\n  .dialog {\n    animation: none;\n  }\n\n  .closeBtn,\n  .navItem,\n  .searchInput {\n    transition: none;\n  }\n}\n\n/* ─── High contrast ─────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .dialog {\n    box-shadow: none;\n    border: 2px solid var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  }\n\n  .header {\n    border-bottom-width: 2px;\n  }\n\n  .sidebar {\n    border-right-width: 2px;\n  }\n\n  .navItemActive {\n    outline: 2px solid var(--gnome-accent-color, #3584e4);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"PreferencesDialog.module.css.js","names":[],"sources":["../../../src/components/PreferencesDialog/PreferencesDialog.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: rgba(0, 0, 0, 0.5);\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: 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  display: flex;\n  flex-direction: column;\n  width: min(540px, calc(100vw - 48px));\n  max-height: min(640px, 90dvh);\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/* Wider layout when sidebar is present */\n.dialogMulti {\n  width: min(720px, calc(100vw - 48px));\n}\n\n@keyframes dialog-in {\n  from {\n    opacity: 0;\n    transform: scale(0.94) translateY(-8px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n/* ─── Header ────────────────────────────────────────────────────────────────── */\n\n.header {\n  display: grid;\n  grid-template-columns: auto 1fr auto;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-2, 12px) var(--gnome-space-2, 12px)\n    var(--gnome-space-3, 16px);\n  border-bottom: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.1));\n  flex-shrink: 0;\n}\n\n.closeBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 0.875rem;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.6;\n  transition:\n    background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease),\n    opacity var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n  order: -1;\n}\n\n.closeBtn:hover {\n  background-color: color-mix(in srgb, currentColor 10%, transparent);\n  opacity: 1;\n}\n\n.closeBtn:focus-visible {\n  outline: var(--gnome-focus-ring-width, 3px) solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: 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-semibold, 600);\n  line-height: 1;\n  text-align: center;\n}\n\n/* ─── Search ────────────────────────────────────────────────────────────────── */\n\n.searchWrap {\n  grid-column: 3;\n}\n\n.searchInput {\n  appearance: none;\n  border: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.15));\n  border-radius: var(--gnome-radius-md, 8px);\n  background-color: var(--gnome-card-bg-color, rgba(0, 0, 0, 0.04));\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  padding: 5px var(--gnome-space-2, 12px);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  line-height: 1.5;\n  width: 180px;\n  transition:\n    border-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease),\n    box-shadow var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.searchInput::placeholder {\n  opacity: 0.5;\n}\n\n.searchInput:focus {\n  outline: none;\n  border-color: var(--gnome-accent-color, #3584e4);\n  box-shadow: 0 0 0 var(--gnome-focus-ring-width, 3px)\n    color-mix(in srgb, var(--gnome-accent-color, #3584e4) 30%, transparent);\n}\n\n/* ─── Body ──────────────────────────────────────────────────────────────────── */\n\n.body {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n\n/* ─── Sidebar ───────────────────────────────────────────────────────────────── */\n\n.sidebar {\n  width: 200px;\n  flex-shrink: 0;\n  border-right: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.1));\n  overflow-y: auto;\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-2, 12px);\n}\n\n.navList {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.navItem {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  width: 100%;\n  padding: 8px var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  text-align: left;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  transition: background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.navItem:hover:not(.navItemActive) {\n  background-color: color-mix(in srgb, currentColor 6%, transparent);\n}\n\n.navItemActive {\n  background-color: color-mix(in srgb, var(--gnome-accent-color, #3584e4) 12%, transparent);\n  color: var(--gnome-accent-color, #3584e4);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n}\n\n.navItem:focus-visible {\n  outline: var(--gnome-focus-ring-width, 3px) solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: 2px;\n}\n\n.navIcon {\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n}\n\n.navLabel {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* ─── Page area ─────────────────────────────────────────────────────────────── */\n\n.pageWrap {\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .backdrop {\n    background-color: rgba(0, 0, 0, 0.65);\n  }\n\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  .header {\n    border-bottom-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .sidebar {\n    border-right-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .searchInput {\n    background-color: rgba(255, 255, 255, 0.06);\n    border-color: rgba(255, 255, 255, 0.15);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .backdrop,\n  .dialog {\n    animation: none;\n  }\n\n  .closeBtn,\n  .navItem,\n  .searchInput {\n    transition: none;\n  }\n}\n\n/* ─── High contrast ─────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .dialog {\n    box-shadow: none;\n    border: 2px solid var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  }\n\n  .header {\n    border-bottom-width: 2px;\n  }\n\n  .sidebar {\n    border-right-width: 2px;\n  }\n\n  .navItemActive {\n    outline: 2px solid var(--gnome-accent-color, #3584e4);\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-export { PreferencesDialog } from './PreferencesDialog';
 export type { PreferencesDialogProps } from './PreferencesDialog';
+export { PreferencesDialog } from './PreferencesDialog';

package/dist/components/PreferencesDialog.cjs

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

package/dist/components/PreferencesGroup/PreferencesGroup.cjs

@@ -1,2 +1,2 @@
-const e=require(`./PreferencesGroup.module.css.cjs`);let t=require(`react/jsx-runtime`);function n({title:n,description:r,headerSuffix:i,children:a,className:o,...s}){let c=n||r||i;return(0,t.jsxs)(`div`,{className:[e.default.group,o].filter(Boolean).join(` `),...s,children:[c&&(0,t.jsxs)(`div`,{className:e.default.header,children:[(0,t.jsxs)(`div`,{className:e.default.headerText,children:[n&&(0,t.jsx)(`span`,{className:e.default.title,children:n}),r&&(0,t.jsx)(`span`,{className:e.default.description,children:r})]}),i&&(0,t.jsx)(`div`,{className:e.default.suffix,children:i})]}),(0,t.jsx)(`div`,{className:e.default.content,children:a})]})}exports.PreferencesGroup=n;
+const e=require("./PreferencesGroup.module.css.cjs");let t=require("react/jsx-runtime");var n=({title:n,description:r,headerSuffix:i,children:a,className:o,...s})=>{let c=n||r||i;return(0,t.jsxs)(`div`,{className:[e.default.group,o].filter(Boolean).join(` `),...s,children:[c&&(0,t.jsxs)(`div`,{className:e.default.header,children:[(0,t.jsxs)(`div`,{className:e.default.headerText,children:[n&&(0,t.jsx)(`span`,{className:e.default.title,children:n}),r&&(0,t.jsx)(`span`,{className:e.default.description,children:r})]}),i&&(0,t.jsx)(`div`,{className:e.default.suffix,children:i})]}),(0,t.jsx)(`div`,{className:e.default.content,children:a})]})};exports.PreferencesGroup=n;
 //# sourceMappingURL=PreferencesGroup.cjs.map

package/dist/components/PreferencesGroup/PreferencesGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PreferencesGroup.cjs","names":[],"sources":["../../../src/components/PreferencesGroup/PreferencesGroup.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode } from \"react\";\nimport styles from \"./PreferencesGroup.module.css\";\n\nexport interface PreferencesGroupProps extends HTMLAttributes<HTMLDivElement> {\n  /** Group heading. */\n  title?: string;\n  /** Optional description rendered below the title. */\n  description?: string;\n  /** Widget placed at the trailing edge of the title row (e.g. a reset Button). */\n  headerSuffix?: ReactNode;\n  /** `BoxedList` rows or any row-shaped content. */\n  children?: ReactNode;\n}\n\n/**\n * Titled section that wraps a `BoxedList` with an optional description.\n *\n * Use inside a `PreferencesPage` to group related settings under a named\n * heading. The group is purely a layout and labelling wrapper — it does not\n * render the `BoxedList` itself; pass it as `children`.\n *\n * Mirrors `AdwPreferencesGroup`.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.PreferencesGroup.html\n */\nexport function PreferencesGroup({\n  title,\n  description,\n  headerSuffix,\n  children,\n  className,\n  ...props\n}: PreferencesGroupProps) {\n  const hasHeader = title || description || headerSuffix;\n\n  return (\n    <div\n      className={[styles.group, className].filter(Boolean).join(\" \")}\n      {...props}\n    >\n      {hasHeader && (\n        <div className={styles.header}>\n          <div className={styles.headerText}>\n            {title && <span className={styles.title}>{title}</span>}\n            {description && <span className={styles.description}>{description}</span>}\n          </div>\n          {headerSuffix && <div className={styles.suffix}>{headerSuffix}</div>}\n        </div>\n      )}\n      <div className={styles.content}>{children}</div>\n    </div>\n  );\n}\n"],"mappings":"wFAyBA,SAAgB,EAAiB,CAC/B,QACA,cACA,eACA,WACA,YACA,GAAG,GACqB,CACxB,IAAM,EAAY,GAAS,GAAe,EAE1C,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,CAAC,EAAA,QAAO,MAAO,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAC9D,GAAI,WAFN,CAIG,IACC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,QAAO,gBAAvB,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,QAAO,oBAAvB,CACG,IAAS,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,EAAa,CAAA,CACtD,IAAe,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,qBAAc,EAAmB,CAAA,CACrE,GACL,IAAgB,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,gBAAS,EAAmB,CAAA,CAChE,IAER,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,QAAU,WAAe,CAAA,CAC5C"}
+{"version":3,"file":"PreferencesGroup.cjs","names":[],"sources":["../../../src/components/PreferencesGroup/PreferencesGroup.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './PreferencesGroup.module.css';\n\nexport interface PreferencesGroupProps extends HTMLAttributes<HTMLDivElement> {\n  /** Group heading. */\n  title?: string;\n  /** Optional description rendered below the title. */\n  description?: string;\n  /** Widget placed at the trailing edge of the title row (e.g. a reset Button). */\n  headerSuffix?: ReactNode;\n  /** `BoxedList` rows or any row-shaped content. */\n  children?: ReactNode;\n}\n\n/**\n * Titled section that wraps a `BoxedList` with an optional description.\n *\n * Use inside a `PreferencesPage` to group related settings under a named\n * heading. The group is purely a layout and labelling wrapper — it does not\n * render the `BoxedList` itself; pass it as `children`.\n *\n * Mirrors `AdwPreferencesGroup`.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.PreferencesGroup.html\n */\nexport const PreferencesGroup = ({\n  title,\n  description,\n  headerSuffix,\n  children,\n  className,\n  ...props\n}: PreferencesGroupProps) => {\n  const hasHeader = title || description || headerSuffix;\n\n  return (\n    <div className={[styles.group, className].filter(Boolean).join(' ')} {...props}>\n      {hasHeader && (\n        <div className={styles.header}>\n          <div className={styles.headerText}>\n            {title && <span className={styles.title}>{title}</span>}\n            {description && <span className={styles.description}>{description}</span>}\n          </div>\n          {headerSuffix && <div className={styles.suffix}>{headerSuffix}</div>}\n        </div>\n      )}\n      <div className={styles.content}>{children}</div>\n    </div>\n  );\n};\n"],"mappings":"wFA0BA,IAAa,GAAoB,CAC/B,QACA,cACA,eACA,WACA,YACA,GAAG,KACwB,CAC3B,IAAM,EAAY,GAAS,GAAe,EAE1C,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,CAAC,EAAA,QAAO,MAAO,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAAG,GAAI,WAAzE,CACG,IACC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,QAAO,gBAAvB,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,QAAO,oBAAvB,CACG,IAAS,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAY,CAAA,EACrD,IAAe,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,qBAAc,CAAkB,CAAA,CACrE,IACJ,IAAgB,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,gBAAS,CAAkB,CAAA,CAChE,KAEP,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,QAAU,UAAc,CAAA,CAC5C,GAET"}

package/dist/components/PreferencesGroup/PreferencesGroup.d.ts

@@ -20,4 +20,4 @@ export interface PreferencesGroupProps extends HTMLAttributes<HTMLDivElement> {
  *
  * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.PreferencesGroup.html
  */
-export declare function PreferencesGroup({ title, description, headerSuffix, children, className, ...props }: PreferencesGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare const PreferencesGroup: ({ title, description, headerSuffix, children, className, ...props }: PreferencesGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PreferencesGroup/PreferencesGroup.js

@@ -1,7 +1,7 @@
 import e from "./PreferencesGroup.module.css.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/PreferencesGroup/PreferencesGroup.tsx
-function r({ title: r, description: i, headerSuffix: a, children: o, className: s, ...c }) {
+var r = ({ title: r, description: i, headerSuffix: a, children: o, className: s, ...c }) => {
 	let l = r || i || a;
 	return /* @__PURE__ */ n("div", {
 		className: [e.group, s].filter(Boolean).join(" "),
@@ -26,7 +26,7 @@ function r({ title: r, description: i, headerSuffix: a, children: o, className:
 			children: o
 		})]
 	});
-}
+};
 //#endregion
 export { r as PreferencesGroup };
 

package/dist/components/PreferencesGroup/PreferencesGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreferencesGroup.js","names":[],"sources":["../../../src/components/PreferencesGroup/PreferencesGroup.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode } from \"react\";\nimport styles from \"./PreferencesGroup.module.css\";\n\nexport interface PreferencesGroupProps extends HTMLAttributes<HTMLDivElement> {\n  /** Group heading. */\n  title?: string;\n  /** Optional description rendered below the title. */\n  description?: string;\n  /** Widget placed at the trailing edge of the title row (e.g. a reset Button). */\n  headerSuffix?: ReactNode;\n  /** `BoxedList` rows or any row-shaped content. */\n  children?: ReactNode;\n}\n\n/**\n * Titled section that wraps a `BoxedList` with an optional description.\n *\n * Use inside a `PreferencesPage` to group related settings under a named\n * heading. The group is purely a layout and labelling wrapper — it does not\n * render the `BoxedList` itself; pass it as `children`.\n *\n * Mirrors `AdwPreferencesGroup`.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.PreferencesGroup.html\n */\nexport function PreferencesGroup({\n  title,\n  description,\n  headerSuffix,\n  children,\n  className,\n  ...props\n}: PreferencesGroupProps) {\n  const hasHeader = title || description || headerSuffix;\n\n  return (\n    <div\n      className={[styles.group, className].filter(Boolean).join(\" \")}\n      {...props}\n    >\n      {hasHeader && (\n        <div className={styles.header}>\n          <div className={styles.headerText}>\n            {title && <span className={styles.title}>{title}</span>}\n            {description && <span className={styles.description}>{description}</span>}\n          </div>\n          {headerSuffix && <div className={styles.suffix}>{headerSuffix}</div>}\n        </div>\n      )}\n      <div className={styles.content}>{children}</div>\n    </div>\n  );\n}\n"],"mappings":";;;AAyBA,SAAgB,EAAiB,EAC/B,UACA,gBACA,iBACA,aACA,cACA,GAAG,KACqB;CACxB,IAAM,IAAY,KAAS,KAAe;AAE1C,QACE,kBAAC,OAAD;EACE,WAAW,CAAC,EAAO,OAAO,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAC9D,GAAI;YAFN,CAIG,KACC,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB,CACE,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACG,KAAS,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ;KAAa,CAAA,EACtD,KAAe,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAc;KAAmB,CAAA,CACrE;OACL,KAAgB,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAS;IAAmB,CAAA,CAChE;MAER,kBAAC,OAAD;GAAK,WAAW,EAAO;GAAU;GAAe,CAAA,CAC5C"}
+{"version":3,"file":"PreferencesGroup.js","names":[],"sources":["../../../src/components/PreferencesGroup/PreferencesGroup.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './PreferencesGroup.module.css';\n\nexport interface PreferencesGroupProps extends HTMLAttributes<HTMLDivElement> {\n  /** Group heading. */\n  title?: string;\n  /** Optional description rendered below the title. */\n  description?: string;\n  /** Widget placed at the trailing edge of the title row (e.g. a reset Button). */\n  headerSuffix?: ReactNode;\n  /** `BoxedList` rows or any row-shaped content. */\n  children?: ReactNode;\n}\n\n/**\n * Titled section that wraps a `BoxedList` with an optional description.\n *\n * Use inside a `PreferencesPage` to group related settings under a named\n * heading. The group is purely a layout and labelling wrapper — it does not\n * render the `BoxedList` itself; pass it as `children`.\n *\n * Mirrors `AdwPreferencesGroup`.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.PreferencesGroup.html\n */\nexport const PreferencesGroup = ({\n  title,\n  description,\n  headerSuffix,\n  children,\n  className,\n  ...props\n}: PreferencesGroupProps) => {\n  const hasHeader = title || description || headerSuffix;\n\n  return (\n    <div className={[styles.group, className].filter(Boolean).join(' ')} {...props}>\n      {hasHeader && (\n        <div className={styles.header}>\n          <div className={styles.headerText}>\n            {title && <span className={styles.title}>{title}</span>}\n            {description && <span className={styles.description}>{description}</span>}\n          </div>\n          {headerSuffix && <div className={styles.suffix}>{headerSuffix}</div>}\n        </div>\n      )}\n      <div className={styles.content}>{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;AA0BA,IAAa,KAAoB,EAC/B,UACA,gBACA,iBACA,aACA,cACA,GAAG,QACwB;CAC3B,IAAM,IAAY,KAAS,KAAe;CAE1C,OACE,kBAAC,OAAD;EAAK,WAAW,CAAC,EAAO,OAAO,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;EAAG,GAAI;YAAzE,CACG,KACC,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB,CACE,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACG,KAAS,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ;IAAY,CAAA,GACrD,KAAe,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAc;IAAkB,CAAA,CACrE;OACJ,KAAgB,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAS;GAAkB,CAAA,CAChE;MAEP,kBAAC,OAAD;GAAK,WAAW,EAAO;GAAU;EAAc,CAAA,CAC5C;;AAET"}

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

@@ -1,2 +1,2 @@
-export { PreferencesGroup } from './PreferencesGroup';
 export type { PreferencesGroupProps } from './PreferencesGroup';
+export { PreferencesGroup } from './PreferencesGroup';

package/dist/components/PreferencesGroup.cjs

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

package/dist/components/PreferencesPage/PreferencesPage.cjs

@@ -1,2 +1,2 @@
-const e=require(`./PreferencesPage.module.css.cjs`);let t=require(`react/jsx-runtime`);function n({title:n,iconName:r,children:i,className:a,...o}){return(0,t.jsx)(`div`,{className:[e.default.page,a].filter(Boolean).join(` `),role:`tabpanel`,...o,children:(0,t.jsx)(`div`,{className:e.default.inner,children:i})})}exports.PreferencesPage=n;
+const e=require("./PreferencesPage.module.css.cjs");let t=require("react/jsx-runtime");var n=({title:n,iconName:r,children:i,className:a,...o})=>(0,t.jsx)(`div`,{className:[e.default.page,a].filter(Boolean).join(` `),role:`tabpanel`,...o,children:(0,t.jsx)(`div`,{className:e.default.inner,children:i})});exports.PreferencesPage=n;
 //# sourceMappingURL=PreferencesPage.cjs.map

package/dist/components/PreferencesPage/PreferencesPage.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PreferencesPage.cjs","names":[],"sources":["../../../src/components/PreferencesPage/PreferencesPage.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode } from \"react\";\nimport styles from \"./PreferencesPage.module.css\";\n\nexport interface PreferencesPageProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Page title shown in the sidebar / tab of a `PreferencesDialog`.\n   * Required — used as the navigation label.\n   */\n  title: string;\n  /**\n   * Name of a symbolic icon displayed next to the page title in the sidebar.\n   * Pass a valid icon name from the system icon theme (e.g. `\"preferences-system-symbolic\"`).\n   */\n  iconName?: string;\n  /** `PreferencesGroup` sections. */\n  children?: ReactNode;\n}\n\n/**\n * Scrollable page composed of `PreferencesGroup` sections.\n *\n * Use as a child of `PreferencesDialog`. Each page appears as a labelled\n * navigation entry in the dialog sidebar.\n *\n * Mirrors `AdwPreferencesPage`.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.PreferencesPage.html\n */\nexport function PreferencesPage({\n  title: _title,\n  iconName: _iconName,\n  children,\n  className,\n  ...props\n}: PreferencesPageProps) {\n  return (\n    <div\n      className={[styles.page, className].filter(Boolean).join(\" \")}\n      role=\"tabpanel\"\n      {...props}\n    >\n      <div className={styles.inner}>{children}</div>\n    </div>\n  );\n}\n"],"mappings":"uFA4BA,SAAgB,EAAgB,CAC9B,MAAO,EACP,SAAU,EACV,WACA,YACA,GAAG,GACoB,CACvB,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,CAAC,EAAA,QAAO,KAAM,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAC7D,KAAK,WACL,GAAI,YAEJ,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,MAAQ,WAAe,CAAA,CAC1C,CAAA"}
+{"version":3,"file":"PreferencesPage.cjs","names":[],"sources":["../../../src/components/PreferencesPage/PreferencesPage.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './PreferencesPage.module.css';\n\nexport interface PreferencesPageProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Page title shown in the sidebar / tab of a `PreferencesDialog`.\n   * Required — used as the navigation label.\n   */\n  title: string;\n  /**\n   * Name of a symbolic icon displayed next to the page title in the sidebar.\n   * Pass a valid icon name from the system icon theme (e.g. `\"preferences-system-symbolic\"`).\n   */\n  iconName?: string;\n  /** `PreferencesGroup` sections. */\n  children?: ReactNode;\n}\n\n/**\n * Scrollable page composed of `PreferencesGroup` sections.\n *\n * Use as a child of `PreferencesDialog`. Each page appears as a labelled\n * navigation entry in the dialog sidebar.\n *\n * Mirrors `AdwPreferencesPage`.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.PreferencesPage.html\n */\nexport const PreferencesPage = ({\n  title: _title,\n  iconName: _iconName,\n  children,\n  className,\n  ...props\n}: PreferencesPageProps) => {\n  return (\n    <div className={[styles.page, className].filter(Boolean).join(' ')} role=\"tabpanel\" {...props}>\n      <div className={styles.inner}>{children}</div>\n    </div>\n  );\n};\n"],"mappings":"uFA6BA,IAAa,GAAmB,CAC9B,MAAO,EACP,SAAU,EACV,WACA,YACA,GAAG,MAGD,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,CAAC,EAAA,QAAO,KAAM,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAAG,KAAK,WAAW,GAAI,YACtF,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,MAAQ,UAAc,CAAA,CAC1C,CAAA"}

package/dist/components/PreferencesPage/PreferencesPage.d.ts

@@ -23,4 +23,4 @@ export interface PreferencesPageProps extends HTMLAttributes<HTMLDivElement> {
  *
  * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.PreferencesPage.html
  */
-export declare function PreferencesPage({ title: _title, iconName: _iconName, children, className, ...props }: PreferencesPageProps): import("react/jsx-runtime").JSX.Element;
+export declare const PreferencesPage: ({ title: _title, iconName: _iconName, children, className, ...props }: PreferencesPageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PreferencesPage/PreferencesPage.js

@@ -1,17 +1,15 @@
 import e from "./PreferencesPage.module.css.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/PreferencesPage/PreferencesPage.tsx
-function n({ title: n, iconName: r, children: i, className: a, ...o }) {
-	return /* @__PURE__ */ t("div", {
-		className: [e.page, a].filter(Boolean).join(" "),
-		role: "tabpanel",
-		...o,
-		children: /* @__PURE__ */ t("div", {
-			className: e.inner,
-			children: i
-		})
-	});
-}
+var n = ({ title: n, iconName: r, children: i, className: a, ...o }) => /* @__PURE__ */ t("div", {
+	className: [e.page, a].filter(Boolean).join(" "),
+	role: "tabpanel",
+	...o,
+	children: /* @__PURE__ */ t("div", {
+		className: e.inner,
+		children: i
+	})
+});
 //#endregion
 export { n as PreferencesPage };
 

package/dist/components/PreferencesPage/PreferencesPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreferencesPage.js","names":[],"sources":["../../../src/components/PreferencesPage/PreferencesPage.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode } from \"react\";\nimport styles from \"./PreferencesPage.module.css\";\n\nexport interface PreferencesPageProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Page title shown in the sidebar / tab of a `PreferencesDialog`.\n   * Required — used as the navigation label.\n   */\n  title: string;\n  /**\n   * Name of a symbolic icon displayed next to the page title in the sidebar.\n   * Pass a valid icon name from the system icon theme (e.g. `\"preferences-system-symbolic\"`).\n   */\n  iconName?: string;\n  /** `PreferencesGroup` sections. */\n  children?: ReactNode;\n}\n\n/**\n * Scrollable page composed of `PreferencesGroup` sections.\n *\n * Use as a child of `PreferencesDialog`. Each page appears as a labelled\n * navigation entry in the dialog sidebar.\n *\n * Mirrors `AdwPreferencesPage`.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.PreferencesPage.html\n */\nexport function PreferencesPage({\n  title: _title,\n  iconName: _iconName,\n  children,\n  className,\n  ...props\n}: PreferencesPageProps) {\n  return (\n    <div\n      className={[styles.page, className].filter(Boolean).join(\" \")}\n      role=\"tabpanel\"\n      {...props}\n    >\n      <div className={styles.inner}>{children}</div>\n    </div>\n  );\n}\n"],"mappings":";;;AA4BA,SAAgB,EAAgB,EAC9B,OAAO,GACP,UAAU,GACV,aACA,cACA,GAAG,KACoB;AACvB,QACE,kBAAC,OAAD;EACE,WAAW,CAAC,EAAO,MAAM,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAC7D,MAAK;EACL,GAAI;YAEJ,kBAAC,OAAD;GAAK,WAAW,EAAO;GAAQ;GAAe,CAAA;EAC1C,CAAA"}
+{"version":3,"file":"PreferencesPage.js","names":[],"sources":["../../../src/components/PreferencesPage/PreferencesPage.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './PreferencesPage.module.css';\n\nexport interface PreferencesPageProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Page title shown in the sidebar / tab of a `PreferencesDialog`.\n   * Required — used as the navigation label.\n   */\n  title: string;\n  /**\n   * Name of a symbolic icon displayed next to the page title in the sidebar.\n   * Pass a valid icon name from the system icon theme (e.g. `\"preferences-system-symbolic\"`).\n   */\n  iconName?: string;\n  /** `PreferencesGroup` sections. */\n  children?: ReactNode;\n}\n\n/**\n * Scrollable page composed of `PreferencesGroup` sections.\n *\n * Use as a child of `PreferencesDialog`. Each page appears as a labelled\n * navigation entry in the dialog sidebar.\n *\n * Mirrors `AdwPreferencesPage`.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.PreferencesPage.html\n */\nexport const PreferencesPage = ({\n  title: _title,\n  iconName: _iconName,\n  children,\n  className,\n  ...props\n}: PreferencesPageProps) => {\n  return (\n    <div className={[styles.page, className].filter(Boolean).join(' ')} role=\"tabpanel\" {...props}>\n      <div className={styles.inner}>{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;AA6BA,IAAa,KAAmB,EAC9B,OAAO,GACP,UAAU,GACV,aACA,cACA,GAAG,QAGD,kBAAC,OAAD;CAAK,WAAW,CAAC,EAAO,MAAM,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;CAAG,MAAK;CAAW,GAAI;WACtF,kBAAC,OAAD;EAAK,WAAW,EAAO;EAAQ;CAAc,CAAA;AAC1C,CAAA"}

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

@@ -1,2 +1,2 @@
-export { PreferencesPage } from './PreferencesPage';
 export type { PreferencesPageProps } from './PreferencesPage';
+export { PreferencesPage } from './PreferencesPage';

package/dist/components/PreferencesPage.cjs

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

package/dist/components/ProgressBar/ProgressBar.cjs

@@ -1,2 +1,2 @@
-const e=require(`./ProgressBar.module.css.cjs`);let t=require(`react/jsx-runtime`);function n({value:n,variant:r=`accent`,className:i,"aria-label":a,"aria-labelledby":o,...s}){let c=n==null,l=c?void 0:Math.min(1,Math.max(0,n)),u=l===void 0?void 0:l*100;return(0,t.jsx)(`div`,{role:`progressbar`,"aria-label":a,"aria-labelledby":o,"aria-valuenow":l===void 0?void 0:Math.round(u),"aria-valuemin":c?void 0:0,"aria-valuemax":c?void 0:100,className:[e.default.track,i].filter(Boolean).join(` `),...s,children:(0,t.jsx)(`div`,{className:[e.default.fill,e.default[r],c?e.default.indeterminate:null].filter(Boolean).join(` `),style:c?void 0:{width:`${u}%`}})})}exports.ProgressBar=n;
+const e=require("./ProgressBar.module.css.cjs");let t=require("react/jsx-runtime");var n=({value:n,variant:r=`accent`,className:i,"aria-label":a,"aria-labelledby":o,...s})=>{let c=n==null,l=c?void 0:Math.min(1,Math.max(0,n)),u=l===void 0?void 0:l*100;return(0,t.jsx)(`div`,{role:`progressbar`,"aria-label":a,"aria-labelledby":o,"aria-valuenow":l===void 0?void 0:Math.round(u),"aria-valuemin":c?void 0:0,"aria-valuemax":c?void 0:100,className:[e.default.track,i].filter(Boolean).join(` `),...s,children:(0,t.jsx)(`div`,{className:[e.default.fill,e.default[r],c?e.default.indeterminate:null].filter(Boolean).join(` `),style:c?void 0:{width:`${u}%`}})})};exports.ProgressBar=n;
 //# sourceMappingURL=ProgressBar.cjs.map

package/dist/components/ProgressBar/ProgressBar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.cjs","names":[],"sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport styles from \"./ProgressBar.module.css\";\n\nexport type ProgressBarVariant = \"accent\" | \"success\" | \"warning\" | \"error\";\n\nexport interface ProgressBarProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Current progress value between `0` and `1` (e.g. `0.6` = 60 %).\n   * Omit or set to `undefined` for the indeterminate (pulsing) state.\n   */\n  value?: number;\n  /**\n   * Fill color of the progress indicator.\n   * - `\"accent\"` (default) — blue, general-purpose progress.\n   * - `\"success\"` — green, completed or healthy state.\n   * - `\"warning\"` — yellow, approaching a limit.\n   * - `\"error\"`   — red, failed or critical state.\n   */\n  variant?: ProgressBarVariant;\n  /** Accessible label describing what is loading. */\n  \"aria-label\"?: string;\n  /** Associates the bar with a visible element that labels it. */\n  \"aria-labelledby\"?: string;\n}\n\n/**\n * Determinate and indeterminate progress bar following the Adwaita style.\n *\n * - **Determinate** — pass `value` (0–1) to show exact progress.\n * - **Indeterminate** — omit `value` for an animated pulse when duration is unknown.\n *\n * Renders as `role=\"progressbar\"` with `aria-valuenow` / `aria-valuemin` /\n * `aria-valuemax` for screen readers.\n *\n * @see https://developer.gnome.org/hig/patterns/feedback/progress.html\n */\nexport function ProgressBar({\n  value,\n  variant = \"accent\",\n  className,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  ...props\n}: ProgressBarProps) {\n  const isIndeterminate = value === undefined || value === null;\n  const clamped = isIndeterminate ? undefined : Math.min(1, Math.max(0, value));\n  const percent = clamped !== undefined ? clamped * 100 : undefined;\n\n  return (\n    <div\n      role=\"progressbar\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-valuenow={clamped !== undefined ? Math.round(percent!) : undefined}\n      aria-valuemin={isIndeterminate ? undefined : 0}\n      aria-valuemax={isIndeterminate ? undefined : 100}\n      className={[styles.track, className].filter(Boolean).join(\" \")}\n      {...props}\n    >\n      <div\n        className={[\n          styles.fill,\n          styles[variant],\n          isIndeterminate ? styles.indeterminate : null,\n        ]\n          .filter(Boolean)\n          .join(\" \")}\n        style={!isIndeterminate ? { width: `${percent}%` } : undefined}\n      />\n    </div>\n  );\n}\n"],"mappings":"mFAoCA,SAAgB,EAAY,CAC1B,QACA,UAAU,SACV,YACA,aAAc,EACd,kBAAmB,EACnB,GAAG,GACgB,CACnB,IAAM,EAAkB,GAAiC,KACnD,EAAU,EAAkB,IAAA,GAAY,KAAK,IAAI,EAAG,KAAK,IAAI,EAAG,EAAM,CAAC,CACvE,EAAU,IAAY,IAAA,GAA4B,IAAA,GAAhB,EAAU,IAElD,OACE,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,cACL,aAAY,EACZ,kBAAiB,EACjB,gBAAe,IAAY,IAAA,GAAmC,IAAA,GAAvB,KAAK,MAAM,EAAS,CAC3D,gBAAe,EAAkB,IAAA,GAAY,EAC7C,gBAAe,EAAkB,IAAA,GAAY,IAC7C,UAAW,CAAC,EAAA,QAAO,MAAO,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAC9D,GAAI,YAEJ,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,CACT,EAAA,QAAO,KACP,EAAA,QAAO,GACP,EAAkB,EAAA,QAAO,cAAgB,KAC1C,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,MAAQ,EAA6C,IAAA,GAA3B,CAAE,MAAO,GAAG,EAAQ,GAAI,CAClD,CAAA,CACE,CAAA"}
+{"version":3,"file":"ProgressBar.cjs","names":[],"sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport styles from './ProgressBar.module.css';\n\nexport type ProgressBarVariant = 'accent' | 'success' | 'warning' | 'error';\n\nexport interface ProgressBarProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Current progress value between `0` and `1` (e.g. `0.6` = 60 %).\n   * Omit or set to `undefined` for the indeterminate (pulsing) state.\n   */\n  value?: number;\n  /**\n   * Fill color of the progress indicator.\n   * - `\"accent\"` (default) — blue, general-purpose progress.\n   * - `\"success\"` — green, completed or healthy state.\n   * - `\"warning\"` — yellow, approaching a limit.\n   * - `\"error\"`   — red, failed or critical state.\n   */\n  variant?: ProgressBarVariant;\n  /** Accessible label describing what is loading. */\n  'aria-label'?: string;\n  /** Associates the bar with a visible element that labels it. */\n  'aria-labelledby'?: string;\n}\n\n/**\n * Determinate and indeterminate progress bar following the Adwaita style.\n *\n * - **Determinate** — pass `value` (0–1) to show exact progress.\n * - **Indeterminate** — omit `value` for an animated pulse when duration is unknown.\n *\n * Renders as `role=\"progressbar\"` with `aria-valuenow` / `aria-valuemin` /\n * `aria-valuemax` for screen readers.\n *\n * @see https://developer.gnome.org/hig/patterns/feedback/progress.html\n */\nexport const ProgressBar = ({\n  value,\n  variant = 'accent',\n  className,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  ...props\n}: ProgressBarProps) => {\n  const isIndeterminate = value === undefined || value === null;\n  const clamped = isIndeterminate ? undefined : Math.min(1, Math.max(0, value));\n  const percent = clamped !== undefined ? clamped * 100 : undefined;\n\n  return (\n    <div\n      role=\"progressbar\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-valuenow={clamped !== undefined ? Math.round(percent!) : undefined}\n      aria-valuemin={isIndeterminate ? undefined : 0}\n      aria-valuemax={isIndeterminate ? undefined : 100}\n      className={[styles.track, className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      <div\n        className={[styles.fill, styles[variant], isIndeterminate ? styles.indeterminate : null]\n          .filter(Boolean)\n          .join(' ')}\n        style={!isIndeterminate ? { width: `${percent}%` } : undefined}\n      />\n    </div>\n  );\n};\n"],"mappings":"mFAqCA,IAAa,GAAe,CAC1B,QACA,UAAU,SACV,YACA,aAAc,EACd,kBAAmB,EACnB,GAAG,KACmB,CACtB,IAAM,EAAkB,GAAiC,KACnD,EAAU,EAAkB,IAAA,GAAY,KAAK,IAAI,EAAG,KAAK,IAAI,EAAG,CAAK,CAAC,EACtE,EAAU,IAAY,IAAA,GAA4B,IAAA,GAAhB,EAAU,IAElD,OACE,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,cACL,aAAY,EACZ,kBAAiB,EACjB,gBAAe,IAAY,IAAA,GAAmC,IAAA,GAAvB,KAAK,MAAM,CAAQ,EAC1D,gBAAe,EAAkB,IAAA,GAAY,EAC7C,gBAAe,EAAkB,IAAA,GAAY,IAC7C,UAAW,CAAC,EAAA,QAAO,MAAO,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC7D,GAAI,YAEJ,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,CAAC,EAAA,QAAO,KAAM,EAAA,QAAO,GAAU,EAAkB,EAAA,QAAO,cAAgB,IAAI,EACpF,OAAO,OAAO,EACd,KAAK,GAAG,EACX,MAAQ,EAA6C,IAAA,GAA3B,CAAE,MAAO,GAAG,EAAQ,EAAG,CAClD,CAAA,CACE,CAAA,CAET"}

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-export type ProgressBarVariant = "accent" | "success" | "warning" | "error";
+export type ProgressBarVariant = 'accent' | 'success' | 'warning' | 'error';
 export interface ProgressBarProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Current progress value between `0` and `1` (e.g. `0.6` = 60 %).
@@ -15,9 +15,9 @@ export interface ProgressBarProps extends HTMLAttributes<HTMLDivElement> {
      */
     variant?: ProgressBarVariant;
     /** Accessible label describing what is loading. */
-    "aria-label"?: string;
+    'aria-label'?: string;
     /** Associates the bar with a visible element that labels it. */
-    "aria-labelledby"?: string;
+    'aria-labelledby'?: string;
 }
 /**
  * Determinate and indeterminate progress bar following the Adwaita style.
@@ -30,4 +30,4 @@ export interface ProgressBarProps extends HTMLAttributes<HTMLDivElement> {
  *
  * @see https://developer.gnome.org/hig/patterns/feedback/progress.html
  */
-export declare function ProgressBar({ value, variant, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
+export declare const ProgressBar: ({ value, variant, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ProgressBar/ProgressBar.js

@@ -1,7 +1,7 @@
 import e from "./ProgressBar.module.css.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/ProgressBar/ProgressBar.tsx
-function n({ value: n, variant: r = "accent", className: i, "aria-label": a, "aria-labelledby": o, ...s }) {
+var n = ({ value: n, variant: r = "accent", className: i, "aria-label": a, "aria-labelledby": o, ...s }) => {
 	let c = n == null, l = c ? void 0 : Math.min(1, Math.max(0, n)), u = l === void 0 ? void 0 : l * 100;
 	return /* @__PURE__ */ t("div", {
 		role: "progressbar",
@@ -21,7 +21,7 @@ function n({ value: n, variant: r = "accent", className: i, "aria-label": a, "ar
 			style: c ? void 0 : { width: `${u}%` }
 		})
 	});
-}
+};
 //#endregion
 export { n as ProgressBar };
 

package/dist/components/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","names":[],"sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport styles from \"./ProgressBar.module.css\";\n\nexport type ProgressBarVariant = \"accent\" | \"success\" | \"warning\" | \"error\";\n\nexport interface ProgressBarProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Current progress value between `0` and `1` (e.g. `0.6` = 60 %).\n   * Omit or set to `undefined` for the indeterminate (pulsing) state.\n   */\n  value?: number;\n  /**\n   * Fill color of the progress indicator.\n   * - `\"accent\"` (default) — blue, general-purpose progress.\n   * - `\"success\"` — green, completed or healthy state.\n   * - `\"warning\"` — yellow, approaching a limit.\n   * - `\"error\"`   — red, failed or critical state.\n   */\n  variant?: ProgressBarVariant;\n  /** Accessible label describing what is loading. */\n  \"aria-label\"?: string;\n  /** Associates the bar with a visible element that labels it. */\n  \"aria-labelledby\"?: string;\n}\n\n/**\n * Determinate and indeterminate progress bar following the Adwaita style.\n *\n * - **Determinate** — pass `value` (0–1) to show exact progress.\n * - **Indeterminate** — omit `value` for an animated pulse when duration is unknown.\n *\n * Renders as `role=\"progressbar\"` with `aria-valuenow` / `aria-valuemin` /\n * `aria-valuemax` for screen readers.\n *\n * @see https://developer.gnome.org/hig/patterns/feedback/progress.html\n */\nexport function ProgressBar({\n  value,\n  variant = \"accent\",\n  className,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  ...props\n}: ProgressBarProps) {\n  const isIndeterminate = value === undefined || value === null;\n  const clamped = isIndeterminate ? undefined : Math.min(1, Math.max(0, value));\n  const percent = clamped !== undefined ? clamped * 100 : undefined;\n\n  return (\n    <div\n      role=\"progressbar\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-valuenow={clamped !== undefined ? Math.round(percent!) : undefined}\n      aria-valuemin={isIndeterminate ? undefined : 0}\n      aria-valuemax={isIndeterminate ? undefined : 100}\n      className={[styles.track, className].filter(Boolean).join(\" \")}\n      {...props}\n    >\n      <div\n        className={[\n          styles.fill,\n          styles[variant],\n          isIndeterminate ? styles.indeterminate : null,\n        ]\n          .filter(Boolean)\n          .join(\" \")}\n        style={!isIndeterminate ? { width: `${percent}%` } : undefined}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;AAoCA,SAAgB,EAAY,EAC1B,UACA,aAAU,UACV,cACA,cAAc,GACd,mBAAmB,GACnB,GAAG,KACgB;CACnB,IAAM,IAAkB,KAAiC,MACnD,IAAU,IAAkB,KAAA,IAAY,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,EAAM,CAAC,EACvE,IAAU,MAAY,KAAA,IAA4B,KAAA,IAAhB,IAAU;AAElD,QACE,kBAAC,OAAD;EACE,MAAK;EACL,cAAY;EACZ,mBAAiB;EACjB,iBAAe,MAAY,KAAA,IAAmC,KAAA,IAAvB,KAAK,MAAM,EAAS;EAC3D,iBAAe,IAAkB,KAAA,IAAY;EAC7C,iBAAe,IAAkB,KAAA,IAAY;EAC7C,WAAW,CAAC,EAAO,OAAO,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAC9D,GAAI;YAEJ,kBAAC,OAAD;GACE,WAAW;IACT,EAAO;IACP,EAAO;IACP,IAAkB,EAAO,gBAAgB;IAC1C,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;GACZ,OAAQ,IAA6C,KAAA,IAA3B,EAAE,OAAO,GAAG,EAAQ,IAAI;GAClD,CAAA;EACE,CAAA"}
+{"version":3,"file":"ProgressBar.js","names":[],"sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport styles from './ProgressBar.module.css';\n\nexport type ProgressBarVariant = 'accent' | 'success' | 'warning' | 'error';\n\nexport interface ProgressBarProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Current progress value between `0` and `1` (e.g. `0.6` = 60 %).\n   * Omit or set to `undefined` for the indeterminate (pulsing) state.\n   */\n  value?: number;\n  /**\n   * Fill color of the progress indicator.\n   * - `\"accent\"` (default) — blue, general-purpose progress.\n   * - `\"success\"` — green, completed or healthy state.\n   * - `\"warning\"` — yellow, approaching a limit.\n   * - `\"error\"`   — red, failed or critical state.\n   */\n  variant?: ProgressBarVariant;\n  /** Accessible label describing what is loading. */\n  'aria-label'?: string;\n  /** Associates the bar with a visible element that labels it. */\n  'aria-labelledby'?: string;\n}\n\n/**\n * Determinate and indeterminate progress bar following the Adwaita style.\n *\n * - **Determinate** — pass `value` (0–1) to show exact progress.\n * - **Indeterminate** — omit `value` for an animated pulse when duration is unknown.\n *\n * Renders as `role=\"progressbar\"` with `aria-valuenow` / `aria-valuemin` /\n * `aria-valuemax` for screen readers.\n *\n * @see https://developer.gnome.org/hig/patterns/feedback/progress.html\n */\nexport const ProgressBar = ({\n  value,\n  variant = 'accent',\n  className,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  ...props\n}: ProgressBarProps) => {\n  const isIndeterminate = value === undefined || value === null;\n  const clamped = isIndeterminate ? undefined : Math.min(1, Math.max(0, value));\n  const percent = clamped !== undefined ? clamped * 100 : undefined;\n\n  return (\n    <div\n      role=\"progressbar\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-valuenow={clamped !== undefined ? Math.round(percent!) : undefined}\n      aria-valuemin={isIndeterminate ? undefined : 0}\n      aria-valuemax={isIndeterminate ? undefined : 100}\n      className={[styles.track, className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      <div\n        className={[styles.fill, styles[variant], isIndeterminate ? styles.indeterminate : null]\n          .filter(Boolean)\n          .join(' ')}\n        style={!isIndeterminate ? { width: `${percent}%` } : undefined}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;AAqCA,IAAa,KAAe,EAC1B,UACA,aAAU,UACV,cACA,cAAc,GACd,mBAAmB,GACnB,GAAG,QACmB;CACtB,IAAM,IAAkB,KAAiC,MACnD,IAAU,IAAkB,KAAA,IAAY,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,CAAK,CAAC,GACtE,IAAU,MAAY,KAAA,IAA4B,KAAA,IAAhB,IAAU;CAElD,OACE,kBAAC,OAAD;EACE,MAAK;EACL,cAAY;EACZ,mBAAiB;EACjB,iBAAe,MAAY,KAAA,IAAmC,KAAA,IAAvB,KAAK,MAAM,CAAQ;EAC1D,iBAAe,IAAkB,KAAA,IAAY;EAC7C,iBAAe,IAAkB,KAAA,IAAY;EAC7C,WAAW,CAAC,EAAO,OAAO,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;EAC7D,GAAI;YAEJ,kBAAC,OAAD;GACE,WAAW;IAAC,EAAO;IAAM,EAAO;IAAU,IAAkB,EAAO,gBAAgB;GAAI,EACpF,OAAO,OAAO,EACd,KAAK,GAAG;GACX,OAAQ,IAA6C,KAAA,IAA3B,EAAE,OAAO,GAAG,EAAQ,GAAG;EAClD,CAAA;CACE,CAAA;AAET"}

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

@@ -1,2 +1,2 @@
-var e={track:`_track_endpr_3`,fill:`_fill_endpr_14`,accent:`_accent_endpr_23`,success:`_success_endpr_24`,warning:`_warning_endpr_25`,error:`_error_endpr_26`,indeterminate:`_indeterminate_endpr_30`,pulse:`_pulse_endpr_1`};exports.default=e;
+var e={track:`_track_10s0m_3`,fill:`_fill_10s0m_14`,accent:`_accent_10s0m_23`,success:`_success_10s0m_26`,warning:`_warning_10s0m_29`,error:`_error_10s0m_32`,indeterminate:`_indeterminate_10s0m_38`,pulse:`_pulse_10s0m_1`};exports.default=e;
 //# sourceMappingURL=ProgressBar.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.module.css.cjs","names":[],"sources":["../../../src/components/ProgressBar/ProgressBar.module.css"],"sourcesContent":["/* ─── Track ────────────────────────────────────────────────────────────────── */\n\n.track {\n  position: relative;\n  width: 100%;\n  height: 6px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: var(--gnome-light-3, #deddda);\n  overflow: hidden;\n}\n\n/* ─── Fill (determinate) ───────────────────────────────────────────────────── */\n\n.fill {\n  height: 100%;\n  border-radius: var(--gnome-radius-pill);\n  transition: width var(--gnome-duration-normal) var(--gnome-easing-default);\n  will-change: width;\n}\n\n/* ─── Variants ─────────────────────────────────────────────────────────────── */\n\n.accent  { background-color: var(--gnome-accent-bg-color,   #3584e4); }\n.success { background-color: var(--gnome-success-bg-color,  #2ec27e); }\n.warning { background-color: var(--gnome-warning-bg-color,  #f6d32d); }\n.error   { background-color: var(--gnome-error-bg-color,    #e01b24); }\n\n/* ─── Indeterminate pulse ──────────────────────────────────────────────────── */\n\n.indeterminate {\n  position: absolute;\n  top: 0;\n  width: 40%;\n  animation: pulse 1.4s var(--gnome-easing-default) infinite;\n}\n\n@keyframes pulse {\n  0%   { left: -40%; }\n  100% { left: 100%; }\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .track {\n    background-color: var(--gnome-dark-2, #5e5c64);\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .fill {\n    transition: none;\n  }\n\n  .indeterminate {\n    animation: none;\n    left: 0;\n    width: 100%;\n    opacity: 0.5;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"ProgressBar.module.css.cjs","names":[],"sources":["../../../src/components/ProgressBar/ProgressBar.module.css"],"sourcesContent":["/* ─── Track ────────────────────────────────────────────────────────────────── */\n\n.track {\n  position: relative;\n  width: 100%;\n  height: 6px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: var(--gnome-light-3, #deddda);\n  overflow: hidden;\n}\n\n/* ─── Fill (determinate) ───────────────────────────────────────────────────── */\n\n.fill {\n  height: 100%;\n  border-radius: var(--gnome-radius-pill);\n  transition: width var(--gnome-duration-normal) var(--gnome-easing-default);\n  will-change: width;\n}\n\n/* ─── Variants ─────────────────────────────────────────────────────────────── */\n\n.accent {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n}\n.success {\n  background-color: var(--gnome-success-bg-color, #2ec27e);\n}\n.warning {\n  background-color: var(--gnome-warning-bg-color, #f6d32d);\n}\n.error {\n  background-color: var(--gnome-error-bg-color, #e01b24);\n}\n\n/* ─── Indeterminate pulse ──────────────────────────────────────────────────── */\n\n.indeterminate {\n  position: absolute;\n  top: 0;\n  width: 40%;\n  animation: pulse 1.4s var(--gnome-easing-default) infinite;\n}\n\n@keyframes pulse {\n  0% {\n    left: -40%;\n  }\n  100% {\n    left: 100%;\n  }\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .track {\n    background-color: var(--gnome-dark-2, #5e5c64);\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .fill {\n    transition: none;\n  }\n\n  .indeterminate {\n    animation: none;\n    left: 0;\n    width: 100%;\n    opacity: 0.5;\n  }\n}\n"],"mappings":""}

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

@@ -1,12 +1,12 @@
 var e = {
-	track: "_track_endpr_3",
-	fill: "_fill_endpr_14",
-	accent: "_accent_endpr_23",
-	success: "_success_endpr_24",
-	warning: "_warning_endpr_25",
-	error: "_error_endpr_26",
-	indeterminate: "_indeterminate_endpr_30",
-	pulse: "_pulse_endpr_1"
+	track: "_track_10s0m_3",
+	fill: "_fill_10s0m_14",
+	accent: "_accent_10s0m_23",
+	success: "_success_10s0m_26",
+	warning: "_warning_10s0m_29",
+	error: "_error_10s0m_32",
+	indeterminate: "_indeterminate_10s0m_38",
+	pulse: "_pulse_10s0m_1"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.module.css.js","names":[],"sources":["../../../src/components/ProgressBar/ProgressBar.module.css"],"sourcesContent":["/* ─── Track ────────────────────────────────────────────────────────────────── */\n\n.track {\n  position: relative;\n  width: 100%;\n  height: 6px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: var(--gnome-light-3, #deddda);\n  overflow: hidden;\n}\n\n/* ─── Fill (determinate) ───────────────────────────────────────────────────── */\n\n.fill {\n  height: 100%;\n  border-radius: var(--gnome-radius-pill);\n  transition: width var(--gnome-duration-normal) var(--gnome-easing-default);\n  will-change: width;\n}\n\n/* ─── Variants ─────────────────────────────────────────────────────────────── */\n\n.accent  { background-color: var(--gnome-accent-bg-color,   #3584e4); }\n.success { background-color: var(--gnome-success-bg-color,  #2ec27e); }\n.warning { background-color: var(--gnome-warning-bg-color,  #f6d32d); }\n.error   { background-color: var(--gnome-error-bg-color,    #e01b24); }\n\n/* ─── Indeterminate pulse ──────────────────────────────────────────────────── */\n\n.indeterminate {\n  position: absolute;\n  top: 0;\n  width: 40%;\n  animation: pulse 1.4s var(--gnome-easing-default) infinite;\n}\n\n@keyframes pulse {\n  0%   { left: -40%; }\n  100% { left: 100%; }\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .track {\n    background-color: var(--gnome-dark-2, #5e5c64);\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .fill {\n    transition: none;\n  }\n\n  .indeterminate {\n    animation: none;\n    left: 0;\n    width: 100%;\n    opacity: 0.5;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"ProgressBar.module.css.js","names":[],"sources":["../../../src/components/ProgressBar/ProgressBar.module.css"],"sourcesContent":["/* ─── Track ────────────────────────────────────────────────────────────────── */\n\n.track {\n  position: relative;\n  width: 100%;\n  height: 6px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: var(--gnome-light-3, #deddda);\n  overflow: hidden;\n}\n\n/* ─── Fill (determinate) ───────────────────────────────────────────────────── */\n\n.fill {\n  height: 100%;\n  border-radius: var(--gnome-radius-pill);\n  transition: width var(--gnome-duration-normal) var(--gnome-easing-default);\n  will-change: width;\n}\n\n/* ─── Variants ─────────────────────────────────────────────────────────────── */\n\n.accent {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n}\n.success {\n  background-color: var(--gnome-success-bg-color, #2ec27e);\n}\n.warning {\n  background-color: var(--gnome-warning-bg-color, #f6d32d);\n}\n.error {\n  background-color: var(--gnome-error-bg-color, #e01b24);\n}\n\n/* ─── Indeterminate pulse ──────────────────────────────────────────────────── */\n\n.indeterminate {\n  position: absolute;\n  top: 0;\n  width: 40%;\n  animation: pulse 1.4s var(--gnome-easing-default) infinite;\n}\n\n@keyframes pulse {\n  0% {\n    left: -40%;\n  }\n  100% {\n    left: 100%;\n  }\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .track {\n    background-color: var(--gnome-dark-2, #5e5c64);\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .fill {\n    transition: none;\n  }\n\n  .indeterminate {\n    animation: none;\n    left: 0;\n    width: 100%;\n    opacity: 0.5;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-export { ProgressBar } from './ProgressBar';
 export type { ProgressBarProps, ProgressBarVariant } from './ProgressBar';
+export { ProgressBar } from './ProgressBar';

package/dist/components/ProgressBar.cjs

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

package/dist/components/RadioButton/RadioButton.cjs

@@ -1,2 +1,2 @@
-const e=require(`./RadioButton.module.css.cjs`);let t=require(`react/jsx-runtime`);function n({className:n,...r}){return(0,t.jsx)(`input`,{type:`radio`,className:[e.default.radio,n].filter(Boolean).join(` `),...r})}exports.RadioButton=n;
+const e=require("./RadioButton.module.css.cjs");let t=require("react/jsx-runtime");var n=({className:n,...r})=>(0,t.jsx)(`input`,{type:`radio`,className:[e.default.radio,n].filter(Boolean).join(` `),...r});exports.RadioButton=n;
 //# sourceMappingURL=RadioButton.cjs.map

package/dist/components/RadioButton/RadioButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.cjs","names":[],"sources":["../../../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from \"react\";\nimport styles from \"./RadioButton.module.css\";\n\nexport interface RadioButtonProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n  /** Accessible label. Required when no visible `<label>` is associated. */\n  \"aria-label\"?: string;\n}\n\n/**\n * Single-selection radio button following the GNOME HIG and Adwaita style.\n *\n * Group radio buttons by giving them the same `name` attribute.\n * Renders as `<input type=\"radio\">` — natively keyboard-accessible\n * (arrow keys cycle within the group) and compatible with standard form libraries.\n *\n * @see https://developer.gnome.org/hig/patterns/controls/radio-buttons.html\n */\nexport function RadioButton({ className, ...props }: RadioButtonProps) {\n  return (\n    <input\n      type=\"radio\"\n      className={[styles.radio, className].filter(Boolean).join(\" \")}\n      {...props}\n    />\n  );\n}\n"],"mappings":"mFAkBA,SAAgB,EAAY,CAAE,YAAW,GAAG,GAA2B,CACrE,OACE,EAAA,EAAA,KAAC,QAAD,CACE,KAAK,QACL,UAAW,CAAC,EAAA,QAAO,MAAO,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAC9D,GAAI,EACJ,CAAA"}
+{"version":3,"file":"RadioButton.cjs","names":[],"sources":["../../../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from 'react';\n\nimport styles from './RadioButton.module.css';\n\nexport interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {\n  /** Accessible label. Required when no visible `<label>` is associated. */\n  'aria-label'?: string;\n}\n\n/**\n * Single-selection radio button following the GNOME HIG and Adwaita style.\n *\n * Group radio buttons by giving them the same `name` attribute.\n * Renders as `<input type=\"radio\">` — natively keyboard-accessible\n * (arrow keys cycle within the group) and compatible with standard form libraries.\n *\n * @see https://developer.gnome.org/hig/patterns/controls/radio-buttons.html\n */\nexport const RadioButton = ({ className, ...props }: RadioButtonProps) => {\n  return (\n    <input\n      type=\"radio\"\n      className={[styles.radio, className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  );\n};\n"],"mappings":"mFAkBA,IAAa,GAAe,CAAE,YAAW,GAAG,MAExC,EAAA,EAAA,KAAC,QAAD,CACE,KAAK,QACL,UAAW,CAAC,EAAA,QAAO,MAAO,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC7D,GAAI,CACL,CAAA"}

package/dist/components/RadioButton/RadioButton.d.ts

@@ -1,7 +1,7 @@
 import { InputHTMLAttributes } from 'react';
-export interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
+export interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
     /** Accessible label. Required when no visible `<label>` is associated. */
-    "aria-label"?: string;
+    'aria-label'?: string;
 }
 /**
  * Single-selection radio button following the GNOME HIG and Adwaita style.
@@ -12,4 +12,4 @@ export interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElem
  *
  * @see https://developer.gnome.org/hig/patterns/controls/radio-buttons.html
  */
-export declare function RadioButton({ className, ...props }: RadioButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare const RadioButton: ({ className, ...props }: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/RadioButton/RadioButton.js

@@ -1,13 +1,11 @@
 import e from "./RadioButton.module.css.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/RadioButton/RadioButton.tsx
-function n({ className: n, ...r }) {
-	return /* @__PURE__ */ t("input", {
-		type: "radio",
-		className: [e.radio, n].filter(Boolean).join(" "),
-		...r
-	});
-}
+var n = ({ className: n, ...r }) => /* @__PURE__ */ t("input", {
+	type: "radio",
+	className: [e.radio, n].filter(Boolean).join(" "),
+	...r
+});
 //#endregion
 export { n as RadioButton };
 

package/dist/components/RadioButton/RadioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","names":[],"sources":["../../../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from \"react\";\nimport styles from \"./RadioButton.module.css\";\n\nexport interface RadioButtonProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n  /** Accessible label. Required when no visible `<label>` is associated. */\n  \"aria-label\"?: string;\n}\n\n/**\n * Single-selection radio button following the GNOME HIG and Adwaita style.\n *\n * Group radio buttons by giving them the same `name` attribute.\n * Renders as `<input type=\"radio\">` — natively keyboard-accessible\n * (arrow keys cycle within the group) and compatible with standard form libraries.\n *\n * @see https://developer.gnome.org/hig/patterns/controls/radio-buttons.html\n */\nexport function RadioButton({ className, ...props }: RadioButtonProps) {\n  return (\n    <input\n      type=\"radio\"\n      className={[styles.radio, className].filter(Boolean).join(\" \")}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;AAkBA,SAAgB,EAAY,EAAE,cAAW,GAAG,KAA2B;AACrE,QACE,kBAAC,SAAD;EACE,MAAK;EACL,WAAW,CAAC,EAAO,OAAO,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAC9D,GAAI;EACJ,CAAA"}
+{"version":3,"file":"RadioButton.js","names":[],"sources":["../../../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from 'react';\n\nimport styles from './RadioButton.module.css';\n\nexport interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {\n  /** Accessible label. Required when no visible `<label>` is associated. */\n  'aria-label'?: string;\n}\n\n/**\n * Single-selection radio button following the GNOME HIG and Adwaita style.\n *\n * Group radio buttons by giving them the same `name` attribute.\n * Renders as `<input type=\"radio\">` — natively keyboard-accessible\n * (arrow keys cycle within the group) and compatible with standard form libraries.\n *\n * @see https://developer.gnome.org/hig/patterns/controls/radio-buttons.html\n */\nexport const RadioButton = ({ className, ...props }: RadioButtonProps) => {\n  return (\n    <input\n      type=\"radio\"\n      className={[styles.radio, className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;AAkBA,IAAa,KAAe,EAAE,cAAW,GAAG,QAExC,kBAAC,SAAD;CACE,MAAK;CACL,WAAW,CAAC,EAAO,OAAO,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;CAC7D,GAAI;AACL,CAAA"}

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

@@ -1,2 +1,2 @@
-var e={radio:`_radio_1vybt_3`};exports.default=e;
+var e={radio:`_radio_fnsnz_3`};exports.default=e;
 //# sourceMappingURL=RadioButton.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.module.css.cjs","names":[],"sources":["../../../src/components/RadioButton/RadioButton.module.css"],"sourcesContent":["/* ─── Reset & base ─────────────────────────────────────────────────────────── */\n\n.radio {\n  appearance: none;\n  -webkit-appearance: none;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  cursor: pointer;\n\n  width: 18px;\n  height: 18px;\n  border-radius: var(--gnome-radius-pill);\n\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  border: 1.5px solid var(--gnome-light-4, #c0bfbc);\n\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color     var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n/* ─── Inner dot (checked) ──────────────────────────────────────────────────── */\n\n.radio::before {\n  content: \"\";\n  display: block;\n  width: 6px;\n  height: 6px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: #ffffff;\n  opacity: 0;\n  transition: opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.radio:checked {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  border-color: var(--gnome-accent-bg-color, #3584e4);\n}\n\n.radio:checked::before {\n  opacity: 1;\n}\n\n/* ─── Hover ────────────────────────────────────────────────────────────────── */\n\n.radio:not(:checked):hover {\n  border-color: var(--gnome-light-5, #9a9996);\n  background-color: color-mix(\n    in srgb,\n    var(--gnome-card-bg-color, #ffffff) 94%,\n    black 6%\n  );\n}\n\n/* ─── Focus ────────────────────────────────────────────────────────────────── */\n\n.radio:focus-visible {\n  outline: none;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Disabled ─────────────────────────────────────────────────────────────── */\n\n.radio:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .radio {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: var(--gnome-dark-1, #77767b);\n  }\n\n  .radio:not(:checked):hover {\n    border-color: var(--gnome-light-4, #c0bfbc);\n    background-color: color-mix(\n      in srgb,\n      var(--gnome-card-bg-color, #383838) 85%,\n      white 15%\n    );\n  }\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .radio {\n    border-width: 2px;\n    border-color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  }\n\n  .radio:not(:checked):hover {\n    border-color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n    background-color: var(--gnome-hover-overlay);\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .radio,\n  .radio::before {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"RadioButton.module.css.cjs","names":[],"sources":["../../../src/components/RadioButton/RadioButton.module.css"],"sourcesContent":["/* ─── Reset & base ─────────────────────────────────────────────────────────── */\n\n.radio {\n  appearance: none;\n  -webkit-appearance: none;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  cursor: pointer;\n\n  width: 18px;\n  height: 18px;\n  border-radius: var(--gnome-radius-pill);\n\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  border: 1.5px solid var(--gnome-light-4, #c0bfbc);\n\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n/* ─── Inner dot (checked) ──────────────────────────────────────────────────── */\n\n.radio::before {\n  content: \"\";\n  display: block;\n  width: 6px;\n  height: 6px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: #ffffff;\n  opacity: 0;\n  transition: opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.radio:checked {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  border-color: var(--gnome-accent-bg-color, #3584e4);\n}\n\n.radio:checked::before {\n  opacity: 1;\n}\n\n/* ─── Hover ────────────────────────────────────────────────────────────────── */\n\n.radio:not(:checked):hover {\n  border-color: var(--gnome-light-5, #9a9996);\n  background-color: color-mix(in srgb, var(--gnome-card-bg-color, #ffffff) 94%, black 6%);\n}\n\n/* ─── Focus ────────────────────────────────────────────────────────────────── */\n\n.radio:focus-visible {\n  outline: none;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Disabled ─────────────────────────────────────────────────────────────── */\n\n.radio:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .radio {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: var(--gnome-dark-1, #77767b);\n  }\n\n  .radio:not(:checked):hover {\n    border-color: var(--gnome-light-4, #c0bfbc);\n    background-color: color-mix(in srgb, var(--gnome-card-bg-color, #383838) 85%, white 15%);\n  }\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .radio {\n    border-width: 2px;\n    border-color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  }\n\n  .radio:not(:checked):hover {\n    border-color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n    background-color: var(--gnome-hover-overlay);\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .radio,\n  .radio::before {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,4 +1,4 @@
-var e = { radio: "_radio_1vybt_3" };
+var e = { radio: "_radio_fnsnz_3" };
 //#endregion
 export { e as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.module.css.js","names":[],"sources":["../../../src/components/RadioButton/RadioButton.module.css"],"sourcesContent":["/* ─── Reset & base ─────────────────────────────────────────────────────────── */\n\n.radio {\n  appearance: none;\n  -webkit-appearance: none;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  cursor: pointer;\n\n  width: 18px;\n  height: 18px;\n  border-radius: var(--gnome-radius-pill);\n\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  border: 1.5px solid var(--gnome-light-4, #c0bfbc);\n\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color     var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n/* ─── Inner dot (checked) ──────────────────────────────────────────────────── */\n\n.radio::before {\n  content: \"\";\n  display: block;\n  width: 6px;\n  height: 6px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: #ffffff;\n  opacity: 0;\n  transition: opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.radio:checked {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  border-color: var(--gnome-accent-bg-color, #3584e4);\n}\n\n.radio:checked::before {\n  opacity: 1;\n}\n\n/* ─── Hover ────────────────────────────────────────────────────────────────── */\n\n.radio:not(:checked):hover {\n  border-color: var(--gnome-light-5, #9a9996);\n  background-color: color-mix(\n    in srgb,\n    var(--gnome-card-bg-color, #ffffff) 94%,\n    black 6%\n  );\n}\n\n/* ─── Focus ────────────────────────────────────────────────────────────────── */\n\n.radio:focus-visible {\n  outline: none;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Disabled ─────────────────────────────────────────────────────────────── */\n\n.radio:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .radio {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: var(--gnome-dark-1, #77767b);\n  }\n\n  .radio:not(:checked):hover {\n    border-color: var(--gnome-light-4, #c0bfbc);\n    background-color: color-mix(\n      in srgb,\n      var(--gnome-card-bg-color, #383838) 85%,\n      white 15%\n    );\n  }\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .radio {\n    border-width: 2px;\n    border-color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  }\n\n  .radio:not(:checked):hover {\n    border-color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n    background-color: var(--gnome-hover-overlay);\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .radio,\n  .radio::before {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"RadioButton.module.css.js","names":[],"sources":["../../../src/components/RadioButton/RadioButton.module.css"],"sourcesContent":["/* ─── Reset & base ─────────────────────────────────────────────────────────── */\n\n.radio {\n  appearance: none;\n  -webkit-appearance: none;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  cursor: pointer;\n\n  width: 18px;\n  height: 18px;\n  border-radius: var(--gnome-radius-pill);\n\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  border: 1.5px solid var(--gnome-light-4, #c0bfbc);\n\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n/* ─── Inner dot (checked) ──────────────────────────────────────────────────── */\n\n.radio::before {\n  content: \"\";\n  display: block;\n  width: 6px;\n  height: 6px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: #ffffff;\n  opacity: 0;\n  transition: opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.radio:checked {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  border-color: var(--gnome-accent-bg-color, #3584e4);\n}\n\n.radio:checked::before {\n  opacity: 1;\n}\n\n/* ─── Hover ────────────────────────────────────────────────────────────────── */\n\n.radio:not(:checked):hover {\n  border-color: var(--gnome-light-5, #9a9996);\n  background-color: color-mix(in srgb, var(--gnome-card-bg-color, #ffffff) 94%, black 6%);\n}\n\n/* ─── Focus ────────────────────────────────────────────────────────────────── */\n\n.radio:focus-visible {\n  outline: none;\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Disabled ─────────────────────────────────────────────────────────────── */\n\n.radio:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .radio {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: var(--gnome-dark-1, #77767b);\n  }\n\n  .radio:not(:checked):hover {\n    border-color: var(--gnome-light-4, #c0bfbc);\n    background-color: color-mix(in srgb, var(--gnome-card-bg-color, #383838) 85%, white 15%);\n  }\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .radio {\n    border-width: 2px;\n    border-color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  }\n\n  .radio:not(:checked):hover {\n    border-color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n    background-color: var(--gnome-hover-overlay);\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .radio,\n  .radio::before {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-export { RadioButton } from './RadioButton';
 export type { RadioButtonProps } from './RadioButton';
+export { RadioButton } from './RadioButton';

package/dist/components/RadioButton.cjs

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