@gnome-ui/react 1.49.0 → 1.50.0

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

@@ -1 +1 @@
-{"version":3,"file":"Timeline.module.css.cjs","names":[],"sources":["../../../src/components/Timeline/Timeline.module.css"],"sourcesContent":["/* ─── Vertical orientation ───────────────────────────────────────────────── */\n\n/*\n * Grid: 3 columns shared by every item via subgrid.\n *   col 1 (auto)  → leading: timestamps, labels — sized by widest content\n *   col 2 (24px)  → nodeTrack: node circle + connector line\n *   col 3 (1fr)   → content: event title / description\n *\n * align-self on items defaults to stretch so the nodeTrack cell grows to fill\n * the full row height; the flex line inside it then fills gap between nodes.\n */\n.vertical {\n  display: grid;\n  grid-template-columns: auto 24px 1fr;\n  column-gap: 12px;\n}\n\n.vertical .item {\n  display: grid;\n  grid-column: 1 / -1;\n  grid-template-columns: subgrid;\n}\n\n/* Leading: timestamp / label — left-aligned column, text right-aligned */\n.vertical .leading {\n  padding-top: 4px; /* align text baseline with node center */\n  text-align: end;\n  align-self: start; /* don't stretch; only nodeTrack stretches */\n}\n\n/* Node track: node on top, connector line fills remaining height */\n.vertical .nodeTrack {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  /* align-self defaults to stretch — fills full row height so the line\n     reaches the next item's node without a gap */\n}\n\n/* Content: fills the third column */\n.vertical .content {\n  min-width: 0;\n  padding-top: 2px;\n  align-self: start; /* don't stretch content, only nodeTrack */\n}\n\n/* Space between items — applied only to content so nodeTrack (which draws the\n   connector line) fills the padding area, keeping the line continuous. */\n.vertical .item:not(:last-child) .content {\n  padding-bottom: 20px;\n}\n\n/* ─── Horizontal orientation ──────────────────────────────────────────────── */\n\n/*\n * Grid: 3 rows shared by every item via subgrid.\n *   row 1 (auto) → leading: label / timestamp above the node\n *   row 2 (auto) → nodeTrack: the horizontal line + node\n *   row 3 (auto) → content: label / description below the node\n *\n * grid-auto-flow: column places each item into a new column automatically.\n * All items share the same row heights → leading and content stay vertically\n * aligned regardless of text length.\n */\n.horizontal {\n  display: grid;\n  grid-template-rows: auto auto auto;\n  grid-auto-flow: column;\n  grid-auto-columns: minmax(72px, 1fr);\n  overflow-x: auto;\n}\n\n.horizontal .item {\n  display: grid;\n  grid-row: 1 / -1; /* span all 3 rows */\n  grid-template-rows: subgrid;\n}\n\n/* Leading: label / timestamp — bottom-aligned so it sits close to the node */\n.horizontal .leading {\n  text-align: center;\n  align-self: end;\n  padding-bottom: 8px;\n}\n\n/* Node track: horizontal row — left line · node · right line */\n.horizontal .nodeTrack {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n\n/* Content: label / description — top-aligned below the node */\n.horizontal .content {\n  text-align: center;\n  padding: 8px 8px 0;\n  align-self: start;\n}\n\n/* ─── Node ────────────────────────────────────────────────────────────────── */\n\n.node {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  border-radius: 50%;\n  position: relative;\n  z-index: 1;\n}\n\n/* Small dot when no icon */\n.nodeDot {\n  width: 12px;\n  height: 12px;\n  background: var(--gnome-accent-bg-color, #3584e4);\n}\n\n/* Larger circle when an icon is provided */\n.nodeWithIcon {\n  width: 28px;\n  height: 28px;\n  background: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #fff);\n}\n\n.iconWrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 1;\n}\n\n/* ─── Invisible line (edge positions in horizontal) ──────────────────────── */\n\n/* Takes the same space as a real line but is invisible — keeps the node\n   centered in horizontal items regardless of whether it's first or last. */\n.lineInvisible {\n  visibility: hidden;\n}\n\n/* ─── Connector line ──────────────────────────────────────────────────────── */\n\n/* Vertical line (inside .vertical .nodeTrack) */\n.vertical .line {\n  width: 2px;\n  flex: 1;\n  min-height: 16px;\n  background: var(--gnome-border-subtle, rgba(0, 0, 0, 0.15));\n}\n\n.vertical .lineDotted {\n  background: none;\n  border-left: 2px dotted var(--gnome-border-subtle, rgba(0, 0, 0, 0.15));\n  width: 0;\n}\n\n/* Horizontal line (inside .horizontal .nodeTrack) */\n.horizontal .line {\n  flex: 1;\n  height: 2px;\n  background: var(--gnome-border-subtle, rgba(0, 0, 0, 0.15));\n}\n\n.horizontal .lineDotted {\n  background: none;\n  border-top: 2px dotted var(--gnome-border-subtle, rgba(0, 0, 0, 0.15));\n  height: 0;\n  flex: 1;\n}\n\n/* ─── Dark mode ───────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .vertical .line,\n  .horizontal .line {\n    background: var(--gnome-border-subtle, rgba(255, 255, 255, 0.15));\n  }\n\n  .vertical .lineDotted {\n    border-left-color: var(--gnome-border-subtle, rgba(255, 255, 255, 0.15));\n  }\n\n  .horizontal .lineDotted {\n    border-top-color: var(--gnome-border-subtle, rgba(255, 255, 255, 0.15));\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Timeline.module.css.cjs","names":[],"sources":["../../../src/components/Timeline/Timeline.module.css"],"sourcesContent":["/* ─── Vertical orientation ───────────────────────────────────────────────── */\n\n/*\n * Grid: 3 columns shared by every item via subgrid.\n *   col 1 (auto)  → leading: timestamps, labels — sized by widest content\n *   col 2 (24px)  → nodeTrack: node circle + connector line\n *   col 3 (1fr)   → content: event title / description\n *\n * align-self on items defaults to stretch so the nodeTrack cell grows to fill\n * the full row height; the flex line inside it then fills gap between nodes.\n */\n.vertical {\n  display: grid;\n  grid-template-columns: auto 24px 1fr;\n  column-gap: 12px;\n}\n\n.vertical .item {\n  display: grid;\n  grid-column: 1 / -1;\n  grid-template-columns: subgrid;\n}\n\n/* Leading: timestamp / label — left-aligned column, text right-aligned */\n.vertical .leading {\n  padding-top: 4px; /* align text baseline with node center */\n  text-align: end;\n  align-self: start; /* don't stretch; only nodeTrack stretches */\n}\n\n/* Node track: node on top, connector line fills remaining height */\n.vertical .nodeTrack {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  /* align-self defaults to stretch — fills full row height so the line\n     reaches the next item's node without a gap */\n}\n\n/* Content: fills the third column */\n.vertical .content {\n  min-width: 0;\n  padding-top: 2px;\n  align-self: start; /* don't stretch content, only nodeTrack */\n}\n\n/* Space between items — applied only to content so nodeTrack (which draws the\n   connector line) fills the padding area, keeping the line continuous. */\n.vertical .item:not(:last-child) .content {\n  padding-bottom: 20px;\n}\n\n/* ─── Horizontal orientation ──────────────────────────────────────────────── */\n\n/*\n * Grid: 3 rows shared by every item via subgrid.\n *   row 1 (auto) → leading: label / timestamp above the node\n *   row 2 (auto) → nodeTrack: the horizontal line + node\n *   row 3 (auto) → content: label / description below the node\n *\n * grid-auto-flow: column places each item into a new column automatically.\n * All items share the same row heights → leading and content stay vertically\n * aligned regardless of text length.\n */\n.horizontal {\n  display: grid;\n  grid-template-rows: auto auto auto;\n  grid-auto-flow: column;\n  grid-auto-columns: minmax(72px, 1fr);\n  overflow-x: auto;\n}\n\n.horizontal .item {\n  display: grid;\n  grid-row: 1 / -1; /* span all 3 rows */\n  grid-template-rows: subgrid;\n}\n\n/* Leading: label / timestamp — bottom-aligned so it sits close to the node */\n.horizontal .leading {\n  text-align: center;\n  align-self: end;\n  padding-bottom: 8px;\n}\n\n/* Node track: horizontal row — left line · node · right line */\n.horizontal .nodeTrack {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n\n/* Content: label / description — top-aligned below the node */\n.horizontal .content {\n  text-align: center;\n  padding: 8px 8px 0;\n  align-self: start;\n}\n\n/* ─── Node ────────────────────────────────────────────────────────────────── */\n\n.node {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  border-radius: 50%;\n  position: relative;\n  z-index: 1;\n}\n\n/* Small dot when no icon */\n.nodeDot {\n  width: 12px;\n  height: 12px;\n  background: var(--gnome-accent-bg-color, #3584e4);\n}\n\n/* Larger circle when an icon is provided */\n.nodeWithIcon {\n  width: 28px;\n  height: 28px;\n  background: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #fff);\n}\n\n.iconWrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 1;\n}\n\n/* ─── Invisible line (edge positions in horizontal) ──────────────────────── */\n\n/* Takes the same space as a real line but is invisible — keeps the node\n   centered in horizontal items regardless of whether it's first or last. */\n.lineInvisible {\n  visibility: hidden;\n}\n\n/* ─── Connector line ──────────────────────────────────────────────────────── */\n\n/* Vertical line (inside .vertical .nodeTrack) */\n.vertical .line {\n  width: 2px;\n  flex: 1;\n  min-height: 16px;\n  background: var(--gnome-border-subtle, rgb(0 0 0 / 0.15));\n}\n\n.vertical .lineDotted {\n  background: none;\n  border-left: 2px dotted var(--gnome-border-subtle, rgb(0 0 0 / 0.15));\n  width: 0;\n}\n\n/* Horizontal line (inside .horizontal .nodeTrack) */\n.horizontal .line {\n  flex: 1;\n  height: 2px;\n  background: var(--gnome-border-subtle, rgb(0 0 0 / 0.15));\n}\n\n.horizontal .lineDotted {\n  background: none;\n  border-top: 2px dotted var(--gnome-border-subtle, rgb(0 0 0 / 0.15));\n  height: 0;\n  flex: 1;\n}\n\n/* ─── Dark mode ───────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .vertical .line,\n  .horizontal .line {\n    background: var(--gnome-border-subtle, rgb(255 255 255 / 0.15));\n  }\n\n  .vertical .lineDotted {\n    border-left-color: var(--gnome-border-subtle, rgb(255 255 255 / 0.15));\n  }\n\n  .horizontal .lineDotted {\n    border-top-color: var(--gnome-border-subtle, rgb(255 255 255 / 0.15));\n  }\n}\n"],"mappings":""}

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

@@ -1,17 +1,17 @@
 var e = {
-	vertical: "_vertical_12mfk_12",
-	item: "_item_12mfk_18",
-	leading: "_leading_12mfk_25",
-	nodeTrack: "_nodeTrack_12mfk_32",
-	content: "_content_12mfk_41",
-	horizontal: "_horizontal_12mfk_65",
-	node: "_node_12mfk_32",
-	nodeDot: "_nodeDot_12mfk_114",
-	nodeWithIcon: "_nodeWithIcon_12mfk_121",
-	iconWrap: "_iconWrap_12mfk_128",
-	lineInvisible: "_lineInvisible_12mfk_139",
-	line: "_line_12mfk_139",
-	lineDotted: "_lineDotted_12mfk_153"
+	vertical: "_vertical_1o7kv_12",
+	item: "_item_1o7kv_18",
+	leading: "_leading_1o7kv_25",
+	nodeTrack: "_nodeTrack_1o7kv_32",
+	content: "_content_1o7kv_42",
+	horizontal: "_horizontal_1o7kv_66",
+	node: "_node_1o7kv_32",
+	nodeDot: "_nodeDot_1o7kv_115",
+	nodeWithIcon: "_nodeWithIcon_1o7kv_122",
+	iconWrap: "_iconWrap_1o7kv_129",
+	lineInvisible: "_lineInvisible_1o7kv_140",
+	line: "_line_1o7kv_140",
+	lineDotted: "_lineDotted_1o7kv_154"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Timeline.module.css.js","names":[],"sources":["../../../src/components/Timeline/Timeline.module.css"],"sourcesContent":["/* ─── Vertical orientation ───────────────────────────────────────────────── */\n\n/*\n * Grid: 3 columns shared by every item via subgrid.\n *   col 1 (auto)  → leading: timestamps, labels — sized by widest content\n *   col 2 (24px)  → nodeTrack: node circle + connector line\n *   col 3 (1fr)   → content: event title / description\n *\n * align-self on items defaults to stretch so the nodeTrack cell grows to fill\n * the full row height; the flex line inside it then fills gap between nodes.\n */\n.vertical {\n  display: grid;\n  grid-template-columns: auto 24px 1fr;\n  column-gap: 12px;\n}\n\n.vertical .item {\n  display: grid;\n  grid-column: 1 / -1;\n  grid-template-columns: subgrid;\n}\n\n/* Leading: timestamp / label — left-aligned column, text right-aligned */\n.vertical .leading {\n  padding-top: 4px; /* align text baseline with node center */\n  text-align: end;\n  align-self: start; /* don't stretch; only nodeTrack stretches */\n}\n\n/* Node track: node on top, connector line fills remaining height */\n.vertical .nodeTrack {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  /* align-self defaults to stretch — fills full row height so the line\n     reaches the next item's node without a gap */\n}\n\n/* Content: fills the third column */\n.vertical .content {\n  min-width: 0;\n  padding-top: 2px;\n  align-self: start; /* don't stretch content, only nodeTrack */\n}\n\n/* Space between items — applied only to content so nodeTrack (which draws the\n   connector line) fills the padding area, keeping the line continuous. */\n.vertical .item:not(:last-child) .content {\n  padding-bottom: 20px;\n}\n\n/* ─── Horizontal orientation ──────────────────────────────────────────────── */\n\n/*\n * Grid: 3 rows shared by every item via subgrid.\n *   row 1 (auto) → leading: label / timestamp above the node\n *   row 2 (auto) → nodeTrack: the horizontal line + node\n *   row 3 (auto) → content: label / description below the node\n *\n * grid-auto-flow: column places each item into a new column automatically.\n * All items share the same row heights → leading and content stay vertically\n * aligned regardless of text length.\n */\n.horizontal {\n  display: grid;\n  grid-template-rows: auto auto auto;\n  grid-auto-flow: column;\n  grid-auto-columns: minmax(72px, 1fr);\n  overflow-x: auto;\n}\n\n.horizontal .item {\n  display: grid;\n  grid-row: 1 / -1; /* span all 3 rows */\n  grid-template-rows: subgrid;\n}\n\n/* Leading: label / timestamp — bottom-aligned so it sits close to the node */\n.horizontal .leading {\n  text-align: center;\n  align-self: end;\n  padding-bottom: 8px;\n}\n\n/* Node track: horizontal row — left line · node · right line */\n.horizontal .nodeTrack {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n\n/* Content: label / description — top-aligned below the node */\n.horizontal .content {\n  text-align: center;\n  padding: 8px 8px 0;\n  align-self: start;\n}\n\n/* ─── Node ────────────────────────────────────────────────────────────────── */\n\n.node {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  border-radius: 50%;\n  position: relative;\n  z-index: 1;\n}\n\n/* Small dot when no icon */\n.nodeDot {\n  width: 12px;\n  height: 12px;\n  background: var(--gnome-accent-bg-color, #3584e4);\n}\n\n/* Larger circle when an icon is provided */\n.nodeWithIcon {\n  width: 28px;\n  height: 28px;\n  background: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #fff);\n}\n\n.iconWrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 1;\n}\n\n/* ─── Invisible line (edge positions in horizontal) ──────────────────────── */\n\n/* Takes the same space as a real line but is invisible — keeps the node\n   centered in horizontal items regardless of whether it's first or last. */\n.lineInvisible {\n  visibility: hidden;\n}\n\n/* ─── Connector line ──────────────────────────────────────────────────────── */\n\n/* Vertical line (inside .vertical .nodeTrack) */\n.vertical .line {\n  width: 2px;\n  flex: 1;\n  min-height: 16px;\n  background: var(--gnome-border-subtle, rgba(0, 0, 0, 0.15));\n}\n\n.vertical .lineDotted {\n  background: none;\n  border-left: 2px dotted var(--gnome-border-subtle, rgba(0, 0, 0, 0.15));\n  width: 0;\n}\n\n/* Horizontal line (inside .horizontal .nodeTrack) */\n.horizontal .line {\n  flex: 1;\n  height: 2px;\n  background: var(--gnome-border-subtle, rgba(0, 0, 0, 0.15));\n}\n\n.horizontal .lineDotted {\n  background: none;\n  border-top: 2px dotted var(--gnome-border-subtle, rgba(0, 0, 0, 0.15));\n  height: 0;\n  flex: 1;\n}\n\n/* ─── Dark mode ───────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .vertical .line,\n  .horizontal .line {\n    background: var(--gnome-border-subtle, rgba(255, 255, 255, 0.15));\n  }\n\n  .vertical .lineDotted {\n    border-left-color: var(--gnome-border-subtle, rgba(255, 255, 255, 0.15));\n  }\n\n  .horizontal .lineDotted {\n    border-top-color: var(--gnome-border-subtle, rgba(255, 255, 255, 0.15));\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Timeline.module.css.js","names":[],"sources":["../../../src/components/Timeline/Timeline.module.css"],"sourcesContent":["/* ─── Vertical orientation ───────────────────────────────────────────────── */\n\n/*\n * Grid: 3 columns shared by every item via subgrid.\n *   col 1 (auto)  → leading: timestamps, labels — sized by widest content\n *   col 2 (24px)  → nodeTrack: node circle + connector line\n *   col 3 (1fr)   → content: event title / description\n *\n * align-self on items defaults to stretch so the nodeTrack cell grows to fill\n * the full row height; the flex line inside it then fills gap between nodes.\n */\n.vertical {\n  display: grid;\n  grid-template-columns: auto 24px 1fr;\n  column-gap: 12px;\n}\n\n.vertical .item {\n  display: grid;\n  grid-column: 1 / -1;\n  grid-template-columns: subgrid;\n}\n\n/* Leading: timestamp / label — left-aligned column, text right-aligned */\n.vertical .leading {\n  padding-top: 4px; /* align text baseline with node center */\n  text-align: end;\n  align-self: start; /* don't stretch; only nodeTrack stretches */\n}\n\n/* Node track: node on top, connector line fills remaining height */\n.vertical .nodeTrack {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  /* align-self defaults to stretch — fills full row height so the line\n     reaches the next item's node without a gap */\n}\n\n/* Content: fills the third column */\n.vertical .content {\n  min-width: 0;\n  padding-top: 2px;\n  align-self: start; /* don't stretch content, only nodeTrack */\n}\n\n/* Space between items — applied only to content so nodeTrack (which draws the\n   connector line) fills the padding area, keeping the line continuous. */\n.vertical .item:not(:last-child) .content {\n  padding-bottom: 20px;\n}\n\n/* ─── Horizontal orientation ──────────────────────────────────────────────── */\n\n/*\n * Grid: 3 rows shared by every item via subgrid.\n *   row 1 (auto) → leading: label / timestamp above the node\n *   row 2 (auto) → nodeTrack: the horizontal line + node\n *   row 3 (auto) → content: label / description below the node\n *\n * grid-auto-flow: column places each item into a new column automatically.\n * All items share the same row heights → leading and content stay vertically\n * aligned regardless of text length.\n */\n.horizontal {\n  display: grid;\n  grid-template-rows: auto auto auto;\n  grid-auto-flow: column;\n  grid-auto-columns: minmax(72px, 1fr);\n  overflow-x: auto;\n}\n\n.horizontal .item {\n  display: grid;\n  grid-row: 1 / -1; /* span all 3 rows */\n  grid-template-rows: subgrid;\n}\n\n/* Leading: label / timestamp — bottom-aligned so it sits close to the node */\n.horizontal .leading {\n  text-align: center;\n  align-self: end;\n  padding-bottom: 8px;\n}\n\n/* Node track: horizontal row — left line · node · right line */\n.horizontal .nodeTrack {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n\n/* Content: label / description — top-aligned below the node */\n.horizontal .content {\n  text-align: center;\n  padding: 8px 8px 0;\n  align-self: start;\n}\n\n/* ─── Node ────────────────────────────────────────────────────────────────── */\n\n.node {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  border-radius: 50%;\n  position: relative;\n  z-index: 1;\n}\n\n/* Small dot when no icon */\n.nodeDot {\n  width: 12px;\n  height: 12px;\n  background: var(--gnome-accent-bg-color, #3584e4);\n}\n\n/* Larger circle when an icon is provided */\n.nodeWithIcon {\n  width: 28px;\n  height: 28px;\n  background: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #fff);\n}\n\n.iconWrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 1;\n}\n\n/* ─── Invisible line (edge positions in horizontal) ──────────────────────── */\n\n/* Takes the same space as a real line but is invisible — keeps the node\n   centered in horizontal items regardless of whether it's first or last. */\n.lineInvisible {\n  visibility: hidden;\n}\n\n/* ─── Connector line ──────────────────────────────────────────────────────── */\n\n/* Vertical line (inside .vertical .nodeTrack) */\n.vertical .line {\n  width: 2px;\n  flex: 1;\n  min-height: 16px;\n  background: var(--gnome-border-subtle, rgb(0 0 0 / 0.15));\n}\n\n.vertical .lineDotted {\n  background: none;\n  border-left: 2px dotted var(--gnome-border-subtle, rgb(0 0 0 / 0.15));\n  width: 0;\n}\n\n/* Horizontal line (inside .horizontal .nodeTrack) */\n.horizontal .line {\n  flex: 1;\n  height: 2px;\n  background: var(--gnome-border-subtle, rgb(0 0 0 / 0.15));\n}\n\n.horizontal .lineDotted {\n  background: none;\n  border-top: 2px dotted var(--gnome-border-subtle, rgb(0 0 0 / 0.15));\n  height: 0;\n  flex: 1;\n}\n\n/* ─── Dark mode ───────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .vertical .line,\n  .horizontal .line {\n    background: var(--gnome-border-subtle, rgb(255 255 255 / 0.15));\n  }\n\n  .vertical .lineDotted {\n    border-left-color: var(--gnome-border-subtle, rgb(255 255 255 / 0.15));\n  }\n\n  .horizontal .lineDotted {\n    border-top-color: var(--gnome-border-subtle, rgb(255 255 255 / 0.15));\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={toaster:`_toaster_1poqp_3`,toasterBottom:`_toasterBottom_1poqp_18`,toasterTop:`_toasterTop_1poqp_22`,toast:`_toast_1poqp_3`,"toast-in":`_toast-in_1poqp_1`,title:`_title_1poqp_69`,actions:`_actions_1poqp_76`,actionBtn:`_actionBtn_1poqp_85`,dismissBtn:`_dismissBtn_1poqp_118`};exports.default=e;
+var e={toaster:`_toaster_ag5v3_3`,toasterBottom:`_toasterBottom_ag5v3_17`,toasterTop:`_toasterTop_ag5v3_21`,toast:`_toast_ag5v3_3`,"toast-in":`_toast-in_ag5v3_1`,title:`_title_ag5v3_64`,actions:`_actions_ag5v3_71`,actionBtn:`_actionBtn_ag5v3_80`,dismissBtn:`_dismissBtn_ag5v3_112`};exports.default=e;
 //# sourceMappingURL=Toast.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.module.css.cjs","names":[],"sources":["../../../src/components/Toast/Toast.module.css"],"sourcesContent":["/* ─── Toaster (portal container) ────────────────────────────────────────────── */\n\n.toaster {\n  position: fixed;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 9999;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n\n  /* Don't intercept pointer events in empty space */\n  pointer-events: none;\n}\n\n.toasterBottom {\n  bottom: var(--gnome-space-4, 24px);\n}\n\n.toasterTop {\n  top: var(--gnome-space-4, 24px);\n}\n\n/* ─── Toast card ─────────────────────────────────────────────────────────────── */\n\n.toast {\n  pointer-events: auto;\n\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n\n  padding: 10px var(--gnome-space-2, 12px) 10px var(--gnome-space-3, 16px);\n  min-height: 44px;\n  max-width: 480px;\n  min-width: 240px;\n\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  border-radius: var(--gnome-radius-lg, 12px);\n  box-shadow:\n    0 2px 8px rgba(0, 0, 0, 0.15),\n    0 0 0 1px rgba(0, 0, 0, 0.08);\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  line-height: var(--gnome-line-height-body, 1.5);\n\n  /* Slide in from bottom */\n  animation: toast-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes toast-in {\n  from {\n    opacity: 0;\n    transform: translateY(12px) scale(0.96);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n\n/* ─── Title ──────────────────────────────────────────────────────────────────── */\n\n.title {\n  flex: 1;\n  min-width: 0;\n}\n\n/* ─── Actions ────────────────────────────────────────────────────────────────── */\n\n.actions {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  flex-shrink: 0;\n}\n\n/* ─── Action button ──────────────────────────────────────────────────────────── */\n\n.actionBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  color: var(--gnome-accent-color, #3584e4);\n  cursor: pointer;\n  padding: 4px var(--gnome-space-1, 6px);\n  border-radius: var(--gnome-radius-sm, 6px);\n\n  transition: background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.actionBtn:hover {\n  background-color: color-mix(in srgb, var(--gnome-accent-color, #3584e4) 10%, transparent);\n}\n\n.actionBtn:active {\n  background-color: color-mix(in srgb, var(--gnome-accent-color, #3584e4) 18%, transparent);\n}\n\n.actionBtn:focus {\n  outline: none;\n}\n\n.actionBtn:focus-visible {\n  outline: var(--gnome-focus-ring-width, 3px) solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: var(--gnome-focus-ring-offset, 2px);\n}\n\n/* ─── Dismiss button ─────────────────────────────────────────────────────────── */\n\n.dismissBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  border-radius: var(--gnome-radius-sm, 6px);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.55;\n\n  transition:\n    opacity var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease),\n    background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.dismissBtn:hover {\n  opacity: 1;\n  background-color: color-mix(in srgb, currentColor 10%, transparent);\n}\n\n.dismissBtn:active {\n  background-color: color-mix(in srgb, currentColor 18%, transparent);\n}\n\n.dismissBtn:focus {\n  outline: none;\n}\n\n.dismissBtn:focus-visible {\n  opacity: 1;\n  outline: var(--gnome-focus-ring-width, 3px) solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: var(--gnome-focus-ring-offset, 2px);\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .toast {\n    background-color: var(--gnome-card-bg-color, #383838);\n    box-shadow:\n      0 2px 12px rgba(0, 0, 0, 0.4),\n      0 0 0 1px rgba(255, 255, 255, 0.08);\n  }\n}\n\n/* ─── Reduced motion ─────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .toast {\n    animation: none;\n  }\n\n  .actionBtn,\n  .dismissBtn {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Toast.module.css.cjs","names":[],"sources":["../../../src/components/Toast/Toast.module.css"],"sourcesContent":["/* ─── Toaster (portal container) ────────────────────────────────────────────── */\n\n.toaster {\n  position: fixed;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 9999;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n\n  /* Don't intercept pointer events in empty space */\n  pointer-events: none;\n}\n\n.toasterBottom {\n  bottom: var(--gnome-space-4, 24px);\n}\n\n.toasterTop {\n  top: var(--gnome-space-4, 24px);\n}\n\n/* ─── Toast card ─────────────────────────────────────────────────────────────── */\n\n.toast {\n  pointer-events: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: 10px var(--gnome-space-2, 12px) 10px var(--gnome-space-3, 16px);\n  min-height: 44px;\n  max-width: 480px;\n  min-width: 240px;\n  background-color: var(--gnome-card-bg-color, #fff);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  border-radius: var(--gnome-radius-lg, 12px);\n  box-shadow:\n    0 2px 8px rgb(0 0 0 / 0.15),\n    0 0 0 1px rgb(0 0 0 / 0.08);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  line-height: var(--gnome-line-height-body, 1.5);\n\n  /* Slide in from bottom */\n  animation: toast-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes toast-in {\n  from {\n    opacity: 0;\n    transform: translateY(12px) scale(0.96);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n\n/* ─── Title ──────────────────────────────────────────────────────────────────── */\n\n.title {\n  flex: 1;\n  min-width: 0;\n}\n\n/* ─── Actions ────────────────────────────────────────────────────────────────── */\n\n.actions {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  flex-shrink: 0;\n}\n\n/* ─── Action button ──────────────────────────────────────────────────────────── */\n\n.actionBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  color: var(--gnome-accent-color, #3584e4);\n  cursor: pointer;\n  padding: 4px var(--gnome-space-1, 6px);\n  border-radius: var(--gnome-radius-sm, 6px);\n  transition: background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.actionBtn:hover {\n  background-color: color-mix(in srgb, var(--gnome-accent-color, #3584e4) 10%, transparent);\n}\n\n.actionBtn:active {\n  background-color: color-mix(in srgb, var(--gnome-accent-color, #3584e4) 18%, transparent);\n}\n\n.actionBtn:focus {\n  outline: none;\n}\n\n.actionBtn:focus-visible {\n  outline: var(--gnome-focus-ring-width, 3px) solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: var(--gnome-focus-ring-offset, 2px);\n}\n\n/* ─── Dismiss button ─────────────────────────────────────────────────────────── */\n\n.dismissBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  border-radius: var(--gnome-radius-sm, 6px);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: 0.55;\n  transition:\n    opacity var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease),\n    background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.dismissBtn:hover {\n  opacity: 1;\n  background-color: color-mix(in srgb, currentcolor 10%, transparent);\n}\n\n.dismissBtn:active {\n  background-color: color-mix(in srgb, currentcolor 18%, transparent);\n}\n\n.dismissBtn:focus {\n  outline: none;\n}\n\n.dismissBtn:focus-visible {\n  opacity: 1;\n  outline: var(--gnome-focus-ring-width, 3px) solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: var(--gnome-focus-ring-offset, 2px);\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .toast {\n    background-color: var(--gnome-card-bg-color, #383838);\n    box-shadow:\n      0 2px 12px rgb(0 0 0 / 0.4),\n      0 0 0 1px rgb(255 255 255 / 0.08);\n  }\n}\n\n/* ─── Reduced motion ─────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .toast {\n    animation: none;\n  }\n\n  .actionBtn,\n  .dismissBtn {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,13 +1,13 @@
 var e = {
-	toaster: "_toaster_1poqp_3",
-	toasterBottom: "_toasterBottom_1poqp_18",
-	toasterTop: "_toasterTop_1poqp_22",
-	toast: "_toast_1poqp_3",
-	"toast-in": "_toast-in_1poqp_1",
-	title: "_title_1poqp_69",
-	actions: "_actions_1poqp_76",
-	actionBtn: "_actionBtn_1poqp_85",
-	dismissBtn: "_dismissBtn_1poqp_118"
+	toaster: "_toaster_ag5v3_3",
+	toasterBottom: "_toasterBottom_ag5v3_17",
+	toasterTop: "_toasterTop_ag5v3_21",
+	toast: "_toast_ag5v3_3",
+	"toast-in": "_toast-in_ag5v3_1",
+	title: "_title_ag5v3_64",
+	actions: "_actions_ag5v3_71",
+	actionBtn: "_actionBtn_ag5v3_80",
+	dismissBtn: "_dismissBtn_ag5v3_112"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.module.css.js","names":[],"sources":["../../../src/components/Toast/Toast.module.css"],"sourcesContent":["/* ─── Toaster (portal container) ────────────────────────────────────────────── */\n\n.toaster {\n  position: fixed;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 9999;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n\n  /* Don't intercept pointer events in empty space */\n  pointer-events: none;\n}\n\n.toasterBottom {\n  bottom: var(--gnome-space-4, 24px);\n}\n\n.toasterTop {\n  top: var(--gnome-space-4, 24px);\n}\n\n/* ─── Toast card ─────────────────────────────────────────────────────────────── */\n\n.toast {\n  pointer-events: auto;\n\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n\n  padding: 10px var(--gnome-space-2, 12px) 10px var(--gnome-space-3, 16px);\n  min-height: 44px;\n  max-width: 480px;\n  min-width: 240px;\n\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  border-radius: var(--gnome-radius-lg, 12px);\n  box-shadow:\n    0 2px 8px rgba(0, 0, 0, 0.15),\n    0 0 0 1px rgba(0, 0, 0, 0.08);\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  line-height: var(--gnome-line-height-body, 1.5);\n\n  /* Slide in from bottom */\n  animation: toast-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes toast-in {\n  from {\n    opacity: 0;\n    transform: translateY(12px) scale(0.96);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n\n/* ─── Title ──────────────────────────────────────────────────────────────────── */\n\n.title {\n  flex: 1;\n  min-width: 0;\n}\n\n/* ─── Actions ────────────────────────────────────────────────────────────────── */\n\n.actions {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  flex-shrink: 0;\n}\n\n/* ─── Action button ──────────────────────────────────────────────────────────── */\n\n.actionBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  color: var(--gnome-accent-color, #3584e4);\n  cursor: pointer;\n  padding: 4px var(--gnome-space-1, 6px);\n  border-radius: var(--gnome-radius-sm, 6px);\n\n  transition: background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.actionBtn:hover {\n  background-color: color-mix(in srgb, var(--gnome-accent-color, #3584e4) 10%, transparent);\n}\n\n.actionBtn:active {\n  background-color: color-mix(in srgb, var(--gnome-accent-color, #3584e4) 18%, transparent);\n}\n\n.actionBtn:focus {\n  outline: none;\n}\n\n.actionBtn:focus-visible {\n  outline: var(--gnome-focus-ring-width, 3px) solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: var(--gnome-focus-ring-offset, 2px);\n}\n\n/* ─── Dismiss button ─────────────────────────────────────────────────────────── */\n\n.dismissBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  border-radius: var(--gnome-radius-sm, 6px);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.55;\n\n  transition:\n    opacity var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease),\n    background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.dismissBtn:hover {\n  opacity: 1;\n  background-color: color-mix(in srgb, currentColor 10%, transparent);\n}\n\n.dismissBtn:active {\n  background-color: color-mix(in srgb, currentColor 18%, transparent);\n}\n\n.dismissBtn:focus {\n  outline: none;\n}\n\n.dismissBtn:focus-visible {\n  opacity: 1;\n  outline: var(--gnome-focus-ring-width, 3px) solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: var(--gnome-focus-ring-offset, 2px);\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .toast {\n    background-color: var(--gnome-card-bg-color, #383838);\n    box-shadow:\n      0 2px 12px rgba(0, 0, 0, 0.4),\n      0 0 0 1px rgba(255, 255, 255, 0.08);\n  }\n}\n\n/* ─── Reduced motion ─────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .toast {\n    animation: none;\n  }\n\n  .actionBtn,\n  .dismissBtn {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Toast.module.css.js","names":[],"sources":["../../../src/components/Toast/Toast.module.css"],"sourcesContent":["/* ─── Toaster (portal container) ────────────────────────────────────────────── */\n\n.toaster {\n  position: fixed;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 9999;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n\n  /* Don't intercept pointer events in empty space */\n  pointer-events: none;\n}\n\n.toasterBottom {\n  bottom: var(--gnome-space-4, 24px);\n}\n\n.toasterTop {\n  top: var(--gnome-space-4, 24px);\n}\n\n/* ─── Toast card ─────────────────────────────────────────────────────────────── */\n\n.toast {\n  pointer-events: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: 10px var(--gnome-space-2, 12px) 10px var(--gnome-space-3, 16px);\n  min-height: 44px;\n  max-width: 480px;\n  min-width: 240px;\n  background-color: var(--gnome-card-bg-color, #fff);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  border-radius: var(--gnome-radius-lg, 12px);\n  box-shadow:\n    0 2px 8px rgb(0 0 0 / 0.15),\n    0 0 0 1px rgb(0 0 0 / 0.08);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  line-height: var(--gnome-line-height-body, 1.5);\n\n  /* Slide in from bottom */\n  animation: toast-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes toast-in {\n  from {\n    opacity: 0;\n    transform: translateY(12px) scale(0.96);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n\n/* ─── Title ──────────────────────────────────────────────────────────────────── */\n\n.title {\n  flex: 1;\n  min-width: 0;\n}\n\n/* ─── Actions ────────────────────────────────────────────────────────────────── */\n\n.actions {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  flex-shrink: 0;\n}\n\n/* ─── Action button ──────────────────────────────────────────────────────────── */\n\n.actionBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  color: var(--gnome-accent-color, #3584e4);\n  cursor: pointer;\n  padding: 4px var(--gnome-space-1, 6px);\n  border-radius: var(--gnome-radius-sm, 6px);\n  transition: background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.actionBtn:hover {\n  background-color: color-mix(in srgb, var(--gnome-accent-color, #3584e4) 10%, transparent);\n}\n\n.actionBtn:active {\n  background-color: color-mix(in srgb, var(--gnome-accent-color, #3584e4) 18%, transparent);\n}\n\n.actionBtn:focus {\n  outline: none;\n}\n\n.actionBtn:focus-visible {\n  outline: var(--gnome-focus-ring-width, 3px) solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: var(--gnome-focus-ring-offset, 2px);\n}\n\n/* ─── Dismiss button ─────────────────────────────────────────────────────────── */\n\n.dismissBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  border-radius: var(--gnome-radius-sm, 6px);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: 0.55;\n  transition:\n    opacity var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease),\n    background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.dismissBtn:hover {\n  opacity: 1;\n  background-color: color-mix(in srgb, currentcolor 10%, transparent);\n}\n\n.dismissBtn:active {\n  background-color: color-mix(in srgb, currentcolor 18%, transparent);\n}\n\n.dismissBtn:focus {\n  outline: none;\n}\n\n.dismissBtn:focus-visible {\n  opacity: 1;\n  outline: var(--gnome-focus-ring-width, 3px) solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: var(--gnome-focus-ring-offset, 2px);\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .toast {\n    background-color: var(--gnome-card-bg-color, #383838);\n    box-shadow:\n      0 2px 12px rgb(0 0 0 / 0.4),\n      0 0 0 1px rgb(255 255 255 / 0.08);\n  }\n}\n\n/* ─── Reduced motion ─────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .toast {\n    animation: none;\n  }\n\n  .actionBtn,\n  .dismissBtn {\n    transition: none;\n  }\n}\n"],"mappings":""}

package/dist/components/ToggleGroup/ToggleGroup.cjs

@@ -1,2 +1,2 @@
-const e=require("./ToggleGroup.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.createContext)(null);function i(){let e=(0,t.useContext)(r);if(!e)throw Error(`ToggleGroupItem must be used inside ToggleGroup`);return e}var a=({value:i,onValueChange:a,"aria-label":o=`Options`,children:s,className:c,...l})=>{let u=(0,t.useRef)(null);function d(e){let t=Array.from(u.current?.querySelectorAll(`[role=radio]:not(:disabled)`)??[]),n=document.activeElement,r=n instanceof HTMLButtonElement?t.indexOf(n):-1;if(r===-1)return;let i=r;if(e.key===`ArrowRight`||e.key===`ArrowDown`)i=(r+1)%t.length;else if(e.key===`ArrowLeft`||e.key===`ArrowUp`)i=(r-1+t.length)%t.length;else if(e.key===`Home`)i=0;else if(e.key===`End`)i=t.length-1;else return;e.preventDefault(),t[i].focus(),t[i].click()}return(0,n.jsx)(r.Provider,{value:{value:i,onValueChange:a},children:(0,n.jsx)(`div`,{ref:u,role:`radiogroup`,"aria-label":o,onKeyDown:d,className:[e.default.group,c].filter(Boolean).join(` `),...l,children:s})})};exports.ToggleGroup=a,exports.useToggleGroup=i;
+const e=require("./ToggleGroup.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.createContext)(null);function i(){let e=(0,t.useContext)(r);if(!e)throw Error(`ToggleGroupItem must be used inside ToggleGroup`);return e}var a=({value:i,onValueChange:a,"aria-label":o=`Options`,children:s,className:c,...l})=>{let u=(0,t.useRef)(null);function d(e){let t=Array.from(u.current?.querySelectorAll(`[role=radio]:not(:disabled)`)??[]),{activeElement:n}=document,r=n instanceof HTMLButtonElement?t.indexOf(n):-1;if(r===-1)return;let i=r;if(e.key===`ArrowRight`||e.key===`ArrowDown`)i=(r+1)%t.length;else if(e.key===`ArrowLeft`||e.key===`ArrowUp`)i=(r-1+t.length)%t.length;else if(e.key===`Home`)i=0;else if(e.key===`End`)i=t.length-1;else return;e.preventDefault(),t[i].focus(),t[i].click()}return(0,n.jsx)(r.Provider,{value:{value:i,onValueChange:a},children:(0,n.jsx)(`div`,{ref:u,role:`radiogroup`,"aria-label":o,onKeyDown:d,className:[e.default.group,c].filter(Boolean).join(` `),...l,children:s})})};exports.ToggleGroup=a,exports.useToggleGroup=i;
 //# sourceMappingURL=ToggleGroup.cjs.map

package/dist/components/ToggleGroup/ToggleGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroup.cjs","names":[],"sources":["../../../src/components/ToggleGroup/ToggleGroup.tsx"],"sourcesContent":["import {\n  createContext,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n  useContext,\n  useRef,\n} from 'react';\n\nimport styles from './ToggleGroup.module.css';\n\n// ─── Context ──────────────────────────────────────────────────────────────────\n\ninterface ToggleGroupContextValue {\n  value: string;\n  onValueChange: (value: string) => void;\n}\n\nconst ToggleGroupContext = createContext<ToggleGroupContextValue | null>(null);\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useToggleGroup() {\n  const ctx = useContext(ToggleGroupContext);\n\n  if (!ctx) {\n    throw new Error('ToggleGroupItem must be used inside ToggleGroup');\n  }\n\n  return ctx;\n}\n\n// ─── ToggleGroup ──────────────────────────────────────────────────────────────\n\nexport interface ToggleGroupProps extends HTMLAttributes<HTMLDivElement> {\n  /** Name of the currently active toggle. */\n  value: string;\n  /** Called with the new value when a toggle is selected. */\n  onValueChange: (value: string) => void;\n  /** Accessible label for the group. */\n  'aria-label'?: string;\n  children?: ReactNode;\n}\n\n/**\n * Mutually-exclusive group of toggle buttons for in-place option selection.\n *\n * Mirrors `AdwToggleGroup` (libadwaita 1.7 / GNOME 48).\n *\n * Use for formatting controls, view-mode selectors, and toolbar options —\n * wherever a `ViewSwitcher` would be too heavy or is not placed in a HeaderBar.\n *\n * Compose with `ToggleGroupItem`. Keyboard: ← / → cycle, Home / End jump.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.ToggleGroup.html\n */\nexport const ToggleGroup = ({\n  value,\n  onValueChange,\n  'aria-label': ariaLabel = 'Options',\n  children,\n  className,\n  ...props\n}: ToggleGroupProps) => {\n  const groupRef = useRef<HTMLDivElement>(null);\n\n  function handleKeyDown(e: KeyboardEvent<HTMLDivElement>) {\n    const items = Array.from(\n      groupRef.current?.querySelectorAll<HTMLButtonElement>('[role=radio]:not(:disabled)') ?? [],\n    );\n    const activeElement = document.activeElement;\n    const idx = activeElement instanceof HTMLButtonElement ? items.indexOf(activeElement) : -1;\n\n    if (idx === -1) {\n      return;\n    }\n\n    let next = idx;\n    if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n      next = (idx + 1) % items.length;\n    } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n      next = (idx - 1 + items.length) % items.length;\n    } else if (e.key === 'Home') {\n      next = 0;\n    } else if (e.key === 'End') {\n      next = items.length - 1;\n    } else {\n      return;\n    }\n\n    e.preventDefault();\n    items[next].focus();\n    items[next].click();\n  }\n\n  return (\n    <ToggleGroupContext.Provider value={{ value, onValueChange }}>\n      <div\n        ref={groupRef}\n        role=\"radiogroup\"\n        aria-label={ariaLabel}\n        onKeyDown={handleKeyDown}\n        className={[styles.group, className].filter(Boolean).join(' ')}\n        {...props}\n      >\n        {children}\n      </div>\n    </ToggleGroupContext.Provider>\n  );\n};\n"],"mappings":"sGAkBA,IAAM,GAAA,EAAA,EAAA,eAAmE,IAAI,EAG7E,SAAgB,GAAiB,CAC/B,IAAM,GAAA,EAAA,EAAA,YAAiB,CAAkB,EAEzC,GAAI,CAAC,EACH,MAAU,MAAM,iDAAiD,EAGnE,OAAO,CACT,CA0BA,IAAa,GAAe,CAC1B,QACA,gBACA,aAAc,EAAY,UAC1B,WACA,YACA,GAAG,KACmB,CACtB,IAAM,GAAA,EAAA,EAAA,QAAkC,IAAI,EAE5C,SAAS,EAAc,EAAkC,CACvD,IAAM,EAAQ,MAAM,KAClB,EAAS,SAAS,iBAAoC,6BAA6B,GAAK,CAAC,CAC3F,EACM,EAAgB,SAAS,cACzB,EAAM,aAAyB,kBAAoB,EAAM,QAAQ,CAAa,EAAI,GAExF,GAAI,IAAQ,GACV,OAGF,IAAI,EAAO,EACX,GAAI,EAAE,MAAQ,cAAgB,EAAE,MAAQ,YACtC,GAAQ,EAAM,GAAK,EAAM,YACpB,GAAI,EAAE,MAAQ,aAAe,EAAE,MAAQ,UAC5C,GAAQ,EAAM,EAAI,EAAM,QAAU,EAAM,YACnC,GAAI,EAAE,MAAQ,OACnB,EAAO,OACF,GAAI,EAAE,MAAQ,MACnB,EAAO,EAAM,OAAS,OAEtB,OAGF,EAAE,eAAe,EACjB,EAAM,GAAM,MAAM,EAClB,EAAM,GAAM,MAAM,CACpB,CAEA,OACE,EAAA,EAAA,KAAC,EAAmB,SAApB,CAA6B,MAAO,CAAE,QAAO,eAAc,YACzD,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,KAAK,aACL,aAAY,EACZ,UAAW,EACX,UAAW,CAAC,EAAA,QAAO,MAAO,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC7D,GAAI,EAEH,UACE,CAAA,CACsB,CAAA,CAEjC"}
+{"version":3,"file":"ToggleGroup.cjs","names":[],"sources":["../../../src/components/ToggleGroup/ToggleGroup.tsx"],"sourcesContent":["import {\n  createContext,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n  useContext,\n  useRef,\n} from 'react';\n\nimport styles from './ToggleGroup.module.css';\n\n// ─── Context ──────────────────────────────────────────────────────────────────\n\ninterface ToggleGroupContextValue {\n  value: string;\n  onValueChange: (value: string) => void;\n}\n\nconst ToggleGroupContext = createContext<ToggleGroupContextValue | null>(null);\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useToggleGroup() {\n  const ctx = useContext(ToggleGroupContext);\n\n  if (!ctx) {\n    throw new Error('ToggleGroupItem must be used inside ToggleGroup');\n  }\n\n  return ctx;\n}\n\n// ─── ToggleGroup ──────────────────────────────────────────────────────────────\n\nexport interface ToggleGroupProps extends HTMLAttributes<HTMLDivElement> {\n  /** Name of the currently active toggle. */\n  value: string;\n  /** Called with the new value when a toggle is selected. */\n  onValueChange: (value: string) => void;\n  /** Accessible label for the group. */\n  'aria-label'?: string;\n  children?: ReactNode;\n}\n\n/**\n * Mutually-exclusive group of toggle buttons for in-place option selection.\n *\n * Mirrors `AdwToggleGroup` (libadwaita 1.7 / GNOME 48).\n *\n * Use for formatting controls, view-mode selectors, and toolbar options —\n * wherever a `ViewSwitcher` would be too heavy or is not placed in a HeaderBar.\n *\n * Compose with `ToggleGroupItem`. Keyboard: ← / → cycle, Home / End jump.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.ToggleGroup.html\n */\nexport const ToggleGroup = ({\n  value,\n  onValueChange,\n  'aria-label': ariaLabel = 'Options',\n  children,\n  className,\n  ...props\n}: ToggleGroupProps) => {\n  const groupRef = useRef<HTMLDivElement>(null);\n\n  function handleKeyDown(e: KeyboardEvent<HTMLDivElement>) {\n    const items = Array.from(\n      groupRef.current?.querySelectorAll<HTMLButtonElement>('[role=radio]:not(:disabled)') ?? [],\n    );\n    const { activeElement } = document;\n    const idx = activeElement instanceof HTMLButtonElement ? items.indexOf(activeElement) : -1;\n\n    if (idx === -1) {\n      return;\n    }\n\n    let next = idx;\n    if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n      next = (idx + 1) % items.length;\n    } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n      next = (idx - 1 + items.length) % items.length;\n    } else if (e.key === 'Home') {\n      next = 0;\n    } else if (e.key === 'End') {\n      next = items.length - 1;\n    } else {\n      return;\n    }\n\n    e.preventDefault();\n    items[next].focus();\n    items[next].click();\n  }\n\n  return (\n    <ToggleGroupContext.Provider value={{ value, onValueChange }}>\n      <div\n        ref={groupRef}\n        role=\"radiogroup\"\n        aria-label={ariaLabel}\n        onKeyDown={handleKeyDown}\n        className={[styles.group, className].filter(Boolean).join(' ')}\n        {...props}\n      >\n        {children}\n      </div>\n    </ToggleGroupContext.Provider>\n  );\n};\n"],"mappings":"sGAkBA,IAAM,GAAA,EAAA,EAAA,eAAmE,IAAI,EAG7E,SAAgB,GAAiB,CAC/B,IAAM,GAAA,EAAA,EAAA,YAAiB,CAAkB,EAEzC,GAAI,CAAC,EACH,MAAU,MAAM,iDAAiD,EAGnE,OAAO,CACT,CA0BA,IAAa,GAAe,CAC1B,QACA,gBACA,aAAc,EAAY,UAC1B,WACA,YACA,GAAG,KACmB,CACtB,IAAM,GAAA,EAAA,EAAA,QAAkC,IAAI,EAE5C,SAAS,EAAc,EAAkC,CACvD,IAAM,EAAQ,MAAM,KAClB,EAAS,SAAS,iBAAoC,6BAA6B,GAAK,CAAC,CAC3F,EACM,CAAE,iBAAkB,SACpB,EAAM,aAAyB,kBAAoB,EAAM,QAAQ,CAAa,EAAI,GAExF,GAAI,IAAQ,GACV,OAGF,IAAI,EAAO,EACX,GAAI,EAAE,MAAQ,cAAgB,EAAE,MAAQ,YACtC,GAAQ,EAAM,GAAK,EAAM,YACpB,GAAI,EAAE,MAAQ,aAAe,EAAE,MAAQ,UAC5C,GAAQ,EAAM,EAAI,EAAM,QAAU,EAAM,YACnC,GAAI,EAAE,MAAQ,OACnB,EAAO,OACF,GAAI,EAAE,MAAQ,MACnB,EAAO,EAAM,OAAS,OAEtB,OAGF,EAAE,eAAe,EACjB,EAAM,GAAM,MAAM,EAClB,EAAM,GAAM,MAAM,CACpB,CAEA,OACE,EAAA,EAAA,KAAC,EAAmB,SAApB,CAA6B,MAAO,CAAE,QAAO,eAAc,YACzD,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,KAAK,aACL,aAAY,EACZ,UAAW,EACX,UAAW,CAAC,EAAA,QAAO,MAAO,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC7D,GAAI,EAEH,UACE,CAAA,CACsB,CAAA,CAEjC"}

package/dist/components/ToggleGroup/ToggleGroup.js

@@ -11,7 +11,7 @@ function o() {
 var s = ({ value: t, onValueChange: n, "aria-label": o = "Options", children: s, className: c, ...l }) => {
 	let u = r(null);
 	function d(e) {
-		let t = Array.from(u.current?.querySelectorAll("[role=radio]:not(:disabled)") ?? []), n = document.activeElement, r = n instanceof HTMLButtonElement ? t.indexOf(n) : -1;
+		let t = Array.from(u.current?.querySelectorAll("[role=radio]:not(:disabled)") ?? []), { activeElement: n } = document, r = n instanceof HTMLButtonElement ? t.indexOf(n) : -1;
 		if (r === -1) return;
 		let i = r;
 		if (e.key === "ArrowRight" || e.key === "ArrowDown") i = (r + 1) % t.length;

package/dist/components/ToggleGroup/ToggleGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroup.js","names":[],"sources":["../../../src/components/ToggleGroup/ToggleGroup.tsx"],"sourcesContent":["import {\n  createContext,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n  useContext,\n  useRef,\n} from 'react';\n\nimport styles from './ToggleGroup.module.css';\n\n// ─── Context ──────────────────────────────────────────────────────────────────\n\ninterface ToggleGroupContextValue {\n  value: string;\n  onValueChange: (value: string) => void;\n}\n\nconst ToggleGroupContext = createContext<ToggleGroupContextValue | null>(null);\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useToggleGroup() {\n  const ctx = useContext(ToggleGroupContext);\n\n  if (!ctx) {\n    throw new Error('ToggleGroupItem must be used inside ToggleGroup');\n  }\n\n  return ctx;\n}\n\n// ─── ToggleGroup ──────────────────────────────────────────────────────────────\n\nexport interface ToggleGroupProps extends HTMLAttributes<HTMLDivElement> {\n  /** Name of the currently active toggle. */\n  value: string;\n  /** Called with the new value when a toggle is selected. */\n  onValueChange: (value: string) => void;\n  /** Accessible label for the group. */\n  'aria-label'?: string;\n  children?: ReactNode;\n}\n\n/**\n * Mutually-exclusive group of toggle buttons for in-place option selection.\n *\n * Mirrors `AdwToggleGroup` (libadwaita 1.7 / GNOME 48).\n *\n * Use for formatting controls, view-mode selectors, and toolbar options —\n * wherever a `ViewSwitcher` would be too heavy or is not placed in a HeaderBar.\n *\n * Compose with `ToggleGroupItem`. Keyboard: ← / → cycle, Home / End jump.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.ToggleGroup.html\n */\nexport const ToggleGroup = ({\n  value,\n  onValueChange,\n  'aria-label': ariaLabel = 'Options',\n  children,\n  className,\n  ...props\n}: ToggleGroupProps) => {\n  const groupRef = useRef<HTMLDivElement>(null);\n\n  function handleKeyDown(e: KeyboardEvent<HTMLDivElement>) {\n    const items = Array.from(\n      groupRef.current?.querySelectorAll<HTMLButtonElement>('[role=radio]:not(:disabled)') ?? [],\n    );\n    const activeElement = document.activeElement;\n    const idx = activeElement instanceof HTMLButtonElement ? items.indexOf(activeElement) : -1;\n\n    if (idx === -1) {\n      return;\n    }\n\n    let next = idx;\n    if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n      next = (idx + 1) % items.length;\n    } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n      next = (idx - 1 + items.length) % items.length;\n    } else if (e.key === 'Home') {\n      next = 0;\n    } else if (e.key === 'End') {\n      next = items.length - 1;\n    } else {\n      return;\n    }\n\n    e.preventDefault();\n    items[next].focus();\n    items[next].click();\n  }\n\n  return (\n    <ToggleGroupContext.Provider value={{ value, onValueChange }}>\n      <div\n        ref={groupRef}\n        role=\"radiogroup\"\n        aria-label={ariaLabel}\n        onKeyDown={handleKeyDown}\n        className={[styles.group, className].filter(Boolean).join(' ')}\n        {...props}\n      >\n        {children}\n      </div>\n    </ToggleGroupContext.Provider>\n  );\n};\n"],"mappings":";;;;AAkBA,IAAM,IAAqB,EAA8C,IAAI;AAG7E,SAAgB,IAAiB;CAC/B,IAAM,IAAM,EAAW,CAAkB;CAEzC,IAAI,CAAC,GACH,MAAU,MAAM,iDAAiD;CAGnE,OAAO;AACT;AA0BA,IAAa,KAAe,EAC1B,UACA,kBACA,cAAc,IAAY,WAC1B,aACA,cACA,GAAG,QACmB;CACtB,IAAM,IAAW,EAAuB,IAAI;CAE5C,SAAS,EAAc,GAAkC;EACvD,IAAM,IAAQ,MAAM,KAClB,EAAS,SAAS,iBAAoC,6BAA6B,KAAK,CAAC,CAC3F,GACM,IAAgB,SAAS,eACzB,IAAM,aAAyB,oBAAoB,EAAM,QAAQ,CAAa,IAAI;EAExF,IAAI,MAAQ,IACV;EAGF,IAAI,IAAO;EACX,IAAI,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,aACtC,KAAQ,IAAM,KAAK,EAAM;OACpB,IAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAC5C,KAAQ,IAAM,IAAI,EAAM,UAAU,EAAM;OACnC,IAAI,EAAE,QAAQ,QACnB,IAAO;OACF,IAAI,EAAE,QAAQ,OACnB,IAAO,EAAM,SAAS;OAEtB;EAKF,AAFA,EAAE,eAAe,GACjB,EAAM,GAAM,MAAM,GAClB,EAAM,GAAM,MAAM;CACpB;CAEA,OACE,kBAAC,EAAmB,UAApB;EAA6B,OAAO;GAAE;GAAO;EAAc;YACzD,kBAAC,OAAD;GACE,KAAK;GACL,MAAK;GACL,cAAY;GACZ,WAAW;GACX,WAAW,CAAC,EAAO,OAAO,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;GAC7D,GAAI;GAEH;EACE,CAAA;CACsB,CAAA;AAEjC"}
+{"version":3,"file":"ToggleGroup.js","names":[],"sources":["../../../src/components/ToggleGroup/ToggleGroup.tsx"],"sourcesContent":["import {\n  createContext,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n  useContext,\n  useRef,\n} from 'react';\n\nimport styles from './ToggleGroup.module.css';\n\n// ─── Context ──────────────────────────────────────────────────────────────────\n\ninterface ToggleGroupContextValue {\n  value: string;\n  onValueChange: (value: string) => void;\n}\n\nconst ToggleGroupContext = createContext<ToggleGroupContextValue | null>(null);\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useToggleGroup() {\n  const ctx = useContext(ToggleGroupContext);\n\n  if (!ctx) {\n    throw new Error('ToggleGroupItem must be used inside ToggleGroup');\n  }\n\n  return ctx;\n}\n\n// ─── ToggleGroup ──────────────────────────────────────────────────────────────\n\nexport interface ToggleGroupProps extends HTMLAttributes<HTMLDivElement> {\n  /** Name of the currently active toggle. */\n  value: string;\n  /** Called with the new value when a toggle is selected. */\n  onValueChange: (value: string) => void;\n  /** Accessible label for the group. */\n  'aria-label'?: string;\n  children?: ReactNode;\n}\n\n/**\n * Mutually-exclusive group of toggle buttons for in-place option selection.\n *\n * Mirrors `AdwToggleGroup` (libadwaita 1.7 / GNOME 48).\n *\n * Use for formatting controls, view-mode selectors, and toolbar options —\n * wherever a `ViewSwitcher` would be too heavy or is not placed in a HeaderBar.\n *\n * Compose with `ToggleGroupItem`. Keyboard: ← / → cycle, Home / End jump.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.ToggleGroup.html\n */\nexport const ToggleGroup = ({\n  value,\n  onValueChange,\n  'aria-label': ariaLabel = 'Options',\n  children,\n  className,\n  ...props\n}: ToggleGroupProps) => {\n  const groupRef = useRef<HTMLDivElement>(null);\n\n  function handleKeyDown(e: KeyboardEvent<HTMLDivElement>) {\n    const items = Array.from(\n      groupRef.current?.querySelectorAll<HTMLButtonElement>('[role=radio]:not(:disabled)') ?? [],\n    );\n    const { activeElement } = document;\n    const idx = activeElement instanceof HTMLButtonElement ? items.indexOf(activeElement) : -1;\n\n    if (idx === -1) {\n      return;\n    }\n\n    let next = idx;\n    if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n      next = (idx + 1) % items.length;\n    } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n      next = (idx - 1 + items.length) % items.length;\n    } else if (e.key === 'Home') {\n      next = 0;\n    } else if (e.key === 'End') {\n      next = items.length - 1;\n    } else {\n      return;\n    }\n\n    e.preventDefault();\n    items[next].focus();\n    items[next].click();\n  }\n\n  return (\n    <ToggleGroupContext.Provider value={{ value, onValueChange }}>\n      <div\n        ref={groupRef}\n        role=\"radiogroup\"\n        aria-label={ariaLabel}\n        onKeyDown={handleKeyDown}\n        className={[styles.group, className].filter(Boolean).join(' ')}\n        {...props}\n      >\n        {children}\n      </div>\n    </ToggleGroupContext.Provider>\n  );\n};\n"],"mappings":";;;;AAkBA,IAAM,IAAqB,EAA8C,IAAI;AAG7E,SAAgB,IAAiB;CAC/B,IAAM,IAAM,EAAW,CAAkB;CAEzC,IAAI,CAAC,GACH,MAAU,MAAM,iDAAiD;CAGnE,OAAO;AACT;AA0BA,IAAa,KAAe,EAC1B,UACA,kBACA,cAAc,IAAY,WAC1B,aACA,cACA,GAAG,QACmB;CACtB,IAAM,IAAW,EAAuB,IAAI;CAE5C,SAAS,EAAc,GAAkC;EACvD,IAAM,IAAQ,MAAM,KAClB,EAAS,SAAS,iBAAoC,6BAA6B,KAAK,CAAC,CAC3F,GACM,EAAE,qBAAkB,UACpB,IAAM,aAAyB,oBAAoB,EAAM,QAAQ,CAAa,IAAI;EAExF,IAAI,MAAQ,IACV;EAGF,IAAI,IAAO;EACX,IAAI,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,aACtC,KAAQ,IAAM,KAAK,EAAM;OACpB,IAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAC5C,KAAQ,IAAM,IAAI,EAAM,UAAU,EAAM;OACnC,IAAI,EAAE,QAAQ,QACnB,IAAO;OACF,IAAI,EAAE,QAAQ,OACnB,IAAO,EAAM,SAAS;OAEtB;EAKF,AAFA,EAAE,eAAe,GACjB,EAAM,GAAM,MAAM,GAClB,EAAM,GAAM,MAAM;CACpB;CAEA,OACE,kBAAC,EAAmB,UAApB;EAA6B,OAAO;GAAE;GAAO;EAAc;YACzD,kBAAC,OAAD;GACE,KAAK;GACL,MAAK;GACL,cAAY;GACZ,WAAW;GACX,WAAW,CAAC,EAAO,OAAO,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;GAC7D,GAAI;GAEH;EACE,CAAA;CACsB,CAAA;AAEjC"}

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

@@ -1,2 +1,2 @@
-var e={group:`_group_1g5d7_3`,item:`_item_1g5d7_18`,iconOnly:`_iconOnly_1g5d7_48`,active:`_active_1g5d7_53`,itemIcon:`_itemIcon_1g5d7_87`,itemLabel:`_itemLabel_1g5d7_93`};exports.default=e;
+var e={group:`_group_abomc_3`,item:`_item_abomc_16`,iconOnly:`_iconOnly_abomc_41`,active:`_active_abomc_46`,itemIcon:`_itemIcon_abomc_80`,itemLabel:`_itemLabel_abomc_86`};exports.default=e;
 //# sourceMappingURL=ToggleGroup.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroup.module.css.cjs","names":[],"sources":["../../../src/components/ToggleGroup/ToggleGroup.module.css"],"sourcesContent":["/* ─── Container ─────────────────────────────────────────────────────────────── */\n\n.group {\n  display: inline-flex;\n  align-items: stretch;\n  gap: 0;\n\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  border: 1px solid var(--gnome-light-3, #deddda);\n  border-radius: var(--gnome-radius-md);\n  box-shadow: var(--gnome-shadow-sm);\n  padding: 2px;\n  gap: 2px;\n}\n\n/* ─── Item ──────────────────────────────────────────────────────────────────── */\n\n.item {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  cursor: pointer;\n  outline: none;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--gnome-space-1, 6px);\n\n  padding: 4px var(--gnome-space-2, 12px);\n  border-radius: calc(var(--gnome-radius-md) - 2px);\n  min-height: 28px;\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  white-space: nowrap;\n\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n/* Icon-only: square aspect ratio */\n.iconOnly {\n  padding: 4px;\n  min-width: 28px;\n}\n\n.item:hover:not(:disabled):not(.active) {\n  background-color: rgba(0, 0, 0, 0.06);\n}\n\n.item:active:not(:disabled):not(.active) {\n  background-color: rgba(0, 0, 0, 0.12);\n}\n\n.item:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Focus ─────────────────────────────────────────────────────────────────── */\n\n.item:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-card-bg-color, #ffffff),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 2px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Active ────────────────────────────────────────────────────────────────── */\n\n.active {\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 15%, transparent);\n  color: var(--gnome-accent-color, #3584e4);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  box-shadow: inset 0 0 0 1px\n    color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 40%, transparent);\n}\n\n/* ─── Icon ──────────────────────────────────────────────────────────────────── */\n\n.itemIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.itemLabel {\n  line-height: 1;\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .group {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgba(255, 255, 255, 0.12);\n    box-shadow: none;\n  }\n\n  .item:hover:not(:disabled):not(.active) {\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .item:active:not(:disabled):not(.active) {\n    background-color: rgba(255, 255, 255, 0.14);\n  }\n\n  .item:focus-visible {\n    box-shadow:\n      0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-card-bg-color, #383838),\n      0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 2px))\n      var(--gnome-focus-ring-color, #78aeed);\n  }\n\n  .active {\n    background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 25%, transparent);\n    color: var(--gnome-accent-color, #78aeed);\n    box-shadow: inset 0 0 0 1px\n      color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 50%, transparent);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .item {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"ToggleGroup.module.css.cjs","names":[],"sources":["../../../src/components/ToggleGroup/ToggleGroup.module.css"],"sourcesContent":["/* ─── Container ─────────────────────────────────────────────────────────────── */\n\n.group {\n  display: inline-flex;\n  align-items: stretch;\n  background-color: var(--gnome-card-bg-color, #fff);\n  border: 1px solid var(--gnome-light-3, #deddda);\n  border-radius: var(--gnome-radius-md);\n  box-shadow: var(--gnome-shadow-sm);\n  padding: 2px;\n  gap: 2px;\n}\n\n/* ─── Item ──────────────────────────────────────────────────────────────────── */\n\n.item {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  cursor: pointer;\n  outline: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--gnome-space-1, 6px);\n  padding: 4px var(--gnome-space-2, 12px);\n  border-radius: calc(var(--gnome-radius-md) - 2px);\n  min-height: 28px;\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, rgb(0 0 0 / 0.8));\n  white-space: nowrap;\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n/* Icon-only: square aspect ratio */\n.iconOnly {\n  padding: 4px;\n  min-width: 28px;\n}\n\n.item:hover:not(:disabled, .active) {\n  background-color: rgb(0 0 0 / 0.06);\n}\n\n.item:active:not(:disabled, .active) {\n  background-color: rgb(0 0 0 / 0.12);\n}\n\n.item:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Focus ─────────────────────────────────────────────────────────────────── */\n\n.item:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-card-bg-color, #fff),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 2px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Active ────────────────────────────────────────────────────────────────── */\n\n.active {\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 15%, transparent);\n  color: var(--gnome-accent-color, #3584e4);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  box-shadow: inset 0 0 0 1px\n    color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 40%, transparent);\n}\n\n/* ─── Icon ──────────────────────────────────────────────────────────────────── */\n\n.itemIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.itemLabel {\n  line-height: 1;\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .group {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgb(255 255 255 / 0.12);\n    box-shadow: none;\n  }\n\n  .item:hover:not(:disabled, .active) {\n    background-color: rgb(255 255 255 / 0.08);\n  }\n\n  .item:active:not(:disabled, .active) {\n    background-color: rgb(255 255 255 / 0.14);\n  }\n\n  .item:focus-visible {\n    box-shadow:\n      0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-card-bg-color, #383838),\n      0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 2px))\n      var(--gnome-focus-ring-color, #78aeed);\n  }\n\n  .active {\n    background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 25%, transparent);\n    color: var(--gnome-accent-color, #78aeed);\n    box-shadow: inset 0 0 0 1px\n      color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 50%, transparent);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .item {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,10 +1,10 @@
 var e = {
-	group: "_group_1g5d7_3",
-	item: "_item_1g5d7_18",
-	iconOnly: "_iconOnly_1g5d7_48",
-	active: "_active_1g5d7_53",
-	itemIcon: "_itemIcon_1g5d7_87",
-	itemLabel: "_itemLabel_1g5d7_93"
+	group: "_group_abomc_3",
+	item: "_item_abomc_16",
+	iconOnly: "_iconOnly_abomc_41",
+	active: "_active_abomc_46",
+	itemIcon: "_itemIcon_abomc_80",
+	itemLabel: "_itemLabel_abomc_86"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroup.module.css.js","names":[],"sources":["../../../src/components/ToggleGroup/ToggleGroup.module.css"],"sourcesContent":["/* ─── Container ─────────────────────────────────────────────────────────────── */\n\n.group {\n  display: inline-flex;\n  align-items: stretch;\n  gap: 0;\n\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  border: 1px solid var(--gnome-light-3, #deddda);\n  border-radius: var(--gnome-radius-md);\n  box-shadow: var(--gnome-shadow-sm);\n  padding: 2px;\n  gap: 2px;\n}\n\n/* ─── Item ──────────────────────────────────────────────────────────────────── */\n\n.item {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  cursor: pointer;\n  outline: none;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--gnome-space-1, 6px);\n\n  padding: 4px var(--gnome-space-2, 12px);\n  border-radius: calc(var(--gnome-radius-md) - 2px);\n  min-height: 28px;\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  white-space: nowrap;\n\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n/* Icon-only: square aspect ratio */\n.iconOnly {\n  padding: 4px;\n  min-width: 28px;\n}\n\n.item:hover:not(:disabled):not(.active) {\n  background-color: rgba(0, 0, 0, 0.06);\n}\n\n.item:active:not(:disabled):not(.active) {\n  background-color: rgba(0, 0, 0, 0.12);\n}\n\n.item:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Focus ─────────────────────────────────────────────────────────────────── */\n\n.item:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-card-bg-color, #ffffff),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 2px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Active ────────────────────────────────────────────────────────────────── */\n\n.active {\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 15%, transparent);\n  color: var(--gnome-accent-color, #3584e4);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  box-shadow: inset 0 0 0 1px\n    color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 40%, transparent);\n}\n\n/* ─── Icon ──────────────────────────────────────────────────────────────────── */\n\n.itemIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.itemLabel {\n  line-height: 1;\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .group {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgba(255, 255, 255, 0.12);\n    box-shadow: none;\n  }\n\n  .item:hover:not(:disabled):not(.active) {\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .item:active:not(:disabled):not(.active) {\n    background-color: rgba(255, 255, 255, 0.14);\n  }\n\n  .item:focus-visible {\n    box-shadow:\n      0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-card-bg-color, #383838),\n      0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 2px))\n      var(--gnome-focus-ring-color, #78aeed);\n  }\n\n  .active {\n    background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 25%, transparent);\n    color: var(--gnome-accent-color, #78aeed);\n    box-shadow: inset 0 0 0 1px\n      color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 50%, transparent);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .item {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"ToggleGroup.module.css.js","names":[],"sources":["../../../src/components/ToggleGroup/ToggleGroup.module.css"],"sourcesContent":["/* ─── Container ─────────────────────────────────────────────────────────────── */\n\n.group {\n  display: inline-flex;\n  align-items: stretch;\n  background-color: var(--gnome-card-bg-color, #fff);\n  border: 1px solid var(--gnome-light-3, #deddda);\n  border-radius: var(--gnome-radius-md);\n  box-shadow: var(--gnome-shadow-sm);\n  padding: 2px;\n  gap: 2px;\n}\n\n/* ─── Item ──────────────────────────────────────────────────────────────────── */\n\n.item {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  cursor: pointer;\n  outline: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--gnome-space-1, 6px);\n  padding: 4px var(--gnome-space-2, 12px);\n  border-radius: calc(var(--gnome-radius-md) - 2px);\n  min-height: 28px;\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, rgb(0 0 0 / 0.8));\n  white-space: nowrap;\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n/* Icon-only: square aspect ratio */\n.iconOnly {\n  padding: 4px;\n  min-width: 28px;\n}\n\n.item:hover:not(:disabled, .active) {\n  background-color: rgb(0 0 0 / 0.06);\n}\n\n.item:active:not(:disabled, .active) {\n  background-color: rgb(0 0 0 / 0.12);\n}\n\n.item:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Focus ─────────────────────────────────────────────────────────────────── */\n\n.item:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-card-bg-color, #fff),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 2px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Active ────────────────────────────────────────────────────────────────── */\n\n.active {\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 15%, transparent);\n  color: var(--gnome-accent-color, #3584e4);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  box-shadow: inset 0 0 0 1px\n    color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 40%, transparent);\n}\n\n/* ─── Icon ──────────────────────────────────────────────────────────────────── */\n\n.itemIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.itemLabel {\n  line-height: 1;\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .group {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgb(255 255 255 / 0.12);\n    box-shadow: none;\n  }\n\n  .item:hover:not(:disabled, .active) {\n    background-color: rgb(255 255 255 / 0.08);\n  }\n\n  .item:active:not(:disabled, .active) {\n    background-color: rgb(255 255 255 / 0.14);\n  }\n\n  .item:focus-visible {\n    box-shadow:\n      0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-card-bg-color, #383838),\n      0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 2px))\n      var(--gnome-focus-ring-color, #78aeed);\n  }\n\n  .active {\n    background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 25%, transparent);\n    color: var(--gnome-accent-color, #78aeed);\n    box-shadow: inset 0 0 0 1px\n      color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 50%, transparent);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .item {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={toolbar:`_toolbar_1avgl_2`,spacer:`_spacer_1avgl_20`};exports.default=e;
+var e={toolbar:`_toolbar_1x5lw_2`,spacer:`_spacer_1x5lw_18`};exports.default=e;
 //# sourceMappingURL=Toolbar.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.module.css.cjs","names":[],"sources":["../../../src/components/Toolbar/Toolbar.module.css"],"sourcesContent":["/* ─── Toolbar ─────────────────────────────────────────────────────────────────\n   Mirrors the libadwaita `.toolbar` style class:\n   horizontal flex row, 6 px padding on all sides, 6 px gap between children.\n   ─────────────────────────────────────────────────────────────────────────── */\n\n.toolbar {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  flex-wrap: nowrap;\n  gap: var(--gnome-space-1, 6px);\n  padding: var(--gnome-space-1, 6px);\n  min-height: 46px;\n\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  font-family: var(--gnome-font-family);\n}\n\n/* ─── Spacer ──────────────────────────────────────────────────────────────────\n   Invisible flex filler — mirrors `GtkSeparator.spacer`.\n   ─────────────────────────────────────────────────────────────────────────── */\n\n.spacer {\n  flex: 1;\n  min-width: 0;\n}\n"],"mappings":""}
+{"version":3,"file":"Toolbar.module.css.cjs","names":[],"sources":["../../../src/components/Toolbar/Toolbar.module.css"],"sourcesContent":["/* ─── Toolbar ─────────────────────────────────────────────────────────────────\n   Mirrors the libadwaita `.toolbar` style class:\n   horizontal flex row, 6 px padding on all sides, 6 px gap between children.\n   ─────────────────────────────────────────────────────────────────────────── */\n\n.toolbar {\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  padding: var(--gnome-space-1, 6px);\n  min-height: 46px;\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  font-family: var(--gnome-font-family);\n}\n\n/* ─── Spacer ──────────────────────────────────────────────────────────────────\n   Invisible flex filler — mirrors `GtkSeparator.spacer`.\n   ─────────────────────────────────────────────────────────────────────────── */\n\n.spacer {\n  flex: 1;\n  min-width: 0;\n}\n"],"mappings":""}

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

@@ -1,6 +1,6 @@
 var e = {
-	toolbar: "_toolbar_1avgl_2",
-	spacer: "_spacer_1avgl_20"
+	toolbar: "_toolbar_1x5lw_2",
+	spacer: "_spacer_1x5lw_18"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.module.css.js","names":[],"sources":["../../../src/components/Toolbar/Toolbar.module.css"],"sourcesContent":["/* ─── Toolbar ─────────────────────────────────────────────────────────────────\n   Mirrors the libadwaita `.toolbar` style class:\n   horizontal flex row, 6 px padding on all sides, 6 px gap between children.\n   ─────────────────────────────────────────────────────────────────────────── */\n\n.toolbar {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  flex-wrap: nowrap;\n  gap: var(--gnome-space-1, 6px);\n  padding: var(--gnome-space-1, 6px);\n  min-height: 46px;\n\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  font-family: var(--gnome-font-family);\n}\n\n/* ─── Spacer ──────────────────────────────────────────────────────────────────\n   Invisible flex filler — mirrors `GtkSeparator.spacer`.\n   ─────────────────────────────────────────────────────────────────────────── */\n\n.spacer {\n  flex: 1;\n  min-width: 0;\n}\n"],"mappings":""}
+{"version":3,"file":"Toolbar.module.css.js","names":[],"sources":["../../../src/components/Toolbar/Toolbar.module.css"],"sourcesContent":["/* ─── Toolbar ─────────────────────────────────────────────────────────────────\n   Mirrors the libadwaita `.toolbar` style class:\n   horizontal flex row, 6 px padding on all sides, 6 px gap between children.\n   ─────────────────────────────────────────────────────────────────────────── */\n\n.toolbar {\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  padding: var(--gnome-space-1, 6px);\n  min-height: 46px;\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  font-family: var(--gnome-font-family);\n}\n\n/* ─── Spacer ──────────────────────────────────────────────────────────────────\n   Invisible flex filler — mirrors `GtkSeparator.spacer`.\n   ─────────────────────────────────────────────────────────────────────────── */\n\n.spacer {\n  flex: 1;\n  min-width: 0;\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={tooltip:`_tooltip_n1yac_3`,visible:`_visible_n1yac_29`,top:`_top_n1yac_55`,bottom:`_bottom_n1yac_62`,left:`_left_n1yac_69`,right:`_right_n1yac_76`};exports.default=e;
+var e={tooltip:`_tooltip_v8xns_3`,visible:`_visible_v8xns_24`,top:`_top_v8xns_50`,bottom:`_bottom_v8xns_57`,left:`_left_v8xns_64`,right:`_right_v8xns_71`};exports.default=e;
 //# sourceMappingURL=Tooltip.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.module.css.cjs","names":[],"sources":["../../../src/components/Tooltip/Tooltip.module.css"],"sourcesContent":["/* ─── Tooltip bubble ─────────────────────────────────────────────────────────── */\n\n.tooltip {\n  position: fixed;\n  z-index: 10500; /* above Dialog (10000) and Toaster (9999) */\n\n  max-width: 240px;\n  padding: 4px var(--gnome-space-2, 12px);\n\n  background-color: var(--gnome-tooltip-bg-color, #3d3d3d);\n  color: var(--gnome-tooltip-fg-color, #ffffff);\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.8125rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  text-align: center;\n  white-space: pre-wrap;\n  word-break: break-word;\n\n  border-radius: var(--gnome-radius-sm, 6px);\n  box-shadow:\n    0 2px 8px rgba(0, 0, 0, 0.2),\n    0 0 0 1px rgba(255, 255, 255, 0.06);\n\n  pointer-events: none;\n  user-select: none;\n\n  /* Hidden by default — fades in when .visible is applied */\n  opacity: 0;\n  transform: scale(0.94);\n  transition:\n    opacity var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease),\n    transform var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n/* ─── Visible state ──────────────────────────────────────────────────────────── */\n\n.visible {\n  opacity: 1;\n  transform: scale(1);\n}\n\n/* ─── Arrow ──────────────────────────────────────────────────────────────────── */\n\n.tooltip::after {\n  content: \"\";\n  position: absolute;\n  width: 0;\n  height: 0;\n  border: 5px solid transparent;\n  pointer-events: none;\n}\n\n.top::after {\n  top: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  border-top-color: var(--gnome-tooltip-bg-color, #3d3d3d);\n}\n\n.bottom::after {\n  bottom: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  border-bottom-color: var(--gnome-tooltip-bg-color, #3d3d3d);\n}\n\n.left::after {\n  left: 100%;\n  top: 50%;\n  transform: translateY(-50%);\n  border-left-color: var(--gnome-tooltip-bg-color, #3d3d3d);\n}\n\n.right::after {\n  right: 100%;\n  top: 50%;\n  transform: translateY(-50%);\n  border-right-color: var(--gnome-tooltip-bg-color, #3d3d3d);\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .tooltip {\n    background-color: var(--gnome-tooltip-bg-color, #c0bfbc);\n    color: var(--gnome-tooltip-fg-color, rgba(0, 0, 0, 0.8));\n    box-shadow:\n      0 2px 8px rgba(0, 0, 0, 0.4),\n      0 0 0 1px rgba(0, 0, 0, 0.12);\n  }\n\n  .top::after {\n    border-top-color: var(--gnome-tooltip-bg-color, #c0bfbc);\n  }\n  .bottom::after {\n    border-bottom-color: var(--gnome-tooltip-bg-color, #c0bfbc);\n  }\n  .left::after {\n    border-left-color: var(--gnome-tooltip-bg-color, #c0bfbc);\n  }\n  .right::after {\n    border-right-color: var(--gnome-tooltip-bg-color, #c0bfbc);\n  }\n}\n\n/* ─── Reduced motion ─────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .tooltip {\n    transition: opacity var(--gnome-duration-fast, 100ms) linear;\n    transform: none;\n  }\n\n  .visible {\n    transform: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Tooltip.module.css.cjs","names":[],"sources":["../../../src/components/Tooltip/Tooltip.module.css"],"sourcesContent":["/* ─── Tooltip bubble ─────────────────────────────────────────────────────────── */\n\n.tooltip {\n  position: fixed;\n  z-index: 10500; /* above Dialog (10000) and Toaster (9999) */\n  max-width: 240px;\n  padding: 4px var(--gnome-space-2, 12px);\n  background-color: var(--gnome-tooltip-bg-color, #3d3d3d);\n  color: var(--gnome-tooltip-fg-color, #fff);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.8125rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  text-align: center;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  border-radius: var(--gnome-radius-sm, 6px);\n  box-shadow:\n    0 2px 8px rgb(0 0 0 / 0.2),\n    0 0 0 1px rgb(255 255 255 / 0.06);\n  pointer-events: none;\n  user-select: none;\n\n  /* Hidden by default — fades in when .visible is applied */\n  opacity: 0;\n  transform: scale(0.94);\n  transition:\n    opacity var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease),\n    transform var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n/* ─── Visible state ──────────────────────────────────────────────────────────── */\n\n.visible {\n  opacity: 1;\n  transform: scale(1);\n}\n\n/* ─── Arrow ──────────────────────────────────────────────────────────────────── */\n\n.tooltip::after {\n  content: \"\";\n  position: absolute;\n  width: 0;\n  height: 0;\n  border: 5px solid transparent;\n  pointer-events: none;\n}\n\n.top::after {\n  top: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  border-top-color: var(--gnome-tooltip-bg-color, #3d3d3d);\n}\n\n.bottom::after {\n  bottom: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  border-bottom-color: var(--gnome-tooltip-bg-color, #3d3d3d);\n}\n\n.left::after {\n  left: 100%;\n  top: 50%;\n  transform: translateY(-50%);\n  border-left-color: var(--gnome-tooltip-bg-color, #3d3d3d);\n}\n\n.right::after {\n  right: 100%;\n  top: 50%;\n  transform: translateY(-50%);\n  border-right-color: var(--gnome-tooltip-bg-color, #3d3d3d);\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .tooltip {\n    background-color: var(--gnome-tooltip-bg-color, #c0bfbc);\n    color: var(--gnome-tooltip-fg-color, rgb(0 0 0 / 0.8));\n    box-shadow:\n      0 2px 8px rgb(0 0 0 / 0.4),\n      0 0 0 1px rgb(0 0 0 / 0.12);\n  }\n\n  .top::after {\n    border-top-color: var(--gnome-tooltip-bg-color, #c0bfbc);\n  }\n\n  .bottom::after {\n    border-bottom-color: var(--gnome-tooltip-bg-color, #c0bfbc);\n  }\n\n  .left::after {\n    border-left-color: var(--gnome-tooltip-bg-color, #c0bfbc);\n  }\n\n  .right::after {\n    border-right-color: var(--gnome-tooltip-bg-color, #c0bfbc);\n  }\n}\n\n/* ─── Reduced motion ─────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .tooltip {\n    transition: opacity var(--gnome-duration-fast, 100ms) linear;\n    transform: none;\n  }\n\n  .visible {\n    transform: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,10 +1,10 @@
 var e = {
-	tooltip: "_tooltip_n1yac_3",
-	visible: "_visible_n1yac_29",
-	top: "_top_n1yac_55",
-	bottom: "_bottom_n1yac_62",
-	left: "_left_n1yac_69",
-	right: "_right_n1yac_76"
+	tooltip: "_tooltip_v8xns_3",
+	visible: "_visible_v8xns_24",
+	top: "_top_v8xns_50",
+	bottom: "_bottom_v8xns_57",
+	left: "_left_v8xns_64",
+	right: "_right_v8xns_71"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.module.css.js","names":[],"sources":["../../../src/components/Tooltip/Tooltip.module.css"],"sourcesContent":["/* ─── Tooltip bubble ─────────────────────────────────────────────────────────── */\n\n.tooltip {\n  position: fixed;\n  z-index: 10500; /* above Dialog (10000) and Toaster (9999) */\n\n  max-width: 240px;\n  padding: 4px var(--gnome-space-2, 12px);\n\n  background-color: var(--gnome-tooltip-bg-color, #3d3d3d);\n  color: var(--gnome-tooltip-fg-color, #ffffff);\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.8125rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  text-align: center;\n  white-space: pre-wrap;\n  word-break: break-word;\n\n  border-radius: var(--gnome-radius-sm, 6px);\n  box-shadow:\n    0 2px 8px rgba(0, 0, 0, 0.2),\n    0 0 0 1px rgba(255, 255, 255, 0.06);\n\n  pointer-events: none;\n  user-select: none;\n\n  /* Hidden by default — fades in when .visible is applied */\n  opacity: 0;\n  transform: scale(0.94);\n  transition:\n    opacity var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease),\n    transform var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n/* ─── Visible state ──────────────────────────────────────────────────────────── */\n\n.visible {\n  opacity: 1;\n  transform: scale(1);\n}\n\n/* ─── Arrow ──────────────────────────────────────────────────────────────────── */\n\n.tooltip::after {\n  content: \"\";\n  position: absolute;\n  width: 0;\n  height: 0;\n  border: 5px solid transparent;\n  pointer-events: none;\n}\n\n.top::after {\n  top: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  border-top-color: var(--gnome-tooltip-bg-color, #3d3d3d);\n}\n\n.bottom::after {\n  bottom: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  border-bottom-color: var(--gnome-tooltip-bg-color, #3d3d3d);\n}\n\n.left::after {\n  left: 100%;\n  top: 50%;\n  transform: translateY(-50%);\n  border-left-color: var(--gnome-tooltip-bg-color, #3d3d3d);\n}\n\n.right::after {\n  right: 100%;\n  top: 50%;\n  transform: translateY(-50%);\n  border-right-color: var(--gnome-tooltip-bg-color, #3d3d3d);\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .tooltip {\n    background-color: var(--gnome-tooltip-bg-color, #c0bfbc);\n    color: var(--gnome-tooltip-fg-color, rgba(0, 0, 0, 0.8));\n    box-shadow:\n      0 2px 8px rgba(0, 0, 0, 0.4),\n      0 0 0 1px rgba(0, 0, 0, 0.12);\n  }\n\n  .top::after {\n    border-top-color: var(--gnome-tooltip-bg-color, #c0bfbc);\n  }\n  .bottom::after {\n    border-bottom-color: var(--gnome-tooltip-bg-color, #c0bfbc);\n  }\n  .left::after {\n    border-left-color: var(--gnome-tooltip-bg-color, #c0bfbc);\n  }\n  .right::after {\n    border-right-color: var(--gnome-tooltip-bg-color, #c0bfbc);\n  }\n}\n\n/* ─── Reduced motion ─────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .tooltip {\n    transition: opacity var(--gnome-duration-fast, 100ms) linear;\n    transform: none;\n  }\n\n  .visible {\n    transform: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Tooltip.module.css.js","names":[],"sources":["../../../src/components/Tooltip/Tooltip.module.css"],"sourcesContent":["/* ─── Tooltip bubble ─────────────────────────────────────────────────────────── */\n\n.tooltip {\n  position: fixed;\n  z-index: 10500; /* above Dialog (10000) and Toaster (9999) */\n  max-width: 240px;\n  padding: 4px var(--gnome-space-2, 12px);\n  background-color: var(--gnome-tooltip-bg-color, #3d3d3d);\n  color: var(--gnome-tooltip-fg-color, #fff);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.8125rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  text-align: center;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  border-radius: var(--gnome-radius-sm, 6px);\n  box-shadow:\n    0 2px 8px rgb(0 0 0 / 0.2),\n    0 0 0 1px rgb(255 255 255 / 0.06);\n  pointer-events: none;\n  user-select: none;\n\n  /* Hidden by default — fades in when .visible is applied */\n  opacity: 0;\n  transform: scale(0.94);\n  transition:\n    opacity var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease),\n    transform var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n/* ─── Visible state ──────────────────────────────────────────────────────────── */\n\n.visible {\n  opacity: 1;\n  transform: scale(1);\n}\n\n/* ─── Arrow ──────────────────────────────────────────────────────────────────── */\n\n.tooltip::after {\n  content: \"\";\n  position: absolute;\n  width: 0;\n  height: 0;\n  border: 5px solid transparent;\n  pointer-events: none;\n}\n\n.top::after {\n  top: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  border-top-color: var(--gnome-tooltip-bg-color, #3d3d3d);\n}\n\n.bottom::after {\n  bottom: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  border-bottom-color: var(--gnome-tooltip-bg-color, #3d3d3d);\n}\n\n.left::after {\n  left: 100%;\n  top: 50%;\n  transform: translateY(-50%);\n  border-left-color: var(--gnome-tooltip-bg-color, #3d3d3d);\n}\n\n.right::after {\n  right: 100%;\n  top: 50%;\n  transform: translateY(-50%);\n  border-right-color: var(--gnome-tooltip-bg-color, #3d3d3d);\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .tooltip {\n    background-color: var(--gnome-tooltip-bg-color, #c0bfbc);\n    color: var(--gnome-tooltip-fg-color, rgb(0 0 0 / 0.8));\n    box-shadow:\n      0 2px 8px rgb(0 0 0 / 0.4),\n      0 0 0 1px rgb(0 0 0 / 0.12);\n  }\n\n  .top::after {\n    border-top-color: var(--gnome-tooltip-bg-color, #c0bfbc);\n  }\n\n  .bottom::after {\n    border-bottom-color: var(--gnome-tooltip-bg-color, #c0bfbc);\n  }\n\n  .left::after {\n    border-left-color: var(--gnome-tooltip-bg-color, #c0bfbc);\n  }\n\n  .right::after {\n    border-right-color: var(--gnome-tooltip-bg-color, #c0bfbc);\n  }\n}\n\n/* ─── Reduced motion ─────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .tooltip {\n    transition: opacity var(--gnome-duration-fast, 100ms) linear;\n    transform: none;\n  }\n\n  .visible {\n    transform: none;\n  }\n}\n"],"mappings":""}

package/dist/components/ViewSwitcher/ViewSwitcher.cjs

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

package/dist/components/ViewSwitcher/ViewSwitcher.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ViewSwitcher.cjs","names":[],"sources":["../../../src/components/ViewSwitcher/ViewSwitcher.tsx"],"sourcesContent":["import { type HTMLAttributes, type KeyboardEvent, type ReactNode, useRef } from 'react';\n\nimport styles from './ViewSwitcher.module.css';\n\nexport interface ViewSwitcherProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  /** Accessible label for the group. */\n  'aria-label'?: string;\n}\n\n/**\n * Segmented control for switching between major views.\n *\n * Mirrors the Adwaita `AdwViewSwitcher` pattern. Place in a `HeaderBar`\n * as the `title` for the canonical GNOME layout.\n *\n * Compose with `ViewSwitcherItem` for each option.\n * Keyboard: ← / → cycle through items, Home / End jump to first / last.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.ViewSwitcher.html\n * @see https://developer.gnome.org/hig/patterns/nav/view-switchers.html\n */\nexport const ViewSwitcher = ({\n  children,\n  className,\n  'aria-label': ariaLabel = 'View switcher',\n  ...props\n}: ViewSwitcherProps) => {\n  const groupRef = useRef<HTMLDivElement>(null);\n\n  function handleKeyDown(e: KeyboardEvent<HTMLDivElement>) {\n    const items = Array.from(\n      groupRef.current?.querySelectorAll<HTMLButtonElement>('[role=radio]:not(:disabled)') ?? [],\n    );\n    const activeElement = document.activeElement;\n    const idx = activeElement instanceof HTMLButtonElement ? items.indexOf(activeElement) : -1;\n\n    if (idx === -1) {\n      return;\n    }\n\n    let next = idx;\n    if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n      next = (idx + 1) % items.length;\n    } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n      next = (idx - 1 + items.length) % items.length;\n    } else if (e.key === 'Home') {\n      next = 0;\n    } else if (e.key === 'End') {\n      next = items.length - 1;\n    } else {\n      return;\n    }\n\n    e.preventDefault();\n    items[next].focus();\n    items[next].click();\n  }\n\n  return (\n    <div\n      ref={groupRef}\n      role=\"radiogroup\"\n      aria-label={ariaLabel}\n      onKeyDown={handleKeyDown}\n      className={[styles.switcher, className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":"uGAsBA,IAAa,GAAgB,CAC3B,WACA,YACA,aAAc,EAAY,gBAC1B,GAAG,KACoB,CACvB,IAAM,GAAA,EAAA,EAAA,QAAkC,IAAI,EAE5C,SAAS,EAAc,EAAkC,CACvD,IAAM,EAAQ,MAAM,KAClB,EAAS,SAAS,iBAAoC,6BAA6B,GAAK,CAAC,CAC3F,EACM,EAAgB,SAAS,cACzB,EAAM,aAAyB,kBAAoB,EAAM,QAAQ,CAAa,EAAI,GAExF,GAAI,IAAQ,GACV,OAGF,IAAI,EAAO,EACX,GAAI,EAAE,MAAQ,cAAgB,EAAE,MAAQ,YACtC,GAAQ,EAAM,GAAK,EAAM,YACpB,GAAI,EAAE,MAAQ,aAAe,EAAE,MAAQ,UAC5C,GAAQ,EAAM,EAAI,EAAM,QAAU,EAAM,YACnC,GAAI,EAAE,MAAQ,OACnB,EAAO,OACF,GAAI,EAAE,MAAQ,MACnB,EAAO,EAAM,OAAS,OAEtB,OAGF,EAAE,eAAe,EACjB,EAAM,GAAM,MAAM,EAClB,EAAM,GAAM,MAAM,CACpB,CAEA,OACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,KAAK,aACL,aAAY,EACZ,UAAW,EACX,UAAW,CAAC,EAAA,QAAO,SAAU,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAChE,GAAI,EAEH,UACE,CAAA,CAET"}
+{"version":3,"file":"ViewSwitcher.cjs","names":[],"sources":["../../../src/components/ViewSwitcher/ViewSwitcher.tsx"],"sourcesContent":["import { type HTMLAttributes, type KeyboardEvent, type ReactNode, useRef } from 'react';\n\nimport styles from './ViewSwitcher.module.css';\n\nexport interface ViewSwitcherProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  /** Accessible label for the group. */\n  'aria-label'?: string;\n}\n\n/**\n * Segmented control for switching between major views.\n *\n * Mirrors the Adwaita `AdwViewSwitcher` pattern. Place in a `HeaderBar`\n * as the `title` for the canonical GNOME layout.\n *\n * Compose with `ViewSwitcherItem` for each option.\n * Keyboard: ← / → cycle through items, Home / End jump to first / last.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.ViewSwitcher.html\n * @see https://developer.gnome.org/hig/patterns/nav/view-switchers.html\n */\nexport const ViewSwitcher = ({\n  children,\n  className,\n  'aria-label': ariaLabel = 'View switcher',\n  ...props\n}: ViewSwitcherProps) => {\n  const groupRef = useRef<HTMLDivElement>(null);\n\n  function handleKeyDown(e: KeyboardEvent<HTMLDivElement>) {\n    const items = Array.from(\n      groupRef.current?.querySelectorAll<HTMLButtonElement>('[role=radio]:not(:disabled)') ?? [],\n    );\n    const { activeElement } = document;\n    const idx = activeElement instanceof HTMLButtonElement ? items.indexOf(activeElement) : -1;\n\n    if (idx === -1) {\n      return;\n    }\n\n    let next = idx;\n    if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n      next = (idx + 1) % items.length;\n    } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n      next = (idx - 1 + items.length) % items.length;\n    } else if (e.key === 'Home') {\n      next = 0;\n    } else if (e.key === 'End') {\n      next = items.length - 1;\n    } else {\n      return;\n    }\n\n    e.preventDefault();\n    items[next].focus();\n    items[next].click();\n  }\n\n  return (\n    <div\n      ref={groupRef}\n      role=\"radiogroup\"\n      aria-label={ariaLabel}\n      onKeyDown={handleKeyDown}\n      className={[styles.switcher, className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":"uGAsBA,IAAa,GAAgB,CAC3B,WACA,YACA,aAAc,EAAY,gBAC1B,GAAG,KACoB,CACvB,IAAM,GAAA,EAAA,EAAA,QAAkC,IAAI,EAE5C,SAAS,EAAc,EAAkC,CACvD,IAAM,EAAQ,MAAM,KAClB,EAAS,SAAS,iBAAoC,6BAA6B,GAAK,CAAC,CAC3F,EACM,CAAE,iBAAkB,SACpB,EAAM,aAAyB,kBAAoB,EAAM,QAAQ,CAAa,EAAI,GAExF,GAAI,IAAQ,GACV,OAGF,IAAI,EAAO,EACX,GAAI,EAAE,MAAQ,cAAgB,EAAE,MAAQ,YACtC,GAAQ,EAAM,GAAK,EAAM,YACpB,GAAI,EAAE,MAAQ,aAAe,EAAE,MAAQ,UAC5C,GAAQ,EAAM,EAAI,EAAM,QAAU,EAAM,YACnC,GAAI,EAAE,MAAQ,OACnB,EAAO,OACF,GAAI,EAAE,MAAQ,MACnB,EAAO,EAAM,OAAS,OAEtB,OAGF,EAAE,eAAe,EACjB,EAAM,GAAM,MAAM,EAClB,EAAM,GAAM,MAAM,CACpB,CAEA,OACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,KAAK,aACL,aAAY,EACZ,UAAW,EACX,UAAW,CAAC,EAAA,QAAO,SAAU,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAChE,GAAI,EAEH,UACE,CAAA,CAET"}

package/dist/components/ViewSwitcher/ViewSwitcher.js

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

package/dist/components/ViewSwitcher/ViewSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewSwitcher.js","names":[],"sources":["../../../src/components/ViewSwitcher/ViewSwitcher.tsx"],"sourcesContent":["import { type HTMLAttributes, type KeyboardEvent, type ReactNode, useRef } from 'react';\n\nimport styles from './ViewSwitcher.module.css';\n\nexport interface ViewSwitcherProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  /** Accessible label for the group. */\n  'aria-label'?: string;\n}\n\n/**\n * Segmented control for switching between major views.\n *\n * Mirrors the Adwaita `AdwViewSwitcher` pattern. Place in a `HeaderBar`\n * as the `title` for the canonical GNOME layout.\n *\n * Compose with `ViewSwitcherItem` for each option.\n * Keyboard: ← / → cycle through items, Home / End jump to first / last.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.ViewSwitcher.html\n * @see https://developer.gnome.org/hig/patterns/nav/view-switchers.html\n */\nexport const ViewSwitcher = ({\n  children,\n  className,\n  'aria-label': ariaLabel = 'View switcher',\n  ...props\n}: ViewSwitcherProps) => {\n  const groupRef = useRef<HTMLDivElement>(null);\n\n  function handleKeyDown(e: KeyboardEvent<HTMLDivElement>) {\n    const items = Array.from(\n      groupRef.current?.querySelectorAll<HTMLButtonElement>('[role=radio]:not(:disabled)') ?? [],\n    );\n    const activeElement = document.activeElement;\n    const idx = activeElement instanceof HTMLButtonElement ? items.indexOf(activeElement) : -1;\n\n    if (idx === -1) {\n      return;\n    }\n\n    let next = idx;\n    if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n      next = (idx + 1) % items.length;\n    } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n      next = (idx - 1 + items.length) % items.length;\n    } else if (e.key === 'Home') {\n      next = 0;\n    } else if (e.key === 'End') {\n      next = items.length - 1;\n    } else {\n      return;\n    }\n\n    e.preventDefault();\n    items[next].focus();\n    items[next].click();\n  }\n\n  return (\n    <div\n      ref={groupRef}\n      role=\"radiogroup\"\n      aria-label={ariaLabel}\n      onKeyDown={handleKeyDown}\n      className={[styles.switcher, className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;AAsBA,IAAa,KAAgB,EAC3B,aACA,cACA,cAAc,IAAY,iBAC1B,GAAG,QACoB;CACvB,IAAM,IAAW,EAAuB,IAAI;CAE5C,SAAS,EAAc,GAAkC;EACvD,IAAM,IAAQ,MAAM,KAClB,EAAS,SAAS,iBAAoC,6BAA6B,KAAK,CAAC,CAC3F,GACM,IAAgB,SAAS,eACzB,IAAM,aAAyB,oBAAoB,EAAM,QAAQ,CAAa,IAAI;EAExF,IAAI,MAAQ,IACV;EAGF,IAAI,IAAO;EACX,IAAI,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,aACtC,KAAQ,IAAM,KAAK,EAAM;OACpB,IAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAC5C,KAAQ,IAAM,IAAI,EAAM,UAAU,EAAM;OACnC,IAAI,EAAE,QAAQ,QACnB,IAAO;OACF,IAAI,EAAE,QAAQ,OACnB,IAAO,EAAM,SAAS;OAEtB;EAKF,AAFA,EAAE,eAAe,GACjB,EAAM,GAAM,MAAM,GAClB,EAAM,GAAM,MAAM;CACpB;CAEA,OACE,kBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,cAAY;EACZ,WAAW;EACX,WAAW,CAAC,EAAO,UAAU,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;EAChE,GAAI;EAEH;CACE,CAAA;AAET"}
+{"version":3,"file":"ViewSwitcher.js","names":[],"sources":["../../../src/components/ViewSwitcher/ViewSwitcher.tsx"],"sourcesContent":["import { type HTMLAttributes, type KeyboardEvent, type ReactNode, useRef } from 'react';\n\nimport styles from './ViewSwitcher.module.css';\n\nexport interface ViewSwitcherProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  /** Accessible label for the group. */\n  'aria-label'?: string;\n}\n\n/**\n * Segmented control for switching between major views.\n *\n * Mirrors the Adwaita `AdwViewSwitcher` pattern. Place in a `HeaderBar`\n * as the `title` for the canonical GNOME layout.\n *\n * Compose with `ViewSwitcherItem` for each option.\n * Keyboard: ← / → cycle through items, Home / End jump to first / last.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.ViewSwitcher.html\n * @see https://developer.gnome.org/hig/patterns/nav/view-switchers.html\n */\nexport const ViewSwitcher = ({\n  children,\n  className,\n  'aria-label': ariaLabel = 'View switcher',\n  ...props\n}: ViewSwitcherProps) => {\n  const groupRef = useRef<HTMLDivElement>(null);\n\n  function handleKeyDown(e: KeyboardEvent<HTMLDivElement>) {\n    const items = Array.from(\n      groupRef.current?.querySelectorAll<HTMLButtonElement>('[role=radio]:not(:disabled)') ?? [],\n    );\n    const { activeElement } = document;\n    const idx = activeElement instanceof HTMLButtonElement ? items.indexOf(activeElement) : -1;\n\n    if (idx === -1) {\n      return;\n    }\n\n    let next = idx;\n    if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n      next = (idx + 1) % items.length;\n    } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n      next = (idx - 1 + items.length) % items.length;\n    } else if (e.key === 'Home') {\n      next = 0;\n    } else if (e.key === 'End') {\n      next = items.length - 1;\n    } else {\n      return;\n    }\n\n    e.preventDefault();\n    items[next].focus();\n    items[next].click();\n  }\n\n  return (\n    <div\n      ref={groupRef}\n      role=\"radiogroup\"\n      aria-label={ariaLabel}\n      onKeyDown={handleKeyDown}\n      className={[styles.switcher, className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;AAsBA,IAAa,KAAgB,EAC3B,aACA,cACA,cAAc,IAAY,iBAC1B,GAAG,QACoB;CACvB,IAAM,IAAW,EAAuB,IAAI;CAE5C,SAAS,EAAc,GAAkC;EACvD,IAAM,IAAQ,MAAM,KAClB,EAAS,SAAS,iBAAoC,6BAA6B,KAAK,CAAC,CAC3F,GACM,EAAE,qBAAkB,UACpB,IAAM,aAAyB,oBAAoB,EAAM,QAAQ,CAAa,IAAI;EAExF,IAAI,MAAQ,IACV;EAGF,IAAI,IAAO;EACX,IAAI,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,aACtC,KAAQ,IAAM,KAAK,EAAM;OACpB,IAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAC5C,KAAQ,IAAM,IAAI,EAAM,UAAU,EAAM;OACnC,IAAI,EAAE,QAAQ,QACnB,IAAO;OACF,IAAI,EAAE,QAAQ,OACnB,IAAO,EAAM,SAAS;OAEtB;EAKF,AAFA,EAAE,eAAe,GACjB,EAAM,GAAM,MAAM,GAClB,EAAM,GAAM,MAAM;CACpB;CAEA,OACE,kBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,cAAY;EACZ,WAAW;EACX,WAAW,CAAC,EAAO,UAAU,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;EAChE,GAAI;EAEH;CACE,CAAA;AAET"}

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

@@ -1,2 +1,2 @@
-var e={switcher:`_switcher_xusgc_3`,item:`_item_xusgc_14`,active:`_active_xusgc_41`,itemIcon:`_itemIcon_xusgc_72`,itemLabel:`_itemLabel_xusgc_80`};exports.default=e;
+var e={switcher:`_switcher_1kg6i_3`,item:`_item_1kg6i_14`,active:`_active_1kg6i_37`,itemIcon:`_itemIcon_1kg6i_68`,itemLabel:`_itemLabel_1kg6i_76`};exports.default=e;
 //# sourceMappingURL=ViewSwitcher.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ViewSwitcher.module.css.cjs","names":[],"sources":["../../../src/components/ViewSwitcher/ViewSwitcher.module.css"],"sourcesContent":["/* ─── Container ────────────────────────────────────────────────────────────── */\n\n.switcher {\n  display: inline-flex;\n  align-items: center;\n  gap: 2px;\n  padding: 3px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: color-mix(in srgb, var(--gnome-headerbar-bg-color, #ebebeb) 75%, black 25%);\n}\n\n/* ─── Item ─────────────────────────────────────────────────────────────────── */\n\n.item {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  cursor: pointer;\n  outline: none;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--gnome-space-1, 6px);\n  padding: 5px var(--gnome-space-2, 12px);\n  border-radius: calc(var(--gnome-radius-pill) - 3px);\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  color: var(--gnome-headerbar-fg-color, rgba(0, 0, 0, 0.8));\n  white-space: nowrap;\n\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.item:hover:not(:disabled):not(.active) {\n  background-color: rgba(0, 0, 0, 0.06);\n}\n\n.item:active:not(:disabled):not(.active) {\n  background-color: rgba(0, 0, 0, 0.12);\n}\n\n.item:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n.item:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px)\n    color-mix(in srgb, var(--gnome-headerbar-bg-color, #ebebeb) 75%, black 25%),\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/* ─── Active item ──────────────────────────────────────────────────────────── */\n\n.active {\n  background-color: var(--gnome-headerbar-bg-color, #ebebeb);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  box-shadow: var(--gnome-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.12));\n}\n\n/* ─── Icon ─────────────────────────────────────────────────────────────────── */\n\n.itemIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n/* ─── Label ────────────────────────────────────────────────────────────────── */\n\n.itemLabel {\n  line-height: var(--gnome-line-height-body, 1.5);\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .switcher {\n    background-color: color-mix(in srgb, var(--gnome-headerbar-bg-color, #303030) 70%, black 30%);\n  }\n\n  .item:hover:not(:disabled):not(.active) {\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .item:active:not(:disabled):not(.active) {\n    background-color: rgba(255, 255, 255, 0.14);\n  }\n\n  .active {\n    background-color: var(--gnome-headerbar-bg-color, #303030);\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .item {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"ViewSwitcher.module.css.cjs","names":[],"sources":["../../../src/components/ViewSwitcher/ViewSwitcher.module.css"],"sourcesContent":["/* ─── Container ────────────────────────────────────────────────────────────── */\n\n.switcher {\n  display: inline-flex;\n  align-items: center;\n  gap: 2px;\n  padding: 3px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: color-mix(in srgb, var(--gnome-headerbar-bg-color, #ebebeb) 75%, black 25%);\n}\n\n/* ─── Item ─────────────────────────────────────────────────────────────────── */\n\n.item {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  cursor: pointer;\n  outline: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--gnome-space-1, 6px);\n  padding: 5px var(--gnome-space-2, 12px);\n  border-radius: calc(var(--gnome-radius-pill) - 3px);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  color: var(--gnome-headerbar-fg-color, rgb(0 0 0 / 0.8));\n  white-space: nowrap;\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.item:hover:not(:disabled, .active) {\n  background-color: rgb(0 0 0 / 0.06);\n}\n\n.item:active:not(:disabled, .active) {\n  background-color: rgb(0 0 0 / 0.12);\n}\n\n.item:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n.item:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px)\n    color-mix(in srgb, var(--gnome-headerbar-bg-color, #ebebeb) 75%, black 25%),\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/* ─── Active item ──────────────────────────────────────────────────────────── */\n\n.active {\n  background-color: var(--gnome-headerbar-bg-color, #ebebeb);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  box-shadow: var(--gnome-shadow-sm, 0 1px 2px rgb(0 0 0 / 0.12));\n}\n\n/* ─── Icon ─────────────────────────────────────────────────────────────────── */\n\n.itemIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n/* ─── Label ────────────────────────────────────────────────────────────────── */\n\n.itemLabel {\n  line-height: var(--gnome-line-height-body, 1.5);\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .switcher {\n    background-color: color-mix(in srgb, var(--gnome-headerbar-bg-color, #303030) 70%, black 30%);\n  }\n\n  .item:hover:not(:disabled, .active) {\n    background-color: rgb(255 255 255 / 0.08);\n  }\n\n  .item:active:not(:disabled, .active) {\n    background-color: rgb(255 255 255 / 0.14);\n  }\n\n  .active {\n    background-color: var(--gnome-headerbar-bg-color, #303030);\n    box-shadow: 0 1px 2px rgb(0 0 0 / 0.4);\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .item {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,9 +1,9 @@
 var e = {
-	switcher: "_switcher_xusgc_3",
-	item: "_item_xusgc_14",
-	active: "_active_xusgc_41",
-	itemIcon: "_itemIcon_xusgc_72",
-	itemLabel: "_itemLabel_xusgc_80"
+	switcher: "_switcher_1kg6i_3",
+	item: "_item_1kg6i_14",
+	active: "_active_1kg6i_37",
+	itemIcon: "_itemIcon_1kg6i_68",
+	itemLabel: "_itemLabel_1kg6i_76"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"ViewSwitcher.module.css.js","names":[],"sources":["../../../src/components/ViewSwitcher/ViewSwitcher.module.css"],"sourcesContent":["/* ─── Container ────────────────────────────────────────────────────────────── */\n\n.switcher {\n  display: inline-flex;\n  align-items: center;\n  gap: 2px;\n  padding: 3px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: color-mix(in srgb, var(--gnome-headerbar-bg-color, #ebebeb) 75%, black 25%);\n}\n\n/* ─── Item ─────────────────────────────────────────────────────────────────── */\n\n.item {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  cursor: pointer;\n  outline: none;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--gnome-space-1, 6px);\n  padding: 5px var(--gnome-space-2, 12px);\n  border-radius: calc(var(--gnome-radius-pill) - 3px);\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  color: var(--gnome-headerbar-fg-color, rgba(0, 0, 0, 0.8));\n  white-space: nowrap;\n\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.item:hover:not(:disabled):not(.active) {\n  background-color: rgba(0, 0, 0, 0.06);\n}\n\n.item:active:not(:disabled):not(.active) {\n  background-color: rgba(0, 0, 0, 0.12);\n}\n\n.item:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n.item:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px)\n    color-mix(in srgb, var(--gnome-headerbar-bg-color, #ebebeb) 75%, black 25%),\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/* ─── Active item ──────────────────────────────────────────────────────────── */\n\n.active {\n  background-color: var(--gnome-headerbar-bg-color, #ebebeb);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  box-shadow: var(--gnome-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.12));\n}\n\n/* ─── Icon ─────────────────────────────────────────────────────────────────── */\n\n.itemIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n/* ─── Label ────────────────────────────────────────────────────────────────── */\n\n.itemLabel {\n  line-height: var(--gnome-line-height-body, 1.5);\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .switcher {\n    background-color: color-mix(in srgb, var(--gnome-headerbar-bg-color, #303030) 70%, black 30%);\n  }\n\n  .item:hover:not(:disabled):not(.active) {\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .item:active:not(:disabled):not(.active) {\n    background-color: rgba(255, 255, 255, 0.14);\n  }\n\n  .active {\n    background-color: var(--gnome-headerbar-bg-color, #303030);\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .item {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"ViewSwitcher.module.css.js","names":[],"sources":["../../../src/components/ViewSwitcher/ViewSwitcher.module.css"],"sourcesContent":["/* ─── Container ────────────────────────────────────────────────────────────── */\n\n.switcher {\n  display: inline-flex;\n  align-items: center;\n  gap: 2px;\n  padding: 3px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: color-mix(in srgb, var(--gnome-headerbar-bg-color, #ebebeb) 75%, black 25%);\n}\n\n/* ─── Item ─────────────────────────────────────────────────────────────────── */\n\n.item {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  cursor: pointer;\n  outline: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--gnome-space-1, 6px);\n  padding: 5px var(--gnome-space-2, 12px);\n  border-radius: calc(var(--gnome-radius-pill) - 3px);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  color: var(--gnome-headerbar-fg-color, rgb(0 0 0 / 0.8));\n  white-space: nowrap;\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.item:hover:not(:disabled, .active) {\n  background-color: rgb(0 0 0 / 0.06);\n}\n\n.item:active:not(:disabled, .active) {\n  background-color: rgb(0 0 0 / 0.12);\n}\n\n.item:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n.item:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px)\n    color-mix(in srgb, var(--gnome-headerbar-bg-color, #ebebeb) 75%, black 25%),\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/* ─── Active item ──────────────────────────────────────────────────────────── */\n\n.active {\n  background-color: var(--gnome-headerbar-bg-color, #ebebeb);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  box-shadow: var(--gnome-shadow-sm, 0 1px 2px rgb(0 0 0 / 0.12));\n}\n\n/* ─── Icon ─────────────────────────────────────────────────────────────────── */\n\n.itemIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n/* ─── Label ────────────────────────────────────────────────────────────────── */\n\n.itemLabel {\n  line-height: var(--gnome-line-height-body, 1.5);\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .switcher {\n    background-color: color-mix(in srgb, var(--gnome-headerbar-bg-color, #303030) 70%, black 30%);\n  }\n\n  .item:hover:not(:disabled, .active) {\n    background-color: rgb(255 255 255 / 0.08);\n  }\n\n  .item:active:not(:disabled, .active) {\n    background-color: rgb(255 255 255 / 0.14);\n  }\n\n  .active {\n    background-color: var(--gnome-headerbar-bg-color, #303030);\n    box-shadow: 0 1px 2px rgb(0 0 0 / 0.4);\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .item {\n    transition: none;\n  }\n}\n"],"mappings":""}